@undp/data-viz 1.3.0 → 1.4.0

package/dist/{index-Db-Yg_Ud.js.map → index-BxAUvrua.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-Db-Yg_Ud.js","sources":["../node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs","../node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs","../node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/utils.mjs","../node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/index.mjs"],"sourcesContent":["\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport * as React from 'react';\nimport { useId, useRef, useContext, useInsertionEffect } from 'react';\nimport { MotionConfigContext } from '../../context/MotionConfigContext.mjs';\n\n/**\n * Measurement functionality has to be within a separate component\n * to leverage snapshot lifecycle.\n */\nclass PopChildMeasure extends React.Component {\n    getSnapshotBeforeUpdate(prevProps) {\n        const element = this.props.childRef.current;\n        if (element && prevProps.isPresent && !this.props.isPresent) {\n            const parent = element.offsetParent;\n            const parentWidth = parent instanceof HTMLElement ? parent.offsetWidth || 0 : 0;\n            const size = this.props.sizeRef.current;\n            size.height = element.offsetHeight || 0;\n            size.width = element.offsetWidth || 0;\n            size.top = element.offsetTop;\n            size.left = element.offsetLeft;\n            size.right = parentWidth - size.width - size.left;\n        }\n        return null;\n    }\n    /**\n     * Required with getSnapshotBeforeUpdate to stop React complaining.\n     */\n    componentDidUpdate() { }\n    render() {\n        return this.props.children;\n    }\n}\nfunction PopChild({ children, isPresent, anchorX }) {\n    const id = useId();\n    const ref = useRef(null);\n    const size = useRef({\n        width: 0,\n        height: 0,\n        top: 0,\n        left: 0,\n        right: 0,\n    });\n    const { nonce } = useContext(MotionConfigContext);\n    /**\n     * We create and inject a style block so we can apply this explicit\n     * sizing in a non-destructive manner by just deleting the style block.\n     *\n     * We can't apply size via render as the measurement happens\n     * in getSnapshotBeforeUpdate (post-render), likewise if we apply the\n     * styles directly on the DOM node, we might be overwriting\n     * styles set via the style prop.\n     */\n    useInsertionEffect(() => {\n        const { width, height, top, left, right } = size.current;\n        if (isPresent || !ref.current || !width || !height)\n            return;\n        const x = anchorX === \"left\" ? `left: ${left}` : `right: ${right}`;\n        ref.current.dataset.motionPopId = id;\n        const style = document.createElement(\"style\");\n        if (nonce)\n            style.nonce = nonce;\n        document.head.appendChild(style);\n        if (style.sheet) {\n            style.sheet.insertRule(`\n          [data-motion-pop-id=\"${id}\"] {\n            position: absolute !important;\n            width: ${width}px !important;\n            height: ${height}px !important;\n            ${x}px !important;\n            top: ${top}px !important;\n          }\n        `);\n        }\n        return () => {\n            if (document.head.contains(style)) {\n                document.head.removeChild(style);\n            }\n        };\n    }, [isPresent]);\n    return (jsx(PopChildMeasure, { isPresent: isPresent, childRef: ref, sizeRef: size, children: React.cloneElement(children, { ref }) }));\n}\n\nexport { PopChild };\n","\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport * as React from 'react';\nimport { useId, useMemo } from 'react';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\nimport { useConstant } from '../../utils/use-constant.mjs';\nimport { PopChild } from './PopChild.mjs';\n\nconst PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, mode, anchorX, }) => {\n    const presenceChildren = useConstant(newChildrenMap);\n    const id = useId();\n    let isReusedContext = true;\n    let context = useMemo(() => {\n        isReusedContext = false;\n        return {\n            id,\n            initial,\n            isPresent,\n            custom,\n            onExitComplete: (childId) => {\n                presenceChildren.set(childId, true);\n                for (const isComplete of presenceChildren.values()) {\n                    if (!isComplete)\n                        return; // can stop searching when any is incomplete\n                }\n                onExitComplete && onExitComplete();\n            },\n            register: (childId) => {\n                presenceChildren.set(childId, false);\n                return () => presenceChildren.delete(childId);\n            },\n        };\n    }, [isPresent, presenceChildren, onExitComplete]);\n    /**\n     * If the presence of a child affects the layout of the components around it,\n     * we want to make a new context value to ensure they get re-rendered\n     * so they can detect that layout change.\n     */\n    if (presenceAffectsLayout && isReusedContext) {\n        context = { ...context };\n    }\n    useMemo(() => {\n        presenceChildren.forEach((_, key) => presenceChildren.set(key, false));\n    }, [isPresent]);\n    /**\n     * If there's no `motion` components to fire exit animations, we want to remove this\n     * component immediately.\n     */\n    React.useEffect(() => {\n        !isPresent &&\n            !presenceChildren.size &&\n            onExitComplete &&\n            onExitComplete();\n    }, [isPresent]);\n    if (mode === \"popLayout\") {\n        children = (jsx(PopChild, { isPresent: isPresent, anchorX: anchorX, children: children }));\n    }\n    return (jsx(PresenceContext.Provider, { value: context, children: children }));\n};\nfunction newChildrenMap() {\n    return new Map();\n}\n\nexport { PresenceChild };\n","import { Children, isValidElement } from 'react';\n\nconst getChildKey = (child) => child.key || \"\";\nfunction onlyElements(children) {\n    const filtered = [];\n    // We use forEach here instead of map as map mutates the component key by preprending `.$`\n    Children.forEach(children, (child) => {\n        if (isValidElement(child))\n            filtered.push(child);\n    });\n    return filtered;\n}\n\nexport { getChildKey, onlyElements };\n","\"use client\";\nimport { jsx, Fragment } from 'react/jsx-runtime';\nimport { useMemo, useRef, useState, useContext } from 'react';\nimport { LayoutGroupContext } from '../../context/LayoutGroupContext.mjs';\nimport { useConstant } from '../../utils/use-constant.mjs';\nimport { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';\nimport { PresenceChild } from './PresenceChild.mjs';\nimport { usePresence } from './use-presence.mjs';\nimport { onlyElements, getChildKey } from './utils.mjs';\n\n/**\n * `AnimatePresence` enables the animation of components that have been removed from the tree.\n *\n * When adding/removing more than a single child, every child **must** be given a unique `key` prop.\n *\n * Any `motion` components that have an `exit` property defined will animate out when removed from\n * the tree.\n *\n * ```jsx\n * import { motion, AnimatePresence } from 'framer-motion'\n *\n * export const Items = ({ items }) => (\n *   <AnimatePresence>\n *     {items.map(item => (\n *       <motion.div\n *         key={item.id}\n *         initial={{ opacity: 0 }}\n *         animate={{ opacity: 1 }}\n *         exit={{ opacity: 0 }}\n *       />\n *     ))}\n *   </AnimatePresence>\n * )\n * ```\n *\n * You can sequence exit animations throughout a tree using variants.\n *\n * If a child contains multiple `motion` components with `exit` props, it will only unmount the child\n * once all `motion` components have finished animating out. Likewise, any components using\n * `usePresence` all need to call `safeToRemove`.\n *\n * @public\n */\nconst AnimatePresence = ({ children, custom, initial = true, onExitComplete, presenceAffectsLayout = true, mode = \"sync\", propagate = false, anchorX = \"left\", }) => {\n    const [isParentPresent, safeToRemove] = usePresence(propagate);\n    /**\n     * Filter any children that aren't ReactElements. We can only track components\n     * between renders with a props.key.\n     */\n    const presentChildren = useMemo(() => onlyElements(children), [children]);\n    /**\n     * Track the keys of the currently rendered children. This is used to\n     * determine which children are exiting.\n     */\n    const presentKeys = propagate && !isParentPresent ? [] : presentChildren.map(getChildKey);\n    /**\n     * If `initial={false}` we only want to pass this to components in the first render.\n     */\n    const isInitialRender = useRef(true);\n    /**\n     * A ref containing the currently present children. When all exit animations\n     * are complete, we use this to re-render the component with the latest children\n     * *committed* rather than the latest children *rendered*.\n     */\n    const pendingPresentChildren = useRef(presentChildren);\n    /**\n     * Track which exiting children have finished animating out.\n     */\n    const exitComplete = useConstant(() => new Map());\n    /**\n     * Save children to render as React state. To ensure this component is concurrent-safe,\n     * we check for exiting children via an effect.\n     */\n    const [diffedChildren, setDiffedChildren] = useState(presentChildren);\n    const [renderedChildren, setRenderedChildren] = useState(presentChildren);\n    useIsomorphicLayoutEffect(() => {\n        isInitialRender.current = false;\n        pendingPresentChildren.current = presentChildren;\n        /**\n         * Update complete status of exiting children.\n         */\n        for (let i = 0; i < renderedChildren.length; i++) {\n            const key = getChildKey(renderedChildren[i]);\n            if (!presentKeys.includes(key)) {\n                if (exitComplete.get(key) !== true) {\n                    exitComplete.set(key, false);\n                }\n            }\n            else {\n                exitComplete.delete(key);\n            }\n        }\n    }, [renderedChildren, presentKeys.length, presentKeys.join(\"-\")]);\n    const exitingChildren = [];\n    if (presentChildren !== diffedChildren) {\n        let nextChildren = [...presentChildren];\n        /**\n         * Loop through all the currently rendered components and decide which\n         * are exiting.\n         */\n        for (let i = 0; i < renderedChildren.length; i++) {\n            const child = renderedChildren[i];\n            const key = getChildKey(child);\n            if (!presentKeys.includes(key)) {\n                nextChildren.splice(i, 0, child);\n                exitingChildren.push(child);\n            }\n        }\n        /**\n         * If we're in \"wait\" mode, and we have exiting children, we want to\n         * only render these until they've all exited.\n         */\n        if (mode === \"wait\" && exitingChildren.length) {\n            nextChildren = exitingChildren;\n        }\n        setRenderedChildren(onlyElements(nextChildren));\n        setDiffedChildren(presentChildren);\n        /**\n         * Early return to ensure once we've set state with the latest diffed\n         * children, we can immediately re-render.\n         */\n        return null;\n    }\n    if (process.env.NODE_ENV !== \"production\" &&\n        mode === \"wait\" &&\n        renderedChildren.length > 1) {\n        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.`);\n    }\n    /**\n     * If we've been provided a forceRender function by the LayoutGroupContext,\n     * we can use it to force a re-render amongst all surrounding components once\n     * all components have finished animating out.\n     */\n    const { forceRender } = useContext(LayoutGroupContext);\n    return (jsx(Fragment, { children: renderedChildren.map((child) => {\n            const key = getChildKey(child);\n            const isPresent = propagate && !isParentPresent\n                ? false\n                : presentChildren === renderedChildren ||\n                    presentKeys.includes(key);\n            const onExit = () => {\n                if (exitComplete.has(key)) {\n                    exitComplete.set(key, true);\n                }\n                else {\n                    return;\n                }\n                let isEveryExitComplete = true;\n                exitComplete.forEach((isExitComplete) => {\n                    if (!isExitComplete)\n                        isEveryExitComplete = false;\n                });\n                if (isEveryExitComplete) {\n                    forceRender?.();\n                    setRenderedChildren(pendingPresentChildren.current);\n                    propagate && safeToRemove?.();\n                    onExitComplete && onExitComplete();\n                }\n            };\n            return (jsx(PresenceChild, { isPresent: isPresent, initial: !isInitialRender.current || initial\n                    ? undefined\n                    : false, custom: custom, presenceAffectsLayout: presenceAffectsLayout, mode: mode, onExitComplete: isPresent ? undefined : onExit, anchorX: anchorX, children: child }, key));\n        }) }));\n};\n\nexport { AnimatePresence };\n"],"names":["PopChildMeasure","React","prevProps","element","parent","parentWidth","size","PopChild","children","isPresent","anchorX","id","useId","ref","useRef","nonce","useContext","MotionConfigContext","useInsertionEffect","width","height","top","left","right","x","style","jsx","PresenceChild","initial","onExitComplete","custom","presenceAffectsLayout","mode","presenceChildren","useConstant","newChildrenMap","isReusedContext","context","useMemo","childId","isComplete","_","key","PresenceContext","getChildKey","child","onlyElements","filtered","Children","isValidElement","AnimatePresence","propagate","isParentPresent","safeToRemove","usePresence","presentChildren","presentKeys","isInitialRender","pendingPresentChildren","exitComplete","diffedChildren","setDiffedChildren","useState","renderedChildren","setRenderedChildren","useIsomorphicLayoutEffect","i","exitingChildren","nextChildren","forceRender","LayoutGroupContext","Fragment","onExit","isEveryExitComplete","isExitComplete"],"mappings":";;;;AAUA,MAAMA,UAAwBC,EAAM,UAAU;AAAA,EAC1C,wBAAwBC,GAAW;AAC/B,UAAMC,IAAU,KAAK,MAAM,SAAS;AACpC,QAAIA,KAAWD,EAAU,aAAa,CAAC,KAAK,MAAM,WAAW;AACzD,YAAME,IAASD,EAAQ,cACjBE,IAAcD,aAAkB,eAAcA,EAAO,eAAe,GACpEE,IAAO,KAAK,MAAM,QAAQ;AAChC,MAAAA,EAAK,SAASH,EAAQ,gBAAgB,GACtCG,EAAK,QAAQH,EAAQ,eAAe,GACpCG,EAAK,MAAMH,EAAQ,WACnBG,EAAK,OAAOH,EAAQ,YACpBG,EAAK,QAAQD,IAAcC,EAAK,QAAQA,EAAK;AAAA,IACjD;AACA,WAAO;AAAA,EACX;AAAA;AAAA;AAAA;AAAA,EAIA,qBAAqB;AAAA,EAAE;AAAA,EACvB,SAAS;AACL,WAAO,KAAK,MAAM;AAAA,EACtB;AACJ;AACA,SAASC,EAAS,EAAE,UAAAC,GAAU,WAAAC,GAAW,SAAAC,EAAO,GAAI;AAChD,QAAMC,IAAKC,EAAK,GACVC,IAAMC,EAAO,IAAI,GACjBR,IAAOQ,EAAO;AAAA,IAChB,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACf,CAAK,GACK,EAAE,OAAAC,EAAK,IAAKC,EAAWC,CAAmB;AAUhD,SAAAC,EAAmB,MAAM;AACrB,UAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,KAAAC,GAAK,MAAAC,GAAM,OAAAC,EAAK,IAAKjB,EAAK;AACjD,QAAIG,KAAa,CAACI,EAAI,WAAW,CAACM,KAAS,CAACC;AACxC;AACJ,UAAMI,IAAId,MAAY,SAAS,SAASY,CAAI,KAAK,UAAUC,CAAK;AAChE,IAAAV,EAAI,QAAQ,QAAQ,cAAcF;AAClC,UAAMc,IAAQ,SAAS,cAAc,OAAO;AAC5C,WAAIV,MACAU,EAAM,QAAQV,IAClB,SAAS,KAAK,YAAYU,CAAK,GAC3BA,EAAM,SACNA,EAAM,MAAM,WAAW;AAAA,iCACFd,CAAE;AAAA;AAAA,qBAEdQ,CAAK;AAAA,sBACJC,CAAM;AAAA,cACdI,CAAC;AAAA,mBACIH,CAAG;AAAA;AAAA,SAEb,GAEM,MAAM;AACT,MAAI,SAAS,KAAK,SAASI,CAAK,KAC5B,SAAS,KAAK,YAAYA,CAAK;AAAA,IAEvC;AAAA,EACJ,GAAG,CAAChB,CAAS,CAAC,GACNiB,EAAAA,IAAI1B,GAAiB,EAAE,WAAWS,GAAW,UAAUI,GAAK,SAASP,GAAM,UAAUL,EAAM,aAAaO,GAAU,EAAE,KAAAK,EAAG,CAAE,GAAG;AACxI;ACzEA,MAAMc,IAAgB,CAAC,EAAE,UAAAnB,GAAU,SAAAoB,GAAS,WAAAnB,GAAW,gBAAAoB,GAAgB,QAAAC,GAAQ,uBAAAC,GAAuB,MAAAC,GAAM,SAAAtB,QAAe;AACvH,QAAMuB,IAAmBC,EAAYC,CAAc,GAC7CxB,IAAKC,EAAK;AAChB,MAAIwB,IAAkB,IAClBC,IAAUC,EAAQ,OAClBF,IAAkB,IACX;AAAA,IACH,IAAAzB;AAAA,IACA,SAAAiB;AAAA,IACA,WAAAnB;AAAA,IACA,QAAAqB;AAAA,IACA,gBAAgB,CAACS,MAAY;AACzB,MAAAN,EAAiB,IAAIM,GAAS,EAAI;AAClC,iBAAWC,KAAcP,EAAiB;AACtC,YAAI,CAACO;AACD;AAER,MAAAX,KAAkBA,EAAc;AAAA,IACpC;AAAA,IACA,UAAU,CAACU,OACPN,EAAiB,IAAIM,GAAS,EAAK,GAC5B,MAAMN,EAAiB,OAAOM,CAAO;AAAA,EAE5D,IACO,CAAC9B,GAAWwB,GAAkBJ,CAAc,CAAC;AAMhD,SAAIE,KAAyBK,MACzBC,IAAU,EAAE,GAAGA,EAAO,IAE1BC,EAAQ,MAAM;AACV,IAAAL,EAAiB,QAAQ,CAACQ,GAAGC,MAAQT,EAAiB,IAAIS,GAAK,EAAK,CAAC;AAAA,EACzE,GAAG,CAACjC,CAAS,CAAC,GAKdR,EAAM,UAAU,MAAM;AAClB,KAACQ,KACG,CAACwB,EAAiB,QAClBJ,KACAA,EAAc;AAAA,EACtB,GAAG,CAACpB,CAAS,CAAC,GACVuB,MAAS,gBACTxB,IAAYkB,EAAAA,IAAInB,GAAU,EAAE,WAAWE,GAAW,SAASC,GAAS,UAAUF,EAAQ,CAAE,IAEpFkB,EAAAA,IAAIiB,EAAgB,UAAU,EAAE,OAAON,GAAS,UAAU7B,GAAU;AAChF;AACA,SAAS2B,IAAiB;AACtB,SAAO,oBAAI,IAAG;AAClB;AC3DA,MAAMS,IAAc,CAACC,MAAUA,EAAM,OAAO;AAC5C,SAASC,EAAatC,GAAU;AAC5B,QAAMuC,IAAW,CAAA;AAEjB,SAAAC,EAAS,QAAQxC,GAAU,CAACqC,MAAU;AAClC,IAAII,EAAeJ,CAAK,KACpBE,EAAS,KAAKF,CAAK;AAAA,EAC3B,CAAC,GACME;AACX;ACgCK,MAACG,IAAkB,CAAC,EAAE,UAAA1C,GAAU,QAAAsB,GAAQ,SAAAF,IAAU,IAAM,gBAAAC,GAAgB,uBAAAE,IAAwB,IAAM,MAAAC,IAAO,QAAQ,WAAAmB,IAAY,IAAO,SAAAzC,IAAU,aAAc;AACjK,QAAM,CAAC0C,GAAiBC,CAAY,IAAIC,EAAYH,CAAS,GAKvDI,IAAkBjB,EAAQ,MAAMQ,EAAatC,CAAQ,GAAG,CAACA,CAAQ,CAAC,GAKlEgD,IAAcL,KAAa,CAACC,IAAkB,CAAA,IAAKG,EAAgB,IAAIX,CAAW,GAIlFa,IAAkB3C,EAAO,EAAI,GAM7B4C,IAAyB5C,EAAOyC,CAAe,GAI/CI,IAAezB,EAAY,MAAM,oBAAI,IAAG,CAAE,GAK1C,CAAC0B,GAAgBC,CAAiB,IAAIC,EAASP,CAAe,GAC9D,CAACQ,GAAkBC,CAAmB,IAAIF,EAASP,CAAe;AACxE,EAAAU,EAA0B,MAAM;AAC5B,IAAAR,EAAgB,UAAU,IAC1BC,EAAuB,UAAUH;AAIjC,aAASW,IAAI,GAAGA,IAAIH,EAAiB,QAAQG,KAAK;AAC9C,YAAMxB,IAAME,EAAYmB,EAAiBG,CAAC,CAAC;AAC3C,MAAKV,EAAY,SAASd,CAAG,IAMzBiB,EAAa,OAAOjB,CAAG,IALnBiB,EAAa,IAAIjB,CAAG,MAAM,MAC1BiB,EAAa,IAAIjB,GAAK,EAAK;AAAA,IAMvC;AAAA,EACJ,GAAG,CAACqB,GAAkBP,EAAY,QAAQA,EAAY,KAAK,GAAG,CAAC,CAAC;AAChE,QAAMW,IAAkB,CAAA;AACxB,MAAIZ,MAAoBK,GAAgB;AACpC,QAAIQ,IAAe,CAAC,GAAGb,CAAe;AAKtC,aAAS,IAAI,GAAG,IAAIQ,EAAiB,QAAQ,KAAK;AAC9C,YAAMlB,IAAQkB,EAAiB,CAAC,GAC1BrB,IAAME,EAAYC,CAAK;AAC7B,MAAKW,EAAY,SAASd,CAAG,MACzB0B,EAAa,OAAO,GAAG,GAAGvB,CAAK,GAC/BsB,EAAgB,KAAKtB,CAAK;AAAA,IAElC;AAKA,WAAIb,MAAS,UAAUmC,EAAgB,WACnCC,IAAeD,IAEnBH,EAAoBlB,EAAasB,CAAY,CAAC,GAC9CP,EAAkBN,CAAe,GAK1B;AAAA,EACX;AACA,EAAI,QAAQ,IAAI,aAAa,gBACzBvB,MAAS,UACT+B,EAAiB,SAAS,KAC1B,QAAQ,KAAK,+IAA+I;AAOhK,QAAM,EAAE,aAAAM,EAAW,IAAKrD,EAAWsD,CAAkB;AACrD,SAAQ5C,EAAAA,IAAI6C,EAAAA,UAAU,EAAE,UAAUR,EAAiB,IAAI,CAAClB,MAAU;AAC1D,UAAMH,IAAME,EAAYC,CAAK,GACvBpC,IAAY0C,KAAa,CAACC,IAC1B,KACAG,MAAoBQ,KAClBP,EAAY,SAASd,CAAG,GAC1B8B,IAAS,MAAM;AACjB,UAAIb,EAAa,IAAIjB,CAAG;AACpB,QAAAiB,EAAa,IAAIjB,GAAK,EAAI;AAAA;AAG1B;AAEJ,UAAI+B,IAAsB;AAC1B,MAAAd,EAAa,QAAQ,CAACe,MAAmB;AACrC,QAAKA,MACDD,IAAsB;AAAA,MAC9B,CAAC,GACGA,MACAJ,IAAW,GACXL,EAAoBN,EAAuB,OAAO,GAClDP,KAAaE,IAAY,GACzBxB,KAAkBA,EAAc;AAAA,IAExC;AACA,WAAQH,EAAAA,IAAIC,GAAe,EAAE,WAAWlB,GAAW,SAAS,CAACgD,EAAgB,WAAW7B,IAC9E,SACA,IAAO,QAAQE,GAAQ,uBAAuBC,GAAuB,MAAMC,GAAM,gBAAgBvB,IAAY,SAAY+D,GAAQ,SAAS9D,GAAS,UAAUmC,EAAK,GAAIH,CAAG;AAAA,EACvL,CAAC,EAAC,CAAE;AACZ;","x_google_ignoreList":[0,1,2,3]}
+{"version":3,"file":"index-BxAUvrua.js","sources":["../node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs","../node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs","../node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/utils.mjs","../node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/index.mjs"],"sourcesContent":["\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport * as React from 'react';\nimport { useId, useRef, useContext, useInsertionEffect } from 'react';\nimport { MotionConfigContext } from '../../context/MotionConfigContext.mjs';\n\n/**\n * Measurement functionality has to be within a separate component\n * to leverage snapshot lifecycle.\n */\nclass PopChildMeasure extends React.Component {\n    getSnapshotBeforeUpdate(prevProps) {\n        const element = this.props.childRef.current;\n        if (element && prevProps.isPresent && !this.props.isPresent) {\n            const parent = element.offsetParent;\n            const parentWidth = parent instanceof HTMLElement ? parent.offsetWidth || 0 : 0;\n            const size = this.props.sizeRef.current;\n            size.height = element.offsetHeight || 0;\n            size.width = element.offsetWidth || 0;\n            size.top = element.offsetTop;\n            size.left = element.offsetLeft;\n            size.right = parentWidth - size.width - size.left;\n        }\n        return null;\n    }\n    /**\n     * Required with getSnapshotBeforeUpdate to stop React complaining.\n     */\n    componentDidUpdate() { }\n    render() {\n        return this.props.children;\n    }\n}\nfunction PopChild({ children, isPresent, anchorX }) {\n    const id = useId();\n    const ref = useRef(null);\n    const size = useRef({\n        width: 0,\n        height: 0,\n        top: 0,\n        left: 0,\n        right: 0,\n    });\n    const { nonce } = useContext(MotionConfigContext);\n    /**\n     * We create and inject a style block so we can apply this explicit\n     * sizing in a non-destructive manner by just deleting the style block.\n     *\n     * We can't apply size via render as the measurement happens\n     * in getSnapshotBeforeUpdate (post-render), likewise if we apply the\n     * styles directly on the DOM node, we might be overwriting\n     * styles set via the style prop.\n     */\n    useInsertionEffect(() => {\n        const { width, height, top, left, right } = size.current;\n        if (isPresent || !ref.current || !width || !height)\n            return;\n        const x = anchorX === \"left\" ? `left: ${left}` : `right: ${right}`;\n        ref.current.dataset.motionPopId = id;\n        const style = document.createElement(\"style\");\n        if (nonce)\n            style.nonce = nonce;\n        document.head.appendChild(style);\n        if (style.sheet) {\n            style.sheet.insertRule(`\n          [data-motion-pop-id=\"${id}\"] {\n            position: absolute !important;\n            width: ${width}px !important;\n            height: ${height}px !important;\n            ${x}px !important;\n            top: ${top}px !important;\n          }\n        `);\n        }\n        return () => {\n            if (document.head.contains(style)) {\n                document.head.removeChild(style);\n            }\n        };\n    }, [isPresent]);\n    return (jsx(PopChildMeasure, { isPresent: isPresent, childRef: ref, sizeRef: size, children: React.cloneElement(children, { ref }) }));\n}\n\nexport { PopChild };\n","\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport * as React from 'react';\nimport { useId, useMemo } from 'react';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\nimport { useConstant } from '../../utils/use-constant.mjs';\nimport { PopChild } from './PopChild.mjs';\n\nconst PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, mode, anchorX, }) => {\n    const presenceChildren = useConstant(newChildrenMap);\n    const id = useId();\n    let isReusedContext = true;\n    let context = useMemo(() => {\n        isReusedContext = false;\n        return {\n            id,\n            initial,\n            isPresent,\n            custom,\n            onExitComplete: (childId) => {\n                presenceChildren.set(childId, true);\n                for (const isComplete of presenceChildren.values()) {\n                    if (!isComplete)\n                        return; // can stop searching when any is incomplete\n                }\n                onExitComplete && onExitComplete();\n            },\n            register: (childId) => {\n                presenceChildren.set(childId, false);\n                return () => presenceChildren.delete(childId);\n            },\n        };\n    }, [isPresent, presenceChildren, onExitComplete]);\n    /**\n     * If the presence of a child affects the layout of the components around it,\n     * we want to make a new context value to ensure they get re-rendered\n     * so they can detect that layout change.\n     */\n    if (presenceAffectsLayout && isReusedContext) {\n        context = { ...context };\n    }\n    useMemo(() => {\n        presenceChildren.forEach((_, key) => presenceChildren.set(key, false));\n    }, [isPresent]);\n    /**\n     * If there's no `motion` components to fire exit animations, we want to remove this\n     * component immediately.\n     */\n    React.useEffect(() => {\n        !isPresent &&\n            !presenceChildren.size &&\n            onExitComplete &&\n            onExitComplete();\n    }, [isPresent]);\n    if (mode === \"popLayout\") {\n        children = (jsx(PopChild, { isPresent: isPresent, anchorX: anchorX, children: children }));\n    }\n    return (jsx(PresenceContext.Provider, { value: context, children: children }));\n};\nfunction newChildrenMap() {\n    return new Map();\n}\n\nexport { PresenceChild };\n","import { Children, isValidElement } from 'react';\n\nconst getChildKey = (child) => child.key || \"\";\nfunction onlyElements(children) {\n    const filtered = [];\n    // We use forEach here instead of map as map mutates the component key by preprending `.$`\n    Children.forEach(children, (child) => {\n        if (isValidElement(child))\n            filtered.push(child);\n    });\n    return filtered;\n}\n\nexport { getChildKey, onlyElements };\n","\"use client\";\nimport { jsx, Fragment } from 'react/jsx-runtime';\nimport { useMemo, useRef, useState, useContext } from 'react';\nimport { LayoutGroupContext } from '../../context/LayoutGroupContext.mjs';\nimport { useConstant } from '../../utils/use-constant.mjs';\nimport { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';\nimport { PresenceChild } from './PresenceChild.mjs';\nimport { usePresence } from './use-presence.mjs';\nimport { onlyElements, getChildKey } from './utils.mjs';\n\n/**\n * `AnimatePresence` enables the animation of components that have been removed from the tree.\n *\n * When adding/removing more than a single child, every child **must** be given a unique `key` prop.\n *\n * Any `motion` components that have an `exit` property defined will animate out when removed from\n * the tree.\n *\n * ```jsx\n * import { motion, AnimatePresence } from 'framer-motion'\n *\n * export const Items = ({ items }) => (\n *   <AnimatePresence>\n *     {items.map(item => (\n *       <motion.div\n *         key={item.id}\n *         initial={{ opacity: 0 }}\n *         animate={{ opacity: 1 }}\n *         exit={{ opacity: 0 }}\n *       />\n *     ))}\n *   </AnimatePresence>\n * )\n * ```\n *\n * You can sequence exit animations throughout a tree using variants.\n *\n * If a child contains multiple `motion` components with `exit` props, it will only unmount the child\n * once all `motion` components have finished animating out. Likewise, any components using\n * `usePresence` all need to call `safeToRemove`.\n *\n * @public\n */\nconst AnimatePresence = ({ children, custom, initial = true, onExitComplete, presenceAffectsLayout = true, mode = \"sync\", propagate = false, anchorX = \"left\", }) => {\n    const [isParentPresent, safeToRemove] = usePresence(propagate);\n    /**\n     * Filter any children that aren't ReactElements. We can only track components\n     * between renders with a props.key.\n     */\n    const presentChildren = useMemo(() => onlyElements(children), [children]);\n    /**\n     * Track the keys of the currently rendered children. This is used to\n     * determine which children are exiting.\n     */\n    const presentKeys = propagate && !isParentPresent ? [] : presentChildren.map(getChildKey);\n    /**\n     * If `initial={false}` we only want to pass this to components in the first render.\n     */\n    const isInitialRender = useRef(true);\n    /**\n     * A ref containing the currently present children. When all exit animations\n     * are complete, we use this to re-render the component with the latest children\n     * *committed* rather than the latest children *rendered*.\n     */\n    const pendingPresentChildren = useRef(presentChildren);\n    /**\n     * Track which exiting children have finished animating out.\n     */\n    const exitComplete = useConstant(() => new Map());\n    /**\n     * Save children to render as React state. To ensure this component is concurrent-safe,\n     * we check for exiting children via an effect.\n     */\n    const [diffedChildren, setDiffedChildren] = useState(presentChildren);\n    const [renderedChildren, setRenderedChildren] = useState(presentChildren);\n    useIsomorphicLayoutEffect(() => {\n        isInitialRender.current = false;\n        pendingPresentChildren.current = presentChildren;\n        /**\n         * Update complete status of exiting children.\n         */\n        for (let i = 0; i < renderedChildren.length; i++) {\n            const key = getChildKey(renderedChildren[i]);\n            if (!presentKeys.includes(key)) {\n                if (exitComplete.get(key) !== true) {\n                    exitComplete.set(key, false);\n                }\n            }\n            else {\n                exitComplete.delete(key);\n            }\n        }\n    }, [renderedChildren, presentKeys.length, presentKeys.join(\"-\")]);\n    const exitingChildren = [];\n    if (presentChildren !== diffedChildren) {\n        let nextChildren = [...presentChildren];\n        /**\n         * Loop through all the currently rendered components and decide which\n         * are exiting.\n         */\n        for (let i = 0; i < renderedChildren.length; i++) {\n            const child = renderedChildren[i];\n            const key = getChildKey(child);\n            if (!presentKeys.includes(key)) {\n                nextChildren.splice(i, 0, child);\n                exitingChildren.push(child);\n            }\n        }\n        /**\n         * If we're in \"wait\" mode, and we have exiting children, we want to\n         * only render these until they've all exited.\n         */\n        if (mode === \"wait\" && exitingChildren.length) {\n            nextChildren = exitingChildren;\n        }\n        setRenderedChildren(onlyElements(nextChildren));\n        setDiffedChildren(presentChildren);\n        /**\n         * Early return to ensure once we've set state with the latest diffed\n         * children, we can immediately re-render.\n         */\n        return null;\n    }\n    if (process.env.NODE_ENV !== \"production\" &&\n        mode === \"wait\" &&\n        renderedChildren.length > 1) {\n        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.`);\n    }\n    /**\n     * If we've been provided a forceRender function by the LayoutGroupContext,\n     * we can use it to force a re-render amongst all surrounding components once\n     * all components have finished animating out.\n     */\n    const { forceRender } = useContext(LayoutGroupContext);\n    return (jsx(Fragment, { children: renderedChildren.map((child) => {\n            const key = getChildKey(child);\n            const isPresent = propagate && !isParentPresent\n                ? false\n                : presentChildren === renderedChildren ||\n                    presentKeys.includes(key);\n            const onExit = () => {\n                if (exitComplete.has(key)) {\n                    exitComplete.set(key, true);\n                }\n                else {\n                    return;\n                }\n                let isEveryExitComplete = true;\n                exitComplete.forEach((isExitComplete) => {\n                    if (!isExitComplete)\n                        isEveryExitComplete = false;\n                });\n                if (isEveryExitComplete) {\n                    forceRender?.();\n                    setRenderedChildren(pendingPresentChildren.current);\n                    propagate && safeToRemove?.();\n                    onExitComplete && onExitComplete();\n                }\n            };\n            return (jsx(PresenceChild, { isPresent: isPresent, initial: !isInitialRender.current || initial\n                    ? undefined\n                    : false, custom: custom, presenceAffectsLayout: presenceAffectsLayout, mode: mode, onExitComplete: isPresent ? undefined : onExit, anchorX: anchorX, children: child }, key));\n        }) }));\n};\n\nexport { AnimatePresence };\n"],"names":["PopChildMeasure","React","prevProps","element","parent","parentWidth","size","PopChild","children","isPresent","anchorX","id","useId","ref","useRef","nonce","useContext","MotionConfigContext","useInsertionEffect","width","height","top","left","right","x","style","jsx","PresenceChild","initial","onExitComplete","custom","presenceAffectsLayout","mode","presenceChildren","useConstant","newChildrenMap","isReusedContext","context","useMemo","childId","isComplete","_","key","PresenceContext","getChildKey","child","onlyElements","filtered","Children","isValidElement","AnimatePresence","propagate","isParentPresent","safeToRemove","usePresence","presentChildren","presentKeys","isInitialRender","pendingPresentChildren","exitComplete","diffedChildren","setDiffedChildren","useState","renderedChildren","setRenderedChildren","useIsomorphicLayoutEffect","i","exitingChildren","nextChildren","forceRender","LayoutGroupContext","Fragment","onExit","isEveryExitComplete","isExitComplete"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}