@frontify/guideline-blocks-settings 0.36.5 → 0.36.7

package/dist/_virtual/_commonjsHelpers.es.js

@@ -0,0 +1,7 @@
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+export {
+  e as getDefaultExportFromCjs
+};
+//# sourceMappingURL=_commonjsHelpers.es.js.map

package/dist/_virtual/_commonjsHelpers.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_commonjsHelpers.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/index.es.js

@@ -0,0 +1,5 @@
+var p = { exports: {} };
+export {
+  p as __module
+};
+//# sourceMappingURL=index.es.js.map

package/dist/_virtual/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/index.es2.js

@@ -0,0 +1,5 @@
+var e = { exports: {} };
+export {
+  e as __module
+};
+//# sourceMappingURL=index.es2.js.map

package/dist/_virtual/index.es2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/index.es3.js

@@ -0,0 +1,5 @@
+var e = { exports: {} };
+export {
+  e as __module
+};
+//# sourceMappingURL=index.es3.js.map

package/dist/_virtual/index.es3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/react-is.development.es.js

@@ -0,0 +1,5 @@
+var e = {};
+export {
+  e as __exports
+};
+//# sourceMappingURL=react-is.development.es.js.map

package/dist/_virtual/react-is.development.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-is.development.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/react-is.development.es2.js

@@ -0,0 +1,5 @@
+var e = {};
+export {
+  e as __exports
+};
+//# sourceMappingURL=react-is.development.es2.js.map

package/dist/_virtual/react-is.development.es2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-is.development.es2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/react-is.production.min.es.js

@@ -0,0 +1,5 @@
+var r = {};
+export {
+  r as __exports
+};
+//# sourceMappingURL=react-is.production.min.es.js.map

package/dist/_virtual/react-is.production.min.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-is.production.min.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/react-is.production.min.es2.js

@@ -0,0 +1,5 @@
+var r = {};
+export {
+  r as __exports
+};
+//# sourceMappingURL=react-is.production.min.es2.js.map

package/dist/_virtual/react-is.production.min.es2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-is.production.min.es2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/Attachments/Attachments.es.js

