Module

Framer.Motion

Package
purescript-framer-motion
Repository
i-am-the-slime/purescript-framer-motion

#motion Source

motion :: forall result baseProps motionSubset. Union baseProps (MotionProps ()) result => Nub result result => Castable motionSubset (Record (MotionProps ())) => motionSubset -> Record baseProps -> Record result

#withMotion Source

withMotion :: forall result baseProps motionSubset. Union baseProps (MotionProps ()) result => Nub result result => Castable motionSubset (Record (MotionProps ())) => Record baseProps -> motionSubset -> Record result

#animatePresence Source

animatePresence :: forall attrs attrs_ kids. Union attrs attrs_ AnimatePresenceProps => IsJSX kids => Record attrs -> kids -> JSX

#lazyMotion Source

lazyMotion :: forall attrs attrs_ kids. Union attrs attrs_ LazyMotionProps => IsJSX kids => Record attrs -> kids -> JSX

#layoutGroup Source

layoutGroup :: forall attrs attrs_ kids. Union attrs attrs_ LayoutGroupProps => IsJSX kids => Record attrs -> kids -> JSX

#motionConfig Source

motionConfig :: forall attrs attrs_ kids. Union attrs attrs_ MotionConfigProps => IsJSX kids => Record attrs -> kids -> JSX

#reorderGroup Source

reorderGroup :: forall attrs attrs_ kids. Union attrs attrs_ ReorderGroupProps => IsJSX kids => Record attrs -> kids -> JSX

#reorderItem Source

reorderItem :: forall attrs attrs_ kids. Union attrs attrs_ ReorderItemProps => IsJSX kids => Record attrs -> kids -> JSX

#startAnimationDynamic Source

startAnimationDynamic :: forall arg. (arg -> CSS) -> AnimationControls -> Aff Unit

Re-exports from Framer.Motion.Hook

#ViewportScrollValues Source

type ViewportScrollValues = { scrollX :: MotionValue Number, scrollXProgress :: MotionValue Number, scrollY :: MotionValue Number, scrollYProgress :: MotionValue Number }

#UseWillChange Source

data UseWillChange t0

#UseViewportScroll Source

data UseViewportScroll t0

#UseVelocity Source

data UseVelocity t0

#UseTransform Source

data UseTransform t0 t1

#UseTime Source

data UseTime t0

#UseSpring Source

data UseSpring t0 t1

#UseScroll Source

data UseScroll t0

#UseReducedMotion Source

data UseReducedMotion t0

#UseMotionValueEvent Source

data UseMotionValueEvent t0

#UseInView Source

data UseInView t0

#UseDragControls Source

data UseDragControls t0

#UseAnimationFrame Source

data UseAnimationFrame t0

#UseAnimation Source

data UseAnimation t0

#UseAnimate Source

data UseAnimate t0

#TransformOptions Source

type TransformOptions :: forall k. k -> Typetype TransformOptions a = { clamp :: Maybe Boolean, ease :: Maybe Ease }

#SpringProps Source

type SpringProps = { damping :: Number |+| Int |+| Undefined, from :: Number |+| Int |+| Undefined, mass :: Number |+| Int |+| Undefined, restDelta :: Number |+| Int |+| Undefined, restSpeed :: Number |+| Int |+| Undefined, stiffness :: Number |+| Int |+| Undefined, to :: Number |+| Int |+| Undefined, velocity :: Number |+| Int |+| Undefined }

#InViewOptions Source

data InViewOptions

#Ease Source

data Ease

#AnimateFunction Source

data AnimateFunction

#useTransformMapE Source

useTransformMapE :: forall a b. (a -> Effect b) -> MotionValue a -> Hook (UseTransform b) (MotionValue b)

#useTransformMap Source

useTransformMap :: forall a b. MotionValue a -> (a -> b) -> Hook (UseTransform a) (MotionValue b)

#useTransformEffect Source

useTransformEffect :: forall a. (Effect a) -> Hook (UseTransform a) (MotionValue a)

#useSpringWithNumber Source

useSpringWithNumber :: forall opts. Castable opts SpringProps => Number -> opts -> Hook (UseSpring (MotionValue Number)) (MotionValue Number)

#useSpringWithMotionValue Source

useSpringWithMotionValue :: forall a opts. Castable opts SpringProps => MotionValue a -> opts -> Hook (UseSpring (MotionValue a)) (MotionValue a)

#useScroll Source

useScroll :: forall attrs attrs_. Union attrs attrs_ UseScrollOptions => Record attrs -> Hook UseScroll ViewportScrollValues

