npm - @shopify/shop-minis-react - Versions diffs - 0.1.4 → 0.1.6 - Mend

@shopify/shop-minis-react 0.1.4 → 0.1.6

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.

Files changed (125) hide show

package/dist/shop-minis-react/node_modules/.pnpm/motion@12.17.3_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/PresenceChild.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PresenceChild.js","sources":["../../../../../../../../../../../../../../node_modules/.pnpm/motion@12.17.3_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs"],"sourcesContent":["\"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"],"names":["PresenceChild","children","initial","isPresent","onExitComplete","custom","presenceAffectsLayout","mode","anchorX","presenceChildren","useConstant","newChildrenMap","id","useId","isReusedContext","context","useMemo","childId","isComplete","_","key","React","jsx","PopChild","PresenceContext"],"mappings":";;;;;;AAQK,MAACA,IAAgB,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,WAAAC,GAAW,gBAAAC,GAAgB,QAAAC,GAAQ,uBAAAC,GAAuB,MAAAC,GAAM,SAAAC,QAAe;AACvH,QAAMC,IAAmBC,EAAYC,CAAc,GAC7CC,IAAKC,EAAO;AAClB,MAAIC,IAAkB,IAClBC,IAAUC,EAAQ,OAClBF,IAAkB,IACX;AAAA,IACH,IAAAF;AAAA,IACA,SAAAV;AAAA,IACA,WAAAC;AAAA,IACA,QAAAE;AAAA,IACA,gBAAgB,CAACY,MAAY;AACzB,MAAAR,EAAiB,IAAIQ,GAAS,EAAI;AAClC,iBAAWC,KAAcT,EAAiB;AACtC,YAAI,CAACS;AACD;AAER,MAAAd,KAAkBA,EAAgB;AAAA,IACrC;AAAA,IACD,UAAU,CAACa,OACPR,EAAiB,IAAIQ,GAAS,EAAK,GAC5B,MAAMR,EAAiB,OAAOQ,CAAO;AAAA,EAEnD,IACF,CAACd,GAAWM,GAAkBL,CAAc,CAAC;AAMhD,SAAIE,KAAyBQ,MACzBC,IAAU,EAAE,GAAGA,EAAS,IAE5BC,EAAQ,MAAM;AACV,IAAAP,EAAiB,QAAQ,CAACU,GAAGC,MAAQX,EAAiB,IAAIW,GAAK,EAAK,CAAC;AAAA,EAC7E,GAAO,CAACjB,CAAS,CAAC,GAKdkB,EAAM,UAAU,MAAM;AAClB,KAAClB,KACG,CAACM,EAAiB,QAClBL,KACAA,EAAgB;AAAA,EAC5B,GAAO,CAACD,CAAS,CAAC,GACVI,MAAS,gBACTN,IAAYqB,EAAIC,GAAU,EAAE,WAAWpB,GAAW,SAASK,GAAS,UAAUP,EAAQ,CAAE,IAEpFqB,EAAIE,EAAgB,UAAU,EAAE,OAAOT,GAAS,UAAUd,GAAU;AAChF;AACA,SAASU,IAAiB;AACtB,SAAO,oBAAI,IAAK;AACpB;","x_google_ignoreList":[0]}

