@frontify/guideline-blocks-settings 3.0.2 → 3.0.3

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

@@ -1,138 +1,146 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { useSensors as nt, useSensor as B, PointerSensor as st, KeyboardSensor as at, DndContext as rt, closestCenter as it } from "@dnd-kit/core";
-import { restrictToParentElement as dt } from "@dnd-kit/modifiers";
-import { SortableContext as lt, rectSortingStrategy as ct, arrayMove as ht } from "@dnd-kit/sortable";
-import { useEditorState as pt, useAssetChooser as ut, useAssetUpload as mt } from "@frontify/app-bridge";
-import { Flyout as I, Tooltip as y, AssetInput as s, Flex as gt } from "@frontify/fondue/components";
-import { IconImageStack as ft, IconArrowCircleUp as wt } from "@frontify/fondue/icons";
-import { useState as r, useEffect as S } from "react";
-import { SortableAttachmentItem as It } from "./AttachmentItem.es.js";
-import { AttachmentsButtonTrigger as yt } from "./AttachmentsButtonTrigger.es.js";
-const Et = ({
-  items: l = [],
-  onDelete: M,
-  onReplaceWithBrowse: O,
-  onReplaceWithUpload: N,
-  onBrowse: R,
-  onUpload: W,
-  onSorted: z,
-  appBridge: p,
-  triggerComponent: j = yt,
-  isOpen: A,
-  onOpenChange: K
-}) => {
-  const [n, v] = r(l), [V, k] = r(!1), q = nt(B(st), B(at)), [G, C] = r(void 0), [x, u] = r(!1), [m, D] = r(!1), [c, h] = r([]), [g, H] = r(null), f = pt(p), { openAssetChooser: b, closeAssetChooser: F } = ut(p), L = A !== void 0, U = L ? A : V, J = n?.find((t) => t.id === G), [Q, { results: E, doneAll: P }] = mt({
-    onUploadProgress: () => !x && u(!0)
-  }), i = (t) => {
-    (L ? K : k)?.(t);
-  };
-  S(() => {
-    v(l);
-  }, [l]), S(() => {
-    g && (u(!0), Q(g));
-  }, [g]), S(() => {
-    (async () => P && (await W(E), u(!1)))();
-  }, [P, E]);
-  const X = () => {
-    i(!1), b(
-      // oxlint-disable-next-line typescript/no-misused-promises
-      async (t) => {
-        F(), i(!0), D(!0), await R(t), D(!1);
-      },
-      {
-        multiSelection: !0,
-        selectedValueIds: n.map((t) => t.id)
-      }
-    );
-  }, Y = (t) => {
-    i(!1), b(
-      // oxlint-disable-next-line typescript/no-misused-promises
-      async (o) => {
-        i(!0), F(), h([...c, t.id]), await O(t, o[0]), h(c.filter((a) => a !== t.id));
-      },
-      {
-        multiSelection: !1,
-        selectedValueIds: n.map((o) => o.id)
-      }
-    );
-  }, Z = async (t, o) => {
-    h([...c, t.id]), await N(t, o), h(c.filter((a) => a !== t.id));
-  }, _ = (t) => {
-    const { active: o } = t;
-    C(o.id);
-  }, $ = (t) => {
-    const { active: o, over: a } = t;
-    if (a && o.id !== a.id && n) {
-      const et = n.findIndex((w) => w.id === o.id), ot = n.findIndex((w) => w.id === a.id), T = ht(n, et, ot);
-      v(T), z(T);
-    }
-    C(void 0);
-  }, tt = {
-    onEscapeKeyDown: (t) => {
-      t.stopPropagation(), i(!1);
-    }
-  };
-  return f || (n?.length ?? 0) > 0 ? /* @__PURE__ */ e("div", { "data-test-id": "attachments-flyout-button", children: /* @__PURE__ */ e(
-    I.Root,
-    {
-      open: U,
-      onOpenChange: (t) => i(J ? !0 : t),
-      children: /* @__PURE__ */ d(y.Root, { enterDelay: 500, children: [
-        /* @__PURE__ */ e(y.Trigger, { asChild: !0, children: /* @__PURE__ */ e(I.Trigger, { asChild: !0, "data-test-id": "attachments-button-trigger", children: /* @__PURE__ */ e(j, { isFlyoutOpen: U, children: /* @__PURE__ */ e("div", { children: l.length > 0 ? l.length : "Add" }) }) }) }),
-        /* @__PURE__ */ e(I.Content, { side: "bottom", align: "end", width: "300px", ...tt, children: /* @__PURE__ */ d("div", { className: "tw-w-full", "data-test-id": "attachments-flyout-content", children: [
-          n.length > 0 && /* @__PURE__ */ e(
-            rt,
-            {
-              sensors: q,
-              collisionDetection: it,
-              onDragStart: _,
-              onDragEnd: $,
-              modifiers: [dt],
-              children: /* @__PURE__ */ e(lt, { items: n, strategy: ct, children: /* @__PURE__ */ e("div", { className: "tw-border-b tw-border-b-line tw-relative", children: n.map((t) => /* @__PURE__ */ e(
-                It,
-                {
-                  isEditing: f,
-                  isLoading: c.includes(t.id),
-                  item: t,
-                  onDelete: () => M(t),
-                  onReplaceWithBrowse: () => Y(t),
-                  onReplaceWithUpload: (o) => Z(t, o),
-                  onDownload: () => p.dispatch({
-                    name: "downloadAsset",
-                    payload: t
-                  })
-                },
-                t.id
-              )) }) })
-            }
-          ),
-          f && /* @__PURE__ */ d("div", { className: "tw-px-5 tw-py-3", "data-test-id": "asset-input-placeholder", children: [
-            /* @__PURE__ */ e("div", { className: "tw-font-primary tw-font-medium tw-text-primary tw-text-small tw-my-4", children: "Add attachments" }),
-            x || m ? /* @__PURE__ */ d(s.Root, { orientation: "horizontal", children: [
-              /* @__PURE__ */ e(s.Preview, { children: /* @__PURE__ */ e(s.PreviewLoading, {}) }),
-              /* @__PURE__ */ e(s.Title, { children: "Asset" }),
-              /* @__PURE__ */ e(s.Metadata, { children: /* @__PURE__ */ e(s.MetadataItem, { children: /* @__PURE__ */ d(gt, { align: "center", gap: 0.5, children: [
-                m ? /* @__PURE__ */ e(ft, { size: 16 }) : /* @__PURE__ */ e(wt, { size: 16 }),
-                m ? "Loading" : "Uploading"
-              ] }) }) })
-            ] }) : /* @__PURE__ */ d(s.Placeholder, { children: [
-              /* @__PURE__ */ e(
-                s.UploadInput,
-                {
-                  allowMultiple: !0,
-                  onSelect: (t) => H(t.target.files)
-                }
-              ),
-              /* @__PURE__ */ e(s.BrowseInput, { onBrowse: X })
-            ] })
-          ] })
-        ] }) }),
-        /* @__PURE__ */ e(y.Content, { side: "top", children: "Attachments" })
-      ] })
-    }
-  ) }) : null;
+import { SortableAttachmentItem as e } from "./AttachmentItem.es.js";
+import { AttachmentsButtonTrigger as t } from "./AttachmentsButtonTrigger.es.js";
+import { useAssetChooser as n, useAssetUpload as r, useEditorState as i } from "@frontify/app-bridge";
+import { AssetInput as a, Flex as ee, Flyout as o, Tooltip as s } from "@frontify/fondue/components";
+import { IconArrowCircleUp as te, IconImageStack as c } from "@frontify/fondue/icons";
+import { useEffect as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { DndContext as p, KeyboardSensor as ne, PointerSensor as m, closestCenter as re, useSensor as h, useSensors as g } from "@dnd-kit/core";
+import { restrictToParentElement as _ } from "@dnd-kit/modifiers";
+import { SortableContext as v, arrayMove as y, rectSortingStrategy as b } from "@dnd-kit/sortable";
+//#region src/components/Attachments/Attachments.tsx
+var x = ({ items: x = [], onDelete: S, onReplaceWithBrowse: C, onReplaceWithUpload: w, onBrowse: T, onUpload: E, onSorted: ie, appBridge: D, triggerComponent: ae = t, isOpen: O, onOpenChange: oe }) => {
+	let [k, A] = u(x), [j, M] = u(!1), N = g(h(m), h(ne)), [P, F] = u(void 0), [I, L] = u(!1), [R, z] = u(!1), [B, V] = u([]), [H, U] = u(null), W = i(D), { openAssetChooser: G, closeAssetChooser: K } = n(D), q = O !== void 0, J = q ? O : j, Y = k?.find((e) => e.id === P), X = x.length, se = X > 0 ? `Open attachments, ${X} ${X === 1 ? "attachment" : "attachments"}` : "Add attachments", [ce, { results: Z, doneAll: Q }] = r({ onUploadProgress: () => !I && L(!0) }), $ = (e) => {
+		(q ? oe : M)?.(e);
+	};
+	l(() => {
+		A(x);
+	}, [x]), l(() => {
+		H && (L(!0), ce(H));
+	}, [H]), l(() => {
+		(async () => {
+			Q && (await E(Z), L(!1));
+		})();
+	}, [Q, Z]);
+	let le = () => {
+		$(!1), G(async (e) => {
+			K(), $(!0), z(!0), await T(e), z(!1);
+		}, {
+			multiSelection: !0,
+			selectedValueIds: k.map((e) => e.id)
+		});
+	}, ue = (e) => {
+		$(!1), G(async (t) => {
+			$(!0), K(), V([...B, e.id]), await C(e, t[0]), V(B.filter((t) => t !== e.id));
+		}, {
+			multiSelection: !1,
+			selectedValueIds: k.map((e) => e.id)
+		});
+	}, de = async (e, t) => {
+		V([...B, e.id]), await w(e, t), V(B.filter((t) => t !== e.id));
+	};
+	return W || (k?.length ?? 0) > 0 ? /* @__PURE__ */ d("div", {
+		"data-test-id": "attachments-flyout-button",
+		children: /* @__PURE__ */ d(o.Root, {
+			open: J,
+			onOpenChange: (e) => $(Y ? !0 : e),
+			children: /* @__PURE__ */ f(s.Root, {
+				enterDelay: 500,
+				children: [
+					/* @__PURE__ */ d(s.Trigger, {
+						asChild: !0,
+						children: /* @__PURE__ */ d(o.Trigger, {
+							asChild: !0,
+							"data-test-id": "attachments-button-trigger",
+							children: /* @__PURE__ */ d(ae, {
+								isFlyoutOpen: J,
+								"aria-label": se,
+								children: /* @__PURE__ */ d("div", {
+									"aria-hidden": "true",
+									children: X > 0 ? X : "Add"
+								})
+							})
+						})
+					}),
+					/* @__PURE__ */ d(o.Content, {
+						side: "bottom",
+						align: "end",
+						width: "300px",
+						onEscapeKeyDown: (e) => {
+							e.stopPropagation(), $(!1);
+						},
+						children: /* @__PURE__ */ f("div", {
+							className: "tw-w-full",
+							"data-test-id": "attachments-flyout-content",
+							children: [k.length > 0 && /* @__PURE__ */ d(p, {
+								sensors: N,
+								collisionDetection: re,
+								onDragStart: (e) => {
+									let { active: t } = e;
+									F(t.id);
+								},
+								onDragEnd: (e) => {
+									let { active: t, over: n } = e;
+									if (n && t.id !== n.id && k) {
+										let e = k.findIndex((e) => e.id === t.id), r = k.findIndex((e) => e.id === n.id), i = y(k, e, r);
+										A(i), ie(i);
+									}
+									F(void 0);
+								},
+								modifiers: [_],
+								children: /* @__PURE__ */ d(v, {
+									items: k,
+									strategy: b,
+									children: /* @__PURE__ */ d("div", {
+										className: "tw-border-b tw-border-b-line tw-relative",
+										children: k.map((t) => /* @__PURE__ */ d(e, {
+											isEditing: W,
+											isLoading: B.includes(t.id),
+											item: t,
+											onDelete: () => S(t),
+											onReplaceWithBrowse: () => ue(t),
+											onReplaceWithUpload: (e) => de(t, e),
+											onDownload: () => D.dispatch({
+												name: "downloadAsset",
+												payload: t
+											})
+										}, t.id))
+									})
+								})
+							}), W && /* @__PURE__ */ f("div", {
+								className: "tw-px-5 tw-py-3",
+								"data-test-id": "asset-input-placeholder",
+								children: [/* @__PURE__ */ d("div", {
+									className: "tw-font-primary tw-font-medium tw-text-primary tw-text-small tw-my-4",
+									children: "Add attachments"
+								}), I || R ? /* @__PURE__ */ f(a.Root, {
+									orientation: "horizontal",
+									children: [
+										/* @__PURE__ */ d(a.Preview, { children: /* @__PURE__ */ d(a.PreviewLoading, {}) }),
+										/* @__PURE__ */ d(a.Title, { children: "Asset" }),
+										/* @__PURE__ */ d(a.Metadata, { children: /* @__PURE__ */ d(a.MetadataItem, { children: /* @__PURE__ */ f(ee, {
+											align: "center",
+											gap: .5,
+											children: [d(R ? c : te, { size: 16 }), R ? "Loading" : "Uploading"]
+										}) }) })
+									]
+								}) : /* @__PURE__ */ f(a.Placeholder, { children: [/* @__PURE__ */ d(a.UploadInput, {
+									allowMultiple: !0,
+									onSelect: (e) => U(e.target.files)
+								}), /* @__PURE__ */ d(a.BrowseInput, { onBrowse: le })] })]
+							})]
+						})
+					}),
+					/* @__PURE__ */ d(s.Content, {
+						side: "top",
+						children: "Attachments"
+					})
+				]
+			})
+		})
+	}) : null;
 };
-export {
-  Et as Attachments
-};
-//# sourceMappingURL=Attachments.es.js.map
+//#endregion
+export { x 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    type DragStartEvent,\n    KeyboardSensor,\n    PointerSensor,\n    closestCenter,\n    useSensor,\n    useSensors,\n} from '@dnd-kit/core';\nimport { restrictToParentElement } from '@dnd-kit/modifiers';\nimport { SortableContext, arrayMove, rectSortingStrategy } from '@dnd-kit/sortable';\nimport { type Asset, useAssetChooser, useAssetUpload, useEditorState } from '@frontify/app-bridge';\nimport { Tooltip, Flyout, AssetInput, Flex } from '@frontify/fondue/components';\nimport { IconArrowCircleUp, IconImageStack } from '@frontify/fondue/icons';\nimport { useEffect, useState } from 'react';\n\nimport { 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 [isBrowseLoading, setIsBrowseLoading] = 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        // oxlint-disable-next-line @eslint-react/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        // oxlint-disable-next-line @eslint-react/exhaustive-deps\n    }, [doneAll, uploadResults]);\n\n    const onOpenAssetChooser = () => {\n        handleFlyoutOpenChange(false);\n        openAssetChooser(\n            // oxlint-disable-next-line typescript/no-misused-promises\n            async (result: Asset[]) => {\n                closeAssetChooser();\n                handleFlyoutOpenChange(true);\n                setIsBrowseLoading(true);\n                await onBrowse(result);\n                setIsBrowseLoading(false);\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            // oxlint-disable-next-line typescript/no-misused-promises\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    const autoFocusModifier = {\n        onEscapeKeyDown: (event: Event) => {\n            event.stopPropagation();\n            handleFlyoutOpenChange(false);\n        },\n    };\n\n    return isEditing || (internalItems?.length ?? 0) > 0 ? (\n        <div data-test-id=\"attachments-flyout-button\">\n            <Flyout.Root\n                open={isFlyoutOpen}\n                onOpenChange={(isOpen) => handleFlyoutOpenChange(draggedItem ? true : isOpen)}\n            >\n                <Tooltip.Root enterDelay={500}>\n                    <Tooltip.Trigger asChild>\n                        <Flyout.Trigger asChild data-test-id=\"attachments-button-trigger\">\n                            <TriggerComponent isFlyoutOpen={isFlyoutOpen}>\n                                <div>{items.length > 0 ? items.length : 'Add'}</div>\n                            </TriggerComponent>\n                        </Flyout.Trigger>\n                    </Tooltip.Trigger>\n                    <Flyout.Content side=\"bottom\" align=\"end\" width=\"300px\" {...autoFocusModifier}>\n                        <div className=\"tw-w-full\" 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={[restrictToParentElement]}\n                                >\n                                    <SortableContext items={internalItems} strategy={rectSortingStrategy}>\n                                        <div className=\"tw-border-b tw-border-b-line tw-relative\">\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                                </DndContext>\n                            )}\n                            {isEditing && (\n                                <div className=\"tw-px-5 tw-py-3\" data-test-id=\"asset-input-placeholder\">\n                                    <div className=\"tw-font-primary tw-font-medium tw-text-primary tw-text-small tw-my-4\">\n                                        Add attachments\n                                    </div>\n                                    {isUploadLoading || isBrowseLoading ? (\n                                        <AssetInput.Root orientation=\"horizontal\">\n                                            <AssetInput.Preview>\n                                                <AssetInput.PreviewLoading />\n                                            </AssetInput.Preview>\n                                            <AssetInput.Title>Asset</AssetInput.Title>\n                                            <AssetInput.Metadata>\n                                                <AssetInput.MetadataItem>\n                                                    <Flex align=\"center\" gap={0.5}>\n                                                        {isBrowseLoading ? (\n                                                            <IconImageStack size={16} />\n                                                        ) : (\n                                                            <IconArrowCircleUp size={16} />\n                                                        )}\n                                                        {isBrowseLoading ? 'Loading' : 'Uploading'}\n                                                    </Flex>\n                                                </AssetInput.MetadataItem>\n                                            </AssetInput.Metadata>\n                                        </AssetInput.Root>\n                                    ) : (\n                                        <AssetInput.Placeholder>\n                                            <AssetInput.UploadInput\n                                                allowMultiple\n                                                onSelect={(event) => setSelectedFiles(event.target.files)}\n                                            />\n                                            <AssetInput.BrowseInput onBrowse={onOpenAssetChooser} />\n                                        </AssetInput.Placeholder>\n                                    )}\n                                </div>\n                            )}\n                        </div>\n                    </Flyout.Content>\n                    <Tooltip.Content side=\"top\">Attachments</Tooltip.Content>\n                </Tooltip.Root>\n            </Flyout.Root>\n        </div>\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","isBrowseLoading","setIsBrowseLoading","assetIdsLoading","setAssetIdsLoading","selectedFiles","setSelectedFiles","isEditing","useEditorState","openAssetChooser","closeAssetChooser","useAssetChooser","isControllingStateExternally","isFlyoutOpen","draggedItem","item","uploadFile","uploadResults","doneAll","useAssetUpload","handleFlyoutOpenChange","useEffect","onOpenAssetChooser","result","internalItem","onReplaceItemWithBrowse","toReplace","id","onReplaceItemWithUpload","uploadedAsset","handleDragStart","event","active","handleDragEnd","over","oldIndex","i","newIndex","sortedItems","arrayMove","autoFocusModifier","jsx","Flyout","jsxs","Tooltip","DndContext","closestCenter","restrictToParentElement","SortableContext","rectSortingStrategy","SortableAttachmentItem","AssetInput","Flex","IconImageStack","IconArrowCircleUp"],"mappings":"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"}
+{"version":3,"file":"Attachments.es.js","names":[],"sources":["../../../src/components/Attachments/Attachments.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    DndContext,\n    type DragEndEvent,\n    type DragStartEvent,\n    KeyboardSensor,\n    PointerSensor,\n    closestCenter,\n    useSensor,\n    useSensors,\n} from '@dnd-kit/core';\nimport { restrictToParentElement } from '@dnd-kit/modifiers';\nimport { SortableContext, arrayMove, rectSortingStrategy } from '@dnd-kit/sortable';\nimport { type Asset, useAssetChooser, useAssetUpload, useEditorState } from '@frontify/app-bridge';\nimport { Tooltip, Flyout, AssetInput, Flex } from '@frontify/fondue/components';\nimport { IconArrowCircleUp, IconImageStack } from '@frontify/fondue/icons';\nimport { useEffect, useState } from 'react';\n\nimport { 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 [isBrowseLoading, setIsBrowseLoading] = 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 attachmentCount = items.length;\n    const triggerLabel =\n        attachmentCount > 0\n            ? `Open attachments, ${attachmentCount} ${attachmentCount === 1 ? 'attachment' : 'attachments'}`\n            : 'Add attachments';\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        // oxlint-disable-next-line @eslint-react/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        // oxlint-disable-next-line @eslint-react/exhaustive-deps\n    }, [doneAll, uploadResults]);\n\n    const onOpenAssetChooser = () => {\n        handleFlyoutOpenChange(false);\n        openAssetChooser(\n            // oxlint-disable-next-line typescript/no-misused-promises\n            async (result: Asset[]) => {\n                closeAssetChooser();\n                handleFlyoutOpenChange(true);\n                setIsBrowseLoading(true);\n                await onBrowse(result);\n                setIsBrowseLoading(false);\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            // oxlint-disable-next-line typescript/no-misused-promises\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    const autoFocusModifier = {\n        onEscapeKeyDown: (event: Event) => {\n            event.stopPropagation();\n            handleFlyoutOpenChange(false);\n        },\n    };\n\n    return isEditing || (internalItems?.length ?? 0) > 0 ? (\n        <div data-test-id=\"attachments-flyout-button\">\n            <Flyout.Root\n                open={isFlyoutOpen}\n                onOpenChange={(isOpen) => handleFlyoutOpenChange(draggedItem ? true : isOpen)}\n            >\n                <Tooltip.Root enterDelay={500}>\n                    <Tooltip.Trigger asChild>\n                        <Flyout.Trigger asChild data-test-id=\"attachments-button-trigger\">\n                            <TriggerComponent isFlyoutOpen={isFlyoutOpen} aria-label={triggerLabel}>\n                                <div aria-hidden=\"true\">{attachmentCount > 0 ? attachmentCount : 'Add'}</div>\n                            </TriggerComponent>\n                        </Flyout.Trigger>\n                    </Tooltip.Trigger>\n                    <Flyout.Content side=\"bottom\" align=\"end\" width=\"300px\" {...autoFocusModifier}>\n                        <div className=\"tw-w-full\" 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={[restrictToParentElement]}\n                                >\n                                    <SortableContext items={internalItems} strategy={rectSortingStrategy}>\n                                        <div className=\"tw-border-b tw-border-b-line tw-relative\">\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                                </DndContext>\n                            )}\n                            {isEditing && (\n                                <div className=\"tw-px-5 tw-py-3\" data-test-id=\"asset-input-placeholder\">\n                                    <div className=\"tw-font-primary tw-font-medium tw-text-primary tw-text-small tw-my-4\">\n                                        Add attachments\n                                    </div>\n                                    {isUploadLoading || isBrowseLoading ? (\n                                        <AssetInput.Root orientation=\"horizontal\">\n                                            <AssetInput.Preview>\n                                                <AssetInput.PreviewLoading />\n                                            </AssetInput.Preview>\n                                            <AssetInput.Title>Asset</AssetInput.Title>\n                                            <AssetInput.Metadata>\n                                                <AssetInput.MetadataItem>\n                                                    <Flex align=\"center\" gap={0.5}>\n                                                        {isBrowseLoading ? (\n                                                            <IconImageStack size={16} />\n                                                        ) : (\n                                                            <IconArrowCircleUp size={16} />\n                                                        )}\n                                                        {isBrowseLoading ? 'Loading' : 'Uploading'}\n                                                    </Flex>\n                                                </AssetInput.MetadataItem>\n                                            </AssetInput.Metadata>\n                                        </AssetInput.Root>\n                                    ) : (\n                                        <AssetInput.Placeholder>\n                                            <AssetInput.UploadInput\n                                                allowMultiple\n                                                onSelect={(event) => setSelectedFiles(event.target.files)}\n                                            />\n                                            <AssetInput.BrowseInput onBrowse={onOpenAssetChooser} />\n                                        </AssetInput.Placeholder>\n                                    )}\n                                </div>\n                            )}\n                        </div>\n                    </Flyout.Content>\n                    <Tooltip.Content side=\"top\">Attachments</Tooltip.Content>\n                </Tooltip.Root>\n            </Flyout.Root>\n        </div>\n    ) : null;\n};\n"],"mappings":"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"}

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

@@ -1,28 +1,25 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { Button as m } from "@frontify/fondue/components";
-import { IconPaperclip as s, IconCaretDown as a } from "@frontify/fondue/icons";
-import { forwardRef as n } from "react";
-const c = n(
-  ({ children: r, ...e }, o) => /* @__PURE__ */ i(
-    m,
-    {
-      ref: o,
-      size: "small",
-      rounding: "full",
-      emphasis: "default",
-      "data-test-id": "attachments-button-trigger",
-      className: "tw-body-medium",
-      ...e,
-      children: [
-        /* @__PURE__ */ t(s, { size: "16" }),
-        r,
-        /* @__PURE__ */ t(a, { size: "12" })
-      ]
-    }
-  )
-);
-c.displayName = "AttachmentsButtonTrigger";
-export {
-  c as AttachmentsButtonTrigger
-};
-//# sourceMappingURL=AttachmentsButtonTrigger.es.js.map
+import { Button as e } from "@frontify/fondue/components";
+import { IconCaretDown as t, IconPaperclip as n } from "@frontify/fondue/icons";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/Attachments/AttachmentsButtonTrigger.tsx
+var o = r(({ children: r, ...o }, s) => /* @__PURE__ */ a(e, {
+	ref: s,
+	size: "small",
+	rounding: "full",
+	emphasis: "default",
+	"data-test-id": "attachments-button-trigger",
+	className: "tw-body-medium",
+	...o,
+	"aria-haspopup": "menu",
+	children: [
+		/* @__PURE__ */ i(n, { size: "16" }),
+		r,
+		/* @__PURE__ */ i(t, { size: "12" })
+	]
+}));
+o.displayName = "AttachmentsButtonTrigger";
+//#endregion
+export { o as AttachmentsButtonTrigger };
+
+//# sourceMappingURL=AttachmentsButtonTrigger.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AttachmentsButtonTrigger.es.js","sources":["../../../src/components/Attachments/AttachmentsButtonTrigger.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Button } from '@frontify/fondue/components';\nimport { IconCaretDown, IconPaperclip } from '@frontify/fondue/icons';\nimport { forwardRef } from 'react';\n\nimport { type AttachmentsTriggerProps } from './types';\n\nexport const AttachmentsButtonTrigger = forwardRef<HTMLButtonElement, AttachmentsTriggerProps>(\n    ({ children, ...props }, ref) => (\n        <Button\n            ref={ref}\n            size=\"small\"\n            rounding=\"full\"\n            emphasis=\"default\"\n            data-test-id=\"attachments-button-trigger\"\n            className=\"tw-body-medium\"\n            {...props}\n        >\n            <IconPaperclip size=\"16\" />\n            {children}\n            <IconCaretDown size=\"12\" />\n        </Button>\n    ),\n);\n\nAttachmentsButtonTrigger.displayName = 'AttachmentsButtonTrigger';\n"],"names":["AttachmentsButtonTrigger","forwardRef","children","props","ref","jsxs","Button","jsx","IconPaperclip","IconCaretDown"],"mappings":";;;;AAQO,MAAMA,IAA2BC;AAAA,EACpC,CAAC,EAAE,UAAAC,GAAU,GAAGC,EAAA,GAASC,MACrB,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAF;AAAA,MACA,MAAK;AAAA,MACL,UAAS;AAAA,MACT,UAAS;AAAA,MACT,gBAAa;AAAA,MACb,WAAU;AAAA,MACT,GAAGD;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI,EAACC,GAAA,EAAc,MAAK,KAAA,CAAK;AAAA,QACxBN;AAAA,QACD,gBAAAK,EAACE,GAAA,EAAc,MAAK,KAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGrC;AAEAT,EAAyB,cAAc;"}
+{"version":3,"file":"AttachmentsButtonTrigger.es.js","names":[],"sources":["../../../src/components/Attachments/AttachmentsButtonTrigger.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Button } from '@frontify/fondue/components';\nimport { IconCaretDown, IconPaperclip } from '@frontify/fondue/icons';\nimport { forwardRef } from 'react';\n\nimport { type AttachmentsTriggerProps } from './types';\n\nexport const AttachmentsButtonTrigger = forwardRef<HTMLButtonElement, AttachmentsTriggerProps>(\n    ({ children, ...props }, ref) => (\n        <Button\n            ref={ref}\n            size=\"small\"\n            rounding=\"full\"\n            emphasis=\"default\"\n            data-test-id=\"attachments-button-trigger\"\n            className=\"tw-body-medium\"\n            {...props}\n            aria-haspopup=\"menu\"\n        >\n            <IconPaperclip size=\"16\" />\n            {children}\n            <IconCaretDown size=\"12\" />\n        </Button>\n    ),\n);\n\nAttachmentsButtonTrigger.displayName = 'AttachmentsButtonTrigger';\n"],"mappings":";;;;;AAQA,IAAa,IAA2B,GACnC,EAAE,aAAU,GAAG,KAAS,MACrB,kBAAC,GAAD;CACS;CACL,MAAK;CACL,UAAS;CACT,UAAS;CACT,gBAAa;CACb,WAAU;CACV,GAAI;CACJ,iBAAc;CARlB,UAAA;EAUI,kBAAC,GAAD,EAAe,MAAK,KAAM,CAAA;EACzB;EACD,kBAAC,GAAD,EAAe,MAAK,KAAM,CAAA;CACtB;AAEhB,CAAA,CAAA;AAEA,EAAyB,cAAc"}