@frontify/guideline-blocks-settings 1.0.1 → 1.0.2

package/dist/hooks/useAttachments.es.js

@@ -1,53 +1,63 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import { useBlockAssets as p } from "@frontify/app-bridge";
-import { createContext as w, useContext as u } from "react";
-const l = (t, e) => {
-  const { blockAssets: n, addAssetIdsToKey: s, deleteAssetIdsFromKey: h, updateAssetIdsFromKey: d } = p(t), i = (n == null ? void 0 : n[e]) || [];
+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]) || [];
   return {
-    onAttachmentsAdd: async (o) => {
-      await s(
-        e,
-        o.map((r) => r.id)
+    onAttachmentsAdd: async (s) => {
+      await n(
+        t,
+        s.map((c) => c.id)
       );
     },
-    onAttachmentDelete: async (o) => {
-      await h(e, [o.id]);
+    onAttachmentDelete: async (s) => {
+      await d(t, [s.id]);
     },
-    onAttachmentReplace: async (o, r) => {
-      const c = i.map(
-        (m) => m.id === o.id ? r.id : m.id
+    onAttachmentReplace: async (s, c) => {
+      const m = r.map(
+        (A) => A.id === s.id ? c.id : A.id
       );
-      await d(e, c);
+      await a(t, m);
     },
-    onAttachmentsSorted: async (o) => {
-      const r = o.map((c) => c.id);
-      await d(e, r);
+    onAttachmentsSorted: async (s) => {
+      const c = s.map((m) => m.id);
+      await a(t, c);
     },
-    attachments: i,
+    attachments: r
+  };
+}, x = (t, o) => {
+  const { onAttachmentsAdd: e, onAttachmentDelete: n, onAttachmentReplace: d, onAttachmentsSorted: a, attachments: r } = l(o, p(t));
+  return {
+    onAttachmentsAdd: e,
+    onAttachmentDelete: n,
+    onAttachmentReplace: d,
+    onAttachmentsSorted: a,
+    attachments: r,
     appBridge: t
   };
-}, A = w(null), x = ({
+}, h = u(null), C = ({
   appBridge: t,
-  children: e,
-  assetId: n
+  children: o,
+  assetId: e
 }) => {
-  const s = l(t, n);
-  return /* @__PURE__ */ a(A.Provider, { value: s, children: e });
-}, D = () => {
-  const t = u(A);
+  const n = x(t, e);
+  return /* @__PURE__ */ i(h.Provider, { value: n, children: o });
+}, S = () => {
+  const t = w(h);
   if (!t)
     throw new Error(
       "No AttachmentsContext Provided. Component must be wrapped in an 'AttachmentsProvider' or the 'withAttachmentsProvider' HOC"
     );
   return t;
-}, F = (t, e) => {
-  const n = (s) => /* @__PURE__ */ a(x, { appBridge: s.appBridge, assetId: e, children: /* @__PURE__ */ a(t, { ...s }) });
-  return n.displayName = "withAttachmentsProvider", n;
+}, B = (t, o) => {
+  const e = (n) => /* @__PURE__ */ i(C, { appBridge: n.appBridge, assetId: o, children: /* @__PURE__ */ i(t, { ...n }) });
+  return e.displayName = "withAttachmentsProvider", e;
 };
 export {
-  x as AttachmentsProvider,
-  l as useAttachments,
-  D as useAttachmentsContext,
-  F as withAttachmentsProvider
+  C as AttachmentsProvider,
+  l as useAttachmentOperations,
+  x as useAttachments,
+  S as useAttachmentsContext,
+  B 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 useAttachments = (appBridge: AppBridgeBlock, attachmentKey: string) => {\n    const { blockAssets, addAssetIdsToKey, deleteAssetIdsFromKey, updateAssetIdsFromKey } = useBlockAssets(appBridge);\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        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":["useAttachments","appBridge","attachmentKey","blockAssets","addAssetIdsToKey","deleteAssetIdsFromKey","updateAssetIdsFromKey","useBlockAssets","attachments","newAssets","asset","assetToDelete","attachmentToReplace","newAsset","newAssetIds","attachment","assets","AttachmentsContext","createContext","AttachmentsProvider","children","assetId","attachmentContext","useAttachmentsContext","context","useContext","withAttachmentsProvider","Component","wrappedComponent","props","jsx"],"mappings":";;;AAOa,MAAAA,IAAiB,CAACC,GAA2BC,MAA0B;AAChF,QAAM,EAAE,aAAAC,GAAa,kBAAAC,GAAkB,uBAAAC,GAAuB,uBAAAC,MAA0BC,EAAeN,CAAS,GAC1GO,KAAcL,KAAA,gBAAAA,EAAcD,OAAkB,CAAA;AA2B7C,SAAA;AAAA,IACH,kBA1BqB,OAAOO,MAAuB;AAC7C,YAAAL;AAAA,QACFF;AAAA,QACAO,EAAU,IAAI,CAACC,MAAUA,EAAM,EAAE;AAAA,MAAA;AAAA,IACrC;AAAA,IAuBA,oBApBuB,OAAOC,MAAyB;AACvD,YAAMN,EAAsBH,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,YAAAT,EAAsBJ,GAAeY,CAAW;AAAA,IAAA;AAAA,IAatD,qBAVwB,OAAOE,MAAoB;AACnD,YAAMF,IAAcE,EAAO,IAAI,CAACN,MAAUA,EAAM,EAAE;AAE5C,YAAAJ,EAAsBJ,GAAeY,CAAW;AAAA,IAAA;AAAA,IAQtD,aAAAN;AAAA,IACA,WAAAP;AAAA,EAAA;AAER,GAEMgB,IAAqBC,EAAwD,IAAI,GAE1EC,IAAsB,CAAC;AAAA,EAChC,WAAAlB;AAAA,EACA,UAAAmB;AAAA,EACA,SAAAC;AACJ,MAIM;AACI,QAAAC,IAAoBtB,EAAeC,GAAWoB,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);\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;"}