@@ -0,0 +1,46 @@
+import { jsx as P, Fragment as K } from "react/jsx-runtime";
+import { useMemo as M, useRef as g, useState as E, useContext as N } from "react";
+import { LayoutGroupContext as T } from "../../context/LayoutGroupContext.js";
+import { useConstant as F } from "../../utils/use-constant.js";
+import { useIsomorphicLayoutEffect as G } from "../../utils/use-isomorphic-effect.js";
+import { PresenceChild as O } from "./PresenceChild.js";
+import { usePresence as S } from "./use-presence.js";
+import { onlyElements as w, getChildKey as c } from "./utils.js";
+const J = ({ children: m, custom: v, initial: R = !0, onExitComplete: a, presenceAffectsLayout: k = !0, mode: f = "sync", propagate: l = !1, anchorX: A = "left" }) => {
+  const [h, L] = S(l), n = M(() => w(m), [m]), o = l && !h ? [] : n.map(c), p = g(!0), C = g(n), s = F(() => /* @__PURE__ */ new Map()), [b, j] = E(n), [r, y] = E(n);
+  G(() => {
+    p.current = !1, C.current = n;
+    for (let t = 0; t < r.length; t++) {
+      const e = c(r[t]);
+      o.includes(e) ? s.delete(e) : s.get(e) !== !0 && s.set(e, !1);
+    }
+  }, [r, o.length, o.join("-")]);
+  const u = [];
+  if (n !== b) {
+    let t = [...n];
+    for (let e = 0; e < r.length; e++) {
+      const i = r[e], d = c(i);
+      o.includes(d) || (t.splice(e, 0, i), u.push(i));
+    }
+    return f === "wait" && u.length && (t = u), y(w(t)), j(n), null;
+  }
+  process.env.NODE_ENV !== "production" && f === "wait" && r.length > 1 && 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.`);
+  const { forceRender: D } = N(T);
+  return P(K, { children: r.map((t) => {
+    const e = c(t), i = l && !h ? !1 : n === r || o.includes(e), d = () => {
+      if (s.has(e))
+        s.set(e, !0);
+      else
+        return;
+      let x = !0;
+      s.forEach((I) => {
+        I || (x = !1);
+      }), x && (D?.(), y(C.current), l && L?.(), a && a());
+    };
+    return P(O, { isPresent: i, initial: !p.current || R ? void 0 : !1, custom: v, presenceAffectsLayout: k, mode: f, onExitComplete: i ? void 0 : d, anchorX: A, children: t }, e);
+  }) });
+};
+export {
+  J as AnimatePresence
+};
+//# sourceMappingURL=index.js.map

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../../../../../../../../../node_modules/.pnpm/motion@12.17.3_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/index.mjs"],"sourcesContent":["\"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":["AnimatePresence","children","custom","initial","onExitComplete","presenceAffectsLayout","mode","propagate","anchorX","isParentPresent","safeToRemove","usePresence","presentChildren","useMemo","onlyElements","presentKeys","getChildKey","isInitialRender","useRef","pendingPresentChildren","exitComplete","useConstant","diffedChildren","setDiffedChildren","useState","renderedChildren","setRenderedChildren","useIsomorphicLayoutEffect","i","key","exitingChildren","nextChildren","child","forceRender","useContext","LayoutGroupContext","jsx","Fragment","isPresent","onExit","isEveryExitComplete","isExitComplete","PresenceChild"],"mappings":";;;;;;;;AA2CK,MAACA,IAAkB,CAAC,EAAE,UAAAC,GAAU,QAAAC,GAAQ,SAAAC,IAAU,IAAM,gBAAAC,GAAgB,uBAAAC,IAAwB,IAAM,MAAAC,IAAO,QAAQ,WAAAC,IAAY,IAAO,SAAAC,IAAU,aAAc;AACjK,QAAM,CAACC,GAAiBC,CAAY,IAAIC,EAAYJ,CAAS,GAKvDK,IAAkBC,EAAQ,MAAMC,EAAab,CAAQ,GAAG,CAACA,CAAQ,CAAC,GAKlEc,IAAcR,KAAa,CAACE,IAAkB,CAAA,IAAKG,EAAgB,IAAII,CAAW,GAIlFC,IAAkBC,EAAO,EAAI,GAM7BC,IAAyBD,EAAON,CAAe,GAI/CQ,IAAeC,EAAY,MAAM,oBAAI,IAAG,CAAE,GAK1C,CAACC,GAAgBC,CAAiB,IAAIC,EAASZ,CAAe,GAC9D,CAACa,GAAkBC,CAAmB,IAAIF,EAASZ,CAAe;AACxE,EAAAe,EAA0B,MAAM;AAC5B,IAAAV,EAAgB,UAAU,IAC1BE,EAAuB,UAAUP;AAIjC,aAASgB,IAAI,GAAGA,IAAIH,EAAiB,QAAQG,KAAK;AAC9C,YAAMC,IAAMb,EAAYS,EAAiBG,CAAC,CAAC;AAC3C,MAAKb,EAAY,SAASc,CAAG,IAMzBT,EAAa,OAAOS,CAAG,IALnBT,EAAa,IAAIS,CAAG,MAAM,MAC1BT,EAAa,IAAIS,GAAK,EAAK;AAAA,IAM/C;AAAA,EACA,GAAO,CAACJ,GAAkBV,EAAY,QAAQA,EAAY,KAAK,GAAG,CAAC,CAAC;AAChE,QAAMe,IAAkB,CAAE;AAC1B,MAAIlB,MAAoBU,GAAgB;AACpC,QAAIS,IAAe,CAAC,GAAGnB,CAAe;AAKtC,aAASgB,IAAI,GAAGA,IAAIH,EAAiB,QAAQG,KAAK;AAC9C,YAAMI,IAAQP,EAAiBG,CAAC,GAC1BC,IAAMb,EAAYgB,CAAK;AAC7B,MAAKjB,EAAY,SAASc,CAAG,MACzBE,EAAa,OAAOH,GAAG,GAAGI,CAAK,GAC/BF,EAAgB,KAAKE,CAAK;AAAA,IAE1C;AAKQ,WAAI1B,MAAS,UAAUwB,EAAgB,WACnCC,IAAeD,IAEnBJ,EAAoBZ,EAAaiB,CAAY,CAAC,GAC9CR,EAAkBX,CAAe,GAK1B;AAAA,EACf;AACI,EAAI,QAAQ,IAAI,aAAa,gBACzBN,MAAS,UACTmB,EAAiB,SAAS,KAC1B,QAAQ,KAAK,+IAA+I;AAOhK,QAAM,EAAE,aAAAQ,EAAW,IAAKC,EAAWC,CAAkB;AACrD,SAAQC,EAAIC,GAAU,EAAE,UAAUZ,EAAiB,IAAI,CAACO,MAAU;AAC1D,UAAMH,IAAMb,EAAYgB,CAAK,GACvBM,IAAY/B,KAAa,CAACE,IAC1B,KACAG,MAAoBa,KAClBV,EAAY,SAASc,CAAG,GAC1BU,IAAS,MAAM;AACjB,UAAInB,EAAa,IAAIS,CAAG;AACpB,QAAAT,EAAa,IAAIS,GAAK,EAAI;AAAA;AAG1B;AAEJ,UAAIW,IAAsB;AAC1B,MAAApB,EAAa,QAAQ,CAACqB,MAAmB;AACrC,QAAKA,MACDD,IAAsB;AAAA,MAC9C,CAAiB,GACGA,MACAP,IAAe,GACfP,EAAoBP,EAAuB,OAAO,GAClDZ,KAAaG,IAAgB,GAC7BN,KAAkBA,EAAgB;AAAA,IAEzC;AACD,WAAQgC,EAAIM,GAAe,EAAE,WAAWJ,GAAW,SAAS,CAACrB,EAAgB,WAAWd,IAC9E,SACA,IAAO,QAAQD,GAAQ,uBAAuBG,GAAuB,MAAMC,GAAM,gBAAgBgC,IAAY,SAAYC,GAAQ,SAAS/B,GAAS,UAAUwB,EAAO,GAAEH,CAAG;AAAA,EACtL,CAAA,GAAG;AACZ;","x_google_ignoreList":[0]}

@@ -0,0 +1,13 @@
+import { Children as o, isValidElement as r } from "react";
+const l = (e) => e.key || "";
+function f(e) {
+  const t = [];
+  return o.forEach(e, (n) => {
+    r(n) && t.push(n);
+  }), t;
+}
+export {
+  l as getChildKey,
+  f as onlyElements
+};
+//# sourceMappingURL=utils.js.map

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.js","sources":["../../../../../../../../../../../../../../node_modules/.pnpm/motion@12.17.3_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/utils.mjs"],"sourcesContent":["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"],"names":["getChildKey","child","onlyElements","children","filtered","Children","isValidElement"],"mappings":";AAEK,MAACA,IAAc,CAACC,MAAUA,EAAM,OAAO;AAC5C,SAASC,EAAaC,GAAU;AAC5B,QAAMC,IAAW,CAAE;AAEnB,SAAAC,EAAS,QAAQF,GAAU,CAACF,MAAU;AAClC,IAAIK,EAAeL,CAAK,KACpBG,EAAS,KAAKH,CAAK;AAAA,EAC/B,CAAK,GACMG;AACX;","x_google_ignoreList":[0]}