@frontify/guideline-blocks-settings 3.0.1 → 3.0.3

package/dist/hooks/useAttachments.es.js

@@ -1,74 +1,66 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useBlockAssets as l } from "@frontify/app-bridge";
-import { useContext as u, createContext as w } from "react";
-const p = (t, o) => {
-  const { blockAssets: e, addAssetIdsToKey: n, deleteAssetIdsFromKey: a, updateAssetIdsFromKey: r } = o, d = e?.[t] || [];
-  return {
-    onAttachmentsAdd: async (s) => {
-      await n(
-        t,
-        s.map((c) => c.id)
-      );
-    },
-    onAttachmentDelete: async (s) => {
-      await a(t, [s.id]);
-    },
-    onAttachmentReplace: async (s, c) => {
-      const A = d.map(
-        (h) => h.id === s.id ? c.id : h.id
-      );
-      await r(t, A);
-    },
-    onAttachmentsSorted: async (s) => {
-      const c = s.map((A) => A.id);
-      await r(t, c);
-    },
-    attachments: d
-  };
-}, v = (t, o) => {
-  const { onAttachmentsAdd: e, onAttachmentDelete: n, onAttachmentReplace: a, onAttachmentsSorted: r, attachments: d } = p(o, l(t));
-  return {
-    onAttachmentsAdd: e,
-    onAttachmentDelete: n,
-    onAttachmentReplace: a,
-    onAttachmentsSorted: r,
-    attachments: d,
-    appBridge: t
-  };
-}, i = w(null);
-i.displayName = "AttachmentsContext";
-const x = ({
-  appBridge: t,
-  children: o,
-  assetId: e
-}) => {
-  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 = u(i);
-  if (!t)
-    throw new Error(
-      "No AttachmentsContext Provided. Component must be wrapped in an 'AttachmentsProvider' or the 'withAttachmentsProvider' HOC"
-    );
-  return t;
-}, S = (t, o) => {
-  const e = (n) => /* @__PURE__ */ m(x, { appBridge: n.appBridge, assetId: o, children: /* @__PURE__ */ m(t, { ...n }) });
-  return e.displayName = "withAttachmentsProvider", e;
+import { useBlockAssets as e } from "@frontify/app-bridge";
+import { createContext as t, useContext as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/hooks/useAttachments.tsx
+var i = (e, t) => {
+	let { blockAssets: n, addAssetIdsToKey: r, deleteAssetIdsFromKey: i, updateAssetIdsFromKey: a } = t, o = n?.[e] || [];
+	return {
+		onAttachmentsAdd: async (t) => {
+			await r(e, t.map((e) => e.id));
+		},
+		onAttachmentDelete: async (t) => {
+			await i(e, [t.id]);
+		},
+		onAttachmentReplace: async (t, n) => {
+			let r = o.map((e) => e.id === t.id ? n.id : e.id);
+			await a(e, r);
+		},
+		onAttachmentsSorted: async (t) => {
+			let n = t.map((e) => e.id);
+			await a(e, n);
+		},
+		attachments: o
+	};
+}, a = (t, n) => {
+	let { onAttachmentsAdd: r, onAttachmentDelete: a, onAttachmentReplace: o, onAttachmentsSorted: s, attachments: c } = i(n, e(t));
+	return {
+		onAttachmentsAdd: r,
+		onAttachmentDelete: a,
+		onAttachmentReplace: o,
+		onAttachmentsSorted: s,
+		attachments: c,
+		appBridge: t
+	};
+}, o = t(null);
+o.displayName = "AttachmentsContext";
+var s = ({ appBridge: e, children: t, assetId: n }) => {
+	let i = a(e, n);
+	return /* @__PURE__ */ r(o.Provider, {
+		value: i,
+		children: t
+	});
+}, c = ({ blockAssetBundle: e, appBridge: t, children: n, assetId: a }) => {
+	let s = i(a, e);
+	return /* @__PURE__ */ r(o.Provider, {
+		value: {
+			...s,
+			appBridge: t
+		},
+		children: n
+	});
+}, l = () => {
+	let e = n(o);
+	if (!e) throw Error("No AttachmentsContext Provided. Component must be wrapped in an 'AttachmentsProvider' or the 'withAttachmentsProvider' HOC");
+	return e;
+}, u = (e, t) => {
+	let n = (n) => /* @__PURE__ */ r(s, {
+		appBridge: n.appBridge,
+		assetId: t,
+		children: /* @__PURE__ */ r(e, { ...n })
+	});
+	return n.displayName = "withAttachmentsProvider", n;
 };
-export {
-  O as AttachmentOperationsProvider,
-  x as AttachmentsProvider,
-  p as useAttachmentOperations,
-  v as useAttachments,
-  R as useAttachmentsContext,
-  S as withAttachmentsProvider
-};
-//# sourceMappingURL=useAttachments.es.js.map
+//#endregion
+export { c as AttachmentOperationsProvider, s as AttachmentsProvider, i as useAttachmentOperations, a as useAttachments, l as useAttachmentsContext, u 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);\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,IAAcJ,IAAcF,CAAa,KAAK,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;"}
+{"version":3,"file":"useAttachments.es.js","names":[],"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"],"mappings":";;;;AAOA,IAAa,KAA2B,GAAuB,MAAwD;CACnH,IAAM,EAAE,gBAAa,qBAAkB,0BAAuB,6BAA0B,GAClF,IAAc,IAAc,MAAkB,CAAC;CA2BrD,OAAO;EACH,yBA1B4B,MAAuB;GACnD,MAAM,EACF,GACA,EAAU,KAAK,MAAU,EAAM,EAAE,CACrC;EACJ;EAsBI,2BApB8B,MAAyB;GACvD,MAAM,EAAsB,GAAe,CAAC,EAAc,EAAE,CAAC;EACjE;EAmBI,4BAjB+B,GAA4B,MAAoB;GAC/E,IAAM,IAAc,EAAY,KAAK,MACjC,EAAW,OAAO,EAAoB,KAAK,EAAS,KAAK,EAAW,EACxE;GAEA,MAAM,EAAsB,GAAe,CAAW;EAC1D;EAYI,4BAV+B,MAAoB;GACnD,IAAM,IAAc,EAAO,KAAK,MAAU,EAAM,EAAE;GAElD,MAAM,EAAsB,GAAe,CAAW;EAC1D;EAOI;CACJ;AACJ,GAEa,KAAkB,GAA2B,MAA0B;CAChF,IAAM,EAAE,qBAAkB,uBAAoB,wBAAqB,wBAAqB,mBACpF,EAAwB,GAAe,EAAe,CAAS,CAAC;CAEpE,OAAO;EACH;EACA;EACA;EACA;EACA;EACA;CACJ;AACJ,GAEM,IAAqB,EAAwD,IAAI;AACvF,EAAmB,cAAc;AAEjC,IAAa,KAAuB,EAChC,cACA,aACA,iBAKE;CACF,IAAM,IAAoB,EAAe,GAAW,CAAO;CAE3D,OAAO,kBAAC,EAAmB,UAApB;EAA6B,OAAO;EAAoB;CAAsC,CAAA;AACzG,GAEa,KAAgC,EACzC,qBACA,cACA,aACA,iBAME;CACF,IAAM,IAAoB,EAAwB,GAAS,CAAgB;CAE3E,OACI,kBAAC,EAAmB,UAApB;EAA6B,OAAO;GAAE,GAAG;GAAmB;EAAU;EACjE;CACwB,CAAA;AAErC,GAEa,UAA8B;CACvC,IAAM,IAAU,EAAW,CAAkB;CAE7C,IAAI,CAAC,GACD,MAAU,MACN,4HACJ;CAGJ,OAAO;AACX,GAOa,KAAiD,GAAoC,MAAoB;CAClH,IAAM,KAAoB,MACtB,kBAAC,GAAD;EAAqB,WAAW,EAAM;EAAoB;EACtD,UAAA,kBAAC,GAAD,EAAW,GAAI,EAAQ,CAAA;CACN,CAAA;CAKzB,OAFA,EAAiB,cAAc,2BAExB;AACX"}

package/dist/hooks/useIsInViewport.es.js

@@ -1,22 +1,21 @@
-import { useEffect as c } from "react";
-const I = ({
-  ref: e,
-  disabled: r,
-  onChange: s
-}) => {
-  c(() => {
-    if (r || !e.current)
-      return;
-    let n = !1;
-    const i = new IntersectionObserver(([t]) => {
-      t.isIntersecting !== n && (n = t.isIntersecting, s(t.isIntersecting));
-    });
-    return i.observe(e.current), () => {
-      i.disconnect();
-    };
-  }, [e, r, s]);
+import { useEffect as e } from "react";
+//#region src/hooks/useIsInViewport.ts
+var t = ({ ref: t, disabled: n, onChange: r }) => {
+	e(() => {
+		if (n || !t.current) return;
+		let e = !1, i = new IntersectionObserver(([t]) => {
+			t.isIntersecting !== e && (e = t.isIntersecting, r(t.isIntersecting));
+		});
+		return i.observe(t.current), () => {
+			i.disconnect();
+		};
+	}, [
+		t,
+		n,
+		r
+	]);
 };
-export {
-  I as useIsInViewport
-};
-//# sourceMappingURL=useIsInViewport.es.js.map
+//#endregion
+export { t as useIsInViewport };
+
+//# sourceMappingURL=useIsInViewport.es.js.map

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;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;"}
+{"version":3,"file":"useIsInViewport.es.js","names":[],"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"],"mappings":";;AAIA,IAAa,KAAsC,EAC/C,QACA,aACA,kBAKE;CACF,QAAgB;EACZ,IAAI,KAAY,CAAC,EAAI,SACjB;EAGJ,IAAI,IAAe,IAEb,IAAuB,IAAI,sBAAsB,CAAC,OAAW;GAC/D,AAAI,EAAM,mBAAmB,MACzB,IAAe,EAAM,gBACrB,EAAS,EAAM,cAAc;EAErC,CAAC;EAID,OAFA,EAAqB,QAAQ,EAAI,OAAO,SAE3B;GACT,EAAqB,WAAW;EACpC;CACJ,GAAG;EAAC;EAAK;EAAU;CAAQ,CAAC;AAChC"}