Initial commit

node_modules/@fluentui/react-motion/lib-commonjs/factories/createMotionComponent.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "createMotionComponent", {
+    enumerable: true,
+    get: function() {
+        return createMotionComponent;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _reactutilities = require("@fluentui/react-utilities");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useAnimateAtoms = require("../hooks/useAnimateAtoms");
+const _useMotionImperativeRef = require("../hooks/useMotionImperativeRef");
+const _useIsReducedMotion = require("../hooks/useIsReducedMotion");
+const _getChildElement = require("../utils/getChildElement");
+const _MotionBehaviourContext = require("../contexts/MotionBehaviourContext");
+function createMotionComponent(value) {
+    const Atom = (props)=>{
+        'use no memo';
+        const { children, imperativeRef, onMotionFinish: onMotionFinishProp, onMotionStart: onMotionStartProp, onMotionCancel: onMotionCancelProp, ..._rest } = props;
+        const params = _rest;
+        const child = (0, _getChildElement.getChildElement)(children);
+        const handleRef = (0, _useMotionImperativeRef.useMotionImperativeRef)(imperativeRef);
+        const elementRef = _react.useRef();
+        const skipMotions = (0, _MotionBehaviourContext.useMotionBehaviourContext)() === 'skip';
+        const optionsRef = _react.useRef({
+            skipMotions,
+            params
+        });
+        const animateAtoms = (0, _useAnimateAtoms.useAnimateAtoms)();
+        const isReducedMotion = (0, _useIsReducedMotion.useIsReducedMotion)();
+        const onMotionStart = (0, _reactutilities.useEventCallback)(()=>{
+            onMotionStartProp === null || onMotionStartProp === void 0 ? void 0 : onMotionStartProp(null);
+        });
+        const onMotionFinish = (0, _reactutilities.useEventCallback)(()=>{
+            onMotionFinishProp === null || onMotionFinishProp === void 0 ? void 0 : onMotionFinishProp(null);
+        });
+        const onMotionCancel = (0, _reactutilities.useEventCallback)(()=>{
+            onMotionCancelProp === null || onMotionCancelProp === void 0 ? void 0 : onMotionCancelProp(null);
+        });
+        (0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
+            // Heads up!
+            // We store the params in a ref to avoid re-rendering the component when the params change.
+            optionsRef.current = {
+                skipMotions,
+                params
+            };
+        });
+        (0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
+            const element = elementRef.current;
+            if (element) {
+                const atoms = typeof value === 'function' ? value({
+                    element,
+                    ...optionsRef.current.params
+                }) : value;
+                onMotionStart();
+                const handle = animateAtoms(element, atoms, {
+                    isReducedMotion: isReducedMotion()
+                });
+                handleRef.current = handle;
+                handle.setMotionEndCallbacks(onMotionFinish, onMotionCancel);
+                if (optionsRef.current.skipMotions) {
+                    handle.finish();
+                }
+                return ()=>{
+                    handle.cancel();
+                };
+            }
+        }, [
+            animateAtoms,
+            handleRef,
+            isReducedMotion,
+            onMotionFinish,
+            onMotionStart,
+            onMotionCancel
+        ]);
+        return _react.cloneElement(children, {
+            ref: (0, _reactutilities.useMergedRefs)(elementRef, child.ref)
+        });
+    };
+    return Atom;
+}

node_modules/@fluentui/react-motion/lib-commonjs/factories/createPresenceComponent.js

