@frontify/guideline-blocks-settings 0.36.8 → 0.36.10

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

@@ -7,22 +7,23 @@ import { Flyout as mt, FlyoutPlacement as pt, AssetInput as ht, AssetInputSize a
 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 = ({
+import { Tooltip as w } from "../../node_modules/.pnpm/@frontify_fondue-components@3.3.6_@frontify_fondue-icons@0.4.3_react@18.3.1__@frontify_fondue_4qxxbeqikxudiuce3tuqicmt7q/node_modules/@frontify/fondue-components/dist/fondue-components22.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.3.6_@frontify_fondue-icons@0.4.3_react@18.3.1__@frontify_fondue_4qxxbeqikxudiuce3tuqicmt7q/node_modules/@frontify/fondue-components/dist/fondue-components4.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.3.6_@frontify_fondue-icons@0.4.3_react@18.3.1__@frontify_fondue_4qxxbeqikxudiuce3tuqicmt7q/node_modules/@frontify/fondue-components/dist/fondue-components5.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.3.6_@frontify_fondue-icons@0.4.3_react@18.3.1__@frontify_fondue_4qxxbeqikxudiuce3tuqicmt7q/node_modules/@frontify/fondue-components/dist/fondue-components6.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.3.6_@frontify_fondue-icons@0.4.3_react@18.3.1__@frontify_fondue_4qxxbeqikxudiuce3tuqicmt7q/node_modules/@frontify/fondue-components/dist/fondue-components7.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.3.6_@frontify_fondue-icons@0.4.3_react@18.3.1__@frontify_fondue_4qxxbeqikxudiuce3tuqicmt7q/node_modules/@frontify/fondue-components/dist/fondue-components8.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.3.6_@frontify_fondue-icons@0.4.3_react@18.3.1__@frontify_fondue_4qxxbeqikxudiuce3tuqicmt7q/node_modules/@frontify/fondue-components/dist/fondue-components9.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.3.6_@frontify_fondue-icons@0.4.3_react@18.3.1__@frontify_fondue_4qxxbeqikxudiuce3tuqicmt7q/node_modules/@frontify/fondue-components/dist/fondue-components11.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.3.6_@frontify_fondue-icons@0.4.3_react@18.3.1__@frontify_fondue_4qxxbeqikxudiuce3tuqicmt7q/node_modules/@frontify/fondue-components/dist/fondue-components13.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.3.6_@frontify_fondue-icons@0.4.3_react@18.3.1__@frontify_fondue_4qxxbeqikxudiuce3tuqicmt7q/node_modules/@frontify/fondue-components/dist/fondue-components14.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.3.6_@frontify_fondue-icons@0.4.3_react@18.3.1__@frontify_fondue_4qxxbeqikxudiuce3tuqicmt7q/node_modules/@frontify/fondue-components/dist/fondue-components15.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.3.6_@frontify_fondue-icons@0.4.3_react@18.3.1__@frontify_fondue_4qxxbeqikxudiuce3tuqicmt7q/node_modules/@frontify/fondue-components/dist/fondue-components17.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.3.6_@frontify_fondue-icons@0.4.3_react@18.3.1__@frontify_fondue_4qxxbeqikxudiuce3tuqicmt7q/node_modules/@frontify/fondue-components/dist/fondue-components18.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.3.6_@frontify_fondue-icons@0.4.3_react@18.3.1__@frontify_fondue_4qxxbeqikxudiuce3tuqicmt7q/node_modules/@frontify/fondue-components/dist/fondue-components19.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.3.6_@frontify_fondue-icons@0.4.3_react@18.3.1__@frontify_fondue_4qxxbeqikxudiuce3tuqicmt7q/node_modules/@frontify/fondue-components/dist/fondue-components20.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@3.3.6_@frontify_fondue-icons@0.4.3_react@18.3.1__@frontify_fondue_4qxxbeqikxudiuce3tuqicmt7q/node_modules/@frontify/fondue-components/dist/fondue-components21.es.js";
+const Mt = ({
   items: d = [],
   onDelete: I,
   onReplaceWithBrowse: T,
@@ -163,6 +164,6 @@ const Kt = ({
   ] }) : null;
 };
 export {
-  Kt as Attachments
+  Mt 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 { 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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"}
+{"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/ToolbarButtonTooltip.es.js

@@ -1,5 +1,5 @@
 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";
+import { Tooltip as t } from "../../../node_modules/.pnpm/@frontify_fondue-components@3.3.6_@frontify_fondue-icons@0.4.3_react@18.3.1__@frontify_fondue_4qxxbeqikxudiuce3tuqicmt7q/node_modules/@frontify/fondue-components/dist/fondue-components22.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 }) })

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

@@ -1,7 +1,7 @@
 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 { 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 { Tooltip as o } from "../../node_modules/.pnpm/@frontify_fondue-components@3.3.6_@frontify_fondue-icons@0.4.3_react@18.3.1__@frontify_fondue_4qxxbeqikxudiuce3tuqicmt7q/node_modules/@frontify/fondue-components/dist/fondue-components22.es.js";
 import { joinClassNames as d } from "../../utilities/react/joinClassNames.es.js";
 const f = ({ onDownload: e }) => {
   const { isFocused: n, focusProps: r } = w();

package/dist/hooks/useDndSensors.es.js

@@ -1,20 +1,18 @@
-import { useSensors as t, useSensor as e, PointerSensor as n, KeyboardSensor as c } from "@dnd-kit/core";
-import { customCoordinatesGetterFactory as a } from "../helpers/customCoordinatesGetterFactory.es.js";
-const d = {
+import { useSensors as t, useSensor as r, PointerSensor as n, KeyboardSensor as c } from "@dnd-kit/core";
+import { useMemo as a } from "react";
+import { customCoordinatesGetterFactory as d } from "../helpers/customCoordinatesGetterFactory.es.js";
+const i = {
   start: ["Space", "Enter"],
   cancel: [],
   end: ["Space", "Enter", "Escape"]
-}, p = (o = 0, r = 0) => {
-  const s = a(o, r);
-  return t(
-    e(n),
-    e(c, {
-      coordinateGetter: s,
-      keyboardCodes: d
-    })
-  );
+}, C = (e = 0, o = 0) => {
+  const s = a(() => ({
+    coordinateGetter: d(e, o),
+    keyboardCodes: i
+  }), [e, o]);
+  return t(r(n), r(c, s));
 };
 export {
-  p as useDndSensors
+  C as useDndSensors
 };
 //# sourceMappingURL=useDndSensors.es.js.map

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

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