@@ -1,160 +1,168 @@
-import { jsx as n, jsxs as y } from "react/jsx-runtime";
-import { useSensors as Z, useSensor as T, PointerSensor as _, KeyboardSensor as $, DndContext as tt, closestCenter as et, DragOverlay as ot } from "@dnd-kit/core";
-import { restrictToWindowEdges as nt } from "@dnd-kit/modifiers";
-import { SortableContext as st, rectSortingStrategy as it, arrayMove as dt } from "@dnd-kit/sortable";
-import { useEditorState as at, useAssetChooser as lt, useAssetUpload as rt } from "@frontify/app-bridge";
-import { LegacyTooltip as ct, TooltipPosition as ut, Flyout as gt, FlyoutPlacement as pt, AssetInput as ht, AssetInputSize as mt } from "@frontify/fondue";
-import { useState as d, useEffect as w } from "react";
-import { SortableAttachmentItem as ft, AttachmentItem as yt } from "./AttachmentItem.es.js";
-import { AttachmentsButtonTrigger as wt } from "./AttachmentsButtonTrigger.es.js";
-const Et = ({
-  items: a = [],
+import { jsxs as p, jsx as n } from "react/jsx-runtime";
+import { useSensors as _, useSensor as N, PointerSensor as $, KeyboardSensor as tt, DndContext as et, closestCenter as ot, DragOverlay as nt } from "@dnd-kit/core";
+import { restrictToWindowEdges as st } from "@dnd-kit/modifiers";
+import { SortableContext as it, rectSortingStrategy as rt, arrayMove as dt } from "@dnd-kit/sortable";
+import { useEditorState as at, useAssetChooser as lt, useAssetUpload as ct } from "@frontify/app-bridge";
+import { Flyout as mt, FlyoutPlacement as pt, AssetInput as ht, AssetInputSize as ut } from "@frontify/fondue";
+import { useState as r, useEffect as y } from "react";
+import { SortableAttachmentItem as gt, AttachmentItem as ft } from "./AttachmentItem.es.js";
+import { AttachmentsButtonTrigger as yt } from "./AttachmentsButtonTrigger.es.js";
+import { Tooltip as w } from "../../node_modules/.pnpm/@frontify_fondue-components@3.2.0_@frontify_fondue-icons@0.4.0_react@18.3.1__@frontify_fondue_tzhl6xkpshch6jh2yw4x73nky4/node_modules/@frontify/fondue-components/dist/fondue-components21.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.2.0_@frontify_fondue-icons@0.4.0_react@18.3.1__@frontify_fondue_tzhl6xkpshch6jh2yw4x73nky4/node_modules/@frontify/fondue-components/dist/fondue-components4.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.2.0_@frontify_fondue-icons@0.4.0_react@18.3.1__@frontify_fondue_tzhl6xkpshch6jh2yw4x73nky4/node_modules/@frontify/fondue-components/dist/fondue-components5.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.2.0_@frontify_fondue-icons@0.4.0_react@18.3.1__@frontify_fondue_tzhl6xkpshch6jh2yw4x73nky4/node_modules/@frontify/fondue-components/dist/fondue-components6.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.2.0_@frontify_fondue-icons@0.4.0_react@18.3.1__@frontify_fondue_tzhl6xkpshch6jh2yw4x73nky4/node_modules/@frontify/fondue-components/dist/fondue-components7.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.2.0_@frontify_fondue-icons@0.4.0_react@18.3.1__@frontify_fondue_tzhl6xkpshch6jh2yw4x73nky4/node_modules/@frontify/fondue-components/dist/fondue-components8.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.2.0_@frontify_fondue-icons@0.4.0_react@18.3.1__@frontify_fondue_tzhl6xkpshch6jh2yw4x73nky4/node_modules/@frontify/fondue-components/dist/fondue-components9.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.2.0_@frontify_fondue-icons@0.4.0_react@18.3.1__@frontify_fondue_tzhl6xkpshch6jh2yw4x73nky4/node_modules/@frontify/fondue-components/dist/fondue-components11.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.2.0_@frontify_fondue-icons@0.4.0_react@18.3.1__@frontify_fondue_tzhl6xkpshch6jh2yw4x73nky4/node_modules/@frontify/fondue-components/dist/fondue-components13.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.2.0_@frontify_fondue-icons@0.4.0_react@18.3.1__@frontify_fondue_tzhl6xkpshch6jh2yw4x73nky4/node_modules/@frontify/fondue-components/dist/fondue-components14.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.2.0_@frontify_fondue-icons@0.4.0_react@18.3.1__@frontify_fondue_tzhl6xkpshch6jh2yw4x73nky4/node_modules/@frontify/fondue-components/dist/fondue-components16.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.2.0_@frontify_fondue-icons@0.4.0_react@18.3.1__@frontify_fondue_tzhl6xkpshch6jh2yw4x73nky4/node_modules/@frontify/fondue-components/dist/fondue-components17.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.2.0_@frontify_fondue-icons@0.4.0_react@18.3.1__@frontify_fondue_tzhl6xkpshch6jh2yw4x73nky4/node_modules/@frontify/fondue-components/dist/fondue-components18.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.2.0_@frontify_fondue-icons@0.4.0_react@18.3.1__@frontify_fondue_tzhl6xkpshch6jh2yw4x73nky4/node_modules/@frontify/fondue-components/dist/fondue-components19.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.2.0_@frontify_fondue-icons@0.4.0_react@18.3.1__@frontify_fondue_tzhl6xkpshch6jh2yw4x73nky4/node_modules/@frontify/fondue-components/dist/fondue-components20.es.js";
+const Kt = ({
+  items: d = [],
   onDelete: I,
-  onReplaceWithBrowse: N,
-  onReplaceWithUpload: P,
-  onBrowse: R,
-  onUpload: B,
-  onSorted: j,
-  appBridge: g,
-  triggerComponent: k = wt,
+  onReplaceWithBrowse: T,
+  onReplaceWithUpload: B,
+  onBrowse: P,
+  onUpload: j,
+  onSorted: k,
+  appBridge: h,
+  triggerComponent: z = yt,
   isOpen: A,
-  onOpenChange: z
+  onOpenChange: V
 }) => {
-  const [o, S] = d(a), [V, K] = d(!1), M = Z(T(_), T($)), [v, x] = d(void 0), [C, p] = d(!1), [l, c] = d([]), [h, q] = d(null), u = at(g), { openAssetChooser: D, closeAssetChooser: b } = lt(g), F = A !== void 0, m = F ? A : V, i = o == null ? void 0 : o.find((t) => t.id === v), [G, { results: E, doneAll: L }] = rt({
-    onUploadProgress: () => !C && p(!0)
-  }), r = (t) => {
-    const e = F ? z : K;
+  const [o, S] = r(d), [K, M] = r(!1), q = _(N($), N(tt)), [C, v] = r(void 0), [x, u] = r(!1), [a, c] = r([]), [g, G] = r(null), m = at(h), { openAssetChooser: D, closeAssetChooser: b } = lt(h), F = A !== void 0, O = F ? A : K, i = o == null ? void 0 : o.find((t) => t.id === C), [H, { results: U, doneAll: E }] = ct({
+    onUploadProgress: () => !x && u(!0)
+  }), l = (t) => {
+    const e = F ? V : M;
     e == null || e(t);
   };
-  w(() => {
-    S(a);
-  }, [a]), w(() => {
-    h && (p(!0), G(h));
-  }, [h]), w(() => {
+  y(() => {
+    S(d);
+  }, [d]), y(() => {
+    g && (u(!0), H(g));
+  }, [g]), y(() => {
     (async () => {
-      L && (await B(E), p(!1));
+      E && (await j(U), u(!1));
     })();
-  }, [L, E]);
-  const H = () => {
-    r(!1), D(
+  }, [E, U]);
+  const J = () => {
+    l(!1), D(
       (t) => {
-        R(t), b(), r(!0);
+        P(t), b(), l(!0);
       },
       {
         multiSelection: !0,
         selectedValueIds: o.map((t) => t.id)
       }
     );
-  }, O = (t) => {
-    r(!1), D(
+  }, L = (t) => {
+    l(!1), D(
       async (e) => {
-        r(!0), b(), c([...l, t.id]), await N(t, e[0]), c(l.filter((s) => s !== t.id));
+        l(!0), b(), c([...a, t.id]), await T(t, e[0]), c(a.filter((s) => s !== t.id));
       },
       {
         multiSelection: !1,
         selectedValueIds: o.map((e) => e.id)
       }
     );
-  }, U = async (t, e) => {
-    c([...l, t.id]), await P(t, e), c(l.filter((s) => s !== t.id));
-  }, J = (t) => {
-    const { active: e } = t;
-    x(e.id);
+  }, W = async (t, e) => {
+    c([...a, t.id]), await B(t, e), c(a.filter((s) => s !== t.id));
   }, Q = (t) => {
+    const { active: e } = t;
+    v(e.id);
+  }, X = (t) => {
     const { active: e, over: s } = t;
     if (s && e.id !== s.id && o) {
-      const X = o.findIndex((f) => f.id === e.id), Y = o.findIndex((f) => f.id === s.id), W = dt(o, X, Y);
-      S(W), j(W);
+      const Y = o.findIndex((f) => f.id === e.id), Z = o.findIndex((f) => f.id === s.id), R = dt(o, Y, Z);
+      S(R), k(R);
     }
-    x(void 0);
+    v(void 0);
   };
-  return u || ((o == null ? void 0 : o.length) ?? 0) > 0 ? /* @__PURE__ */ n(
-    ct,
-    {
-      withArrow: !0,
-      position: ut.Top,
-      content: "Attachments",
-      disabled: m,
-      enterDelay: 500,
-      triggerElement: /* @__PURE__ */ n("div", { "data-test-id": "attachments-flyout-button", children: /* @__PURE__ */ n(
-        gt,
-        {
-          placement: pt.BottomRight,
-          onOpenChange: (t) => r(i ? !0 : t),
-          isOpen: m,
-          hug: !1,
-          fitContent: !0,
-          legacyFooter: !1,
-          trigger: (t, e) => /* @__PURE__ */ n(
-            k,
+  return m || ((o == null ? void 0 : o.length) ?? 0) > 0 ? /* @__PURE__ */ p(w.Root, { enterDelay: 500, children: [
+    /* @__PURE__ */ n(w.Trigger, { children: /* @__PURE__ */ n("div", { "data-test-id": "attachments-flyout-button", children: /* @__PURE__ */ n(
+      mt,
+      {
+        placement: pt.BottomRight,
+        onOpenChange: (t) => l(i ? !0 : t),
+        isOpen: O,
+        hug: !1,
+        fitContent: !0,
+        legacyFooter: !1,
+        trigger: (t, e) => /* @__PURE__ */ n(
+          z,
+          {
+            isFlyoutOpen: O,
+            triggerProps: t,
+            triggerRef: e,
+            children: /* @__PURE__ */ n("div", { children: d.length > 0 ? d.length : "Add" })
+          }
+        ),
+        children: /* @__PURE__ */ p("div", { className: "tw-w-[300px]", "data-test-id": "attachments-flyout-content", children: [
+          o.length > 0 && /* @__PURE__ */ p(
+            et,
             {
-              isFlyoutOpen: m,
-              triggerProps: t,
-              triggerRef: e,
-              children: /* @__PURE__ */ n("div", { children: a.length > 0 ? a.length : "Add" })
+              sensors: q,
+              collisionDetection: ot,
+              onDragStart: Q,
+              onDragEnd: X,
+              modifiers: [st],
+              children: [
+                /* @__PURE__ */ n(it, { items: o, strategy: rt, children: /* @__PURE__ */ n("div", { className: "tw-border-b tw-border-b-line", children: o.map((t) => /* @__PURE__ */ n(
+                  gt,
+                  {
+                    isEditing: m,
+                    isLoading: a.includes(t.id),
+                    item: t,
+                    onDelete: () => I(t),
+                    onReplaceWithBrowse: () => L(t),
+                    onReplaceWithUpload: (e) => W(t, e),
+                    onDownload: () => h.dispatch({
+                      name: "downloadAsset",
+                      payload: t
+                    })
+                  },
+                  t.id
+                )) }) }),
+                /* @__PURE__ */ n(nt, { children: i && /* @__PURE__ */ n(
+                  ft,
+                  {
+                    isOverlay: !0,
+                    isEditing: m,
+                    item: i,
+                    isDragging: !0,
+                    onDelete: () => I(i),
+                    onReplaceWithBrowse: () => L(i),
+                    onReplaceWithUpload: (t) => W(i, t)
+                  },
+                  C
+                ) })
+              ]
             }
           ),
-          children: /* @__PURE__ */ y("div", { className: "tw-w-[300px]", "data-test-id": "attachments-flyout-content", children: [
-            o.length > 0 && /* @__PURE__ */ y(
-              tt,
+          m && /* @__PURE__ */ p("div", { className: "tw-px-5 tw-py-3", children: [
+            /* @__PURE__ */ n("div", { className: "tw-font-body tw-font-medium tw-text-text tw-text-s tw-my-4", children: "Add attachments" }),
+            /* @__PURE__ */ n(
+              ht,
               {
-                sensors: M,
-                collisionDetection: et,
-                onDragStart: J,
-                onDragEnd: Q,
-                modifiers: [nt],
-                children: [
-                  /* @__PURE__ */ n(st, { items: o, strategy: it, children: /* @__PURE__ */ n("div", { className: "tw-border-b tw-border-b-line", children: o.map((t) => /* @__PURE__ */ n(
-                    ft,
-                    {
-                      isEditing: u,
-                      isLoading: l.includes(t.id),
-                      item: t,
-                      onDelete: () => I(t),
-                      onReplaceWithBrowse: () => O(t),
-                      onReplaceWithUpload: (e) => U(t, e),
-                      onDownload: () => g.dispatch({
-                        name: "downloadAsset",
-                        payload: t
-                      })
-                    },
-                    t.id
-                  )) }) }),
-                  /* @__PURE__ */ n(ot, { children: i && /* @__PURE__ */ n(
-                    yt,
-                    {
-                      isOverlay: !0,
-                      isEditing: u,
-                      item: i,
-                      isDragging: !0,
-                      onDelete: () => I(i),
-                      onReplaceWithBrowse: () => O(i),
-                      onReplaceWithUpload: (t) => U(i, t)
-                    },
-                    v
-                  ) })
-                ]
+                isLoading: x,
+                size: ut.Small,
+                onUploadClick: (t) => G(t),
+                onLibraryClick: J
               }
-            ),
-            u && /* @__PURE__ */ y("div", { className: "tw-px-5 tw-py-3", children: [
-              /* @__PURE__ */ n("div", { className: "tw-font-body tw-font-medium tw-text-text tw-text-s tw-my-4", children: "Add attachments" }),
-              /* @__PURE__ */ n(
-                ht,
-                {
-                  isLoading: C,
-                  size: mt.Small,
-                  onUploadClick: (t) => q(t),
-                  onLibraryClick: H
-                }
-              )
-            ] })
+            )
           ] })
-        }
-      ) })
-    }
-  ) : null;
+        ] })
+      }
+    ) }) }),
+    /* @__PURE__ */ n(w.Content, { side: "top", children: "Attachments" })
+  ] }) : null;
 };
 export {
-  Et as Attachments
+  Kt as Attachments
 };
 //# sourceMappingURL=Attachments.es.js.map

package/dist/components/Attachments/Attachments.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Attachments.es.js","sources":["../../../src/components/Attachments/Attachments.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    DndContext,\n    type DragEndEvent,\n    DragOverlay,\n    type DragStartEvent,\n    KeyboardSensor,\n    PointerSensor,\n    closestCenter,\n    useSensor,\n    useSensors,\n} from '@dnd-kit/core';\nimport { restrictToWindowEdges } from '@dnd-kit/modifiers';\nimport { SortableContext, arrayMove, rectSortingStrategy } from '@dnd-kit/sortable';\nimport { type Asset, useAssetChooser, useAssetUpload, useEditorState } from '@frontify/app-bridge';\nimport {\n    AssetInput,\n    AssetInputSize,\n    Flyout,\n    FlyoutPlacement,\n    LegacyTooltip as Tooltip,\n    TooltipPosition,\n} from '@frontify/fondue';\nimport { type MutableRefObject, useEffect, useState } from 'react';\n\nimport { AttachmentItem, SortableAttachmentItem } from './AttachmentItem';\nimport { AttachmentsButtonTrigger } from './AttachmentsButtonTrigger';\nimport { type AttachmentsProps } from './types';\n\nexport const Attachments = ({\n    items = [],\n    onDelete,\n    onReplaceWithBrowse,\n    onReplaceWithUpload,\n    onBrowse,\n    onUpload,\n    onSorted,\n    appBridge,\n    triggerComponent: TriggerComponent = AttachmentsButtonTrigger,\n    isOpen,\n    onOpenChange,\n}: AttachmentsProps) => {\n    const [internalItems, setInternalItems] = useState<Asset[]>(items);\n    const [isFlyoutOpenInternal, setIsFlyoutOpenInternal] = useState(false);\n    const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor));\n    const [draggedAssetId, setDraggedAssetId] = useState<number | undefined>(undefined);\n    const [isUploadLoading, setIsUploadLoading] = useState(false);\n    const [assetIdsLoading, setAssetIdsLoading] = useState<number[]>([]);\n    const [selectedFiles, setSelectedFiles] = useState<FileList | null>(null);\n    const isEditing = useEditorState(appBridge);\n    const { openAssetChooser, closeAssetChooser } = useAssetChooser(appBridge);\n    const isControllingStateExternally = isOpen !== undefined;\n    const isFlyoutOpen = isControllingStateExternally ? isOpen : isFlyoutOpenInternal;\n\n    const draggedItem = internalItems?.find((item) => item.id === draggedAssetId);\n\n    const [uploadFile, { results: uploadResults, doneAll }] = useAssetUpload({\n        onUploadProgress: () => !isUploadLoading && setIsUploadLoading(true),\n    });\n\n    const handleFlyoutOpenChange = (isOpen: boolean) => {\n        const stateSetter = isControllingStateExternally ? onOpenChange : setIsFlyoutOpenInternal;\n\n        stateSetter?.(isOpen);\n    };\n\n    useEffect(() => {\n        setInternalItems(items);\n    }, [items]);\n\n    useEffect(() => {\n        if (selectedFiles) {\n            setIsUploadLoading(true);\n            uploadFile(selectedFiles);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selectedFiles]);\n\n    useEffect(() => {\n        const uploadDone = async () => {\n            if (doneAll) {\n                await onUpload(uploadResults);\n                setIsUploadLoading(false);\n            }\n        };\n        uploadDone();\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [doneAll, uploadResults]);\n\n    const onOpenAssetChooser = () => {\n        handleFlyoutOpenChange(false);\n        openAssetChooser(\n            (result: Asset[]) => {\n                onBrowse(result);\n                closeAssetChooser();\n                handleFlyoutOpenChange(true);\n            },\n            {\n                multiSelection: true,\n                selectedValueIds: internalItems.map((internalItem) => internalItem.id),\n            },\n        );\n    };\n\n    const onReplaceItemWithBrowse = (toReplace: Asset) => {\n        handleFlyoutOpenChange(false);\n        openAssetChooser(\n            async (result: Asset[]) => {\n                handleFlyoutOpenChange(true);\n                closeAssetChooser();\n                setAssetIdsLoading([...assetIdsLoading, toReplace.id]);\n                await onReplaceWithBrowse(toReplace, result[0]);\n                setAssetIdsLoading(assetIdsLoading.filter((id) => id !== toReplace.id));\n            },\n            {\n                multiSelection: false,\n                selectedValueIds: internalItems.map((internalItem) => internalItem.id),\n            },\n        );\n    };\n\n    const onReplaceItemWithUpload = async (toReplace: Asset, uploadedAsset: Asset) => {\n        setAssetIdsLoading([...assetIdsLoading, toReplace.id]);\n        await onReplaceWithUpload(toReplace, uploadedAsset);\n        setAssetIdsLoading(assetIdsLoading.filter((id) => id !== toReplace.id));\n    };\n\n    const handleDragStart = (event: DragStartEvent) => {\n        const { active } = event;\n        setDraggedAssetId(active.id as number);\n    };\n\n    const handleDragEnd = (event: DragEndEvent) => {\n        const { active, over } = event;\n        if (over && active.id !== over.id && internalItems) {\n            const oldIndex = internalItems.findIndex((i) => i.id === active.id);\n            const newIndex = internalItems.findIndex((i) => i.id === over.id);\n            const sortedItems = arrayMove(internalItems, oldIndex, newIndex);\n            setInternalItems(sortedItems);\n            onSorted(sortedItems);\n        }\n        setDraggedAssetId(undefined);\n    };\n\n    return isEditing || (internalItems?.length ?? 0) > 0 ? (\n        <Tooltip\n            withArrow\n            position={TooltipPosition.Top}\n            content=\"Attachments\"\n            disabled={isFlyoutOpen}\n            enterDelay={500}\n            triggerElement={\n                <div data-test-id=\"attachments-flyout-button\">\n                    <Flyout\n                        placement={FlyoutPlacement.BottomRight}\n                        onOpenChange={(isOpen) => handleFlyoutOpenChange(draggedItem ? true : isOpen)}\n                        isOpen={isFlyoutOpen}\n                        hug={false}\n                        fitContent\n                        legacyFooter={false}\n                        trigger={(triggerProps, triggerRef) => (\n                            <TriggerComponent\n                                isFlyoutOpen={isFlyoutOpen}\n                                triggerProps={triggerProps}\n                                triggerRef={triggerRef as MutableRefObject<HTMLButtonElement>}\n                            >\n                                <div>{items.length > 0 ? items.length : 'Add'}</div>\n                            </TriggerComponent>\n                        )}\n                    >\n                        <div className=\"tw-w-[300px]\" data-test-id=\"attachments-flyout-content\">\n                            {internalItems.length > 0 && (\n                                <DndContext\n                                    sensors={sensors}\n                                    collisionDetection={closestCenter}\n                                    onDragStart={handleDragStart}\n                                    onDragEnd={handleDragEnd}\n                                    modifiers={[restrictToWindowEdges]}\n                                >\n                                    <SortableContext items={internalItems} strategy={rectSortingStrategy}>\n                                        <div className=\"tw-border-b tw-border-b-line\">\n                                            {internalItems.map((item) => (\n                                                <SortableAttachmentItem\n                                                    isEditing={isEditing}\n                                                    isLoading={assetIdsLoading.includes(item.id)}\n                                                    key={item.id}\n                                                    item={item}\n                                                    onDelete={() => onDelete(item)}\n                                                    onReplaceWithBrowse={() => onReplaceItemWithBrowse(item)}\n                                                    onReplaceWithUpload={(uploadedAsset: Asset) =>\n                                                        onReplaceItemWithUpload(item, uploadedAsset)\n                                                    }\n                                                    onDownload={() =>\n                                                        appBridge.dispatch({\n                                                            name: 'downloadAsset',\n                                                            payload: item,\n                                                        })\n                                                    }\n                                                />\n                                            ))}\n                                        </div>\n                                    </SortableContext>\n                                    <DragOverlay>\n                                        {draggedItem && (\n                                            <AttachmentItem\n                                                isOverlay={true}\n                                                isEditing={isEditing}\n                                                key={draggedAssetId}\n                                                item={draggedItem}\n                                                isDragging={true}\n                                                onDelete={() => onDelete(draggedItem)}\n                                                onReplaceWithBrowse={() => onReplaceItemWithBrowse(draggedItem)}\n                                                onReplaceWithUpload={(uploadedAsset: Asset) =>\n                                                    onReplaceItemWithUpload(draggedItem, uploadedAsset)\n                                                }\n                                            />\n                                        )}\n                                    </DragOverlay>\n                                </DndContext>\n                            )}\n                            {isEditing && (\n                                <div className=\"tw-px-5 tw-py-3\">\n                                    <div className=\"tw-font-body tw-font-medium tw-text-text tw-text-s tw-my-4\">\n                                        Add attachments\n                                    </div>\n                                    <AssetInput\n                                        isLoading={isUploadLoading}\n                                        size={AssetInputSize.Small}\n                                        onUploadClick={(fileList) => setSelectedFiles(fileList)}\n                                        onLibraryClick={onOpenAssetChooser}\n                                    />\n                                </div>\n                            )}\n                        </div>\n                    </Flyout>\n                </div>\n            }\n        />\n    ) : null;\n};\n"],"names":["Attachments","items","onDelete","onReplaceWithBrowse","onReplaceWithUpload","onBrowse","onUpload","onSorted","appBridge","TriggerComponent","AttachmentsButtonTrigger","isOpen","onOpenChange","internalItems","setInternalItems","useState","isFlyoutOpenInternal","setIsFlyoutOpenInternal","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","draggedAssetId","setDraggedAssetId","isUploadLoading","setIsUploadLoading","assetIdsLoading","setAssetIdsLoading","selectedFiles","setSelectedFiles","isEditing","useEditorState","openAssetChooser","closeAssetChooser","useAssetChooser","isControllingStateExternally","isFlyoutOpen","draggedItem","item","uploadFile","uploadResults","doneAll","useAssetUpload","handleFlyoutOpenChange","stateSetter","useEffect","onOpenAssetChooser","result","internalItem","onReplaceItemWithBrowse","toReplace","id","onReplaceItemWithUpload","uploadedAsset","handleDragStart","event","active","handleDragEnd","over","oldIndex","i","newIndex","sortedItems","arrayMove","jsx","Tooltip","TooltipPosition","Flyout","FlyoutPlacement","triggerProps","triggerRef","jsxs","DndContext","closestCenter","restrictToWindowEdges","SortableContext","rectSortingStrategy","SortableAttachmentItem","DragOverlay","AttachmentItem","AssetInput","AssetInputSize","fileList"],"mappings":";;;;;;;;;AA8BO,MAAMA,KAAc,CAAC;AAAA,EACxB,OAAAC,IAAQ,CAAC;AAAA,EACT,UAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,kBAAkBC,IAAmBC;AAAA,EACrC,QAAAC;AAAA,EACA,cAAAC;AACJ,MAAwB;AACpB,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAkBd,CAAK,GAC3D,CAACe,GAAsBC,CAAuB,IAAIF,EAAS,EAAK,GAChEG,IAAUC,EAAWC,EAAUC,CAAa,GAAGD,EAAUE,CAAc,CAAC,GACxE,CAACC,GAAgBC,CAAiB,IAAIT,EAA6B,MAAS,GAC5E,CAACU,GAAiBC,CAAkB,IAAIX,EAAS,EAAK,GACtD,CAACY,GAAiBC,CAAkB,IAAIb,EAAmB,CAAE,CAAA,GAC7D,CAACc,GAAeC,CAAgB,IAAIf,EAA0B,IAAI,GAClEgB,IAAYC,GAAexB,CAAS,GACpC,EAAE,kBAAAyB,GAAkB,mBAAAC,EAAkB,IAAIC,GAAgB3B,CAAS,GACnE4B,IAA+BzB,MAAW,QAC1C0B,IAAeD,IAA+BzB,IAASK,GAEvDsB,IAAczB,KAAA,gBAAAA,EAAe,KAAK,CAAC0B,MAASA,EAAK,OAAOhB,IAExD,CAACiB,GAAY,EAAE,SAASC,GAAe,SAAAC,EAAQ,CAAC,IAAIC,GAAe;AAAA,IACrE,kBAAkB,MAAM,CAAClB,KAAmBC,EAAmB,EAAI;AAAA,EAAA,CACtE,GAEKkB,IAAyB,CAACjC,MAAoB;AAC1C,UAAAkC,IAAcT,IAA+BxB,IAAeK;AAElE,IAAA4B,KAAA,QAAAA,EAAclC;AAAAA,EAAM;AAGxB,EAAAmC,EAAU,MAAM;AACZ,IAAAhC,EAAiBb,CAAK;AAAA,EAAA,GACvB,CAACA,CAAK,CAAC,GAEV6C,EAAU,MAAM;AACZ,IAAIjB,MACAH,EAAmB,EAAI,GACvBc,EAAWX,CAAa;AAAA,EAC5B,GAED,CAACA,CAAa,CAAC,GAElBiB,EAAU,MAAM;AAOD,KANQ,YAAY;AAC3B,MAAIJ,MACA,MAAMpC,EAASmC,CAAa,GAC5Bf,EAAmB,EAAK;AAAA,IAC5B;EAEO,GAEZ,CAACgB,GAASD,CAAa,CAAC;AAE3B,QAAMM,IAAqB,MAAM;AAC7B,IAAAH,EAAuB,EAAK,GAC5BX;AAAA,MACI,CAACe,MAAoB;AACjB,QAAA3C,EAAS2C,CAAM,GACGd,KAClBU,EAAuB,EAAI;AAAA,MAC/B;AAAA,MACA;AAAA,QACI,gBAAgB;AAAA,QAChB,kBAAkB/B,EAAc,IAAI,CAACoC,MAAiBA,EAAa,EAAE;AAAA,MACzE;AAAA,IAAA;AAAA,EACJ,GAGEC,IAA0B,CAACC,MAAqB;AAClD,IAAAP,EAAuB,EAAK,GAC5BX;AAAA,MACI,OAAOe,MAAoB;AACvB,QAAAJ,EAAuB,EAAI,GACTV,KAClBN,EAAmB,CAAC,GAAGD,GAAiBwB,EAAU,EAAE,CAAC,GACrD,MAAMhD,EAAoBgD,GAAWH,EAAO,CAAC,CAAC,GAC9CpB,EAAmBD,EAAgB,OAAO,CAACyB,MAAOA,MAAOD,EAAU,EAAE,CAAC;AAAA,MAC1E;AAAA,MACA;AAAA,QACI,gBAAgB;AAAA,QAChB,kBAAkBtC,EAAc,IAAI,CAACoC,MAAiBA,EAAa,EAAE;AAAA,MACzE;AAAA,IAAA;AAAA,EACJ,GAGEI,IAA0B,OAAOF,GAAkBG,MAAyB;AAC9E,IAAA1B,EAAmB,CAAC,GAAGD,GAAiBwB,EAAU,EAAE,CAAC,GAC/C,MAAA/C,EAAoB+C,GAAWG,CAAa,GAClD1B,EAAmBD,EAAgB,OAAO,CAACyB,MAAOA,MAAOD,EAAU,EAAE,CAAC;AAAA,EAAA,GAGpEI,IAAkB,CAACC,MAA0B;AACzC,UAAA,EAAE,QAAAC,EAAW,IAAAD;AACnB,IAAAhC,EAAkBiC,EAAO,EAAY;AAAA,EAAA,GAGnCC,IAAgB,CAACF,MAAwB;AACrC,UAAA,EAAE,QAAAC,GAAQ,MAAAE,EAAS,IAAAH;AACzB,QAAIG,KAAQF,EAAO,OAAOE,EAAK,MAAM9C,GAAe;AAC1C,YAAA+C,IAAW/C,EAAc,UAAU,CAACgD,MAAMA,EAAE,OAAOJ,EAAO,EAAE,GAC5DK,IAAWjD,EAAc,UAAU,CAACgD,MAAMA,EAAE,OAAOF,EAAK,EAAE,GAC1DI,IAAcC,GAAUnD,GAAe+C,GAAUE,CAAQ;AAC/D,MAAAhD,EAAiBiD,CAAW,GAC5BxD,EAASwD,CAAW;AAAA,IACxB;AACA,IAAAvC,EAAkB,MAAS;AAAA,EAAA;AAG/B,SAAOO,OAAclB,KAAA,gBAAAA,EAAe,WAAU,KAAK,IAC/C,gBAAAoD;AAAA,IAACC;AAAAA,IAAA;AAAA,MACG,WAAS;AAAA,MACT,UAAUC,GAAgB;AAAA,MAC1B,SAAQ;AAAA,MACR,UAAU9B;AAAA,MACV,YAAY;AAAA,MACZ,gBACI,gBAAA4B,EAAC,OAAI,EAAA,gBAAa,6BACd,UAAA,gBAAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,WAAWC,GAAgB;AAAA,UAC3B,cAAc,CAAC1D,MAAWiC,EAAuBN,IAAc,KAAO3B,CAAM;AAAA,UAC5E,QAAQ0B;AAAA,UACR,KAAK;AAAA,UACL,YAAU;AAAA,UACV,cAAc;AAAA,UACd,SAAS,CAACiC,GAAcC,MACpB,gBAAAN;AAAA,YAACxD;AAAA,YAAA;AAAA,cACG,cAAA4B;AAAA,cACA,cAAAiC;AAAA,cACA,YAAAC;AAAA,cAEA,4BAAC,OAAK,EAAA,UAAAtE,EAAM,SAAS,IAAIA,EAAM,SAAS,MAAM,CAAA;AAAA,YAAA;AAAA,UAClD;AAAA,UAGJ,UAAC,gBAAAuE,EAAA,OAAA,EAAI,WAAU,gBAAe,gBAAa,8BACtC,UAAA;AAAA,YAAA3D,EAAc,SAAS,KACpB,gBAAA2D;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,SAAAvD;AAAA,gBACA,oBAAoBwD;AAAA,gBACpB,aAAanB;AAAA,gBACb,WAAWG;AAAA,gBACX,WAAW,CAACiB,EAAqB;AAAA,gBAEjC,UAAA;AAAA,kBAAA,gBAAAV,EAACW,IAAgB,EAAA,OAAO/D,GAAe,UAAUgE,IAC7C,UAAA,gBAAAZ,EAAC,OAAI,EAAA,WAAU,gCACV,UAAApD,EAAc,IAAI,CAAC0B,MAChB,gBAAA0B;AAAA,oBAACa;AAAA,oBAAA;AAAA,sBACG,WAAA/C;AAAA,sBACA,WAAWJ,EAAgB,SAASY,EAAK,EAAE;AAAA,sBAE3C,MAAAA;AAAA,sBACA,UAAU,MAAMrC,EAASqC,CAAI;AAAA,sBAC7B,qBAAqB,MAAMW,EAAwBX,CAAI;AAAA,sBACvD,qBAAqB,CAACe,MAClBD,EAAwBd,GAAMe,CAAa;AAAA,sBAE/C,YAAY,MACR9C,EAAU,SAAS;AAAA,wBACf,MAAM;AAAA,wBACN,SAAS+B;AAAA,sBAAA,CACZ;AAAA,oBAAA;AAAA,oBAXAA,EAAK;AAAA,kBAAA,CAcjB,GACL,EACJ,CAAA;AAAA,kBACA,gBAAA0B,EAACc,MACI,UACGzC,KAAA,gBAAA2B;AAAA,oBAACe;AAAA,oBAAA;AAAA,sBACG,WAAW;AAAA,sBACX,WAAAjD;AAAA,sBAEA,MAAMO;AAAA,sBACN,YAAY;AAAA,sBACZ,UAAU,MAAMpC,EAASoC,CAAW;AAAA,sBACpC,qBAAqB,MAAMY,EAAwBZ,CAAW;AAAA,sBAC9D,qBAAqB,CAACgB,MAClBD,EAAwBf,GAAagB,CAAa;AAAA,oBAAA;AAAA,oBANjD/B;AAAA,kBAAA,GAUjB;AAAA,gBAAA;AAAA,cAAA;AAAA,YACJ;AAAA,YAEHQ,KACG,gBAAAyC,EAAC,OAAI,EAAA,WAAU,mBACX,UAAA;AAAA,cAAC,gBAAAP,EAAA,OAAA,EAAI,WAAU,8DAA6D,UAE5E,mBAAA;AAAA,cACA,gBAAAA;AAAA,gBAACgB;AAAA,gBAAA;AAAA,kBACG,WAAWxD;AAAA,kBACX,MAAMyD,GAAe;AAAA,kBACrB,eAAe,CAACC,MAAarD,EAAiBqD,CAAQ;AAAA,kBACtD,gBAAgBpC;AAAA,gBAAA;AAAA,cACpB;AAAA,YAAA,GACJ;AAAA,UAAA,GAER;AAAA,QAAA;AAAA,MAAA,GAER;AAAA,IAAA;AAAA,EAGR,IAAA;AACR;"}
+{"version":3,"file":"Attachments.es.js","sources":["../../../src/components/Attachments/Attachments.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    DndContext,\n    type DragEndEvent,\n    DragOverlay,\n    type DragStartEvent,\n    KeyboardSensor,\n    PointerSensor,\n    closestCenter,\n    useSensor,\n    useSensors,\n} from '@dnd-kit/core';\nimport { restrictToWindowEdges } from '@dnd-kit/modifiers';\nimport { SortableContext, arrayMove, rectSortingStrategy } from '@dnd-kit/sortable';\nimport { type Asset, useAssetChooser, useAssetUpload, useEditorState } from '@frontify/app-bridge';\nimport { AssetInput, AssetInputSize, Flyout, FlyoutPlacement } from '@frontify/fondue';\nimport { Tooltip } from '@frontify/fondue/components';\nimport { type MutableRefObject, useEffect, useState } from 'react';\n\nimport { AttachmentItem, SortableAttachmentItem } from './AttachmentItem';\nimport { AttachmentsButtonTrigger } from './AttachmentsButtonTrigger';\nimport { type AttachmentsProps } from './types';\n\nexport const Attachments = ({\n    items = [],\n    onDelete,\n    onReplaceWithBrowse,\n    onReplaceWithUpload,\n    onBrowse,\n    onUpload,\n    onSorted,\n    appBridge,\n    triggerComponent: TriggerComponent = AttachmentsButtonTrigger,\n    isOpen,\n    onOpenChange,\n}: AttachmentsProps) => {\n    const [internalItems, setInternalItems] = useState<Asset[]>(items);\n    const [isFlyoutOpenInternal, setIsFlyoutOpenInternal] = useState(false);\n    const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor));\n    const [draggedAssetId, setDraggedAssetId] = useState<number | undefined>(undefined);\n    const [isUploadLoading, setIsUploadLoading] = useState(false);\n    const [assetIdsLoading, setAssetIdsLoading] = useState<number[]>([]);\n    const [selectedFiles, setSelectedFiles] = useState<FileList | null>(null);\n    const isEditing = useEditorState(appBridge);\n    const { openAssetChooser, closeAssetChooser } = useAssetChooser(appBridge);\n    const isControllingStateExternally = isOpen !== undefined;\n    const isFlyoutOpen = isControllingStateExternally ? isOpen : isFlyoutOpenInternal;\n\n    const draggedItem = internalItems?.find((item) => item.id === draggedAssetId);\n\n    const [uploadFile, { results: uploadResults, doneAll }] = useAssetUpload({\n        onUploadProgress: () => !isUploadLoading && setIsUploadLoading(true),\n    });\n\n    const handleFlyoutOpenChange = (isOpen: boolean) => {\n        const stateSetter = isControllingStateExternally ? onOpenChange : setIsFlyoutOpenInternal;\n\n        stateSetter?.(isOpen);\n    };\n\n    useEffect(() => {\n        setInternalItems(items);\n    }, [items]);\n\n    useEffect(() => {\n        if (selectedFiles) {\n            setIsUploadLoading(true);\n            uploadFile(selectedFiles);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selectedFiles]);\n\n    useEffect(() => {\n        const uploadDone = async () => {\n            if (doneAll) {\n                await onUpload(uploadResults);\n                setIsUploadLoading(false);\n            }\n        };\n        uploadDone();\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [doneAll, uploadResults]);\n\n    const onOpenAssetChooser = () => {\n        handleFlyoutOpenChange(false);\n        openAssetChooser(\n            (result: Asset[]) => {\n                onBrowse(result);\n                closeAssetChooser();\n                handleFlyoutOpenChange(true);\n            },\n            {\n                multiSelection: true,\n                selectedValueIds: internalItems.map((internalItem) => internalItem.id),\n            },\n        );\n    };\n\n    const onReplaceItemWithBrowse = (toReplace: Asset) => {\n        handleFlyoutOpenChange(false);\n        openAssetChooser(\n            async (result: Asset[]) => {\n                handleFlyoutOpenChange(true);\n                closeAssetChooser();\n                setAssetIdsLoading([...assetIdsLoading, toReplace.id]);\n                await onReplaceWithBrowse(toReplace, result[0]);\n                setAssetIdsLoading(assetIdsLoading.filter((id) => id !== toReplace.id));\n            },\n            {\n                multiSelection: false,\n                selectedValueIds: internalItems.map((internalItem) => internalItem.id),\n            },\n        );\n    };\n\n    const onReplaceItemWithUpload = async (toReplace: Asset, uploadedAsset: Asset) => {\n        setAssetIdsLoading([...assetIdsLoading, toReplace.id]);\n        await onReplaceWithUpload(toReplace, uploadedAsset);\n        setAssetIdsLoading(assetIdsLoading.filter((id) => id !== toReplace.id));\n    };\n\n    const handleDragStart = (event: DragStartEvent) => {\n        const { active } = event;\n        setDraggedAssetId(active.id as number);\n    };\n\n    const handleDragEnd = (event: DragEndEvent) => {\n        const { active, over } = event;\n        if (over && active.id !== over.id && internalItems) {\n            const oldIndex = internalItems.findIndex((i) => i.id === active.id);\n            const newIndex = internalItems.findIndex((i) => i.id === over.id);\n            const sortedItems = arrayMove(internalItems, oldIndex, newIndex);\n            setInternalItems(sortedItems);\n            onSorted(sortedItems);\n        }\n        setDraggedAssetId(undefined);\n    };\n\n    return isEditing || (internalItems?.length ?? 0) > 0 ? (\n        <Tooltip.Root enterDelay={500}>\n            <Tooltip.Trigger>\n                <div data-test-id=\"attachments-flyout-button\">\n                    <Flyout\n                        placement={FlyoutPlacement.BottomRight}\n                        onOpenChange={(isOpen) => handleFlyoutOpenChange(draggedItem ? true : isOpen)}\n                        isOpen={isFlyoutOpen}\n                        hug={false}\n                        fitContent\n                        legacyFooter={false}\n                        trigger={(triggerProps, triggerRef) => (\n                            <TriggerComponent\n                                isFlyoutOpen={isFlyoutOpen}\n                                triggerProps={triggerProps}\n                                triggerRef={triggerRef as MutableRefObject<HTMLButtonElement>}\n                            >\n                                <div>{items.length > 0 ? items.length : 'Add'}</div>\n                            </TriggerComponent>\n                        )}\n                    >\n                        <div className=\"tw-w-[300px]\" data-test-id=\"attachments-flyout-content\">\n                            {internalItems.length > 0 && (\n                                <DndContext\n                                    sensors={sensors}\n                                    collisionDetection={closestCenter}\n                                    onDragStart={handleDragStart}\n                                    onDragEnd={handleDragEnd}\n                                    modifiers={[restrictToWindowEdges]}\n                                >\n                                    <SortableContext items={internalItems} strategy={rectSortingStrategy}>\n                                        <div className=\"tw-border-b tw-border-b-line\">\n                                            {internalItems.map((item) => (\n                                                <SortableAttachmentItem\n                                                    isEditing={isEditing}\n                                                    isLoading={assetIdsLoading.includes(item.id)}\n                                                    key={item.id}\n                                                    item={item}\n                                                    onDelete={() => onDelete(item)}\n                                                    onReplaceWithBrowse={() => onReplaceItemWithBrowse(item)}\n                                                    onReplaceWithUpload={(uploadedAsset: Asset) =>\n                                                        onReplaceItemWithUpload(item, uploadedAsset)\n                                                    }\n                                                    onDownload={() =>\n                                                        appBridge.dispatch({\n                                                            name: 'downloadAsset',\n                                                            payload: item,\n                                                        })\n                                                    }\n                                                />\n                                            ))}\n                                        </div>\n                                    </SortableContext>\n                                    <DragOverlay>\n                                        {draggedItem && (\n                                            <AttachmentItem\n                                                isOverlay={true}\n                                                isEditing={isEditing}\n                                                key={draggedAssetId}\n                                                item={draggedItem}\n                                                isDragging={true}\n                                                onDelete={() => onDelete(draggedItem)}\n                                                onReplaceWithBrowse={() => onReplaceItemWithBrowse(draggedItem)}\n                                                onReplaceWithUpload={(uploadedAsset: Asset) =>\n                                                    onReplaceItemWithUpload(draggedItem, uploadedAsset)\n                                                }\n                                            />\n                                        )}\n                                    </DragOverlay>\n                                </DndContext>\n                            )}\n                            {isEditing && (\n                                <div className=\"tw-px-5 tw-py-3\">\n                                    <div className=\"tw-font-body tw-font-medium tw-text-text tw-text-s tw-my-4\">\n                                        Add attachments\n                                    </div>\n                                    <AssetInput\n                                        isLoading={isUploadLoading}\n                                        size={AssetInputSize.Small}\n                                        onUploadClick={(fileList) => setSelectedFiles(fileList)}\n                                        onLibraryClick={onOpenAssetChooser}\n                                    />\n                                </div>\n                            )}\n                        </div>\n                    </Flyout>\n                </div>\n            </Tooltip.Trigger>\n            <Tooltip.Content side=\"top\">Attachments</Tooltip.Content>\n        </Tooltip.Root>\n    ) : null;\n};\n"],"names":["Attachments","items","onDelete","onReplaceWithBrowse","onReplaceWithUpload","onBrowse","onUpload","onSorted","appBridge","TriggerComponent","AttachmentsButtonTrigger","isOpen","onOpenChange","internalItems","setInternalItems","useState","isFlyoutOpenInternal","setIsFlyoutOpenInternal","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","draggedAssetId","setDraggedAssetId","isUploadLoading","setIsUploadLoading","assetIdsLoading","setAssetIdsLoading","selectedFiles","setSelectedFiles","isEditing","useEditorState","openAssetChooser","closeAssetChooser","useAssetChooser","isControllingStateExternally","isFlyoutOpen","draggedItem","item","uploadFile","uploadResults","doneAll","useAssetUpload","handleFlyoutOpenChange","stateSetter","useEffect","onOpenAssetChooser","result","internalItem","onReplaceItemWithBrowse","toReplace","id","onReplaceItemWithUpload","uploadedAsset","handleDragStart","event","active","handleDragEnd","over","oldIndex","i","newIndex","sortedItems","arrayMove","Tooltip","jsx","Flyout","FlyoutPlacement","triggerProps","triggerRef","jsxs","DndContext","closestCenter","restrictToWindowEdges","SortableContext","rectSortingStrategy","SortableAttachmentItem","DragOverlay","AttachmentItem","AssetInput","AssetInputSize","fileList"],"mappings":"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"}

package/dist/components/BlockItemWrapper/Toolbar/DragHandleToolbarButton/DragHandleToolbarButton.es.js

@@ -13,7 +13,7 @@ const D = ({
   return /* @__PURE__ */ r(
     c,
     {
-      open: o,
+      ...o && { open: o },
       content: /* @__PURE__ */ r("div", { children: o ? a : t ?? l }),
       children: /* @__PURE__ */ r(
         m,

package/dist/components/BlockItemWrapper/Toolbar/DragHandleToolbarButton/DragHandleToolbarButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragHandleToolbarButton.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/DragHandleToolbarButton/DragHandleToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ReactNode } from 'react';\n\nimport { DEFAULT_DRAGGING_TOOLTIP, DEFAULT_DRAG_TOOLTIP } from '../../constants';\nimport { BaseToolbarButton } from '../BaseToolbarButton';\nimport { ToolbarButtonTooltip } from '../ToolbarButtonTooltip';\nimport { useDragPreviewContext } from '../context/DragPreviewContext';\n\nexport type DragHandleToolbarButtonProps = {\n    icon?: ReactNode;\n    tooltip?: string;\n    draggableProps: Record<string, unknown>;\n    setActivatorNodeRef?: (node: HTMLElement | null) => void;\n};\n\nexport const DragHandleToolbarButton = ({\n    tooltip,\n    icon,\n    setActivatorNodeRef,\n    draggableProps,\n}: DragHandleToolbarButtonProps) => {\n    const isDragPreview = useDragPreviewContext();\n\n    return (\n        <ToolbarButtonTooltip\n            open={isDragPreview}\n            content={<div>{isDragPreview ? DEFAULT_DRAGGING_TOOLTIP : tooltip ?? DEFAULT_DRAG_TOOLTIP}</div>}\n        >\n            <BaseToolbarButton\n                ref={setActivatorNodeRef}\n                data-test-id=\"block-item-wrapper-toolbar-btn\"\n                forceActiveStyle={isDragPreview}\n                cursor=\"grab\"\n                {...draggableProps}\n            >\n                {icon}\n            </BaseToolbarButton>\n        </ToolbarButtonTooltip>\n    );\n};\n"],"names":["DragHandleToolbarButton","tooltip","icon","setActivatorNodeRef","draggableProps","isDragPreview","useDragPreviewContext","jsx","ToolbarButtonTooltip","DEFAULT_DRAGGING_TOOLTIP","DEFAULT_DRAG_TOOLTIP","BaseToolbarButton"],"mappings":";;;;;AAgBO,MAAMA,IAA0B,CAAC;AAAA,EACpC,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,gBAAAC;AACJ,MAAoC;AAChC,QAAMC,IAAgBC;AAGlB,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAMH;AAAA,MACN,SAAU,gBAAAE,EAAA,OAAA,EAAK,UAAgBF,IAAAI,IAA2BR,KAAWS,GAAqB;AAAA,MAE1F,UAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,KAAKR;AAAA,UACL,gBAAa;AAAA,UACb,kBAAkBE;AAAA,UAClB,QAAO;AAAA,UACN,GAAGD;AAAA,UAEH,UAAAF;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"DragHandleToolbarButton.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/DragHandleToolbarButton/DragHandleToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ReactNode } from 'react';\n\nimport { DEFAULT_DRAGGING_TOOLTIP, DEFAULT_DRAG_TOOLTIP } from '../../constants';\nimport { BaseToolbarButton } from '../BaseToolbarButton';\nimport { ToolbarButtonTooltip } from '../ToolbarButtonTooltip';\nimport { useDragPreviewContext } from '../context/DragPreviewContext';\n\nexport type DragHandleToolbarButtonProps = {\n    icon?: ReactNode;\n    tooltip?: string;\n    draggableProps: Record<string, unknown>;\n    setActivatorNodeRef?: (node: HTMLElement | null) => void;\n};\n\nexport const DragHandleToolbarButton = ({\n    tooltip,\n    icon,\n    setActivatorNodeRef,\n    draggableProps,\n}: DragHandleToolbarButtonProps) => {\n    const isDragPreview = useDragPreviewContext();\n\n    return (\n        <ToolbarButtonTooltip\n            {...(isDragPreview && { open: isDragPreview })}\n            content={<div>{isDragPreview ? DEFAULT_DRAGGING_TOOLTIP : tooltip ?? DEFAULT_DRAG_TOOLTIP}</div>}\n        >\n            <BaseToolbarButton\n                ref={setActivatorNodeRef}\n                data-test-id=\"block-item-wrapper-toolbar-btn\"\n                forceActiveStyle={isDragPreview}\n                cursor=\"grab\"\n                {...draggableProps}\n            >\n                {icon}\n            </BaseToolbarButton>\n        </ToolbarButtonTooltip>\n    );\n};\n"],"names":["DragHandleToolbarButton","tooltip","icon","setActivatorNodeRef","draggableProps","isDragPreview","useDragPreviewContext","jsx","ToolbarButtonTooltip","DEFAULT_DRAGGING_TOOLTIP","DEFAULT_DRAG_TOOLTIP","BaseToolbarButton"],"mappings":";;;;;AAgBO,MAAMA,IAA0B,CAAC;AAAA,EACpC,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,gBAAAC;AACJ,MAAoC;AAChC,QAAMC,IAAgBC;AAGlB,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAIH,KAAiB,EAAE,MAAMA,EAAc;AAAA,MAC5C,SAAU,gBAAAE,EAAA,OAAA,EAAK,UAAgBF,IAAAI,IAA2BR,KAAWS,GAAqB;AAAA,MAE1F,UAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,KAAKR;AAAA,UACL,gBAAa;AAAA,UACb,kBAAkBE;AAAA,UAClB,QAAO;AAAA,UACN,GAAGD;AAAA,UAEH,UAAAF;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/components/BlockItemWrapper/Toolbar/ToolbarButtonTooltip.es.js

@@ -1,20 +1,10 @@
-import { jsx as o } from "react/jsx-runtime";
-import { LegacyTooltip as l, TooltipPosition as n } from "@frontify/fondue";
-const m = ({ open: t, content: i, children: r, disabled: e }) => /* @__PURE__ */ o(
-  l,
-  {
-    withArrow: !0,
-    hoverDelay: 0,
-    enterDelay: 300,
-    open: t,
-    disabled: e,
-    position: n.Top,
-    content: /* @__PURE__ */ o("div", { children: i }),
-    triggerElement: r,
-    "data-test-id": "toolbar-button-tooltip"
-  }
-);
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { Tooltip as t } from "../../../node_modules/.pnpm/@frontify_fondue-components@3.2.0_@frontify_fondue-icons@0.4.0_react@18.3.1__@frontify_fondue_tzhl6xkpshch6jh2yw4x73nky4/node_modules/@frontify/fondue-components/dist/fondue-components21.es.js";
+const d = ({ content: e, children: r, open: i, disabled: n }) => n ? r : /* @__PURE__ */ l(t.Root, { enterDelay: 300, open: i, children: [
+  /* @__PURE__ */ o(t.Trigger, { children: r }),
+  /* @__PURE__ */ o(t.Content, { side: "top", children: /* @__PURE__ */ o("div", { children: e }) })
+] });
 export {
-  m as ToolbarButtonTooltip
+  d as ToolbarButtonTooltip
 };
 //# sourceMappingURL=ToolbarButtonTooltip.es.js.map

package/dist/components/BlockItemWrapper/Toolbar/ToolbarButtonTooltip.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarButtonTooltip.es.js","sources":["../../../../src/components/BlockItemWrapper/Toolbar/ToolbarButtonTooltip.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { LegacyTooltip as Tooltip, TooltipPosition } from '@frontify/fondue';\nimport { type ReactElement, type ReactNode } from 'react';\n\ntype ToolbarButtonTooltipProps = {\n    content: ReactNode;\n    children: ReactElement;\n    open?: boolean;\n    disabled?: boolean;\n};\n\nexport const ToolbarButtonTooltip = ({ open, content, children, disabled }: ToolbarButtonTooltipProps) => (\n    <Tooltip\n        withArrow\n        hoverDelay={0}\n        enterDelay={300}\n        open={open}\n        disabled={disabled}\n        position={TooltipPosition.Top}\n        content={<div>{content}</div>}\n        triggerElement={children}\n        data-test-id=\"toolbar-button-tooltip\"\n    />\n);\n"],"names":["ToolbarButtonTooltip","open","content","children","disabled","jsx","Tooltip","TooltipPosition"],"mappings":";;AAYO,MAAMA,IAAuB,CAAC,EAAE,MAAAC,GAAM,SAAAC,GAAS,UAAAC,GAAU,UAAAC,QAC5D,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACG,WAAS;AAAA,IACT,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,MAAAL;AAAA,IACA,UAAAG;AAAA,IACA,UAAUG,EAAgB;AAAA,IAC1B,SAAU,gBAAAF,EAAA,OAAA,EAAK,UAAQH,EAAA,CAAA;AAAA,IACvB,gBAAgBC;AAAA,IAChB,gBAAa;AAAA,EAAA;AACjB;"}
+{"version":3,"file":"ToolbarButtonTooltip.es.js","sources":["../../../../src/components/BlockItemWrapper/Toolbar/ToolbarButtonTooltip.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Tooltip } from '@frontify/fondue/components';\nimport { type ReactElement, type ReactNode } from 'react';\n\ntype ToolbarButtonTooltipProps = {\n    content: ReactNode;\n    children: ReactElement;\n    open?: boolean;\n    disabled?: boolean;\n};\n\nexport const ToolbarButtonTooltip = ({ content, children, open, disabled }: ToolbarButtonTooltipProps) => {\n    return disabled ? (\n        children\n    ) : (\n        <Tooltip.Root enterDelay={300} open={open}>\n            <Tooltip.Trigger>{children}</Tooltip.Trigger>\n            <Tooltip.Content side=\"top\">\n                <div>{content}</div>\n            </Tooltip.Content>\n        </Tooltip.Root>\n    );\n};\n"],"names":["ToolbarButtonTooltip","content","children","open","disabled","jsxs","Tooltip","jsx"],"mappings":";;AAYO,MAAMA,IAAuB,CAAC,EAAE,SAAAC,GAAS,UAAAC,GAAU,MAAAC,GAAM,UAAAC,QACrDA,IACHF,IAEC,gBAAAG,EAAAC,EAAQ,MAAR,EAAa,YAAY,KAAK,MAAAH,GAC3B,UAAA;AAAA,EAAC,gBAAAI,EAAAD,EAAQ,SAAR,EAAiB,UAAAJ,EAAS,CAAA;AAAA,EAC3B,gBAAAK,EAACD,EAAQ,SAAR,EAAgB,MAAK,OAClB,UAAA,gBAAAC,EAAC,OAAK,EAAA,UAAAN,EAAA,CAAQ,EAClB,CAAA;AACJ,EAAA,CAAA;"}

package/dist/components/DownloadButton/DownloadButton.es.js

@@ -1,39 +1,34 @@
-import { jsx as t } from "react/jsx-runtime";
-import { LegacyTooltip as i, TooltipPosition as s, FOCUS_STYLE as l, IconArrowCircleDown16 as a } from "@frontify/fondue";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { FOCUS_STYLE as l, IconArrowCircleDown16 as a } from "@frontify/fondue";
 import { useFocusRing as w } from "@react-aria/focus";
-import { joinClassNames as u } from "../../utilities/react/joinClassNames.es.js";
-const b = ({ onDownload: o }) => {
-  const { isFocused: e, focusProps: n } = w();
-  return /* @__PURE__ */ t(
-    i,
-    {
-      withArrow: !0,
-      position: s.Top,
-      content: "Download",
-      enterDelay: 500,
-      triggerElement: /* @__PURE__ */ t(
-        "button",
-        {
-          tabIndex: 0,
-          "aria-label": "Download",
-          ...n,
-          className: u(["tw-outline-none tw-rounded", e && l]),
-          onClick: o,
-          onPointerDown: (r) => r.preventDefault(),
-          children: /* @__PURE__ */ t(
-            "span",
-            {
-              "data-test-id": "download-button",
-              className: "tw-flex tw-text-xs tw-font-body tw-items-center tw-gap-1 tw-rounded-full tw-bg-box-neutral-strong-inverse hover:tw-bg-box-neutral-strong-inverse-hover active:tw-bg-box-neutral-strong-inverse-pressed tw-text-box-neutral-strong tw-outline tw-outline-1 tw-outline-offset-1 tw-p-1.5 tw-outline-line",
-              children: /* @__PURE__ */ t(a, {})
-            }
-          )
-        }
-      )
-    }
-  );
+import { Tooltip as o } from "../../node_modules/.pnpm/@frontify_fondue-components@3.2.0_@frontify_fondue-icons@0.4.0_react@18.3.1__@frontify_fondue_tzhl6xkpshch6jh2yw4x73nky4/node_modules/@frontify/fondue-components/dist/fondue-components21.es.js";
+import { joinClassNames as d } from "../../utilities/react/joinClassNames.es.js";
+const f = ({ onDownload: e }) => {
+  const { isFocused: n, focusProps: r } = w();
+  return /* @__PURE__ */ i(o.Root, { enterDelay: 500, children: [
+    /* @__PURE__ */ t(o.Trigger, { children: /* @__PURE__ */ t(
+      "button",
+      {
+        tabIndex: 0,
+        "aria-label": "Download",
+        ...r,
+        className: d(["tw-outline-none tw-rounded", n && l]),
+        onClick: e,
+        onPointerDown: (s) => s.preventDefault(),
+        children: /* @__PURE__ */ t(
+          "span",
+          {
+            "data-test-id": "download-button",
+            className: "tw-flex tw-text-xs tw-font-body tw-items-center tw-gap-1 tw-rounded-full tw-bg-box-neutral-strong-inverse hover:tw-bg-box-neutral-strong-inverse-hover active:tw-bg-box-neutral-strong-inverse-pressed tw-text-box-neutral-strong tw-outline tw-outline-1 tw-outline-offset-1 tw-p-1.5 tw-outline-line",
+            children: /* @__PURE__ */ t(a, {})
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ t(o.Content, { side: "top", children: "Download" })
+  ] });
 };
 export {
-  b as DownloadButton
+  f as DownloadButton
 };
 //# sourceMappingURL=DownloadButton.es.js.map