@@ -0,0 +1,140 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    MOTION_DEFINITION: function() {
+        return MOTION_DEFINITION;
+    },
+    createPresenceComponent: function() {
+        return createPresenceComponent;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _reactutilities = require("@fluentui/react-utilities");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _PresenceGroupChildContext = require("../contexts/PresenceGroupChildContext");
+const _useAnimateAtoms = require("../hooks/useAnimateAtoms");
+const _useMotionImperativeRef = require("../hooks/useMotionImperativeRef");
+const _useMountedState = require("../hooks/useMountedState");
+const _useIsReducedMotion = require("../hooks/useIsReducedMotion");
+const _getChildElement = require("../utils/getChildElement");
+const _MotionBehaviourContext = require("../contexts/MotionBehaviourContext");
+const MOTION_DEFINITION = Symbol('MOTION_DEFINITION');
+function shouldSkipAnimation(appear, isFirstMount, visible) {
+    return !appear && isFirstMount && !!visible;
+}
+function createPresenceComponent(value) {
+    return Object.assign((props)=>{
+        'use no memo';
+        const itemContext = _react.useContext(_PresenceGroupChildContext.PresenceGroupChildContext);
+        const merged = {
+            ...itemContext,
+            ...props
+        };
+        const skipMotions = (0, _MotionBehaviourContext.useMotionBehaviourContext)() === 'skip';
+        const { appear, children, imperativeRef, onExit, onMotionFinish, onMotionStart, onMotionCancel, visible, unmountOnExit, ..._rest } = merged;
+        const params = _rest;
+        const [mounted, setMounted] = (0, _useMountedState.useMountedState)(visible, unmountOnExit);
+        const child = (0, _getChildElement.getChildElement)(children);
+        const handleRef = (0, _useMotionImperativeRef.useMotionImperativeRef)(imperativeRef);
+        const elementRef = _react.useRef();
+        const ref = (0, _reactutilities.useMergedRefs)(elementRef, child.ref);
+        const optionsRef = _react.useRef({
+            appear,
+            params,
+            skipMotions
+        });
+        const animateAtoms = (0, _useAnimateAtoms.useAnimateAtoms)();
+        const isFirstMount = (0, _reactutilities.useFirstMount)();
+        const isReducedMotion = (0, _useIsReducedMotion.useIsReducedMotion)();
+        const handleMotionStart = (0, _reactutilities.useEventCallback)((direction)=>{
+            onMotionStart === null || onMotionStart === void 0 ? void 0 : onMotionStart(null, {
+                direction
+            });
+        });
+        const handleMotionFinish = (0, _reactutilities.useEventCallback)((direction)=>{
+            onMotionFinish === null || onMotionFinish === void 0 ? void 0 : onMotionFinish(null, {
+                direction
+            });
+            if (direction === 'exit' && unmountOnExit) {
+                setMounted(false);
+                onExit === null || onExit === void 0 ? void 0 : onExit();
+            }
+        });
+        const handleMotionCancel = (0, _reactutilities.useEventCallback)((direction)=>{
+            onMotionCancel === null || onMotionCancel === void 0 ? void 0 : onMotionCancel(null, {
+                direction
+            });
+        });
+        (0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
+            // Heads up!
+            // We store the params in a ref to avoid re-rendering the component when the params change.
+            optionsRef.current = {
+                appear,
+                params,
+                skipMotions
+            };
+        });
+        (0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
+            const element = elementRef.current;
+            if (!element || shouldSkipAnimation(optionsRef.current.appear, isFirstMount, visible)) {
+                return;
+            }
+            const presenceMotion = typeof value === 'function' ? value({
+                element,
+                ...optionsRef.current.params
+            }) : value;
+            const atoms = visible ? presenceMotion.enter : presenceMotion.exit;
+            const direction = visible ? 'enter' : 'exit';
+            const applyInitialStyles = !visible && isFirstMount;
+            const skipAnimation = optionsRef.current.skipMotions;
+            if (!applyInitialStyles) {
+                handleMotionStart(direction);
+            }
+            const handle = animateAtoms(element, atoms, {
+                isReducedMotion: isReducedMotion()
+            });
+            if (applyInitialStyles) {
+                // Heads up!
+                // .finish() is used in this case to skip animation and apply animation styles immediately
+                handle.finish();
+                return;
+            }
+            handleRef.current = handle;
+            handle.setMotionEndCallbacks(()=>handleMotionFinish(direction), ()=>handleMotionCancel(direction));
+            if (skipAnimation) {
+                handle.finish();
+            }
+            return ()=>{
+                handle.cancel();
+            };
+        }, // Excluding `isFirstMount` from deps to prevent re-triggering the animation on subsequent renders
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+        [
+            animateAtoms,
+            handleRef,
+            isReducedMotion,
+            handleMotionFinish,
+            handleMotionStart,
+            handleMotionCancel,
+            visible
+        ]);
+        if (mounted) {
+            return _react.cloneElement(child, {
+                ref
+            });
+        }
+        return null;
+    }, {
+        // Heads up!
+        // Always normalize it to a function to simplify types
+        [MOTION_DEFINITION]: typeof value === 'function' ? value : ()=>value
+    });
+}

