@teamturing/react-kit 2.51.2 → 2.51.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1342 -37064
- package/esm/_virtual/_commonjsHelpers.js +1 -3
- package/esm/core/ActionList/ActionListItem.js +18 -20
- package/esm/core/ActionList/ActionListSectionDivider.js +2 -2
- package/esm/core/ActionList/ActionListSectionHeader.js +3 -3
- package/esm/core/ActionList/index.js +3 -3
- package/esm/core/AnimatePresence/index.js +2 -5
- package/esm/core/Avatar/index.js +3 -3
- package/esm/core/AvatarGroup/AvatarGroupItem.js +4 -4
- package/esm/core/AvatarGroup/index.js +13 -13
- package/esm/core/BadgeAttacher/index.js +2 -2
- package/esm/core/Breadcrumbs/BreadcrumbsItem.js +4 -4
- package/esm/core/Breadcrumbs/index.js +5 -5
- package/esm/core/Button/index.js +7 -7
- package/esm/core/Card/index.js +1 -1
- package/esm/core/Checkbox/index.js +3 -3
- package/esm/core/Chip/index.js +4 -4
- package/esm/core/ClickArea/index.js +2 -2
- package/esm/core/CounterBadge/index.js +3 -3
- package/esm/core/Datagrid/DatagridBody.js +3 -3
- package/esm/core/Datagrid/DatagridCell.js +2 -2
- package/esm/core/Datagrid/DatagridHeader.js +7 -7
- package/esm/core/Datagrid/DatagridRow.js +3 -3
- package/esm/core/Datagrid/DatagridSubheader.js +3 -3
- package/esm/core/Datagrid/index.js +4 -4
- package/esm/core/DescriptionList/index.js +11 -11
- package/esm/core/Dialog/DialogBody.js +2 -2
- package/esm/core/Dialog/DialogFooter.js +2 -2
- package/esm/core/Dialog/DialogHeader.js +2 -2
- package/esm/core/Dialog/DialogHeaderSubtitle.js +2 -2
- package/esm/core/Dialog/DialogHeaderTitle.js +2 -2
- package/esm/core/Dialog/index.js +8 -8
- package/esm/core/Drawer/DrawerBody.js +2 -2
- package/esm/core/Drawer/DrawerFooter.js +2 -2
- package/esm/core/Drawer/DrawerHeader.js +2 -2
- package/esm/core/Drawer/DrawerHeaderIconButton.js +2 -2
- package/esm/core/Drawer/index.js +12 -13
- package/esm/core/EmptyState/index.js +8 -9
- package/esm/core/Flash/index.js +12 -15
- package/esm/core/FormControl/FormControlCaption.js +2 -2
- package/esm/core/FormControl/FormControlErrorMessage.js +2 -2
- package/esm/core/FormControl/FormControlLabel.js +5 -5
- package/esm/core/FormControl/FormControlSuccessMessage.js +2 -2
- package/esm/core/FormControl/FormControlTooltipIcon.js +5 -6
- package/esm/core/FormControl/index.js +8 -8
- package/esm/core/Grid/index.js +4 -6
- package/esm/core/HorizontalDivider/index.js +2 -2
- package/esm/core/IconButton/index.js +3 -3
- package/esm/core/IconToggleButton/index.js +3 -3
- package/esm/core/ItemList/index.js +2 -2
- package/esm/core/MotionView/index.js +1 -1
- package/esm/core/Overlay/index.js +4 -4
- package/esm/core/OverlayPopper/index.js +4 -6
- package/esm/core/Pagination/index.js +15 -17
- package/esm/core/Pill/index.js +11 -12
- package/esm/core/Radio/index.js +3 -3
- package/esm/core/SearchSelectInput/index.js +22 -28
- package/esm/core/Select/SelectOption.js +3 -3
- package/esm/core/Select/index.js +11 -13
- package/esm/core/Spinner/index.js +2 -3
- package/esm/core/Stack/index.js +4 -4
- package/esm/core/StyledIcon/index.js +3 -3
- package/esm/core/Switch/index.js +3 -3
- package/esm/core/Tab/TabItem.js +5 -5
- package/esm/core/Tab/index.js +18 -19
- package/esm/core/TextInput/TextInputTrailingAction.js +4 -4
- package/esm/core/TextInput/index.js +9 -11
- package/esm/core/Textarea/index.js +6 -8
- package/esm/core/ThemeProvider/index.js +2 -2
- package/esm/core/Toast/index.js +6 -8
- package/esm/core/Tooltip/BaseTooltip.js +8 -8
- package/esm/core/Tooltip/index.js +4 -4
- package/esm/core/Tooltip/useTooltip.js +1 -3
- package/esm/enigma/EnigmaUI/index.js +3 -4
- package/esm/enigma/Layout/SingleColumnLayout/index.js +4 -4
- package/esm/enigma/View/ChipGroupView/index.js +6 -6
- package/esm/enigma/View/GridView/index.js +5 -5
- package/esm/enigma/View/HorizontalDividerView/index.js +2 -2
- package/esm/enigma/View/IconView/index.js +4 -4
- package/esm/enigma/View/ImageView/index.js +2 -2
- package/esm/enigma/View/TextView/index.js +2 -2
- package/esm/hook/useFocusTrap.js +5 -5
- package/esm/hook/useFocusZone.js +2 -2
- package/esm/hook/useResize.js +1 -1
- package/esm/index.js +1 -1
- package/esm/theme/index.js +1 -13
- package/package.json +2 -2
- package/esm/_virtual/index.js +0 -3
- package/esm/_virtual/index2.js +0 -3
- package/esm/_virtual/index3.js +0 -3
- package/esm/_virtual/jsx-runtime.js +0 -3
- package/esm/_virtual/react-dom.development.js +0 -3
- package/esm/_virtual/react-dom.production.min.js +0 -3
- package/esm/_virtual/react-is.development.js +0 -3
- package/esm/_virtual/react-is.production.min.js +0 -3
- package/esm/_virtual/react-jsx-runtime.development.js +0 -3
- package/esm/_virtual/react-jsx-runtime.production.min.js +0 -3
- package/esm/_virtual/scheduler.development.js +0 -3
- package/esm/_virtual/scheduler.production.min.js +0 -3
- package/esm/node_modules/@floating-ui/core/dist/floating-ui.core.js +0 -593
- package/esm/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +0 -731
- package/esm/node_modules/@floating-ui/react/dist/floating-ui.react.js +0 -1621
- package/esm/node_modules/@floating-ui/react/dist/floating-ui.react.utils.js +0 -233
- package/esm/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js +0 -321
- package/esm/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +0 -161
- package/esm/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +0 -136
- package/esm/node_modules/@primer/behaviors/dist/esm/focus-trap.js +0 -105
- package/esm/node_modules/@primer/behaviors/dist/esm/focus-zone.js +0 -436
- package/esm/node_modules/@primer/behaviors/dist/esm/polyfills/event-listener-signal.js +0 -38
- package/esm/node_modules/@primer/behaviors/dist/esm/utils/iterate-focusable-elements.js +0 -65
- package/esm/node_modules/@primer/behaviors/dist/esm/utils/unique-id.js +0 -6
- package/esm/node_modules/@primer/behaviors/dist/esm/utils/user-agent.js +0 -9
- package/esm/node_modules/framer-motion/dist/es/animation/animators/instant.js +0 -40
- package/esm/node_modules/framer-motion/dist/es/animation/animators/js/driver-frameloop.js +0 -16
- package/esm/node_modules/framer-motion/dist/es/animation/animators/js/index.js +0 -303
- package/esm/node_modules/framer-motion/dist/es/animation/animators/waapi/create-accelerated-animation.js +0 -199
- package/esm/node_modules/framer-motion/dist/es/animation/animators/waapi/easing.js +0 -31
- package/esm/node_modules/framer-motion/dist/es/animation/animators/waapi/index.js +0 -23
- package/esm/node_modules/framer-motion/dist/es/animation/animators/waapi/utils/get-final-keyframe.js +0 -8
- package/esm/node_modules/framer-motion/dist/es/animation/generators/inertia.js +0 -87
- package/esm/node_modules/framer-motion/dist/es/animation/generators/keyframes.js +0 -51
- package/esm/node_modules/framer-motion/dist/es/animation/generators/spring/find.js +0 -89
- package/esm/node_modules/framer-motion/dist/es/animation/generators/spring/index.js +0 -129
- package/esm/node_modules/framer-motion/dist/es/animation/generators/utils/calc-duration.js +0 -17
- package/esm/node_modules/framer-motion/dist/es/animation/generators/utils/velocity.js +0 -9
- package/esm/node_modules/framer-motion/dist/es/animation/interfaces/motion-value.js +0 -101
- package/esm/node_modules/framer-motion/dist/es/animation/interfaces/single-value.js +0 -11
- package/esm/node_modules/framer-motion/dist/es/animation/interfaces/visual-element-target.js +0 -71
- package/esm/node_modules/framer-motion/dist/es/animation/interfaces/visual-element-variant.js +0 -63
- package/esm/node_modules/framer-motion/dist/es/animation/interfaces/visual-element.js +0 -24
- package/esm/node_modules/framer-motion/dist/es/animation/optimized-appear/data-id.js +0 -6
- package/esm/node_modules/framer-motion/dist/es/animation/utils/default-transitions.js +0 -40
- package/esm/node_modules/framer-motion/dist/es/animation/utils/is-animatable.js +0 -30
- package/esm/node_modules/framer-motion/dist/es/animation/utils/is-animation-controls.js +0 -5
- package/esm/node_modules/framer-motion/dist/es/animation/utils/is-keyframes-target.js +0 -5
- package/esm/node_modules/framer-motion/dist/es/animation/utils/is-none.js +0 -12
- package/esm/node_modules/framer-motion/dist/es/animation/utils/keyframes.js +0 -45
- package/esm/node_modules/framer-motion/dist/es/animation/utils/transitions.js +0 -13
- package/esm/node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.js +0 -71
- package/esm/node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.js +0 -56
- package/esm/node_modules/framer-motion/dist/es/components/AnimatePresence/index.js +0 -158
- package/esm/node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.js +0 -40
- package/esm/node_modules/framer-motion/dist/es/context/LayoutGroupContext.js +0 -5
- package/esm/node_modules/framer-motion/dist/es/context/LazyContext.js +0 -5
- package/esm/node_modules/framer-motion/dist/es/context/MotionConfigContext.js +0 -12
- package/esm/node_modules/framer-motion/dist/es/context/MotionContext/create.js +0 -13
- package/esm/node_modules/framer-motion/dist/es/context/MotionContext/index.js +0 -5
- package/esm/node_modules/framer-motion/dist/es/context/MotionContext/utils.js +0 -17
- package/esm/node_modules/framer-motion/dist/es/context/PresenceContext.js +0 -8
- package/esm/node_modules/framer-motion/dist/es/context/SwitchLayoutGroupContext.js +0 -8
- package/esm/node_modules/framer-motion/dist/es/debug/record.js +0 -7
- package/esm/node_modules/framer-motion/dist/es/easing/anticipate.js +0 -5
- package/esm/node_modules/framer-motion/dist/es/easing/back.js +0 -9
- package/esm/node_modules/framer-motion/dist/es/easing/circ.js +0 -8
- package/esm/node_modules/framer-motion/dist/es/easing/cubic-bezier.js +0 -51
- package/esm/node_modules/framer-motion/dist/es/easing/ease.js +0 -7
- package/esm/node_modules/framer-motion/dist/es/easing/modifiers/mirror.js +0 -5
- package/esm/node_modules/framer-motion/dist/es/easing/modifiers/reverse.js +0 -5
- package/esm/node_modules/framer-motion/dist/es/easing/utils/is-bezier-definition.js +0 -3
- package/esm/node_modules/framer-motion/dist/es/easing/utils/is-easing-array.js +0 -5
- package/esm/node_modules/framer-motion/dist/es/easing/utils/map.js +0 -37
- package/esm/node_modules/framer-motion/dist/es/events/add-dom-event.js +0 -6
- package/esm/node_modules/framer-motion/dist/es/events/add-pointer-event.js +0 -8
- package/esm/node_modules/framer-motion/dist/es/events/event-info.js +0 -15
- package/esm/node_modules/framer-motion/dist/es/events/utils/is-primary-pointer.js +0 -18
- package/esm/node_modules/framer-motion/dist/es/frameloop/batcher.js +0 -60
- package/esm/node_modules/framer-motion/dist/es/frameloop/frame.js +0 -6
- package/esm/node_modules/framer-motion/dist/es/frameloop/render-step.js +0 -104
- package/esm/node_modules/framer-motion/dist/es/gestures/drag/VisualElementDragControls.js +0 -457
- package/esm/node_modules/framer-motion/dist/es/gestures/drag/index.js +0 -27
- package/esm/node_modules/framer-motion/dist/es/gestures/drag/utils/constraints.js +0 -125
- package/esm/node_modules/framer-motion/dist/es/gestures/drag/utils/lock.js +0 -53
- package/esm/node_modules/framer-motion/dist/es/gestures/focus.js +0 -41
- package/esm/node_modules/framer-motion/dist/es/gestures/hover.js +0 -32
- package/esm/node_modules/framer-motion/dist/es/gestures/pan/PanSession.js +0 -148
- package/esm/node_modules/framer-motion/dist/es/gestures/pan/index.js +0 -46
- package/esm/node_modules/framer-motion/dist/es/gestures/press.js +0 -120
- package/esm/node_modules/framer-motion/dist/es/gestures/utils/is-node-or-child.js +0 -20
- package/esm/node_modules/framer-motion/dist/es/motion/features/Feature.js +0 -9
- package/esm/node_modules/framer-motion/dist/es/motion/features/animation/exit.js +0 -31
- package/esm/node_modules/framer-motion/dist/es/motion/features/animation/index.js +0 -38
- package/esm/node_modules/framer-motion/dist/es/motion/features/animations.js +0 -13
- package/esm/node_modules/framer-motion/dist/es/motion/features/definitions.js +0 -28
- package/esm/node_modules/framer-motion/dist/es/motion/features/drag.js +0 -17
- package/esm/node_modules/framer-motion/dist/es/motion/features/gestures.js +0 -21
- package/esm/node_modules/framer-motion/dist/es/motion/features/layout/MeasureLayout.js +0 -131
- package/esm/node_modules/framer-motion/dist/es/motion/features/layout.js +0 -11
- package/esm/node_modules/framer-motion/dist/es/motion/features/load-features.js +0 -12
- package/esm/node_modules/framer-motion/dist/es/motion/features/viewport/index.js +0 -72
- package/esm/node_modules/framer-motion/dist/es/motion/features/viewport/observers.js +0 -49
- package/esm/node_modules/framer-motion/dist/es/motion/index.js +0 -79
- package/esm/node_modules/framer-motion/dist/es/motion/utils/is-forced-motion-value.js +0 -11
- package/esm/node_modules/framer-motion/dist/es/motion/utils/symbol.js +0 -3
- package/esm/node_modules/framer-motion/dist/es/motion/utils/use-motion-ref.js +0 -33
- package/esm/node_modules/framer-motion/dist/es/motion/utils/use-visual-element.js +0 -75
- package/esm/node_modules/framer-motion/dist/es/motion/utils/use-visual-state.js +0 -81
- package/esm/node_modules/framer-motion/dist/es/motion/utils/valid-prop.js +0 -59
- package/esm/node_modules/framer-motion/dist/es/projection/animation/mix-values.js +0 -93
- package/esm/node_modules/framer-motion/dist/es/projection/geometry/conversion.js +0 -33
- package/esm/node_modules/framer-motion/dist/es/projection/geometry/copy.js +0 -20
- package/esm/node_modules/framer-motion/dist/es/projection/geometry/delta-apply.js +0 -122
- package/esm/node_modules/framer-motion/dist/es/projection/geometry/delta-calc.js +0 -41
- package/esm/node_modules/framer-motion/dist/es/projection/geometry/delta-remove.js +0 -54
- package/esm/node_modules/framer-motion/dist/es/projection/geometry/models.js +0 -17
- package/esm/node_modules/framer-motion/dist/es/projection/geometry/utils.js +0 -25
- package/esm/node_modules/framer-motion/dist/es/projection/node/DocumentProjectionNode.js +0 -13
- package/esm/node_modules/framer-motion/dist/es/projection/node/HTMLProjectionNode.js +0 -27
- package/esm/node_modules/framer-motion/dist/es/projection/node/create-projection-node.js +0 -1494
- package/esm/node_modules/framer-motion/dist/es/projection/node/state.js +0 -19
- package/esm/node_modules/framer-motion/dist/es/projection/shared/stack.js +0 -112
- package/esm/node_modules/framer-motion/dist/es/projection/styles/scale-border-radius.js +0 -41
- package/esm/node_modules/framer-motion/dist/es/projection/styles/scale-box-shadow.js +0 -35
- package/esm/node_modules/framer-motion/dist/es/projection/styles/scale-correction.js +0 -6
- package/esm/node_modules/framer-motion/dist/es/projection/styles/transform.js +0 -42
- package/esm/node_modules/framer-motion/dist/es/projection/utils/each-axis.js +0 -5
- package/esm/node_modules/framer-motion/dist/es/projection/utils/has-transform.js +0 -24
- package/esm/node_modules/framer-motion/dist/es/projection/utils/measure.js +0 -17
- package/esm/node_modules/framer-motion/dist/es/render/VisualElement.js +0 -507
- package/esm/node_modules/framer-motion/dist/es/render/dom/DOMVisualElement.js +0 -48
- package/esm/node_modules/framer-motion/dist/es/render/dom/create-visual-element.js +0 -11
- package/esm/node_modules/framer-motion/dist/es/render/dom/motion-proxy.js +0 -47
- package/esm/node_modules/framer-motion/dist/es/render/dom/motion.js +0 -23
- package/esm/node_modules/framer-motion/dist/es/render/dom/use-render.js +0 -35
- package/esm/node_modules/framer-motion/dist/es/render/dom/utils/camel-to-dash.js +0 -6
- package/esm/node_modules/framer-motion/dist/es/render/dom/utils/create-config.js +0 -19
- package/esm/node_modules/framer-motion/dist/es/render/dom/utils/css-variables-conversion.js +0 -89
- package/esm/node_modules/framer-motion/dist/es/render/dom/utils/filter-props.js +0 -57
- package/esm/node_modules/framer-motion/dist/es/render/dom/utils/is-css-variable.js +0 -6
- package/esm/node_modules/framer-motion/dist/es/render/dom/utils/is-svg-component.js +0 -30
- package/esm/node_modules/framer-motion/dist/es/render/dom/utils/is-svg-element.js +0 -5
- package/esm/node_modules/framer-motion/dist/es/render/dom/utils/parse-dom-variant.js +0 -15
- package/esm/node_modules/framer-motion/dist/es/render/dom/utils/unit-conversion.js +0 -230
- package/esm/node_modules/framer-motion/dist/es/render/dom/value-types/animatable-none.js +0 -15
- package/esm/node_modules/framer-motion/dist/es/render/dom/value-types/defaults.js +0 -30
- package/esm/node_modules/framer-motion/dist/es/render/dom/value-types/dimensions.js +0 -15
- package/esm/node_modules/framer-motion/dist/es/render/dom/value-types/find.js +0 -15
- package/esm/node_modules/framer-motion/dist/es/render/dom/value-types/get-as-type.js +0 -10
- package/esm/node_modules/framer-motion/dist/es/render/dom/value-types/number.js +0 -72
- package/esm/node_modules/framer-motion/dist/es/render/dom/value-types/test.js +0 -6
- package/esm/node_modules/framer-motion/dist/es/render/dom/value-types/type-auto.js +0 -9
- package/esm/node_modules/framer-motion/dist/es/render/dom/value-types/type-int.js +0 -8
- package/esm/node_modules/framer-motion/dist/es/render/html/HTMLVisualElement.js +0 -55
- package/esm/node_modules/framer-motion/dist/es/render/html/config-motion.js +0 -12
- package/esm/node_modules/framer-motion/dist/es/render/html/use-props.js +0 -57
- package/esm/node_modules/framer-motion/dist/es/render/html/utils/build-styles.js +0 -74
- package/esm/node_modules/framer-motion/dist/es/render/html/utils/build-transform.js +0 -45
- package/esm/node_modules/framer-motion/dist/es/render/html/utils/create-render-state.js +0 -8
- package/esm/node_modules/framer-motion/dist/es/render/html/utils/render.js +0 -9
- package/esm/node_modules/framer-motion/dist/es/render/html/utils/scrape-motion-values.js +0 -17
- package/esm/node_modules/framer-motion/dist/es/render/html/utils/transform.js +0 -28
- package/esm/node_modules/framer-motion/dist/es/render/store.js +0 -3
- package/esm/node_modules/framer-motion/dist/es/render/svg/SVGVisualElement.js +0 -46
- package/esm/node_modules/framer-motion/dist/es/render/svg/config-motion.js +0 -40
- package/esm/node_modules/framer-motion/dist/es/render/svg/lowercase-elements.js +0 -33
- package/esm/node_modules/framer-motion/dist/es/render/svg/use-props.js +0 -24
- package/esm/node_modules/framer-motion/dist/es/render/svg/utils/build-attrs.js +0 -52
- package/esm/node_modules/framer-motion/dist/es/render/svg/utils/camel-case-attrs.js +0 -30
- package/esm/node_modules/framer-motion/dist/es/render/svg/utils/create-render-state.js +0 -8
- package/esm/node_modules/framer-motion/dist/es/render/svg/utils/is-svg-tag.js +0 -3
- package/esm/node_modules/framer-motion/dist/es/render/svg/utils/path.js +0 -32
- package/esm/node_modules/framer-motion/dist/es/render/svg/utils/render.js +0 -12
- package/esm/node_modules/framer-motion/dist/es/render/svg/utils/scrape-motion-values.js +0 -18
- package/esm/node_modules/framer-motion/dist/es/render/svg/utils/transform-origin.js +0 -18
- package/esm/node_modules/framer-motion/dist/es/render/utils/animation-state.js +0 -319
- package/esm/node_modules/framer-motion/dist/es/render/utils/compare-by-depth.js +0 -3
- package/esm/node_modules/framer-motion/dist/es/render/utils/flat-tree.js +0 -24
- package/esm/node_modules/framer-motion/dist/es/render/utils/is-controlling-variants.js +0 -13
- package/esm/node_modules/framer-motion/dist/es/render/utils/is-variant-label.js +0 -8
- package/esm/node_modules/framer-motion/dist/es/render/utils/motion-values.js +0 -63
- package/esm/node_modules/framer-motion/dist/es/render/utils/resolve-dynamic-variants.js +0 -24
- package/esm/node_modules/framer-motion/dist/es/render/utils/resolve-variants.js +0 -26
- package/esm/node_modules/framer-motion/dist/es/render/utils/setters.js +0 -101
- package/esm/node_modules/framer-motion/dist/es/render/utils/variant-props.js +0 -12
- package/esm/node_modules/framer-motion/dist/es/utils/array.js +0 -11
- package/esm/node_modules/framer-motion/dist/es/utils/clamp.js +0 -3
- package/esm/node_modules/framer-motion/dist/es/utils/delay.js +0 -19
- package/esm/node_modules/framer-motion/dist/es/utils/distance.js +0 -9
- package/esm/node_modules/framer-motion/dist/es/utils/errors.js +0 -18
- package/esm/node_modules/framer-motion/dist/es/utils/hsla-to-rgba.js +0 -42
- package/esm/node_modules/framer-motion/dist/es/utils/interpolate.js +0 -92
- package/esm/node_modules/framer-motion/dist/es/utils/is-browser.js +0 -3
- package/esm/node_modules/framer-motion/dist/es/utils/is-numerical-string.js +0 -6
- package/esm/node_modules/framer-motion/dist/es/utils/is-ref-object.js +0 -6
- package/esm/node_modules/framer-motion/dist/es/utils/is-zero-value-string.js +0 -6
- package/esm/node_modules/framer-motion/dist/es/utils/memo.js +0 -10
- package/esm/node_modules/framer-motion/dist/es/utils/mix-color.js +0 -40
- package/esm/node_modules/framer-motion/dist/es/utils/mix-complex.js +0 -64
- package/esm/node_modules/framer-motion/dist/es/utils/mix.js +0 -24
- package/esm/node_modules/framer-motion/dist/es/utils/noop.js +0 -3
- package/esm/node_modules/framer-motion/dist/es/utils/offsets/default.js +0 -9
- package/esm/node_modules/framer-motion/dist/es/utils/offsets/fill.js +0 -12
- package/esm/node_modules/framer-motion/dist/es/utils/offsets/time.js +0 -5
- package/esm/node_modules/framer-motion/dist/es/utils/pipe.js +0 -11
- package/esm/node_modules/framer-motion/dist/es/utils/progress.js +0 -18
- package/esm/node_modules/framer-motion/dist/es/utils/reduced-motion/index.js +0 -19
- package/esm/node_modules/framer-motion/dist/es/utils/reduced-motion/state.js +0 -5
- package/esm/node_modules/framer-motion/dist/es/utils/resolve-value.js +0 -11
- package/esm/node_modules/framer-motion/dist/es/utils/shallow-compare.js +0 -14
- package/esm/node_modules/framer-motion/dist/es/utils/subscription-manager.js +0 -40
- package/esm/node_modules/framer-motion/dist/es/utils/time-conversion.js +0 -10
- package/esm/node_modules/framer-motion/dist/es/utils/use-constant.js +0 -18
- package/esm/node_modules/framer-motion/dist/es/utils/use-force-update.js +0 -19
- package/esm/node_modules/framer-motion/dist/es/utils/use-instant-transition-state.js +0 -5
- package/esm/node_modules/framer-motion/dist/es/utils/use-is-mounted.js +0 -15
- package/esm/node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.js +0 -6
- package/esm/node_modules/framer-motion/dist/es/utils/use-unmount-effect.js +0 -7
- package/esm/node_modules/framer-motion/dist/es/utils/velocity-per-second.js +0 -11
- package/esm/node_modules/framer-motion/dist/es/utils/warn-once.js +0 -11
- package/esm/node_modules/framer-motion/dist/es/value/index.js +0 -331
- package/esm/node_modules/framer-motion/dist/es/value/types/color/hex.js +0 -40
- package/esm/node_modules/framer-motion/dist/es/value/types/color/hsla.js +0 -22
- package/esm/node_modules/framer-motion/dist/es/value/types/color/index.js +0 -28
- package/esm/node_modules/framer-motion/dist/es/value/types/color/rgba.js +0 -25
- package/esm/node_modules/framer-motion/dist/es/value/types/color/utils.js +0 -23
- package/esm/node_modules/framer-motion/dist/es/value/types/complex/filter.js +0 -30
- package/esm/node_modules/framer-motion/dist/es/value/types/complex/index.js +0 -92
- package/esm/node_modules/framer-motion/dist/es/value/types/numbers/index.js +0 -17
- package/esm/node_modules/framer-motion/dist/es/value/types/numbers/units.js +0 -19
- package/esm/node_modules/framer-motion/dist/es/value/types/utils.js +0 -15
- package/esm/node_modules/framer-motion/dist/es/value/use-will-change/is.js +0 -7
- package/esm/node_modules/framer-motion/dist/es/value/utils/is-motion-value.js +0 -3
- package/esm/node_modules/framer-motion/dist/es/value/utils/resolve-motion-value.js +0 -16
- package/esm/node_modules/lodash.debounce/index.js +0 -363
- package/esm/node_modules/lodash.throttle/index.js +0 -424
- package/esm/node_modules/lodash.toarray/index.js +0 -849
- package/esm/node_modules/react/cjs/react-jsx-runtime.development.js +0 -1140
- package/esm/node_modules/react/cjs/react-jsx-runtime.production.min.js +0 -53
- package/esm/node_modules/react/jsx-runtime.js +0 -12
- package/esm/node_modules/react-dom/cjs/react-dom.development.js +0 -4940
- package/esm/node_modules/react-dom/cjs/react-dom.production.min.js +0 -7140
- package/esm/node_modules/react-dom/index.js +0 -39
- package/esm/node_modules/react-is/cjs/react-is.development.js +0 -211
- package/esm/node_modules/react-is/cjs/react-is.production.min.js +0 -123
- package/esm/node_modules/react-is/index.js +0 -12
- package/esm/node_modules/scheduler/cjs/scheduler.development.js +0 -528
- package/esm/node_modules/scheduler/cjs/scheduler.production.min.js +0 -267
- package/esm/node_modules/scheduler/index.js +0 -17
- package/esm/node_modules/tabbable/dist/index.esm.js +0 -560
- package/esm/packages/icons/esm/AHorizontalLine.js +0 -15
- package/esm/packages/icons/esm/AInCircleFilled.js +0 -21
- package/esm/packages/icons/esm/AVertialLine.js +0 -15
- package/esm/packages/icons/esm/Ai.js +0 -23
- package/esm/packages/icons/esm/AiColor.js +0 -23
- package/esm/packages/icons/esm/AiSad.js +0 -24
- package/esm/packages/icons/esm/Alarm.js +0 -17
- package/esm/packages/icons/esm/AppleColor.js +0 -18
- package/esm/packages/icons/esm/ArrowBelow.js +0 -17
- package/esm/packages/icons/esm/ArrowDiagonal.js +0 -15
- package/esm/packages/icons/esm/ArrowDown.js +0 -17
- package/esm/packages/icons/esm/ArrowLeft.js +0 -17
- package/esm/packages/icons/esm/ArrowLeftCircle.js +0 -15
- package/esm/packages/icons/esm/ArrowLeftLimit.js +0 -17
- package/esm/packages/icons/esm/ArrowLeftRight.js +0 -17
- package/esm/packages/icons/esm/ArrowRight.js +0 -17
- package/esm/packages/icons/esm/ArrowRightCircle.js +0 -15
- package/esm/packages/icons/esm/ArrowRightLimit.js +0 -17
- package/esm/packages/icons/esm/ArrowUp.js +0 -17
- package/esm/packages/icons/esm/ArrowUpDown.js +0 -17
- package/esm/packages/icons/esm/ArrowUpLimit.js +0 -17
- package/esm/packages/icons/esm/Barchart.js +0 -15
- package/esm/packages/icons/esm/Book.js +0 -17
- package/esm/packages/icons/esm/BookColor.js +0 -28
- package/esm/packages/icons/esm/Bookmark.js +0 -17
- package/esm/packages/icons/esm/BookmarkAnimation.js +0 -17
- package/esm/packages/icons/esm/Box.js +0 -24
- package/esm/packages/icons/esm/BoxPlus.js +0 -15
- package/esm/packages/icons/esm/BusColor.js +0 -36
- package/esm/packages/icons/esm/Calendar.js +0 -22
- package/esm/packages/icons/esm/CalendarCheck.js +0 -17
- package/esm/packages/icons/esm/CalendarCheckColor.js +0 -20
- package/esm/packages/icons/esm/CalendarColor.js +0 -36
- package/esm/packages/icons/esm/Camera.js +0 -22
- package/esm/packages/icons/esm/CameraColor.js +0 -30
- package/esm/packages/icons/esm/Card.js +0 -17
- package/esm/packages/icons/esm/CardsPercent.js +0 -19
- package/esm/packages/icons/esm/CardsPercentColor.js +0 -23
- package/esm/packages/icons/esm/CaretDown.js +0 -15
- package/esm/packages/icons/esm/CaretLeft.js +0 -15
- package/esm/packages/icons/esm/CaretRight.js +0 -15
- package/esm/packages/icons/esm/CaretUp.js +0 -15
- package/esm/packages/icons/esm/Cart.js +0 -17
- package/esm/packages/icons/esm/ChatBubble.js +0 -17
- package/esm/packages/icons/esm/ChatBubbleBadgeColor.js +0 -32
- package/esm/packages/icons/esm/ChatBubbleCorrect.js +0 -24
- package/esm/packages/icons/esm/ChatBubbleCorrectColor.js +0 -22
- package/esm/packages/icons/esm/ChatBubbleDots.js +0 -17
- package/esm/packages/icons/esm/ChatBubbleQuestion.js +0 -17
- package/esm/packages/icons/esm/ChatBubbleQuestionAnimation.js +0 -16
- package/esm/packages/icons/esm/ChatBubbleQuestionColor.js +0 -20
- package/esm/packages/icons/esm/Check.js +0 -15
- package/esm/packages/icons/esm/CheckInCircle.js +0 -17
- package/esm/packages/icons/esm/CheckInCircleColor.js +0 -20
- package/esm/packages/icons/esm/CheckInCircleLine.js +0 -20
- package/esm/packages/icons/esm/ChevronDown.js +0 -17
- package/esm/packages/icons/esm/ChevronDownTwo.js +0 -23
- package/esm/packages/icons/esm/ChevronLeft.js +0 -17
- package/esm/packages/icons/esm/ChevronRight.js +0 -17
- package/esm/packages/icons/esm/ChevronRightTwo.js +0 -23
- package/esm/packages/icons/esm/ChevronUp.js +0 -17
- package/esm/packages/icons/esm/ChevronUpTwo.js +0 -23
- package/esm/packages/icons/esm/Circles.js +0 -17
- package/esm/packages/icons/esm/Clip.js +0 -15
- package/esm/packages/icons/esm/Close.js +0 -17
- package/esm/packages/icons/esm/CloseInCircle.js +0 -17
- package/esm/packages/icons/esm/Coin.js +0 -17
- package/esm/packages/icons/esm/Contact.js +0 -17
- package/esm/packages/icons/esm/Copy.js +0 -22
- package/esm/packages/icons/esm/Correct.js +0 -16
- package/esm/packages/icons/esm/Coupon.js +0 -17
- package/esm/packages/icons/esm/Crop.js +0 -24
- package/esm/packages/icons/esm/Crown.js +0 -17
- package/esm/packages/icons/esm/Curriculum.js +0 -31
- package/esm/packages/icons/esm/CurriculumColor.js +0 -38
- package/esm/packages/icons/esm/Cursor.js +0 -22
- package/esm/packages/icons/esm/Delete.js +0 -17
- package/esm/packages/icons/esm/Document.js +0 -22
- package/esm/packages/icons/esm/Dots.js +0 -17
- package/esm/packages/icons/esm/Download.js +0 -18
- package/esm/packages/icons/esm/Emoji.js +0 -17
- package/esm/packages/icons/esm/EmojiPlus.js +0 -22
- package/esm/packages/icons/esm/EmojiPlusDash.js +0 -17
- package/esm/packages/icons/esm/Eng.js +0 -20
- package/esm/packages/icons/esm/Enter.js +0 -17
- package/esm/packages/icons/esm/Equal.js +0 -17
- package/esm/packages/icons/esm/Eraser.js +0 -17
- package/esm/packages/icons/esm/ExclamationPointInCircle.js +0 -17
- package/esm/packages/icons/esm/ExternalLink.js +0 -27
- package/esm/packages/icons/esm/EyeOff.js +0 -15
- package/esm/packages/icons/esm/EyeOn.js +0 -22
- package/esm/packages/icons/esm/EyesTwo.js +0 -15
- package/esm/packages/icons/esm/FaceHappy.js +0 -17
- package/esm/packages/icons/esm/FaceSad.js +0 -17
- package/esm/packages/icons/esm/Facebook.js +0 -15
- package/esm/packages/icons/esm/FacebookColor.js +0 -20
- package/esm/packages/icons/esm/Filter.js +0 -17
- package/esm/packages/icons/esm/Find.js +0 -17
- package/esm/packages/icons/esm/Fire.js +0 -15
- package/esm/packages/icons/esm/FireColor.js +0 -27
- package/esm/packages/icons/esm/Flag.js +0 -15
- package/esm/packages/icons/esm/Folder.js +0 -17
- package/esm/packages/icons/esm/Frame.js +0 -17
- package/esm/packages/icons/esm/Glasses.js +0 -17
- package/esm/packages/icons/esm/Global.js +0 -17
- package/esm/packages/icons/esm/GoogleColor.js +0 -35
- package/esm/packages/icons/esm/Graph.js +0 -17
- package/esm/packages/icons/esm/Hair.js +0 -17
- package/esm/packages/icons/esm/Headphone.js +0 -17
- package/esm/packages/icons/esm/Heart.js +0 -17
- package/esm/packages/icons/esm/Home.js +0 -17
- package/esm/packages/icons/esm/Infinite.js +0 -15
- package/esm/packages/icons/esm/InfoInCircle.js +0 -17
- package/esm/packages/icons/esm/Instagram.js +0 -17
- package/esm/packages/icons/esm/KakaoColor.js +0 -20
- package/esm/packages/icons/esm/Kor.js +0 -20
- package/esm/packages/icons/esm/LandscapeArrow.js +0 -20
- package/esm/packages/icons/esm/League.js +0 -17
- package/esm/packages/icons/esm/Letter.js +0 -17
- package/esm/packages/icons/esm/LetterCrownColor.js +0 -26
- package/esm/packages/icons/esm/LetterCrownOpenColor.js +0 -35
- package/esm/packages/icons/esm/LetterHeartColor.js +0 -26
- package/esm/packages/icons/esm/LetterHeartOpenColor.js +0 -35
- package/esm/packages/icons/esm/LineThree.js +0 -17
- package/esm/packages/icons/esm/Link.js +0 -22
- package/esm/packages/icons/esm/Lock.js +0 -17
- package/esm/packages/icons/esm/LogoApple.js +0 -17
- package/esm/packages/icons/esm/LogoColor.js +0 -22
- package/esm/packages/icons/esm/LogoFacebook.js +0 -17
- package/esm/packages/icons/esm/LogoKakao.js +0 -17
- package/esm/packages/icons/esm/LogoNaver.js +0 -15
- package/esm/packages/icons/esm/MagicWand.js +0 -22
- package/esm/packages/icons/esm/Maxsize.js +0 -15
- package/esm/packages/icons/esm/Minsize.js +0 -17
- package/esm/packages/icons/esm/Minus.js +0 -17
- package/esm/packages/icons/esm/MinusInCircle.js +0 -17
- package/esm/packages/icons/esm/Moneybag.js +0 -17
- package/esm/packages/icons/esm/MoneybagColor.js +0 -20
- package/esm/packages/icons/esm/Moon.js +0 -15
- package/esm/packages/icons/esm/More.js +0 -17
- package/esm/packages/icons/esm/MyBubble.js +0 -17
- package/esm/packages/icons/esm/NaverColor.js +0 -18
- package/esm/packages/icons/esm/New.js +0 -22
- package/esm/packages/icons/esm/Note.js +0 -17
- package/esm/packages/icons/esm/NoteColor.js +0 -18
- package/esm/packages/icons/esm/NotePenColor.js +0 -46
- package/esm/packages/icons/esm/NumberFiveFilled.js +0 -17
- package/esm/packages/icons/esm/NumberFiveOutlined.js +0 -20
- package/esm/packages/icons/esm/NumberFourFilled.js +0 -17
- package/esm/packages/icons/esm/NumberFourOutlined.js +0 -20
- package/esm/packages/icons/esm/NumberOneFilled.js +0 -17
- package/esm/packages/icons/esm/NumberOneOutlined.js +0 -20
- package/esm/packages/icons/esm/NumberThreeFilled.js +0 -17
- package/esm/packages/icons/esm/NumberThreeOutlined.js +0 -20
- package/esm/packages/icons/esm/NumberTwoFilled.js +0 -17
- package/esm/packages/icons/esm/NumberTwoOutlined.js +0 -20
- package/esm/packages/icons/esm/Out.js +0 -17
- package/esm/packages/icons/esm/PalmTreeColor.js +0 -41
- package/esm/packages/icons/esm/PaperCheck.js +0 -36
- package/esm/packages/icons/esm/PaperPen.js +0 -31
- package/esm/packages/icons/esm/PaperPenColor.js +0 -20
- package/esm/packages/icons/esm/PaperTwo.js +0 -18
- package/esm/packages/icons/esm/Pause.js +0 -17
- package/esm/packages/icons/esm/Pen.js +0 -17
- package/esm/packages/icons/esm/PercentInCircle.js +0 -22
- package/esm/packages/icons/esm/Picture.js +0 -17
- package/esm/packages/icons/esm/Pill.js +0 -25
- package/esm/packages/icons/esm/PillColor.js +0 -18
- package/esm/packages/icons/esm/Pin.js +0 -17
- package/esm/packages/icons/esm/PinColorRed.js +0 -26
- package/esm/packages/icons/esm/Play.js +0 -15
- package/esm/packages/icons/esm/Plus.js +0 -17
- package/esm/packages/icons/esm/PlusInCircle.js +0 -17
- package/esm/packages/icons/esm/PointInCircle.js +0 -22
- package/esm/packages/icons/esm/PointInCircleColor.js +0 -27
- package/esm/packages/icons/esm/PortraitArrow.js +0 -20
- package/esm/packages/icons/esm/Present.js +0 -21
- package/esm/packages/icons/esm/PresentColor.js +0 -20
- package/esm/packages/icons/esm/Print.js +0 -20
- package/esm/packages/icons/esm/Problem.js +0 -15
- package/esm/packages/icons/esm/Profile.js +0 -17
- package/esm/packages/icons/esm/ProgressGradient.js +0 -41
- package/esm/packages/icons/esm/QuestionMarkInCircle.js +0 -17
- package/esm/packages/icons/esm/QuestionMarkInCircleOutlined.js +0 -20
- package/esm/packages/icons/esm/QuizColor.js +0 -28
- package/esm/packages/icons/esm/RaffleColor.js +0 -113
- package/esm/packages/icons/esm/Receipt.js +0 -17
- package/esm/packages/icons/esm/Refresh.js +0 -17
- package/esm/packages/icons/esm/Repeat.js +0 -15
- package/esm/packages/icons/esm/ReportColor.js +0 -30
- package/esm/packages/icons/esm/School.js +0 -20
- package/esm/packages/icons/esm/SchoolColor.js +0 -27
- package/esm/packages/icons/esm/Scroll.js +0 -22
- package/esm/packages/icons/esm/Search.js +0 -15
- package/esm/packages/icons/esm/Set.js +0 -20
- package/esm/packages/icons/esm/Setting.js +0 -17
- package/esm/packages/icons/esm/Share.js +0 -22
- package/esm/packages/icons/esm/ShieldCheck.js +0 -15
- package/esm/packages/icons/esm/Sidebar.js +0 -17
- package/esm/packages/icons/esm/Siren.js +0 -17
- package/esm/packages/icons/esm/Skipback.js +0 -17
- package/esm/packages/icons/esm/Skipforward.js +0 -17
- package/esm/packages/icons/esm/SoundOff.js +0 -15
- package/esm/packages/icons/esm/SoundOn.js +0 -25
- package/esm/packages/icons/esm/SoundPaper.js +0 -20
- package/esm/packages/icons/esm/Speaker.js +0 -17
- package/esm/packages/icons/esm/Stackup.js +0 -27
- package/esm/packages/icons/esm/Star.js +0 -17
- package/esm/packages/icons/esm/StarColor.js +0 -21
- package/esm/packages/icons/esm/Store.js +0 -15
- package/esm/packages/icons/esm/Sun.js +0 -15
- package/esm/packages/icons/esm/Sync.js +0 -17
- package/esm/packages/icons/esm/TestUploadColor.js +0 -26
- package/esm/packages/icons/esm/Thumbdown.js +0 -17
- package/esm/packages/icons/esm/Thumbup.js +0 -17
- package/esm/packages/icons/esm/Thunder.js +0 -17
- package/esm/packages/icons/esm/Ticket.js +0 -17
- package/esm/packages/icons/esm/TicketColor.js +0 -29
- package/esm/packages/icons/esm/Time.js +0 -17
- package/esm/packages/icons/esm/Timer.js +0 -17
- package/esm/packages/icons/esm/Top.js +0 -17
- package/esm/packages/icons/esm/Touch.js +0 -26
- package/esm/packages/icons/esm/Trash.js +0 -17
- package/esm/packages/icons/esm/Treasurebox.js +0 -22
- package/esm/packages/icons/esm/Trophy.js +0 -17
- package/esm/packages/icons/esm/Twinkle.js +0 -15
- package/esm/packages/icons/esm/TwinkleColor.js +0 -48
- package/esm/packages/icons/esm/Undo.js +0 -17
- package/esm/packages/icons/esm/University.js +0 -26
- package/esm/packages/icons/esm/UserBlocked.js +0 -17
- package/esm/packages/icons/esm/UserCheck.js +0 -17
- package/esm/packages/icons/esm/UserPlus.js +0 -17
- package/esm/packages/icons/esm/UserTwo.js +0 -23
- package/esm/packages/icons/esm/Video.js +0 -17
- package/esm/packages/icons/esm/VideoColor.js +0 -18
- package/esm/packages/icons/esm/VoteColor.js +0 -24
- package/esm/packages/icons/esm/Warning.js +0 -17
- package/esm/packages/icons/esm/Wifi.js +0 -27
- package/esm/packages/icons/esm/Workbook.js +0 -28
- package/esm/packages/icons/esm/WorkbookColor.js +0 -29
- package/esm/packages/icons/esm/Wrong.js +0 -20
- package/esm/packages/icons/esm/Youtube.js +0 -17
- package/esm/packages/icons/esm/_virtual/_rollupPluginBabelHelpers.js +0 -16
- package/esm/packages/icons/esm/index.js +0 -242
- package/esm/packages/token-studio/esm/foundation/breakpoint/device.js +0 -7
- package/esm/packages/token-studio/esm/foundation/gradient/colorStopList/index.js +0 -9
- package/esm/packages/token-studio/esm/foundation/gradient/direction/index.js +0 -9
- package/esm/packages/token-studio/esm/foundation/opacity/index.js +0 -5
- package/esm/packages/token-studio/esm/foundation/palette/index.js +0 -169
- package/esm/packages/token-studio/esm/foundation/rounding/index.js +0 -13
- package/esm/packages/token-studio/esm/foundation/shadow/index.js +0 -5
- package/esm/packages/token-studio/esm/foundation/spacing/index.js +0 -56
- package/esm/packages/token-studio/esm/foundation/typography/fontSize/index.js +0 -18
- package/esm/packages/token-studio/esm/foundation/typography/fontWeight/index.js +0 -13
- package/esm/packages/token-studio/esm/foundation/typography/lineHeight/index.js +0 -6
- package/esm/packages/token-studio/esm/token/breakpoints/index.js +0 -6
- package/esm/packages/token-studio/esm/token/color/gpai/dark.js +0 -223
- package/esm/packages/token-studio/esm/token/color/gpai/light.js +0 -223
- package/esm/packages/token-studio/esm/token/color/index.js +0 -223
- package/esm/packages/token-studio/esm/token/elevation/index.js +0 -7
- package/esm/packages/token-studio/esm/token/gradient/index.js +0 -41
- package/esm/packages/token-studio/esm/token/opacity/index.js +0 -7
- package/esm/packages/token-studio/esm/token/radii/index.js +0 -15
- package/esm/packages/token-studio/esm/token/space/index.js +0 -55
- package/esm/packages/token-studio/esm/token/typography/fontSizes.js +0 -17
- package/esm/packages/token-studio/esm/token/typography/fontWeights.js +0 -9
- package/esm/packages/token-studio/esm/token/typography/index.js +0 -133
- package/esm/packages/token-studio/esm/token/typography/lineHeights.js +0 -8
- package/esm/packages/utils/esm/commaizeNumber.js +0 -10
- package/esm/packages/utils/esm/forcePixelValue.js +0 -8
- package/esm/packages/utils/esm/isArray.js +0 -3
- package/esm/packages/utils/esm/isFunction.js +0 -3
- package/esm/packages/utils/esm/isNullable.js +0 -3
- package/esm/packages/utils/esm/noop.js +0 -6
- package/esm/packages/utils/esm/scrollIntoView.js +0 -46
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { isZeroValueString } from '../../utils/is-zero-value-string.js';
|
|
2
|
-
|
|
3
|
-
function isNone(value) {
|
|
4
|
-
if (typeof value === "number") {
|
|
5
|
-
return value === 0;
|
|
6
|
-
}
|
|
7
|
-
else if (value !== null) {
|
|
8
|
-
return value === "none" || value === "0" || isZeroValueString(value);
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
export { isNone };
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { getAnimatableNone } from '../../render/dom/value-types/animatable-none.js';
|
|
2
|
-
import { isAnimatable } from './is-animatable.js';
|
|
3
|
-
import { isNone } from './is-none.js';
|
|
4
|
-
|
|
5
|
-
function getKeyframes(value, valueName, target, transition) {
|
|
6
|
-
const isTargetAnimatable = isAnimatable(valueName, target);
|
|
7
|
-
let keyframes;
|
|
8
|
-
if (Array.isArray(target)) {
|
|
9
|
-
keyframes = [...target];
|
|
10
|
-
}
|
|
11
|
-
else {
|
|
12
|
-
keyframes = [null, target];
|
|
13
|
-
}
|
|
14
|
-
const defaultOrigin = transition.from !== undefined ? transition.from : value.get();
|
|
15
|
-
let animatableTemplateValue = undefined;
|
|
16
|
-
const noneKeyframeIndexes = [];
|
|
17
|
-
for (let i = 0; i < keyframes.length; i++) {
|
|
18
|
-
/**
|
|
19
|
-
* Fill null/wildcard keyframes
|
|
20
|
-
*/
|
|
21
|
-
if (keyframes[i] === null) {
|
|
22
|
-
keyframes[i] = i === 0 ? defaultOrigin : keyframes[i - 1];
|
|
23
|
-
}
|
|
24
|
-
if (isNone(keyframes[i])) {
|
|
25
|
-
noneKeyframeIndexes.push(i);
|
|
26
|
-
}
|
|
27
|
-
// TODO: Clean this conditional, it works for now
|
|
28
|
-
if (typeof keyframes[i] === "string" &&
|
|
29
|
-
keyframes[i] !== "none" &&
|
|
30
|
-
keyframes[i] !== "0") {
|
|
31
|
-
animatableTemplateValue = keyframes[i];
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
if (isTargetAnimatable &&
|
|
35
|
-
noneKeyframeIndexes.length &&
|
|
36
|
-
animatableTemplateValue) {
|
|
37
|
-
for (let i = 0; i < noneKeyframeIndexes.length; i++) {
|
|
38
|
-
const index = noneKeyframeIndexes[i];
|
|
39
|
-
keyframes[index] = getAnimatableNone(valueName, animatableTemplateValue);
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
return keyframes;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
export { getKeyframes };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Decide whether a transition is defined on a given Transition.
|
|
3
|
-
* This filters out orchestration options and returns true
|
|
4
|
-
* if any options are left.
|
|
5
|
-
*/
|
|
6
|
-
function isTransitionDefined({ when, delay: _delay, delayChildren, staggerChildren, staggerDirection, repeat, repeatType, repeatDelay, from, elapsed, ...transition }) {
|
|
7
|
-
return !!Object.keys(transition).length;
|
|
8
|
-
}
|
|
9
|
-
function getValueTransition(transition, key) {
|
|
10
|
-
return transition[key] || transition["default"] || transition;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export { getValueTransition, isTransitionDefined };
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { useId, useRef, useInsertionEffect } from 'react';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Measurement functionality has to be within a separate component
|
|
6
|
-
* to leverage snapshot lifecycle.
|
|
7
|
-
*/
|
|
8
|
-
class PopChildMeasure extends React.Component {
|
|
9
|
-
getSnapshotBeforeUpdate(prevProps) {
|
|
10
|
-
const element = this.props.childRef.current;
|
|
11
|
-
if (element && prevProps.isPresent && !this.props.isPresent) {
|
|
12
|
-
const size = this.props.sizeRef.current;
|
|
13
|
-
size.height = element.offsetHeight || 0;
|
|
14
|
-
size.width = element.offsetWidth || 0;
|
|
15
|
-
size.top = element.offsetTop;
|
|
16
|
-
size.left = element.offsetLeft;
|
|
17
|
-
}
|
|
18
|
-
return null;
|
|
19
|
-
}
|
|
20
|
-
/**
|
|
21
|
-
* Required with getSnapshotBeforeUpdate to stop React complaining.
|
|
22
|
-
*/
|
|
23
|
-
componentDidUpdate() { }
|
|
24
|
-
render() {
|
|
25
|
-
return this.props.children;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
function PopChild({ children, isPresent }) {
|
|
29
|
-
const id = useId();
|
|
30
|
-
const ref = useRef(null);
|
|
31
|
-
const size = useRef({
|
|
32
|
-
width: 0,
|
|
33
|
-
height: 0,
|
|
34
|
-
top: 0,
|
|
35
|
-
left: 0,
|
|
36
|
-
});
|
|
37
|
-
/**
|
|
38
|
-
* We create and inject a style block so we can apply this explicit
|
|
39
|
-
* sizing in a non-destructive manner by just deleting the style block.
|
|
40
|
-
*
|
|
41
|
-
* We can't apply size via render as the measurement happens
|
|
42
|
-
* in getSnapshotBeforeUpdate (post-render), likewise if we apply the
|
|
43
|
-
* styles directly on the DOM node, we might be overwriting
|
|
44
|
-
* styles set via the style prop.
|
|
45
|
-
*/
|
|
46
|
-
useInsertionEffect(() => {
|
|
47
|
-
const { width, height, top, left } = size.current;
|
|
48
|
-
if (isPresent || !ref.current || !width || !height)
|
|
49
|
-
return;
|
|
50
|
-
ref.current.dataset.motionPopId = id;
|
|
51
|
-
const style = document.createElement("style");
|
|
52
|
-
document.head.appendChild(style);
|
|
53
|
-
if (style.sheet) {
|
|
54
|
-
style.sheet.insertRule(`
|
|
55
|
-
[data-motion-pop-id="${id}"] {
|
|
56
|
-
position: absolute !important;
|
|
57
|
-
width: ${width}px !important;
|
|
58
|
-
height: ${height}px !important;
|
|
59
|
-
top: ${top}px !important;
|
|
60
|
-
left: ${left}px !important;
|
|
61
|
-
}
|
|
62
|
-
`);
|
|
63
|
-
}
|
|
64
|
-
return () => {
|
|
65
|
-
document.head.removeChild(style);
|
|
66
|
-
};
|
|
67
|
-
}, [isPresent]);
|
|
68
|
-
return (React.createElement(PopChildMeasure, { isPresent: isPresent, childRef: ref, sizeRef: size }, React.cloneElement(children, { ref })));
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
export { PopChild };
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { useId, useMemo } from 'react';
|
|
3
|
-
import { PresenceContext } from '../../context/PresenceContext.js';
|
|
4
|
-
import { useConstant } from '../../utils/use-constant.js';
|
|
5
|
-
import { PopChild } from './PopChild.js';
|
|
6
|
-
|
|
7
|
-
const PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, mode, }) => {
|
|
8
|
-
const presenceChildren = useConstant(newChildrenMap);
|
|
9
|
-
const id = useId();
|
|
10
|
-
const context = useMemo(() => ({
|
|
11
|
-
id,
|
|
12
|
-
initial,
|
|
13
|
-
isPresent,
|
|
14
|
-
custom,
|
|
15
|
-
onExitComplete: (childId) => {
|
|
16
|
-
presenceChildren.set(childId, true);
|
|
17
|
-
for (const isComplete of presenceChildren.values()) {
|
|
18
|
-
if (!isComplete)
|
|
19
|
-
return; // can stop searching when any is incomplete
|
|
20
|
-
}
|
|
21
|
-
onExitComplete && onExitComplete();
|
|
22
|
-
},
|
|
23
|
-
register: (childId) => {
|
|
24
|
-
presenceChildren.set(childId, false);
|
|
25
|
-
return () => presenceChildren.delete(childId);
|
|
26
|
-
},
|
|
27
|
-
}),
|
|
28
|
-
/**
|
|
29
|
-
* If the presence of a child affects the layout of the components around it,
|
|
30
|
-
* we want to make a new context value to ensure they get re-rendered
|
|
31
|
-
* so they can detect that layout change.
|
|
32
|
-
*/
|
|
33
|
-
presenceAffectsLayout ? undefined : [isPresent]);
|
|
34
|
-
useMemo(() => {
|
|
35
|
-
presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
|
|
36
|
-
}, [isPresent]);
|
|
37
|
-
/**
|
|
38
|
-
* If there's no `motion` components to fire exit animations, we want to remove this
|
|
39
|
-
* component immediately.
|
|
40
|
-
*/
|
|
41
|
-
React.useEffect(() => {
|
|
42
|
-
!isPresent &&
|
|
43
|
-
!presenceChildren.size &&
|
|
44
|
-
onExitComplete &&
|
|
45
|
-
onExitComplete();
|
|
46
|
-
}, [isPresent]);
|
|
47
|
-
if (mode === "popLayout") {
|
|
48
|
-
children = React.createElement(PopChild, { isPresent: isPresent }, children);
|
|
49
|
-
}
|
|
50
|
-
return (React.createElement(PresenceContext.Provider, { value: context }, children));
|
|
51
|
-
};
|
|
52
|
-
function newChildrenMap() {
|
|
53
|
-
return new Map();
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
export { PresenceChild };
|
|
@@ -1,158 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { useContext, useRef, cloneElement, Children, isValidElement } from 'react';
|
|
3
|
-
import { useForceUpdate } from '../../utils/use-force-update.js';
|
|
4
|
-
import { useIsMounted } from '../../utils/use-is-mounted.js';
|
|
5
|
-
import { PresenceChild } from './PresenceChild.js';
|
|
6
|
-
import { LayoutGroupContext } from '../../context/LayoutGroupContext.js';
|
|
7
|
-
import { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.js';
|
|
8
|
-
import { useUnmountEffect } from '../../utils/use-unmount-effect.js';
|
|
9
|
-
import { invariant } from '../../utils/errors.js';
|
|
10
|
-
|
|
11
|
-
const getChildKey = (child) => child.key || "";
|
|
12
|
-
function updateChildLookup(children, allChildren) {
|
|
13
|
-
children.forEach((child) => {
|
|
14
|
-
const key = getChildKey(child);
|
|
15
|
-
allChildren.set(key, child);
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
function onlyElements(children) {
|
|
19
|
-
const filtered = [];
|
|
20
|
-
// We use forEach here instead of map as map mutates the component key by preprending `.$`
|
|
21
|
-
Children.forEach(children, (child) => {
|
|
22
|
-
if (isValidElement(child))
|
|
23
|
-
filtered.push(child);
|
|
24
|
-
});
|
|
25
|
-
return filtered;
|
|
26
|
-
}
|
|
27
|
-
/**
|
|
28
|
-
* `AnimatePresence` enables the animation of components that have been removed from the tree.
|
|
29
|
-
*
|
|
30
|
-
* When adding/removing more than a single child, every child **must** be given a unique `key` prop.
|
|
31
|
-
*
|
|
32
|
-
* Any `motion` components that have an `exit` property defined will animate out when removed from
|
|
33
|
-
* the tree.
|
|
34
|
-
*
|
|
35
|
-
* ```jsx
|
|
36
|
-
* import { motion, AnimatePresence } from 'framer-motion'
|
|
37
|
-
*
|
|
38
|
-
* export const Items = ({ items }) => (
|
|
39
|
-
* <AnimatePresence>
|
|
40
|
-
* {items.map(item => (
|
|
41
|
-
* <motion.div
|
|
42
|
-
* key={item.id}
|
|
43
|
-
* initial={{ opacity: 0 }}
|
|
44
|
-
* animate={{ opacity: 1 }}
|
|
45
|
-
* exit={{ opacity: 0 }}
|
|
46
|
-
* />
|
|
47
|
-
* ))}
|
|
48
|
-
* </AnimatePresence>
|
|
49
|
-
* )
|
|
50
|
-
* ```
|
|
51
|
-
*
|
|
52
|
-
* You can sequence exit animations throughout a tree using variants.
|
|
53
|
-
*
|
|
54
|
-
* If a child contains multiple `motion` components with `exit` props, it will only unmount the child
|
|
55
|
-
* once all `motion` components have finished animating out. Likewise, any components using
|
|
56
|
-
* `usePresence` all need to call `safeToRemove`.
|
|
57
|
-
*
|
|
58
|
-
* @public
|
|
59
|
-
*/
|
|
60
|
-
const AnimatePresence = ({ children, custom, initial = true, onExitComplete, exitBeforeEnter, presenceAffectsLayout = true, mode = "sync", }) => {
|
|
61
|
-
invariant(!exitBeforeEnter, "Replace exitBeforeEnter with mode='wait'");
|
|
62
|
-
// We want to force a re-render once all exiting animations have finished. We
|
|
63
|
-
// either use a local forceRender function, or one from a parent context if it exists.
|
|
64
|
-
const forceRender = useContext(LayoutGroupContext).forceRender || useForceUpdate()[0];
|
|
65
|
-
const isMounted = useIsMounted();
|
|
66
|
-
// Filter out any children that aren't ReactElements. We can only track ReactElements with a props.key
|
|
67
|
-
const filteredChildren = onlyElements(children);
|
|
68
|
-
let childrenToRender = filteredChildren;
|
|
69
|
-
const exitingChildren = useRef(new Map()).current;
|
|
70
|
-
// Keep a living record of the children we're actually rendering so we
|
|
71
|
-
// can diff to figure out which are entering and exiting
|
|
72
|
-
const presentChildren = useRef(childrenToRender);
|
|
73
|
-
// A lookup table to quickly reference components by key
|
|
74
|
-
const allChildren = useRef(new Map()).current;
|
|
75
|
-
// If this is the initial component render, just deal with logic surrounding whether
|
|
76
|
-
// we play onMount animations or not.
|
|
77
|
-
const isInitialRender = useRef(true);
|
|
78
|
-
useIsomorphicLayoutEffect(() => {
|
|
79
|
-
isInitialRender.current = false;
|
|
80
|
-
updateChildLookup(filteredChildren, allChildren);
|
|
81
|
-
presentChildren.current = childrenToRender;
|
|
82
|
-
});
|
|
83
|
-
useUnmountEffect(() => {
|
|
84
|
-
isInitialRender.current = true;
|
|
85
|
-
allChildren.clear();
|
|
86
|
-
exitingChildren.clear();
|
|
87
|
-
});
|
|
88
|
-
if (isInitialRender.current) {
|
|
89
|
-
return (React.createElement(React.Fragment, null, childrenToRender.map((child) => (React.createElement(PresenceChild, { key: getChildKey(child), isPresent: true, initial: initial ? undefined : false, presenceAffectsLayout: presenceAffectsLayout, mode: mode }, child)))));
|
|
90
|
-
}
|
|
91
|
-
// If this is a subsequent render, deal with entering and exiting children
|
|
92
|
-
childrenToRender = [...childrenToRender];
|
|
93
|
-
// Diff the keys of the currently-present and target children to update our
|
|
94
|
-
// exiting list.
|
|
95
|
-
const presentKeys = presentChildren.current.map(getChildKey);
|
|
96
|
-
const targetKeys = filteredChildren.map(getChildKey);
|
|
97
|
-
// Diff the present children with our target children and mark those that are exiting
|
|
98
|
-
const numPresent = presentKeys.length;
|
|
99
|
-
for (let i = 0; i < numPresent; i++) {
|
|
100
|
-
const key = presentKeys[i];
|
|
101
|
-
if (targetKeys.indexOf(key) === -1 && !exitingChildren.has(key)) {
|
|
102
|
-
exitingChildren.set(key, undefined);
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
// If we currently have exiting children, and we're deferring rendering incoming children
|
|
106
|
-
// until after all current children have exiting, empty the childrenToRender array
|
|
107
|
-
if (mode === "wait" && exitingChildren.size) {
|
|
108
|
-
childrenToRender = [];
|
|
109
|
-
}
|
|
110
|
-
// Loop through all currently exiting components and clone them to overwrite `animate`
|
|
111
|
-
// with any `exit` prop they might have defined.
|
|
112
|
-
exitingChildren.forEach((component, key) => {
|
|
113
|
-
// If this component is actually entering again, early return
|
|
114
|
-
if (targetKeys.indexOf(key) !== -1)
|
|
115
|
-
return;
|
|
116
|
-
const child = allChildren.get(key);
|
|
117
|
-
if (!child)
|
|
118
|
-
return;
|
|
119
|
-
const insertionIndex = presentKeys.indexOf(key);
|
|
120
|
-
let exitingComponent = component;
|
|
121
|
-
if (!exitingComponent) {
|
|
122
|
-
const onExit = () => {
|
|
123
|
-
allChildren.delete(key);
|
|
124
|
-
exitingChildren.delete(key);
|
|
125
|
-
// Remove this child from the present children
|
|
126
|
-
const removeIndex = presentChildren.current.findIndex((presentChild) => presentChild.key === key);
|
|
127
|
-
presentChildren.current.splice(removeIndex, 1);
|
|
128
|
-
// Defer re-rendering until all exiting children have indeed left
|
|
129
|
-
if (!exitingChildren.size) {
|
|
130
|
-
presentChildren.current = filteredChildren;
|
|
131
|
-
if (isMounted.current === false)
|
|
132
|
-
return;
|
|
133
|
-
forceRender();
|
|
134
|
-
onExitComplete && onExitComplete();
|
|
135
|
-
}
|
|
136
|
-
};
|
|
137
|
-
exitingComponent = (React.createElement(PresenceChild, { key: getChildKey(child), isPresent: false, onExitComplete: onExit, custom: custom, presenceAffectsLayout: presenceAffectsLayout, mode: mode }, child));
|
|
138
|
-
exitingChildren.set(key, exitingComponent);
|
|
139
|
-
}
|
|
140
|
-
childrenToRender.splice(insertionIndex, 0, exitingComponent);
|
|
141
|
-
});
|
|
142
|
-
// Add `MotionContext` even to children that don't need it to ensure we're rendering
|
|
143
|
-
// the same tree between renders
|
|
144
|
-
childrenToRender = childrenToRender.map((child) => {
|
|
145
|
-
const key = child.key;
|
|
146
|
-
return exitingChildren.has(key) ? (child) : (React.createElement(PresenceChild, { key: getChildKey(child), isPresent: true, presenceAffectsLayout: presenceAffectsLayout, mode: mode }, child));
|
|
147
|
-
});
|
|
148
|
-
if (process.env.NODE_ENV !== "production" &&
|
|
149
|
-
mode === "wait" &&
|
|
150
|
-
childrenToRender.length > 1) {
|
|
151
|
-
console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
|
|
152
|
-
}
|
|
153
|
-
return (React.createElement(React.Fragment, null, exitingChildren.size
|
|
154
|
-
? childrenToRender
|
|
155
|
-
: childrenToRender.map((child) => cloneElement(child))));
|
|
156
|
-
};
|
|
157
|
-
|
|
158
|
-
export { AnimatePresence };
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { useContext, useId, useEffect } from 'react';
|
|
2
|
-
import { PresenceContext } from '../../context/PresenceContext.js';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* When a component is the child of `AnimatePresence`, it can use `usePresence`
|
|
6
|
-
* to access information about whether it's still present in the React tree.
|
|
7
|
-
*
|
|
8
|
-
* ```jsx
|
|
9
|
-
* import { usePresence } from "framer-motion"
|
|
10
|
-
*
|
|
11
|
-
* export const Component = () => {
|
|
12
|
-
* const [isPresent, safeToRemove] = usePresence()
|
|
13
|
-
*
|
|
14
|
-
* useEffect(() => {
|
|
15
|
-
* !isPresent && setTimeout(safeToRemove, 1000)
|
|
16
|
-
* }, [isPresent])
|
|
17
|
-
*
|
|
18
|
-
* return <div />
|
|
19
|
-
* }
|
|
20
|
-
* ```
|
|
21
|
-
*
|
|
22
|
-
* If `isPresent` is `false`, it means that a component has been removed the tree, but
|
|
23
|
-
* `AnimatePresence` won't really remove it until `safeToRemove` has been called.
|
|
24
|
-
*
|
|
25
|
-
* @public
|
|
26
|
-
*/
|
|
27
|
-
function usePresence() {
|
|
28
|
-
const context = useContext(PresenceContext);
|
|
29
|
-
if (context === null)
|
|
30
|
-
return [true, null];
|
|
31
|
-
const { isPresent, onExitComplete, register } = context;
|
|
32
|
-
// It's safe to call the following hooks conditionally (after an early return) because the context will always
|
|
33
|
-
// either be null or non-null for the lifespan of the component.
|
|
34
|
-
const id = useId();
|
|
35
|
-
useEffect(() => register(id), []);
|
|
36
|
-
const safeToRemove = () => onExitComplete && onExitComplete(id);
|
|
37
|
-
return !isPresent && onExitComplete ? [false, safeToRemove] : [true];
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
export { usePresence };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { useContext, useMemo } from 'react';
|
|
2
|
-
import { MotionContext } from './index.js';
|
|
3
|
-
import { getCurrentTreeVariants } from './utils.js';
|
|
4
|
-
|
|
5
|
-
function useCreateMotionContext(props) {
|
|
6
|
-
const { initial, animate } = getCurrentTreeVariants(props, useContext(MotionContext));
|
|
7
|
-
return useMemo(() => ({ initial, animate }), [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate)]);
|
|
8
|
-
}
|
|
9
|
-
function variantLabelsAsDependency(prop) {
|
|
10
|
-
return Array.isArray(prop) ? prop.join(" ") : prop;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export { useCreateMotionContext };
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { isVariantLabel } from '../../render/utils/is-variant-label.js';
|
|
2
|
-
import { isControllingVariants } from '../../render/utils/is-controlling-variants.js';
|
|
3
|
-
|
|
4
|
-
function getCurrentTreeVariants(props, context) {
|
|
5
|
-
if (isControllingVariants(props)) {
|
|
6
|
-
const { initial, animate } = props;
|
|
7
|
-
return {
|
|
8
|
-
initial: initial === false || isVariantLabel(initial)
|
|
9
|
-
? initial
|
|
10
|
-
: undefined,
|
|
11
|
-
animate: isVariantLabel(animate) ? animate : undefined,
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
return props.inherit !== false ? context : {};
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
export { getCurrentTreeVariants };
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { cubicBezier } from './cubic-bezier.js';
|
|
2
|
-
import { mirrorEasing } from './modifiers/mirror.js';
|
|
3
|
-
import { reverseEasing } from './modifiers/reverse.js';
|
|
4
|
-
|
|
5
|
-
const backOut = cubicBezier(0.33, 1.53, 0.69, 0.99);
|
|
6
|
-
const backIn = reverseEasing(backOut);
|
|
7
|
-
const backInOut = mirrorEasing(backIn);
|
|
8
|
-
|
|
9
|
-
export { backIn, backInOut, backOut };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { mirrorEasing } from './modifiers/mirror.js';
|
|
2
|
-
import { reverseEasing } from './modifiers/reverse.js';
|
|
3
|
-
|
|
4
|
-
const circIn = (p) => 1 - Math.sin(Math.acos(p));
|
|
5
|
-
const circOut = reverseEasing(circIn);
|
|
6
|
-
const circInOut = mirrorEasing(circOut);
|
|
7
|
-
|
|
8
|
-
export { circIn, circInOut, circOut };
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { noop } from '../utils/noop.js';
|
|
2
|
-
|
|
3
|
-
/*
|
|
4
|
-
Bezier function generator
|
|
5
|
-
This has been modified from Gaëtan Renaudeau's BezierEasing
|
|
6
|
-
https://github.com/gre/bezier-easing/blob/master/src/index.js
|
|
7
|
-
https://github.com/gre/bezier-easing/blob/master/LICENSE
|
|
8
|
-
|
|
9
|
-
I've removed the newtonRaphsonIterate algo because in benchmarking it
|
|
10
|
-
wasn't noticiably faster than binarySubdivision, indeed removing it
|
|
11
|
-
usually improved times, depending on the curve.
|
|
12
|
-
I also removed the lookup table, as for the added bundle size and loop we're
|
|
13
|
-
only cutting ~4 or so subdivision iterations. I bumped the max iterations up
|
|
14
|
-
to 12 to compensate and this still tended to be faster for no perceivable
|
|
15
|
-
loss in accuracy.
|
|
16
|
-
Usage
|
|
17
|
-
const easeOut = cubicBezier(.17,.67,.83,.67);
|
|
18
|
-
const x = easeOut(0.5); // returns 0.627...
|
|
19
|
-
*/
|
|
20
|
-
// Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2.
|
|
21
|
-
const calcBezier = (t, a1, a2) => (((1.0 - 3.0 * a2 + 3.0 * a1) * t + (3.0 * a2 - 6.0 * a1)) * t + 3.0 * a1) *
|
|
22
|
-
t;
|
|
23
|
-
const subdivisionPrecision = 0.0000001;
|
|
24
|
-
const subdivisionMaxIterations = 12;
|
|
25
|
-
function binarySubdivide(x, lowerBound, upperBound, mX1, mX2) {
|
|
26
|
-
let currentX;
|
|
27
|
-
let currentT;
|
|
28
|
-
let i = 0;
|
|
29
|
-
do {
|
|
30
|
-
currentT = lowerBound + (upperBound - lowerBound) / 2.0;
|
|
31
|
-
currentX = calcBezier(currentT, mX1, mX2) - x;
|
|
32
|
-
if (currentX > 0.0) {
|
|
33
|
-
upperBound = currentT;
|
|
34
|
-
}
|
|
35
|
-
else {
|
|
36
|
-
lowerBound = currentT;
|
|
37
|
-
}
|
|
38
|
-
} while (Math.abs(currentX) > subdivisionPrecision &&
|
|
39
|
-
++i < subdivisionMaxIterations);
|
|
40
|
-
return currentT;
|
|
41
|
-
}
|
|
42
|
-
function cubicBezier(mX1, mY1, mX2, mY2) {
|
|
43
|
-
// If this is a linear gradient, return linear easing
|
|
44
|
-
if (mX1 === mY1 && mX2 === mY2)
|
|
45
|
-
return noop;
|
|
46
|
-
const getTForX = (aX) => binarySubdivide(aX, 0, 1, mX1, mX2);
|
|
47
|
-
// If animation is at start/end, return t without easing
|
|
48
|
-
return (t) => t === 0 || t === 1 ? t : calcBezier(getTForX(t), mY1, mY2);
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
export { cubicBezier };
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
// Accepts an easing function and returns a new one that outputs mirrored values for
|
|
2
|
-
// the second half of the animation. Turns easeIn into easeInOut.
|
|
3
|
-
const mirrorEasing = (easing) => (p) => p <= 0.5 ? easing(2 * p) / 2 : (2 - easing(2 * (1 - p))) / 2;
|
|
4
|
-
|
|
5
|
-
export { mirrorEasing };
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { invariant } from '../../utils/errors.js';
|
|
2
|
-
import { cubicBezier } from '../cubic-bezier.js';
|
|
3
|
-
import { noop } from '../../utils/noop.js';
|
|
4
|
-
import { easeIn, easeInOut, easeOut } from '../ease.js';
|
|
5
|
-
import { circIn, circInOut, circOut } from '../circ.js';
|
|
6
|
-
import { backIn, backInOut, backOut } from '../back.js';
|
|
7
|
-
import { anticipate } from '../anticipate.js';
|
|
8
|
-
|
|
9
|
-
const easingLookup = {
|
|
10
|
-
linear: noop,
|
|
11
|
-
easeIn,
|
|
12
|
-
easeInOut,
|
|
13
|
-
easeOut,
|
|
14
|
-
circIn,
|
|
15
|
-
circInOut,
|
|
16
|
-
circOut,
|
|
17
|
-
backIn,
|
|
18
|
-
backInOut,
|
|
19
|
-
backOut,
|
|
20
|
-
anticipate,
|
|
21
|
-
};
|
|
22
|
-
const easingDefinitionToFunction = (definition) => {
|
|
23
|
-
if (Array.isArray(definition)) {
|
|
24
|
-
// If cubic bezier definition, create bezier curve
|
|
25
|
-
invariant(definition.length === 4, `Cubic bezier arrays must contain four numerical values.`);
|
|
26
|
-
const [x1, y1, x2, y2] = definition;
|
|
27
|
-
return cubicBezier(x1, y1, x2, y2);
|
|
28
|
-
}
|
|
29
|
-
else if (typeof definition === "string") {
|
|
30
|
-
// Else lookup from table
|
|
31
|
-
invariant(easingLookup[definition] !== undefined, `Invalid easing type '${definition}'`);
|
|
32
|
-
return easingLookup[definition];
|
|
33
|
-
}
|
|
34
|
-
return definition;
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
export { easingDefinitionToFunction };
|