#useMotionValueEvent Source

useMotionValueEvent :: forall a. MotionValue a -> String -> (a -> Effect Unit) -> Hook UseMotionValueEvent Unit

#useAnimate Source

useAnimate :: Hook (UseAnimate) { animate :: AnimateFunction, scope :: Ref (Nullable Node) }

Re-exports from Framer.Motion.MotionComponent

#svg_ Source

svg_ :: FFIComponent_ MotionBaseAttributes

#span_ Source

span_ :: FFIComponent_ MotionBaseAttributes

#path_ Source

path_ :: FFIComponent_ MotionBaseAttributes

#li_ Source

li_ :: FFIComponent_ MotionBaseAttributes

#g_ Source

g_ :: FFIComponent_ MotionBaseAttributes

#div_ Source

div_ :: FFIComponent_ MotionBaseAttributes

#custom Source

custom :: forall old. ReactComponent (Record old) -> Effect (ReactComponent (Record (MotionProps old)))

#button_ Source

button_ :: FFIComponent_ MotionBaseAttributes

#a_ Source

a_ :: FFIComponent_ MotionBaseAttributes

Re-exports from Framer.Motion.Types

#WillChange Source

data WillChange

#VariantLabel Source

newtype VariantLabel

Constructors

Instances

#UseScrollOptions Source

type UseScrollOptions :: Row Typetype UseScrollOptions = (axis :: String |+| Undefined, container :: (Ref (Nullable Node)) |+| Undefined, offset :: (Array String) |+| Undefined, target :: (Ref (Nullable Node)) |+| Undefined)

#TargetAndTransition Source

type TargetAndTransition = CSS

#Target Source

data Target

Constructors

#TapInfo Source

type TapInfo = { x :: Number, y :: Number }

#ReorderItemProps Source

type ReorderItemProps :: Row Typetype ReorderItemProps = (key :: String, layout :: Boolean |+| String |+| Undefined, value :: Foreign)

#ReorderGroupProps Source

type ReorderGroupProps :: Row Typetype ReorderGroupProps = (axis :: String, onReorder :: EffectFn1 (Array Foreign) Unit, values :: Array Foreign)

#Point2D Source

type Point2D = { x :: Number, y :: Number }

#PanInfo Source

type PanInfo = { delta :: Point2D, offset :: Point2D, point :: Point2D, velocity :: Point2D }

#OnLayoutAnimationComplete Source

type OnLayoutAnimationComplete = (Effect Unit) |+| Undefined

#OnAnimationStart Source

type OnAnimationStart = (Effect Unit) |+| Undefined

#MotionPropsF Source

type MotionPropsF :: (Type -> Type) -> Row Type -> Row Typetype MotionPropsF f r = (animate :: f Animate, custom :: f Foreign, drag :: f Drag, dragConstraints :: f DragConstraints, dragElastic :: f DragElastic, dragMomentum :: f DragMomentum, dragPropagation :: f DragPropagation, exit :: f Exit, initial :: f Initial, layout :: f Layout, layoutId :: f LayoutId, onAnimationComplete :: f OnAnimationComplete, onAnimationStart :: f OnAnimationStart, onDrag :: f OnDrag, onDragEnd :: f OnDragEnd, onDragStart :: f OnDragStart, onHoverEnd :: f OnHoverEnd, onHoverStart :: f OnHoverStart, onLayoutAnimationComplete :: f OnLayoutAnimationComplete, onPan :: f OnPan, onPanEnd :: f OnPanEnd, onPanStart :: f OnPanStart, onTap :: f OnTap, onTapCancel :: f OnTapCancel, onTapEnd :: f OnTapEnd, onTapStart :: f OnTapStart, onViewportBoxUpdate :: f OnViewportBoxUpdate, pan :: f Pan, transition :: f Transition, variants :: f Variants, whileDrag :: f WhileDrag, whileFocus :: f WhileFocus, whileHover :: f WhileHover, whileInView :: f WhileInView, whileTap :: f WhileTap | r)

#MotionProps Source

type MotionProps :: Row Type -> Row Typetype MotionProps r = MotionPropsF Id r

#MotionConfigProps Source

type MotionConfigProps :: Row Typetype MotionConfigProps = (nonce :: String |+| Undefined, reducedMotion :: String |+| Undefined, transition :: CSS |+| Undefined)

#MakeVariantLabel Source

data MakeVariantLabel

Constructors

Instances

#LazyMotionProps Source

type LazyMotionProps :: Row Typetype LazyMotionProps = (features :: Foreign, strict :: Boolean |+| Undefined)

