@frontify/guideline-blocks-settings 1.0.2 → 1.0.4

package/dist/hooks/useAttachments.es.js

@@ -1,8 +1,8 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useBlockAssets as p } from "@frontify/app-bridge";
-import { createContext as u, useContext as w } from "react";
-const l = (t, o) => {
-  const { blockAssets: e, addAssetIdsToKey: n, deleteAssetIdsFromKey: d, updateAssetIdsFromKey: a } = o, r = (e == null ? void 0 : e[t]) || [];
+import { jsx as m } from "react/jsx-runtime";
+import { useBlockAssets as u } from "@frontify/app-bridge";
+import { createContext as l, useContext as w } from "react";
+const p = (t, o) => {
+  const { blockAssets: e, addAssetIdsToKey: n, deleteAssetIdsFromKey: a, updateAssetIdsFromKey: r } = o, d = (e == null ? void 0 : e[t]) || [];
   return {
     onAttachmentsAdd: async (s) => {
       await n(
@@ -11,53 +11,64 @@ const l = (t, o) => {
       );
     },
     onAttachmentDelete: async (s) => {
-      await d(t, [s.id]);
+      await a(t, [s.id]);
     },
     onAttachmentReplace: async (s, c) => {
-      const m = r.map(
-        (A) => A.id === s.id ? c.id : A.id
+      const A = d.map(
+        (h) => h.id === s.id ? c.id : h.id
       );
-      await a(t, m);
+      await r(t, A);
     },
     onAttachmentsSorted: async (s) => {
-      const c = s.map((m) => m.id);
-      await a(t, c);
+      const c = s.map((A) => A.id);
+      await r(t, c);
     },
-    attachments: r
+    attachments: d
   };
-}, x = (t, o) => {
-  const { onAttachmentsAdd: e, onAttachmentDelete: n, onAttachmentReplace: d, onAttachmentsSorted: a, attachments: r } = l(o, p(t));
+}, v = (t, o) => {
+  const { onAttachmentsAdd: e, onAttachmentDelete: n, onAttachmentReplace: a, onAttachmentsSorted: r, attachments: d } = p(o, u(t));
   return {
     onAttachmentsAdd: e,
     onAttachmentDelete: n,
-    onAttachmentReplace: d,
-    onAttachmentsSorted: a,
-    attachments: r,
+    onAttachmentReplace: a,
+    onAttachmentsSorted: r,
+    attachments: d,
     appBridge: t
   };
-}, h = u(null), C = ({
+}, i = l(null);
+i.displayName = "AttachmentsContext";
+const x = ({
   appBridge: t,
   children: o,
   assetId: e
 }) => {
-  const n = x(t, e);
-  return /* @__PURE__ */ i(h.Provider, { value: n, children: o });
-}, S = () => {
-  const t = w(h);
+  const n = v(t, e);
+  return /* @__PURE__ */ m(i.Provider, { value: n, children: o });
+}, O = ({
+  blockAssetBundle: t,
+  appBridge: o,
+  children: e,
+  assetId: n
+}) => {
+  const a = p(n, t);
+  return /* @__PURE__ */ m(i.Provider, { value: { ...a, appBridge: o }, children: e });
+}, R = () => {
+  const t = w(i);
   if (!t)
     throw new Error(
       "No AttachmentsContext Provided. Component must be wrapped in an 'AttachmentsProvider' or the 'withAttachmentsProvider' HOC"
     );
   return t;
-}, B = (t, o) => {
-  const e = (n) => /* @__PURE__ */ i(C, { appBridge: n.appBridge, assetId: o, children: /* @__PURE__ */ i(t, { ...n }) });
+}, S = (t, o) => {
+  const e = (n) => /* @__PURE__ */ m(x, { appBridge: n.appBridge, assetId: o, children: /* @__PURE__ */ m(t, { ...n }) });
   return e.displayName = "withAttachmentsProvider", e;
 };
 export {
-  C as AttachmentsProvider,
-  l as useAttachmentOperations,
-  x as useAttachments,
-  S as useAttachmentsContext,
-  B as withAttachmentsProvider
+  O as AttachmentOperationsProvider,
+  x as AttachmentsProvider,
+  p as useAttachmentOperations,
+  v as useAttachments,
+  R as useAttachmentsContext,
+  S as withAttachmentsProvider
 };
 //# sourceMappingURL=useAttachments.es.js.map

package/dist/hooks/useAttachments.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAttachments.es.js","sources":["../../src/hooks/useAttachments.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock, type Asset, useBlockAssets } from '@frontify/app-bridge';\nimport { type ReactNode, createContext, useContext } from 'react';\n\nimport { type BlockProps } from '../index';\n\nexport const useAttachmentOperations = (attachmentKey: string, blockAssetBundle: ReturnType<typeof useBlockAssets>) => {\n    const { blockAssets, addAssetIdsToKey, deleteAssetIdsFromKey, updateAssetIdsFromKey } = blockAssetBundle;\n    const attachments = blockAssets?.[attachmentKey] || [];\n\n    const onAttachmentsAdd = async (newAssets: Asset[]) => {\n        await addAssetIdsToKey(\n            attachmentKey,\n            newAssets.map((asset) => asset.id),\n        );\n    };\n\n    const onAttachmentDelete = async (assetToDelete: Asset) => {\n        await deleteAssetIdsFromKey(attachmentKey, [assetToDelete.id]);\n    };\n\n    const onAttachmentReplace = async (attachmentToReplace: Asset, newAsset: Asset) => {\n        const newAssetIds = attachments.map((attachment) =>\n            attachment.id === attachmentToReplace.id ? newAsset.id : attachment.id,\n        );\n\n        await updateAssetIdsFromKey(attachmentKey, newAssetIds);\n    };\n\n    const onAttachmentsSorted = async (assets: Asset[]) => {\n        const newAssetIds = assets.map((asset) => asset.id);\n\n        await updateAssetIdsFromKey(attachmentKey, newAssetIds);\n    };\n\n    return {\n        onAttachmentsAdd,\n        onAttachmentDelete,\n        onAttachmentReplace,\n        onAttachmentsSorted,\n        attachments,\n    };\n};\n\nexport const useAttachments = (appBridge: AppBridgeBlock, attachmentKey: string) => {\n    const { onAttachmentsAdd, onAttachmentDelete, onAttachmentReplace, onAttachmentsSorted, attachments } =\n        useAttachmentOperations(attachmentKey, useBlockAssets(appBridge));\n\n    return {\n        onAttachmentsAdd,\n        onAttachmentDelete,\n        onAttachmentReplace,\n        onAttachmentsSorted,\n        attachments,\n        appBridge,\n    };\n};\n\nconst AttachmentsContext = createContext<ReturnType<typeof useAttachments> | null>(null);\n\nexport const AttachmentsProvider = ({\n    appBridge,\n    children,\n    assetId,\n}: {\n    appBridge: AppBridgeBlock;\n    children: ReactNode;\n    assetId: string;\n}) => {\n    const attachmentContext = useAttachments(appBridge, assetId);\n\n    return <AttachmentsContext.Provider value={attachmentContext}>{children}</AttachmentsContext.Provider>;\n};\n\nexport const useAttachmentsContext = () => {\n    const context = useContext(AttachmentsContext);\n\n    if (!context) {\n        throw new Error(\n            \"No AttachmentsContext Provided. Component must be wrapped in an 'AttachmentsProvider' or the 'withAttachmentsProvider' HOC\",\n        );\n    }\n\n    return context;\n};\n\n/**\n * Block-level HOC for cases when there is only one attachment asset field related to the block.\n * Recommended for most cases.\n * If finer control is required over attachments, use {@link AttachmentsProvider} component.\n */\nexport const withAttachmentsProvider = <T extends BlockProps>(Component: (props: T) => ReactNode, assetId: string) => {\n    const wrappedComponent = (props: T) => (\n        <AttachmentsProvider appBridge={props.appBridge} assetId={assetId}>\n            <Component {...props} />\n        </AttachmentsProvider>\n    );\n\n    wrappedComponent.displayName = 'withAttachmentsProvider';\n\n    return wrappedComponent;\n};\n"],"names":["useAttachmentOperations","attachmentKey","blockAssetBundle","blockAssets","addAssetIdsToKey","deleteAssetIdsFromKey","updateAssetIdsFromKey","attachments","newAssets","asset","assetToDelete","attachmentToReplace","newAsset","newAssetIds","attachment","assets","useAttachments","appBridge","onAttachmentsAdd","onAttachmentDelete","onAttachmentReplace","onAttachmentsSorted","useBlockAssets","AttachmentsContext","createContext","AttachmentsProvider","children","assetId","attachmentContext","useAttachmentsContext","context","useContext","withAttachmentsProvider","Component","wrappedComponent","props","jsx"],"mappings":";;;AAOa,MAAAA,IAA0B,CAACC,GAAuBC,MAAwD;AACnH,QAAM,EAAE,aAAAC,GAAa,kBAAAC,GAAkB,uBAAAC,GAAuB,uBAAAC,MAA0BJ,GAClFK,KAAcJ,KAAA,gBAAAA,EAAcF,OAAkB,CAAA;AA2B7C,SAAA;AAAA,IACH,kBA1BqB,OAAOO,MAAuB;AAC7C,YAAAJ;AAAA,QACFH;AAAA,QACAO,EAAU,IAAI,CAACC,MAAUA,EAAM,EAAE;AAAA,MAAA;AAAA,IACrC;AAAA,IAuBA,oBApBuB,OAAOC,MAAyB;AACvD,YAAML,EAAsBJ,GAAe,CAACS,EAAc,EAAE,CAAC;AAAA,IAAA;AAAA,IAoB7D,qBAjBwB,OAAOC,GAA4BC,MAAoB;AAC/E,YAAMC,IAAcN,EAAY;AAAA,QAAI,CAACO,MACjCA,EAAW,OAAOH,EAAoB,KAAKC,EAAS,KAAKE,EAAW;AAAA,MAAA;AAGlE,YAAAR,EAAsBL,GAAeY,CAAW;AAAA,IAAA;AAAA,IAatD,qBAVwB,OAAOE,MAAoB;AACnD,YAAMF,IAAcE,EAAO,IAAI,CAACN,MAAUA,EAAM,EAAE;AAE5C,YAAAH,EAAsBL,GAAeY,CAAW;AAAA,IAAA;AAAA,IAQtD,aAAAN;AAAA,EAAA;AAER,GAEaS,IAAiB,CAACC,GAA2BhB,MAA0B;AAC1E,QAAA,EAAE,kBAAAiB,GAAkB,oBAAAC,GAAoB,qBAAAC,GAAqB,qBAAAC,GAAqB,aAAAd,MACpFP,EAAwBC,GAAeqB,EAAeL,CAAS,CAAC;AAE7D,SAAA;AAAA,IACH,kBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,aAAAd;AAAA,IACA,WAAAU;AAAA,EAAA;AAER,GAEMM,IAAqBC,EAAwD,IAAI,GAE1EC,IAAsB,CAAC;AAAA,EAChC,WAAAR;AAAA,EACA,UAAAS;AAAA,EACA,SAAAC;AACJ,MAIM;AACI,QAAAC,IAAoBZ,EAAeC,GAAWU,CAAO;AAE3D,2BAAQJ,EAAmB,UAAnB,EAA4B,OAAOK,GAAoB,UAAAF,EAAS,CAAA;AAC5E,GAEaG,IAAwB,MAAM;AACjC,QAAAC,IAAUC,EAAWR,CAAkB;AAE7C,MAAI,CAACO;AACD,UAAM,IAAI;AAAA,MACN;AAAA,IAAA;AAID,SAAAA;AACX,GAOaE,IAA0B,CAAuBC,GAAoCN,MAAoB;AAClH,QAAMO,IAAmB,CAACC,MACtB,gBAAAC,EAACX,GAAoB,EAAA,WAAWU,EAAM,WAAW,SAAAR,GAC7C,UAAA,gBAAAS,EAACH,GAAW,EAAA,GAAGE,GAAO,EAC1B,CAAA;AAGJ,SAAAD,EAAiB,cAAc,2BAExBA;AACX;"}
+{"version":3,"file":"useAttachments.es.js","sources":["../../src/hooks/useAttachments.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock, type Asset, useBlockAssets } from '@frontify/app-bridge';\nimport { type ReactNode, createContext, useContext } from 'react';\n\nimport { type BlockProps } from '../index';\n\nexport const useAttachmentOperations = (attachmentKey: string, blockAssetBundle: ReturnType<typeof useBlockAssets>) => {\n    const { blockAssets, addAssetIdsToKey, deleteAssetIdsFromKey, updateAssetIdsFromKey } = blockAssetBundle;\n    const attachments = blockAssets?.[attachmentKey] || [];\n\n    const onAttachmentsAdd = async (newAssets: Asset[]) => {\n        await addAssetIdsToKey(\n            attachmentKey,\n            newAssets.map((asset) => asset.id),\n        );\n    };\n\n    const onAttachmentDelete = async (assetToDelete: Asset) => {\n        await deleteAssetIdsFromKey(attachmentKey, [assetToDelete.id]);\n    };\n\n    const onAttachmentReplace = async (attachmentToReplace: Asset, newAsset: Asset) => {\n        const newAssetIds = attachments.map((attachment) =>\n            attachment.id === attachmentToReplace.id ? newAsset.id : attachment.id,\n        );\n\n        await updateAssetIdsFromKey(attachmentKey, newAssetIds);\n    };\n\n    const onAttachmentsSorted = async (assets: Asset[]) => {\n        const newAssetIds = assets.map((asset) => asset.id);\n\n        await updateAssetIdsFromKey(attachmentKey, newAssetIds);\n    };\n\n    return {\n        onAttachmentsAdd,\n        onAttachmentDelete,\n        onAttachmentReplace,\n        onAttachmentsSorted,\n        attachments,\n    };\n};\n\nexport const useAttachments = (appBridge: AppBridgeBlock, attachmentKey: string) => {\n    const { onAttachmentsAdd, onAttachmentDelete, onAttachmentReplace, onAttachmentsSorted, attachments } =\n        useAttachmentOperations(attachmentKey, useBlockAssets(appBridge));\n\n    return {\n        onAttachmentsAdd,\n        onAttachmentDelete,\n        onAttachmentReplace,\n        onAttachmentsSorted,\n        attachments,\n        appBridge,\n    };\n};\n\nconst AttachmentsContext = createContext<ReturnType<typeof useAttachments> | null>(null);\nAttachmentsContext.displayName = 'AttachmentsContext';\n\nexport const AttachmentsProvider = ({\n    appBridge,\n    children,\n    assetId,\n}: {\n    appBridge: AppBridgeBlock;\n    children: ReactNode;\n    assetId: string;\n}) => {\n    const attachmentContext = useAttachments(appBridge, assetId);\n\n    return <AttachmentsContext.Provider value={attachmentContext}>{children}</AttachmentsContext.Provider>;\n};\n\nexport const AttachmentOperationsProvider = ({\n    blockAssetBundle,\n    appBridge,\n    children,\n    assetId,\n}: {\n    blockAssetBundle: ReturnType<typeof useBlockAssets>;\n    children: ReactNode;\n    assetId: string;\n    appBridge: AppBridgeBlock;\n}) => {\n    const attachmentContext = useAttachmentOperations(assetId, blockAssetBundle);\n\n    return (\n        <AttachmentsContext.Provider value={{ ...attachmentContext, appBridge }}>\n            {children}\n        </AttachmentsContext.Provider>\n    );\n};\n\nexport const useAttachmentsContext = () => {\n    const context = useContext(AttachmentsContext);\n\n    if (!context) {\n        throw new Error(\n            \"No AttachmentsContext Provided. Component must be wrapped in an 'AttachmentsProvider' or the 'withAttachmentsProvider' HOC\",\n        );\n    }\n\n    return context;\n};\n\n/**\n * Block-level HOC for cases when there is only one attachment asset field related to the block.\n * Recommended for most cases.\n * If finer control is required over attachments, use {@link AttachmentsProvider} component.\n */\nexport const withAttachmentsProvider = <T extends BlockProps>(Component: (props: T) => ReactNode, assetId: string) => {\n    const wrappedComponent = (props: T) => (\n        <AttachmentsProvider appBridge={props.appBridge} assetId={assetId}>\n            <Component {...props} />\n        </AttachmentsProvider>\n    );\n\n    wrappedComponent.displayName = 'withAttachmentsProvider';\n\n    return wrappedComponent;\n};\n"],"names":["useAttachmentOperations","attachmentKey","blockAssetBundle","blockAssets","addAssetIdsToKey","deleteAssetIdsFromKey","updateAssetIdsFromKey","attachments","newAssets","asset","assetToDelete","attachmentToReplace","newAsset","newAssetIds","attachment","assets","useAttachments","appBridge","onAttachmentsAdd","onAttachmentDelete","onAttachmentReplace","onAttachmentsSorted","useBlockAssets","AttachmentsContext","createContext","AttachmentsProvider","children","assetId","attachmentContext","AttachmentOperationsProvider","jsx","useAttachmentsContext","context","useContext","withAttachmentsProvider","Component","wrappedComponent","props"],"mappings":";;;AAOO,MAAMA,IAA0B,CAACC,GAAuBC,MAAwD;AACnH,QAAM,EAAE,aAAAC,GAAa,kBAAAC,GAAkB,uBAAAC,GAAuB,uBAAAC,MAA0BJ,GAClFK,KAAcJ,KAAA,gBAAAA,EAAcF,OAAkB,CAAA;AA2BpD,SAAO;AAAA,IACH,kBA1BqB,OAAOO,MAAuB;AACnD,YAAMJ;AAAA,QACFH;AAAA,QACAO,EAAU,IAAI,CAACC,MAAUA,EAAM,EAAE;AAAA,MAAA;AAAA,IAEzC;AAAA,IAsBI,oBApBuB,OAAOC,MAAyB;AACvD,YAAML,EAAsBJ,GAAe,CAACS,EAAc,EAAE,CAAC;AAAA,IACjE;AAAA,IAmBI,qBAjBwB,OAAOC,GAA4BC,MAAoB;AAC/E,YAAMC,IAAcN,EAAY;AAAA,QAAI,CAACO,MACjCA,EAAW,OAAOH,EAAoB,KAAKC,EAAS,KAAKE,EAAW;AAAA,MAAA;AAGxE,YAAMR,EAAsBL,GAAeY,CAAW;AAAA,IAC1D;AAAA,IAYI,qBAVwB,OAAOE,MAAoB;AACnD,YAAMF,IAAcE,EAAO,IAAI,CAACN,MAAUA,EAAM,EAAE;AAElD,YAAMH,EAAsBL,GAAeY,CAAW;AAAA,IAC1D;AAAA,IAOI,aAAAN;AAAA,EAAA;AAER,GAEaS,IAAiB,CAACC,GAA2BhB,MAA0B;AAChF,QAAM,EAAE,kBAAAiB,GAAkB,oBAAAC,GAAoB,qBAAAC,GAAqB,qBAAAC,GAAqB,aAAAd,EAAA,IACpFP,EAAwBC,GAAeqB,EAAeL,CAAS,CAAC;AAEpE,SAAO;AAAA,IACH,kBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,aAAAd;AAAA,IACA,WAAAU;AAAA,EAAA;AAER,GAEMM,IAAqBC,EAAwD,IAAI;AACvFD,EAAmB,cAAc;AAE1B,MAAME,IAAsB,CAAC;AAAA,EAChC,WAAAR;AAAA,EACA,UAAAS;AAAA,EACA,SAAAC;AACJ,MAIM;AACF,QAAMC,IAAoBZ,EAAeC,GAAWU,CAAO;AAE3D,2BAAQJ,EAAmB,UAAnB,EAA4B,OAAOK,GAAoB,UAAAF,GAAS;AAC5E,GAEaG,IAA+B,CAAC;AAAA,EACzC,kBAAA3B;AAAA,EACA,WAAAe;AAAA,EACA,UAAAS;AAAA,EACA,SAAAC;AACJ,MAKM;AACF,QAAMC,IAAoB5B,EAAwB2B,GAASzB,CAAgB;AAE3E,SACI,gBAAA4B,EAACP,EAAmB,UAAnB,EAA4B,OAAO,EAAE,GAAGK,GAAmB,WAAAX,KACvD,UAAAS,GACL;AAER,GAEaK,IAAwB,MAAM;AACvC,QAAMC,IAAUC,EAAWV,CAAkB;AAE7C,MAAI,CAACS;AACD,UAAM,IAAI;AAAA,MACN;AAAA,IAAA;AAIR,SAAOA;AACX,GAOaE,IAA0B,CAAuBC,GAAoCR,MAAoB;AAClH,QAAMS,IAAmB,CAACC,MACtB,gBAAAP,EAACL,GAAA,EAAoB,WAAWY,EAAM,WAAW,SAAAV,GAC7C,UAAA,gBAAAG,EAACK,GAAA,EAAW,GAAGE,GAAO,GAC1B;AAGJ,SAAAD,EAAiB,cAAc,2BAExBA;AACX;"}

package/dist/hooks/useDndSensors.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDndSensors.es.js","sources":["../../src/hooks/useDndSensors.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';\nimport { useMemo } from 'react';\n\nimport { customCoordinatesGetterFactory } from '../helpers/customCoordinatesGetterFactory';\n\nconst keyboardCodes = {\n    start: ['Space', 'Enter'],\n    cancel: [],\n    end: ['Space', 'Enter', 'Escape'],\n};\n\nexport const useDndSensors = (columnGap = 0, rowGap = 0) => {\n    const keyboardSensorOptions = useMemo(() => {\n        const customCoordinatesGetter = customCoordinatesGetterFactory(columnGap, rowGap);\n        return {\n            coordinateGetter: customCoordinatesGetter,\n            keyboardCodes,\n        };\n    }, [columnGap, rowGap]);\n\n    const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, keyboardSensorOptions));\n\n    return sensors;\n};\n"],"names":["keyboardCodes","useDndSensors","columnGap","rowGap","keyboardSensorOptions","useMemo","customCoordinatesGetterFactory","useSensors","useSensor","PointerSensor","KeyboardSensor"],"mappings":";;;AAOA,MAAMA,IAAgB;AAAA,EAClB,OAAO,CAAC,SAAS,OAAO;AAAA,EACxB,QAAQ,CAAC;AAAA,EACT,KAAK,CAAC,SAAS,SAAS,QAAQ;AACpC,GAEaC,IAAgB,CAACC,IAAY,GAAGC,IAAS,MAAM;AAClD,QAAAC,IAAwBC,EAAQ,OAE3B;AAAA,IACH,kBAF4BC,EAA+BJ,GAAWC,CAAM;AAAA,IAG5E,eAAAH;AAAA,EAAA,IAEL,CAACE,GAAWC,CAAM,CAAC;AAIf,SAFSI,EAAWC,EAAUC,CAAa,GAAGD,EAAUE,GAAgBN,CAAqB,CAAC;AAGzG;"}
+{"version":3,"file":"useDndSensors.es.js","sources":["../../src/hooks/useDndSensors.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';\nimport { useMemo } from 'react';\n\nimport { customCoordinatesGetterFactory } from '../helpers/customCoordinatesGetterFactory';\n\nconst keyboardCodes = {\n    start: ['Space', 'Enter'],\n    cancel: [],\n    end: ['Space', 'Enter', 'Escape'],\n};\n\nexport const useDndSensors = (columnGap = 0, rowGap = 0) => {\n    const keyboardSensorOptions = useMemo(() => {\n        const customCoordinatesGetter = customCoordinatesGetterFactory(columnGap, rowGap);\n        return {\n            coordinateGetter: customCoordinatesGetter,\n            keyboardCodes,\n        };\n    }, [columnGap, rowGap]);\n\n    const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, keyboardSensorOptions));\n\n    return sensors;\n};\n"],"names":["keyboardCodes","useDndSensors","columnGap","rowGap","keyboardSensorOptions","useMemo","customCoordinatesGetterFactory","useSensors","useSensor","PointerSensor","KeyboardSensor"],"mappings":";;;AAOA,MAAMA,IAAgB;AAAA,EAClB,OAAO,CAAC,SAAS,OAAO;AAAA,EACxB,QAAQ,CAAA;AAAA,EACR,KAAK,CAAC,SAAS,SAAS,QAAQ;AACpC,GAEaC,IAAgB,CAACC,IAAY,GAAGC,IAAS,MAAM;AACxD,QAAMC,IAAwBC,EAAQ,OAE3B;AAAA,IACH,kBAF4BC,EAA+BJ,GAAWC,CAAM;AAAA,IAG5E,eAAAH;AAAA,EAAA,IAEL,CAACE,GAAWC,CAAM,CAAC;AAItB,SAFgBI,EAAWC,EAAUC,CAAa,GAAGD,EAAUE,GAAgBN,CAAqB,CAAC;AAGzG;"}

package/dist/hooks/useIsInViewport.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIsInViewport.es.js","sources":["../../src/hooks/useIsInViewport.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type RefObject, useEffect } from 'react';\n\nexport const useIsInViewport = <T extends Element>({\n    ref,\n    disabled,\n    onChange,\n}: {\n    ref: RefObject<T>;\n    disabled: boolean;\n    onChange: (isInViewport: boolean) => void;\n}) => {\n    useEffect(() => {\n        if (disabled || !ref.current) {\n            return;\n        }\n\n        let isInViewport = false;\n\n        const intersectionObserver = new IntersectionObserver(([entry]) => {\n            if (entry.isIntersecting !== isInViewport) {\n                isInViewport = entry.isIntersecting;\n                onChange(entry.isIntersecting);\n            }\n        });\n\n        intersectionObserver.observe(ref.current);\n\n        return () => {\n            intersectionObserver.disconnect();\n        };\n    }, [ref, disabled, onChange]);\n};\n"],"names":["useIsInViewport","ref","disabled","onChange","useEffect","isInViewport","intersectionObserver","entry"],"mappings":";AAIO,MAAMA,IAAkB,CAAoB;AAAA,EAC/C,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACJ,MAIM;AACF,EAAAC,EAAU,MAAM;AACR,QAAAF,KAAY,CAACD,EAAI;AACjB;AAGJ,QAAII,IAAe;AAEnB,UAAMC,IAAuB,IAAI,qBAAqB,CAAC,CAACC,CAAK,MAAM;AAC3D,MAAAA,EAAM,mBAAmBF,MACzBA,IAAeE,EAAM,gBACrBJ,EAASI,EAAM,cAAc;AAAA,IACjC,CACH;AAEoB,WAAAD,EAAA,QAAQL,EAAI,OAAO,GAEjC,MAAM;AACT,MAAAK,EAAqB,WAAW;AAAA,IAAA;AAAA,EAErC,GAAA,CAACL,GAAKC,GAAUC,CAAQ,CAAC;AAChC;"}
+{"version":3,"file":"useIsInViewport.es.js","sources":["../../src/hooks/useIsInViewport.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type RefObject, useEffect } from 'react';\n\nexport const useIsInViewport = <T extends Element>({\n    ref,\n    disabled,\n    onChange,\n}: {\n    ref: RefObject<T>;\n    disabled: boolean;\n    onChange: (isInViewport: boolean) => void;\n}) => {\n    useEffect(() => {\n        if (disabled || !ref.current) {\n            return;\n        }\n\n        let isInViewport = false;\n\n        const intersectionObserver = new IntersectionObserver(([entry]) => {\n            if (entry.isIntersecting !== isInViewport) {\n                isInViewport = entry.isIntersecting;\n                onChange(entry.isIntersecting);\n            }\n        });\n\n        intersectionObserver.observe(ref.current);\n\n        return () => {\n            intersectionObserver.disconnect();\n        };\n    }, [ref, disabled, onChange]);\n};\n"],"names":["useIsInViewport","ref","disabled","onChange","useEffect","isInViewport","intersectionObserver","entry"],"mappings":";AAIO,MAAMA,IAAkB,CAAoB;AAAA,EAC/C,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACJ,MAIM;AACF,EAAAC,EAAU,MAAM;AACZ,QAAIF,KAAY,CAACD,EAAI;AACjB;AAGJ,QAAII,IAAe;AAEnB,UAAMC,IAAuB,IAAI,qBAAqB,CAAC,CAACC,CAAK,MAAM;AAC/D,MAAIA,EAAM,mBAAmBF,MACzBA,IAAeE,EAAM,gBACrBJ,EAASI,EAAM,cAAc;AAAA,IAErC,CAAC;AAED,WAAAD,EAAqB,QAAQL,EAAI,OAAO,GAEjC,MAAM;AACT,MAAAK,EAAqB,WAAA;AAAA,IACzB;AAAA,EACJ,GAAG,CAACL,GAAKC,GAAUC,CAAQ,CAAC;AAChC;"}