node_modules/@fluentui/react-motion/lib-commonjs/factories/createPresenceComponentVariant.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    createPresenceComponentVariant: function() {
+        return createPresenceComponentVariant;
+    },
+    overridePresenceMotion: function() {
+        return overridePresenceMotion;
+    }
+});
+const _createPresenceComponent = require("./createPresenceComponent");
+function overridePresenceMotion(presenceMotion, override) {
+    return (...args)=>{
+        const { enter, exit } = presenceMotion(...args);
+        return {
+            enter: {
+                ...enter,
+                ...override.all,
+                ...override.enter
+            },
+            exit: {
+                ...exit,
+                ...override.all,
+                ...override.exit
+            }
+        };
+    };
+}
+function createPresenceComponentVariant(component, override) {
+    return (0, _createPresenceComponent.createPresenceComponent)(overridePresenceMotion(component[_createPresenceComponent.MOTION_DEFINITION], override));
+}

node_modules/@fluentui/react-motion/lib-commonjs/factories/createPresenceComponentVariant.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/factories/createPresenceComponentVariant.ts"],"sourcesContent":["import type { MotionParam, PresenceDirection, PresenceMotionFn } from '../types';\nimport { MOTION_DEFINITION, createPresenceComponent, PresenceComponent } from './createPresenceComponent';\n\n/**\n * @internal\n */\ntype PresenceOverrideFields = {\n  duration: KeyframeEffectOptions['duration'];\n  easing: KeyframeEffectOptions['easing'];\n};\n\n/**\n * @internal\n *\n * Override properties for presence transitions.\n *\n * @example <caption>Override duration for all transitions</caption>\n * ```\n * const override: PresenceOverride = {\n *  all: { duration: 1000 },\n * };\n * ```\n *\n * @example <caption>Override easing for exit transition</caption>\n * ```\n * const override: PresenceOverride = {\n *  exit: { easing: 'ease-out' },\n * };\n * ```\n */\ntype PresenceOverride = Partial<Record<PresenceDirection | 'all', Partial<PresenceOverrideFields>>>;\n\n/**\n * @internal\n */\nexport function overridePresenceMotion<MotionParams extends Record<string, MotionParam> = {}>(\n  presenceMotion: PresenceMotionFn<MotionParams>,\n  override: PresenceOverride,\n): PresenceMotionFn<MotionParams> {\n  return (...args: Parameters<PresenceMotionFn<MotionParams>>) => {\n    const { enter, exit } = presenceMotion(...args);\n\n    return {\n      enter: { ...enter, ...override.all, ...override.enter },\n      exit: { ...exit, ...override.all, ...override.exit },\n    };\n  };\n}\n\nexport function createPresenceComponentVariant<MotionParams extends Record<string, MotionParam> = {}>(\n  component: PresenceComponent<MotionParams>,\n  override: PresenceOverride,\n): PresenceComponent<MotionParams> {\n  return createPresenceComponent(overridePresenceMotion(component[MOTION_DEFINITION], override));\n}\n"],"names":["createPresenceComponentVariant","overridePresenceMotion","presenceMotion","override","args","enter","exit","all","component","createPresenceComponent","MOTION_DEFINITION"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAiDgBA,8BAA8B;eAA9BA;;IAdAC,sBAAsB;eAAtBA;;;yCAlC8D;AAkCvE,SAASA,uBACdC,cAA8C,EAC9CC,QAA0B;IAE1B,OAAO,CAAC,GAAGC;QACT,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGJ,kBAAkBE;QAE1C,OAAO;YACLC,OAAO;gBAAE,GAAGA,KAAK;gBAAE,GAAGF,SAASI,GAAG;gBAAE,GAAGJ,SAASE,KAAK;YAAC;YACtDC,MAAM;gBAAE,GAAGA,IAAI;gBAAE,GAAGH,SAASI,GAAG;gBAAE,GAAGJ,SAASG,IAAI;YAAC;QACrD;IACF;AACF;AAEO,SAASN,+BACdQ,SAA0C,EAC1CL,QAA0B;IAE1B,OAAOM,IAAAA,gDAAuB,EAACR,uBAAuBO,SAAS,CAACE,0CAAiB,CAAC,EAAEP;AACtF"}