#LayoutGroupProps Source

type LayoutGroupProps :: Row Typetype LayoutGroupProps = (id :: String |+| Undefined, inherit :: Boolean |+| String |+| Undefined)

#Infinity Source

data Infinity

#Id Source

type Id :: forall k. k -> ktype Id a = a

#EventInfo Source

type EventInfo = { point :: { x :: Number, y :: Number } }

#DragControls Source

data DragControls

#BoxDelta Source

type BoxDelta = { x :: AxisDelta, y :: AxisDelta }

#BoundingBox2D Source

type BoundingBox2D = { bottom :: Int |+| Number |+| Undefined, left :: Int |+| Number |+| Undefined, right :: Int |+| Number |+| Undefined, top :: Int |+| Number |+| Undefined }

#AxisDelta Source

type AxisDelta = { origin :: Number, originPoint :: Number, scale :: Number, translate :: Number }

#AxisBox2D Source

type AxisBox2D = { x :: Axis, y :: Axis }

#Axis Source

type Axis = { max :: Number, min :: Number }

#AnimationPlaybackControls Source

data AnimationPlaybackControls

#AnimationDefinition Source

type AnimationDefinition = Foreign

#AnimationControls Source

data AnimationControls

#AnimateSharedLayoutType Source

newtype AnimateSharedLayoutType

Constructors

#AnimateSharedLayoutProps Source

type AnimateSharedLayoutProps :: Row Typetype AnimateSharedLayoutProps = (children :: Array JSX, type :: AnimateSharedLayoutType)

#AnimatePresenceProps Source

type AnimatePresenceProps :: Row Typetype AnimatePresenceProps = (children :: Array JSX, custom :: forall a. a, exitBeforeEnter :: Boolean, initial :: Boolean, onExitComplete :: Effect Unit)

#EffectFnMaker Source

class EffectFnMaker fn effectFn | fn -> effectFn where

Members

Instances

#whileTap Source

whileTap :: forall c. Castable c WhileTap => c -> WhileTap

#whileInView Source

whileInView :: forall c. Castable c WhileInView => c -> WhileInView

#whileHover Source

whileHover :: forall c. Castable c WhileHover => c -> WhileHover

#whileFocus Source

whileFocus :: forall c. Castable c WhileFocus => c -> WhileFocus

#whileDrag Source

whileDrag :: forall c. Castable c WhileDrag => c -> WhileDrag

#variantsFromObject Source

variantsFromObject :: forall o. Object o -> Variants

#variants Source

variants :: forall r. Record r -> Variants

#transition Source

transition :: forall r. Record r -> Transition

#prop Source

prop :: forall a b. Castable a b => a -> b

#pan Source

pan :: forall a. Castable a Pan => a -> Pan

#onTapCancel Source

onTapCancel :: (Event -> TapInfo -> Effect Unit) -> OnTap

#makeVariantLabels Source

makeVariantLabels :: forall a b. HMapWithIndex MakeVariantLabel a b => a -> b

#layoutId Source

layoutId :: forall a. Castable a LayoutId => a -> LayoutId

#layout Source

layout :: forall a. Castable a Layout => a -> Layout

#initial Source

initial :: forall a. Castable a Initial => a -> Initial

#exit Source

exit :: forall a. Castable a Exit => a -> Exit

#dragPropagation Source

dragPropagation :: forall a. Castable a DragPropagation => a -> DragPropagation

#dragMomentum Source

dragMomentum :: forall c. Castable c DragMomentum => c -> DragMomentum

#dragElasticBoundingBox Source

dragElasticBoundingBox :: forall a. Castable a BoundingBox2D => a -> DragElastic

#dragElastic Source

dragElastic :: forall c. Castable c DragElastic => c -> DragElastic

#dragConstraintsBoundingBox Source

dragConstraintsBoundingBox :: forall a. Castable a BoundingBox2D => a -> DragConstraints

#dragConstraints Source

dragConstraints :: forall a. Castable a DragConstraints => a -> DragConstraints

#drag Source

drag :: forall a. Castable a Drag => a -> Drag

#customProp Source

customProp :: forall a. a -> Foreign

#callback Source

callback :: forall a c f. Castable c a => EffectFnMaker f c => f -> a

#boundingBox2D Source

boundingBox2D :: forall c. Castable c BoundingBox2D => c -> BoundingBox2D

#animate Source

animate :: forall a. Castable a Animate => a -> Animate
Modules
Framer.Motion
Framer.Motion.Attributes
Framer.Motion.Hook
Framer.Motion.MotionComponent
Framer.Motion.Types
MotionValue