@webiny/app-aco 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

package/components/FolderTree/Empty/Empty.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","i18n","Text","t","ns","Empty","createElement","size"],"sources":["Empty.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Text } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-aco/components/folder-tree/empty\");\n\nexport const Empty = () => {\n    return <Text size={\"sm\"}>{t`No folders found...`}</Text>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,sCAAsC,CAAC;AAEzD,OAAO,MAAMC,KAAK,GAAGA,CAAA,KAAM;EACvB,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,IAAI;IAACK,IAAI,EAAE;EAAK,GAAEJ,CAAC,qBAA4B,CAAC;AAC5D,CAAC","ignoreList":[]}
+{"version":3,"file":"components/FolderTree/Empty/Empty.js","sources":["../../../../src/components/FolderTree/Empty/Empty.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Text } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-aco/components/folder-tree/empty\");\n\nexport const Empty = () => {\n    return <Text size={\"sm\"}>{t`No folders found...`}</Text>;\n};\n"],"names":["t","i18n","Empty","Text"],"mappings":";;;AAIA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAEX,MAAMC,QAAQ,IACV,WAAP,GAAO,oBAACC,MAAIA;QAAC,MAAM;OAAOH,CAAC,CAAC,mBAAmB,CAAC"}

package/components/FolderTree/Empty/index.d.ts

@@ -1 +1 @@
-export * from "./Empty";
+export * from "./Empty.js";

package/components/FolderTree/Empty/index.js

@@ -1,3 +1 @@
-export * from "./Empty";
-
-//# sourceMappingURL=index.js.map
+export * from "./Empty.js";

package/components/FolderTree/List/List.d.ts

@@ -1,11 +1,14 @@
 import React from "react";
-import type { FolderItem } from "../../../types";
+import type { FolderDto } from "../../../domain/folder/FolderDto.js";
+import type { FolderActionConfig } from "../../../config/AcoConfig.js";
 interface ListProps {
-    folders: FolderItem[];
+    folders: FolderDto[];
+    folderActions: FolderActionConfig[];
+    dropConfirmation?: boolean;
     focusedFolderId?: string;
     hiddenFolderIds?: string[];
     enableActions?: boolean;
-    onFolderClick: (data: FolderItem) => void;
+    onFolderClick: (data: FolderDto) => void;
 }
-export declare const List: ({ folders, onFolderClick, focusedFolderId, hiddenFolderIds, enableActions }: ListProps) => React.JSX.Element;
+export declare const List: ({ folders, folderActions, onFolderClick, focusedFolderId, hiddenFolderIds, enableActions, dropConfirmation }: ListProps) => React.JSX.Element;
 export {};

package/components/FolderTree/List/List.js

@@ -1,113 +1,143 @@
-import React, { useCallback, useEffect, useMemo, useState } from "react";
+import react, { useCallback, useEffect, useMemo, useState } from "react";
 import { Tree } from "@webiny/admin-ui";
 import { useSnackbar } from "@webiny/app-admin";
-import { Node } from "../Node";
-import { createInitialOpenList, createTreeData } from "./utils";
-import { useGetFolderAncestors, useGetFolderLevelPermission, useListFoldersByParentIds, useUpdateFolder } from "../../../features";
-import { ROOT_FOLDER } from "../../../constants";
-import { FolderProvider } from "../../../contexts/folder";
-export const List = ({
-  folders,
-  onFolderClick,
-  focusedFolderId,
-  hiddenFolderIds,
-  enableActions
-}) => {
-  const {
-    listFoldersByParentIds,
-    loading
-  } = useListFoldersByParentIds();
-  const {
-    updateFolder
-  } = useUpdateFolder();
-  const {
-    getFolderLevelPermission: canManageStructure
-  } = useGetFolderLevelPermission("canManageStructure");
-  const {
-    getFolderAncestors
-  } = useGetFolderAncestors();
-  const {
-    showSnackbar
-  } = useSnackbar();
-  const [treeData, setTreeData] = useState([]);
-  const [openFolderIds, setOpenFolderIds] = useState([ROOT_FOLDER]);
-  useEffect(() => {
-    setTreeData(createTreeData(folders, focusedFolderId, hiddenFolderIds));
-  }, [folders, focusedFolderId, hiddenFolderIds]);
-  useEffect(() => {
-    setOpenFolderIds(prev => {
-      const expanded = createInitialOpenList(folders, prev, focusedFolderId);
-      return [...new Set([ROOT_FOLDER, ...expanded])];
+import { useGetFolderLevelPermission } from "../../../features/folders/getFolderLevelPermission/index.js";
+import { useListFoldersByParentIds } from "../../../features/folders/listFoldersByParentIds/index.js";
+import { useGetFolderAncestors } from "../../../features/folders/getFolderAncestors/index.js";
+import { useUpdateFolder } from "../../../features/folders/updateFolder/index.js";
+import { Node } from "../Node/index.js";
+import { createInitialOpenList, createTreeData } from "./utils.js";
+import { ROOT_FOLDER } from "../../../constants.js";
+import { FolderProvider } from "../../../contexts/folder.js";
+import { useConfirmMoveFolderDialog } from "../../../dialogs/index.js";
+const List = ({ folders, folderActions, onFolderClick, focusedFolderId, hiddenFolderIds, enableActions, dropConfirmation = false })=>{
+    const { listFoldersByParentIds, loading } = useListFoldersByParentIds();
+    const { updateFolder } = useUpdateFolder();
+    const { getFolderLevelPermission: canManageStructure } = useGetFolderLevelPermission("canManageStructure");
+    const { getFolderAncestors } = useGetFolderAncestors();
+    const { showSnackbar } = useSnackbar();
+    const [treeData, setTreeData] = useState([]);
+    const [openFolderIds, setOpenFolderIds] = useState([
+        ROOT_FOLDER
+    ]);
+    const { showDialog: showConfirmMoveFolderDialog } = useConfirmMoveFolderDialog();
+    useEffect(()=>{
+        setTreeData(createTreeData(folders, focusedFolderId, hiddenFolderIds));
+    }, [
+        folders,
+        focusedFolderId,
+        hiddenFolderIds
+    ]);
+    useEffect(()=>{
+        setOpenFolderIds((prev)=>{
+            const expanded = createInitialOpenList(folders, prev, focusedFolderId);
+            return [
+                ...new Set([
+                    ROOT_FOLDER,
+                    ...expanded
+                ])
+            ];
+        });
+    }, [
+        focusedFolderId,
+        folders,
+        setOpenFolderIds
+    ]);
+    const handleChangeOpen = async (nodes)=>{
+        const folderIds = nodes.map((node)=>node.id);
+        const updatedOpenIds = [
+            ...new Set([
+                ROOT_FOLDER,
+                ...folderIds
+            ])
+        ];
+        setOpenFolderIds(updatedOpenIds);
+        const fetchableIds = folderIds.filter((id)=>id !== ROOT_FOLDER && "0" !== id);
+        await listFoldersByParentIds(fetchableIds);
+    };
+    const handleDrop = async (_, { dragSourceId, dropTargetId })=>{
+        try {
+            const item = folders.find((folder)=>folder.id === dragSourceId);
+            if (!item) throw new Error("Folder not found!");
+            await updateFolder({
+                ...item,
+                parentId: dropTargetId !== ROOT_FOLDER ? dropTargetId : null
+            });
+        } catch (error) {
+            showSnackbar(error.message);
+        }
+    };
+    const onDrop = useCallback(async (newTree, options)=>{
+        const runDrop = async ()=>handleDrop(newTree, options);
+        if (dropConfirmation) {
+            const { dragSourceId, dropTargetId } = options;
+            const folder = folders.find((f)=>f.id === dragSourceId);
+            const targetFolder = folders.find((f)=>f.id === dropTargetId);
+            if (!folder || !targetFolder) throw new Error("Folder not found");
+            await new Promise((resolve, reject)=>{
+                showConfirmMoveFolderDialog({
+                    folder,
+                    targetFolder,
+                    onAccept: async ()=>{
+                        await runDrop();
+                        resolve();
+                    },
+                    onClose: ()=>{
+                        reject(new Error("cancelled"));
+                    }
+                });
+            });
+        } else await runDrop();
+    }, [
+        folders,
+        dropConfirmation,
+        showConfirmMoveFolderDialog
+    ]);
+    const sort = useMemo(()=>(a, b)=>{
+            if (a.id === ROOT_FOLDER || b.id === ROOT_FOLDER) return 1;
+            return a.label.localeCompare(b.label, void 0, {
+                numeric: true
+            });
+        }, []);
+    const canDrag = useCallback((node)=>node.id !== ROOT_FOLDER && canManageStructure(node.id), [
+        canManageStructure
+    ]);
+    const canDrop = (_, options)=>{
+        const { dragSourceId, dropTargetId } = options;
+        const dropTagetAncestorIds = getFolderAncestors(dropTargetId).map((item)=>item.id);
+        return !(dragSourceId && dropTagetAncestorIds.includes(dragSourceId));
+    };
+    const nodeRenderer = (node)=>{
+        const folder = folders.find((folder)=>folder.id === node.id);
+        return /*#__PURE__*/ react.createElement(FolderProvider, {
+            folder: folder
+        }, /*#__PURE__*/ react.createElement(Node, {
+            enableActions: enableActions,
+            folderActions: folderActions
+        }));
+    };
+    const handleNodeClick = useCallback((node)=>{
+        onFolderClick(node);
+    }, [
+        onFolderClick
+    ]);
+    return /*#__PURE__*/ react.createElement(Tree, {
+        nodes: treeData,
+        rootId: "0",
+        defaultOpenNodeIds: openFolderIds,
+        onChangeOpen: handleChangeOpen,
+        onDrop: onDrop,
+        onNodeClick: handleNodeClick,
+        sort: sort,
+        canDrag: canDrag,
+        canDrop: canDrop,
+        renderer: nodeRenderer,
+        defaultLockedOpenNodeIds: [
+            ROOT_FOLDER
+        ],
+        loadingNodeIds: loading
     });
-  }, [focusedFolderId, folders, setOpenFolderIds]);
-  const handleChangeOpen = async nodes => {
-    const folderIds = nodes.map(node => node.id);
-    const updatedOpenIds = [...new Set([ROOT_FOLDER, ...folderIds])];
-    setOpenFolderIds(updatedOpenIds);
-    const fetchableIds = folderIds.filter(id => id !== ROOT_FOLDER && id !== "0");
-    await listFoldersByParentIds(fetchableIds);
-  };
-  const handleDrop = async (_, {
-    dragSourceId,
-    dropTargetId
-  }) => {
-    try {
-      const item = folders.find(folder => folder.id === dragSourceId);
-      if (!item) {
-        throw new Error("Folder not found!");
-      }
-      await updateFolder({
-        ...item,
-        parentId: dropTargetId !== ROOT_FOLDER ? dropTargetId : null
-      });
-    } catch (error) {
-      showSnackbar(error.message);
-    }
-  };
-  const sort = useMemo(() => (a, b) => {
-    if (a.id === ROOT_FOLDER || b.id === ROOT_FOLDER) {
-      return 1;
-    }
-    return a.label.localeCompare(b.label, undefined, {
-      numeric: true
-    });
-  }, []);
-  const canDrag = useCallback(node => node.id !== ROOT_FOLDER && canManageStructure(node.id), [canManageStructure]);
-  const canDrop = (_, options) => {
-    const {
-      dragSourceId,
-      dropTargetId
-    } = options;
-    const dropTagetAncestorIds = getFolderAncestors(dropTargetId).map(item => item.id);
-
-    // Prevent dropping a folder into itself or its descendants
-    return !(dragSourceId && dropTagetAncestorIds.includes(dragSourceId));
-  };
-  const nodeRenderer = node => {
-    const folder = folders.find(folder => folder.id === node.id);
-    return /*#__PURE__*/React.createElement(FolderProvider, {
-      folder: folder
-    }, /*#__PURE__*/React.createElement(Node, {
-      enableActions: enableActions
-    }));
-  };
-  const handleNodeClick = useCallback(node => {
-    onFolderClick(node);
-  }, [onFolderClick]);
-  return /*#__PURE__*/React.createElement(Tree, {
-    nodes: treeData,
-    rootId: "0",
-    defaultOpenNodeIds: openFolderIds,
-    onChangeOpen: handleChangeOpen,
-    onDrop: handleDrop,
-    onNodeClick: handleNodeClick,
-    sort: sort,
-    canDrag: canDrag,
-    canDrop: canDrop,
-    renderer: nodeRenderer,
-    defaultLockedOpenNodeIds: [ROOT_FOLDER],
-    loadingNodeIds: loading
-  });
 };
+export { List };
 
 //# sourceMappingURL=List.js.map

package/components/FolderTree/List/List.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","Tree","useSnackbar","Node","createInitialOpenList","createTreeData","useGetFolderAncestors","useGetFolderLevelPermission","useListFoldersByParentIds","useUpdateFolder","ROOT_FOLDER","FolderProvider","List","folders","onFolderClick","focusedFolderId","hiddenFolderIds","enableActions","listFoldersByParentIds","loading","updateFolder","getFolderLevelPermission","canManageStructure","getFolderAncestors","showSnackbar","treeData","setTreeData","openFolderIds","setOpenFolderIds","prev","expanded","Set","handleChangeOpen","nodes","folderIds","map","node","id","updatedOpenIds","fetchableIds","filter","handleDrop","_","dragSourceId","dropTargetId","item","find","folder","Error","parentId","error","message","sort","a","b","label","localeCompare","undefined","numeric","canDrag","canDrop","options","dropTagetAncestorIds","includes","nodeRenderer","createElement","handleNodeClick","rootId","defaultOpenNodeIds","onChangeOpen","onDrop","onNodeClick","renderer","defaultLockedOpenNodeIds","loadingNodeIds"],"sources":["List.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n    Tree,\n    type NodeDto,\n    type TreeProps,\n    type WithDefaultNodeData,\n    type DropOptions\n} from \"@webiny/admin-ui\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { Node } from \"../Node\";\nimport { createInitialOpenList, createTreeData } from \"./utils\";\nimport {\n    useGetFolderAncestors,\n    useGetFolderLevelPermission,\n    useListFoldersByParentIds,\n    useUpdateFolder\n} from \"~/features\";\nimport { ROOT_FOLDER } from \"~/constants\";\nimport type { FolderItem } from \"~/types\";\nimport { FolderProvider } from \"~/contexts/folder\";\n\ninterface ListProps {\n    folders: FolderItem[];\n    focusedFolderId?: string;\n    hiddenFolderIds?: string[];\n    enableActions?: boolean;\n    onFolderClick: (data: FolderItem) => void;\n}\n\nexport const List = ({\n    folders,\n    onFolderClick,\n    focusedFolderId,\n    hiddenFolderIds,\n    enableActions\n}: ListProps) => {\n    const { listFoldersByParentIds, loading } = useListFoldersByParentIds();\n    const { updateFolder } = useUpdateFolder();\n    const { getFolderLevelPermission: canManageStructure } =\n        useGetFolderLevelPermission(\"canManageStructure\");\n    const { getFolderAncestors } = useGetFolderAncestors();\n    const { showSnackbar } = useSnackbar();\n\n    const [treeData, setTreeData] = useState<NodeDto<FolderItem>[]>([]);\n    const [openFolderIds, setOpenFolderIds] = useState<string[]>([ROOT_FOLDER]);\n\n    useEffect(() => {\n        setTreeData(createTreeData(folders, focusedFolderId, hiddenFolderIds));\n    }, [folders, focusedFolderId, hiddenFolderIds]);\n\n    useEffect(() => {\n        setOpenFolderIds(prev => {\n            const expanded = createInitialOpenList(folders, prev, focusedFolderId);\n            return [...new Set([ROOT_FOLDER, ...expanded])];\n        });\n    }, [focusedFolderId, folders, setOpenFolderIds]);\n\n    const handleChangeOpen: TreeProps[\"onChangeOpen\"] = async nodes => {\n        const folderIds = nodes.map(node => node.id);\n        const updatedOpenIds = [...new Set([ROOT_FOLDER, ...folderIds])];\n        setOpenFolderIds(updatedOpenIds);\n\n        const fetchableIds = folderIds.filter(id => id !== ROOT_FOLDER && id !== \"0\");\n        await listFoldersByParentIds(fetchableIds);\n    };\n\n    const handleDrop: TreeProps[\"onDrop\"] = async (_, { dragSourceId, dropTargetId }) => {\n        try {\n            const item = folders.find(folder => folder.id === dragSourceId);\n            if (!item) {\n                throw new Error(\"Folder not found!\");\n            }\n\n            await updateFolder({\n                ...item,\n                parentId: dropTargetId !== ROOT_FOLDER ? (dropTargetId as string) : null\n            });\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    };\n\n    const sort = useMemo(\n        () => (a: NodeDto<any>, b: NodeDto<any>) => {\n            if (a.id === ROOT_FOLDER || b.id === ROOT_FOLDER) {\n                return 1;\n            }\n            return a.label.localeCompare(b.label, undefined, { numeric: true });\n        },\n        []\n    );\n\n    const canDrag: TreeProps<FolderItem>[\"canDrag\"] = useCallback(\n        (node: NodeDto<FolderItem>) => node.id !== ROOT_FOLDER && canManageStructure(node.id),\n        [canManageStructure]\n    );\n\n    const canDrop: TreeProps<FolderItem>[\"canDrop\"] = (_, options: DropOptions<FolderItem>) => {\n        const { dragSourceId, dropTargetId } = options;\n        const dropTagetAncestorIds = getFolderAncestors(dropTargetId).map(item => item.id);\n\n        // Prevent dropping a folder into itself or its descendants\n        return !(dragSourceId && dropTagetAncestorIds.includes(dragSourceId));\n    };\n\n    const nodeRenderer: TreeProps<FolderItem>[\"renderer\"] = node => {\n        const folder = folders.find(folder => folder.id === node.id);\n        return (\n            <FolderProvider folder={folder}>\n                <Node enableActions={enableActions} />\n            </FolderProvider>\n        );\n    };\n\n    const handleNodeClick = useCallback(\n        (node: WithDefaultNodeData<FolderItem>) => {\n            onFolderClick(node);\n        },\n        [onFolderClick]\n    );\n\n    return (\n        <Tree<FolderItem>\n            nodes={treeData}\n            rootId={\"0\"}\n            defaultOpenNodeIds={openFolderIds}\n            onChangeOpen={handleChangeOpen}\n            onDrop={handleDrop}\n            onNodeClick={handleNodeClick}\n            sort={sort}\n            canDrag={canDrag}\n            canDrop={canDrop}\n            renderer={nodeRenderer}\n            defaultLockedOpenNodeIds={[ROOT_FOLDER]}\n            loadingNodeIds={loading}\n        />\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"components/FolderTree/List/List.js","sources":["../../../../src/components/FolderTree/List/List.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n    Tree,\n    type NodeDto,\n    type TreeProps,\n    type WithDefaultNodeData,\n    type DropOptions\n} from \"@webiny/admin-ui\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\nimport { useGetFolderLevelPermission } from \"~/features/folders/getFolderLevelPermission/index.js\";\nimport { useListFoldersByParentIds } from \"~/features/folders/listFoldersByParentIds/index.js\";\nimport { useGetFolderAncestors } from \"~/features/folders/getFolderAncestors/index.js\";\nimport { useUpdateFolder } from \"~/features/folders/updateFolder/index.js\";\nimport { Node } from \"../Node/index.js\";\nimport { createInitialOpenList, createTreeData } from \"./utils.js\";\nimport { ROOT_FOLDER } from \"~/constants.js\";\nimport { FolderProvider } from \"~/contexts/folder.js\";\nimport { useConfirmMoveFolderDialog } from \"~/dialogs/index.js\";\nimport type { FolderActionConfig } from \"~/config/AcoConfig.js\";\n\ninterface ListProps {\n    folders: FolderDto[];\n    folderActions: FolderActionConfig[];\n    dropConfirmation?: boolean;\n    focusedFolderId?: string;\n    hiddenFolderIds?: string[];\n    enableActions?: boolean;\n    onFolderClick: (data: FolderDto) => void;\n}\n\nexport const List = ({\n    folders,\n    folderActions,\n    onFolderClick,\n    focusedFolderId,\n    hiddenFolderIds,\n    enableActions,\n    dropConfirmation = false\n}: ListProps) => {\n    const { listFoldersByParentIds, loading } = useListFoldersByParentIds();\n    const { updateFolder } = useUpdateFolder();\n    const { getFolderLevelPermission: canManageStructure } =\n        useGetFolderLevelPermission(\"canManageStructure\");\n    const { getFolderAncestors } = useGetFolderAncestors();\n    const { showSnackbar } = useSnackbar();\n\n    const [treeData, setTreeData] = useState<NodeDto<FolderDto>[]>([]);\n    const [openFolderIds, setOpenFolderIds] = useState<string[]>([ROOT_FOLDER]);\n    const { showDialog: showConfirmMoveFolderDialog } = useConfirmMoveFolderDialog();\n\n    useEffect(() => {\n        setTreeData(createTreeData(folders, focusedFolderId, hiddenFolderIds));\n    }, [folders, focusedFolderId, hiddenFolderIds]);\n\n    useEffect(() => {\n        setOpenFolderIds(prev => {\n            const expanded = createInitialOpenList(folders, prev, focusedFolderId);\n            return [...new Set([ROOT_FOLDER, ...expanded])];\n        });\n    }, [focusedFolderId, folders, setOpenFolderIds]);\n\n    const handleChangeOpen: TreeProps[\"onChangeOpen\"] = async nodes => {\n        const folderIds = nodes.map(node => node.id);\n        const updatedOpenIds = [...new Set([ROOT_FOLDER, ...folderIds])];\n        setOpenFolderIds(updatedOpenIds);\n\n        const fetchableIds = folderIds.filter(id => id !== ROOT_FOLDER && id !== \"0\");\n        await listFoldersByParentIds(fetchableIds);\n    };\n\n    const handleDrop: TreeProps[\"onDrop\"] = async (_, { dragSourceId, dropTargetId }) => {\n        try {\n            const item = folders.find(folder => folder.id === dragSourceId);\n            if (!item) {\n                throw new Error(\"Folder not found!\");\n            }\n\n            await updateFolder({\n                ...item,\n                parentId: dropTargetId !== ROOT_FOLDER ? (dropTargetId as string) : null\n            });\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    };\n\n    const onDrop = useCallback<NonNullable<TreeProps[\"onDrop\"]>>(\n        async (newTree, options: DropOptions) => {\n            // Function to execute the drop logic\n            const runDrop = async () => handleDrop(newTree, options);\n\n            // If drop confirmation is enabled, show dialog before proceeding\n            if (dropConfirmation) {\n                const { dragSourceId, dropTargetId } = options;\n                const folder = folders.find(f => f.id === dragSourceId);\n                const targetFolder = folders.find(f => f.id === dropTargetId);\n\n                // Abort if either folder is not found\n                if (!folder || !targetFolder) {\n                    throw new Error(\"Folder not found\");\n                }\n\n                await new Promise<void>((resolve, reject) => {\n                    showConfirmMoveFolderDialog({\n                        folder,\n                        targetFolder,\n                        onAccept: async () => {\n                            await runDrop();\n                            resolve();\n                        },\n                        onClose: () => {\n                            reject(new Error(\"cancelled\"));\n                        }\n                    });\n                });\n            } else {\n                // Otherwise, perform the drop immediately\n                await runDrop();\n            }\n        },\n        [folders, dropConfirmation, showConfirmMoveFolderDialog]\n    );\n\n    const sort = useMemo(\n        () => (a: NodeDto<any>, b: NodeDto<any>) => {\n            if (a.id === ROOT_FOLDER || b.id === ROOT_FOLDER) {\n                return 1;\n            }\n            return a.label.localeCompare(b.label, undefined, { numeric: true });\n        },\n        []\n    );\n\n    const canDrag: TreeProps<FolderDto>[\"canDrag\"] = useCallback(\n        (node: NodeDto<FolderDto>) => node.id !== ROOT_FOLDER && canManageStructure(node.id),\n        [canManageStructure]\n    );\n\n    const canDrop: TreeProps<FolderDto>[\"canDrop\"] = (_, options: DropOptions<FolderDto>) => {\n        const { dragSourceId, dropTargetId } = options;\n        const dropTagetAncestorIds = getFolderAncestors(dropTargetId).map(item => item.id);\n\n        // Prevent dropping a folder into itself or its descendants\n        return !(dragSourceId && dropTagetAncestorIds.includes(dragSourceId));\n    };\n\n    const nodeRenderer: TreeProps<FolderDto>[\"renderer\"] = node => {\n        const folder = folders.find(folder => folder.id === node.id);\n        return (\n            <FolderProvider folder={folder}>\n                <Node enableActions={enableActions} folderActions={folderActions} />\n            </FolderProvider>\n        );\n    };\n\n    const handleNodeClick = useCallback(\n        (node: WithDefaultNodeData<FolderDto>) => {\n            onFolderClick(node);\n        },\n        [onFolderClick]\n    );\n\n    return (\n        <Tree<FolderDto>\n            nodes={treeData}\n            rootId={\"0\"}\n            defaultOpenNodeIds={openFolderIds}\n            onChangeOpen={handleChangeOpen}\n            onDrop={onDrop}\n            onNodeClick={handleNodeClick}\n            sort={sort}\n            canDrag={canDrag}\n            canDrop={canDrop}\n            renderer={nodeRenderer}\n            defaultLockedOpenNodeIds={[ROOT_FOLDER]}\n            loadingNodeIds={loading}\n        />\n    );\n};\n"],"names":["List","folders","folderActions","onFolderClick","focusedFolderId","hiddenFolderIds","enableActions","dropConfirmation","listFoldersByParentIds","loading","useListFoldersByParentIds","updateFolder","useUpdateFolder","canManageStructure","useGetFolderLevelPermission","getFolderAncestors","useGetFolderAncestors","showSnackbar","useSnackbar","treeData","setTreeData","useState","openFolderIds","setOpenFolderIds","ROOT_FOLDER","showConfirmMoveFolderDialog","useConfirmMoveFolderDialog","useEffect","createTreeData","prev","expanded","createInitialOpenList","Set","handleChangeOpen","nodes","folderIds","node","updatedOpenIds","fetchableIds","id","handleDrop","_","dragSourceId","dropTargetId","item","folder","Error","error","onDrop","useCallback","newTree","options","runDrop","f","targetFolder","Promise","resolve","reject","sort","useMemo","a","b","undefined","canDrag","canDrop","dropTagetAncestorIds","nodeRenderer","FolderProvider","Node","handleNodeClick","Tree"],"mappings":"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"}

package/components/FolderTree/List/index.d.ts

@@ -1 +1 @@
-export * from "./List";
+export * from "./List.js";

package/components/FolderTree/List/index.js

@@ -1,3 +1 @@
-export * from "./List";
-
-//# sourceMappingURL=index.js.map
+export * from "./List.js";

package/components/FolderTree/List/utils.d.ts

@@ -1,5 +1,5 @@
-import type { FolderItem } from "../../../types";
 import type { NodeDto } from "@webiny/admin-ui";
+import type { FolderDto } from "../../../domain/folder/FolderDto.js";
 /**
  * Transform an array of folders returned by folders cache into an array of elements for the tree component.
  *
@@ -8,7 +8,7 @@ import type { NodeDto } from "@webiny/admin-ui";
  * @param hiddenFolderIds list ids of the folder you don't want to show within the list.
  * @return array of elements to render the tree component.
  */
-export declare const createTreeData: (folders?: FolderItem[], focusedNodeId?: string, hiddenFolderIds?: string[]) => NodeDto<FolderItem>[];
+export declare const createTreeData: (folders?: FolderDto[], focusedNodeId?: string, hiddenFolderIds?: string[]) => NodeDto<FolderDto>[];
 /**
  * Return an array of ids of open folders, based on the current focused folder id, its parent folders and the folders
  * opened by user interaction.
@@ -18,4 +18,4 @@ export declare const createTreeData: (folders?: FolderItem[], focusedNodeId?: st
  * @param focusedId id of the current folder selected/focused.
  * @return array of ids of open folders.
  */
-export declare const createInitialOpenList: (folders?: FolderItem[], openIds?: string[], focusedId?: string) => string[];
+export declare const createInitialOpenList: (folders?: FolderDto[], openIds?: string[], focusedId?: string) => string[];

package/components/FolderTree/List/utils.js

@@ -1,69 +1,36 @@
-import { ROOT_FOLDER } from "../../../constants";
-/**
- * Transform an array of folders returned by folders cache into an array of elements for the tree component.
- *
- * @param folders list of folders returned by folders cache.
- * @param focusedNodeId id of the current folder selected/focused.
- * @param hiddenFolderIds list ids of the folder you don't want to show within the list.
- * @return array of elements to render the tree component.
- */
-export const createTreeData = (folders = [], focusedNodeId, hiddenFolderIds = []) => {
-  return folders.map(item => {
-    const {
-      id,
-      parentId,
-      title
-    } = item;
-    return {
-      id,
-      // toLowerCase() fixes a bug introduced by 5.36.0: accidentally we stored "ROOT" as parentId, instead of null
-      parentId: parentId?.toLowerCase() || ROOT_FOLDER,
-      label: title,
-      droppable: true,
-      active: focusedNodeId === id
-    };
-  }).filter(item => !hiddenFolderIds.includes(item.id));
-};
-
-/**
- * Return an array of ids of open folders, based on the current focused folder id, its parent folders and the folders
- * opened by user interaction.
- *
- * @param folders list of folders returned by folders cache.
- * @param openIds list of open folders ids.
- * @param focusedId id of the current folder selected/focused.
- * @return array of ids of open folders.
- */
-export const createInitialOpenList = (folders = [], openIds = [], focusedId) => {
-  //  There is always a root folder, opened by default
-  if (!focusedId) {
-    return openIds;
-  }
-
-  // Create a map for quick folder lookup by id
-  const folderMap = new Map(folders.map(folder => [folder.id, folder]));
-  // Store the chain of folder ids from the focused folder up to the root
-  const result = [];
-  let currentId = focusedId;
-
-  // Traverse up the folder tree, collecting parent ids
-  while (currentId) {
-    // Add the current folder id if not already in the result
-    if (!result.includes(currentId)) {
-      result.push(currentId);
-    }
-    // Get the folder object for the current id
-    const folder = folderMap.get(currentId);
-    // Get the parent id of the current folder
-    const parentId = folder?.parentId;
-    // Stop if there is no parent or we've already added this parent
-    if (!parentId || result.includes(parentId)) {
-      break;
+import { ROOT_FOLDER } from "../../../constants.js";
+const createTreeData = (folders = [], focusedNodeId, hiddenFolderIds = [])=>folders.map((item)=>{
+        const { id, parentId, title } = item;
+        return {
+            id,
+            parentId: parentId?.toLowerCase() || ROOT_FOLDER,
+            label: title,
+            droppable: true,
+            active: focusedNodeId === id
+        };
+    }).filter((item)=>!hiddenFolderIds.includes(item.id));
+const createInitialOpenList = (folders = [], openIds = [], focusedId)=>{
+    if (!focusedId) return openIds;
+    const folderMap = new Map(folders.map((folder)=>[
+            folder.id,
+            folder
+        ]));
+    const result = [];
+    let currentId = focusedId;
+    while(currentId){
+        if (!result.includes(currentId)) result.push(currentId);
+        const folder = folderMap.get(currentId);
+        const parentId = folder?.parentId;
+        if (!parentId || result.includes(parentId)) break;
+        currentId = parentId;
     }
-    // Move up to the parent folder
-    currentId = parentId;
-  }
-  return [...new Set([...result, ...openIds])];
+    return [
+        ...new Set([
+            ...result,
+            ...openIds
+        ])
+    ];
 };
+export { createInitialOpenList, createTreeData };
 
 //# sourceMappingURL=utils.js.map

package/components/FolderTree/List/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["ROOT_FOLDER","createTreeData","folders","focusedNodeId","hiddenFolderIds","map","item","id","parentId","title","toLowerCase","label","droppable","active","filter","includes","createInitialOpenList","openIds","focusedId","folderMap","Map","folder","result","currentId","push","get","Set"],"sources":["utils.ts"],"sourcesContent":["import type { FolderItem } from \"~/types\";\nimport { ROOT_FOLDER } from \"~/constants\";\nimport type { NodeDto } from \"@webiny/admin-ui\";\n\n/**\n * Transform an array of folders returned by folders cache into an array of elements for the tree component.\n *\n * @param folders list of folders returned by folders cache.\n * @param focusedNodeId id of the current folder selected/focused.\n * @param hiddenFolderIds list ids of the folder you don't want to show within the list.\n * @return array of elements to render the tree component.\n */\nexport const createTreeData = (\n    folders: FolderItem[] = [],\n    focusedNodeId?: string,\n    hiddenFolderIds: string[] = []\n): NodeDto<FolderItem>[] => {\n    return folders\n        .map(item => {\n            const { id, parentId, title } = item;\n\n            return {\n                id,\n                // toLowerCase() fixes a bug introduced by 5.36.0: accidentally we stored \"ROOT\" as parentId, instead of null\n                parentId: parentId?.toLowerCase() || ROOT_FOLDER,\n                label: title,\n                droppable: true,\n                active: focusedNodeId === id\n            };\n        })\n        .filter(item => !hiddenFolderIds.includes(item.id));\n};\n\n/**\n * Return an array of ids of open folders, based on the current focused folder id, its parent folders and the folders\n * opened by user interaction.\n *\n * @param folders list of folders returned by folders cache.\n * @param openIds list of open folders ids.\n * @param focusedId id of the current folder selected/focused.\n * @return array of ids of open folders.\n */\nexport const createInitialOpenList = (\n    folders: FolderItem[] = [],\n    openIds: string[] = [],\n    focusedId?: string\n): string[] => {\n    //  There is always a root folder, opened by default\n    if (!focusedId) {\n        return openIds;\n    }\n\n    // Create a map for quick folder lookup by id\n    const folderMap = new Map(folders.map(folder => [folder.id, folder]));\n    // Store the chain of folder ids from the focused folder up to the root\n    const result: string[] = [];\n\n    let currentId: string | undefined = focusedId;\n\n    // Traverse up the folder tree, collecting parent ids\n    while (currentId) {\n        // Add the current folder id if not already in the result\n        if (!result.includes(currentId)) {\n            result.push(currentId);\n        }\n        // Get the folder object for the current id\n        const folder = folderMap.get(currentId) as FolderItem | undefined;\n        // Get the parent id of the current folder\n        const parentId = folder?.parentId;\n        // Stop if there is no parent or we've already added this parent\n        if (!parentId || result.includes(parentId)) {\n            break;\n        }\n        // Move up to the parent folder\n        currentId = parentId;\n    }\n\n    return [...new Set([...result, ...openIds])];\n};\n"],"mappings":"AACA,SAASA,WAAW;AAGpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAGA,CAC1BC,OAAqB,GAAG,EAAE,EAC1BC,aAAsB,EACtBC,eAAyB,GAAG,EAAE,KACN;EACxB,OAAOF,OAAO,CACTG,GAAG,CAACC,IAAI,IAAI;IACT,MAAM;MAAEC,EAAE;MAAEC,QAAQ;MAAEC;IAAM,CAAC,GAAGH,IAAI;IAEpC,OAAO;MACHC,EAAE;MACF;MACAC,QAAQ,EAAEA,QAAQ,EAAEE,WAAW,CAAC,CAAC,IAAIV,WAAW;MAChDW,KAAK,EAAEF,KAAK;MACZG,SAAS,EAAE,IAAI;MACfC,MAAM,EAAEV,aAAa,KAAKI;IAC9B,CAAC;EACL,CAAC,CAAC,CACDO,MAAM,CAACR,IAAI,IAAI,CAACF,eAAe,CAACW,QAAQ,CAACT,IAAI,CAACC,EAAE,CAAC,CAAC;AAC3D,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMS,qBAAqB,GAAGA,CACjCd,OAAqB,GAAG,EAAE,EAC1Be,OAAiB,GAAG,EAAE,EACtBC,SAAkB,KACP;EACX;EACA,IAAI,CAACA,SAAS,EAAE;IACZ,OAAOD,OAAO;EAClB;;EAEA;EACA,MAAME,SAAS,GAAG,IAAIC,GAAG,CAAClB,OAAO,CAACG,GAAG,CAACgB,MAAM,IAAI,CAACA,MAAM,CAACd,EAAE,EAAEc,MAAM,CAAC,CAAC,CAAC;EACrE;EACA,MAAMC,MAAgB,GAAG,EAAE;EAE3B,IAAIC,SAA6B,GAAGL,SAAS;;EAE7C;EACA,OAAOK,SAAS,EAAE;IACd;IACA,IAAI,CAACD,MAAM,CAACP,QAAQ,CAACQ,SAAS,CAAC,EAAE;MAC7BD,MAAM,CAACE,IAAI,CAACD,SAAS,CAAC;IAC1B;IACA;IACA,MAAMF,MAAM,GAAGF,SAAS,CAACM,GAAG,CAACF,SAAS,CAA2B;IACjE;IACA,MAAMf,QAAQ,GAAGa,MAAM,EAAEb,QAAQ;IACjC;IACA,IAAI,CAACA,QAAQ,IAAIc,MAAM,CAACP,QAAQ,CAACP,QAAQ,CAAC,EAAE;MACxC;IACJ;IACA;IACAe,SAAS,GAAGf,QAAQ;EACxB;EAEA,OAAO,CAAC,GAAG,IAAIkB,GAAG,CAAC,CAAC,GAAGJ,MAAM,EAAE,GAAGL,OAAO,CAAC,CAAC,CAAC;AAChD,CAAC","ignoreList":[]}
+{"version":3,"file":"components/FolderTree/List/utils.js","sources":["../../../../src/components/FolderTree/List/utils.ts"],"sourcesContent":["import { ROOT_FOLDER } from \"~/constants.js\";\nimport type { NodeDto } from \"@webiny/admin-ui\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\n\n/**\n * Transform an array of folders returned by folders cache into an array of elements for the tree component.\n *\n * @param folders list of folders returned by folders cache.\n * @param focusedNodeId id of the current folder selected/focused.\n * @param hiddenFolderIds list ids of the folder you don't want to show within the list.\n * @return array of elements to render the tree component.\n */\nexport const createTreeData = (\n    folders: FolderDto[] = [],\n    focusedNodeId?: string,\n    hiddenFolderIds: string[] = []\n): NodeDto<FolderDto>[] => {\n    return folders\n        .map(item => {\n            const { id, parentId, title } = item;\n\n            return {\n                id,\n                // toLowerCase() fixes a bug introduced by 5.36.0: accidentally we stored \"ROOT\" as parentId, instead of null\n                parentId: parentId?.toLowerCase() || ROOT_FOLDER,\n                label: title,\n                droppable: true,\n                active: focusedNodeId === id\n            };\n        })\n        .filter(item => !hiddenFolderIds.includes(item.id));\n};\n\n/**\n * Return an array of ids of open folders, based on the current focused folder id, its parent folders and the folders\n * opened by user interaction.\n *\n * @param folders list of folders returned by folders cache.\n * @param openIds list of open folders ids.\n * @param focusedId id of the current folder selected/focused.\n * @return array of ids of open folders.\n */\nexport const createInitialOpenList = (\n    folders: FolderDto[] = [],\n    openIds: string[] = [],\n    focusedId?: string\n): string[] => {\n    //  There is always a root folder, opened by default\n    if (!focusedId) {\n        return openIds;\n    }\n\n    // Create a map for quick folder lookup by id\n    const folderMap = new Map(folders.map(folder => [folder.id, folder]));\n    // Store the chain of folder ids from the focused folder up to the root\n    const result: string[] = [];\n\n    let currentId: string | undefined = focusedId;\n\n    // Traverse up the folder tree, collecting parent ids\n    while (currentId) {\n        // Add the current folder id if not already in the result\n        if (!result.includes(currentId)) {\n            result.push(currentId);\n        }\n        // Get the folder object for the current id\n        const folder = folderMap.get(currentId) as FolderDto | undefined;\n        // Get the parent id of the current folder\n        const parentId = folder?.parentId;\n        // Stop if there is no parent or we've already added this parent\n        if (!parentId || result.includes(parentId)) {\n            break;\n        }\n        // Move up to the parent folder\n        currentId = parentId;\n    }\n\n    return [...new Set([...result, ...openIds])];\n};\n"],"names":["createTreeData","folders","focusedNodeId","hiddenFolderIds","item","id","parentId","title","ROOT_FOLDER","createInitialOpenList","openIds","focusedId","folderMap","Map","folder","result","currentId","Set"],"mappings":";AAYO,MAAMA,iBAAiB,CAC1BC,UAAuB,EAAE,EACzBC,eACAC,kBAA4B,EAAE,GAEvBF,QACF,GAAG,CAACG,CAAAA;QACD,MAAM,EAAEC,EAAE,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGH;QAEhC,OAAO;YACHC;YAEA,UAAUC,UAAU,iBAAiBE;YACrC,OAAOD;YACP,WAAW;YACX,QAAQL,kBAAkBG;QAC9B;IACJ,GACC,MAAM,CAACD,CAAAA,OAAQ,CAACD,gBAAgB,QAAQ,CAACC,KAAK,EAAE;AAYlD,MAAMK,wBAAwB,CACjCR,UAAuB,EAAE,EACzBS,UAAoB,EAAE,EACtBC;IAGA,IAAI,CAACA,WACD,OAAOD;IAIX,MAAME,YAAY,IAAIC,IAAIZ,QAAQ,GAAG,CAACa,CAAAA,SAAU;YAACA,OAAO,EAAE;YAAEA;SAAO;IAEnE,MAAMC,SAAmB,EAAE;IAE3B,IAAIC,YAAgCL;IAGpC,MAAOK,UAAW;QAEd,IAAI,CAACD,OAAO,QAAQ,CAACC,YACjBD,OAAO,IAAI,CAACC;QAGhB,MAAMF,SAASF,UAAU,GAAG,CAACI;QAE7B,MAAMV,WAAWQ,QAAQ;QAEzB,IAAI,CAACR,YAAYS,OAAO,QAAQ,CAACT,WAC7B;QAGJU,YAAYV;IAChB;IAEA,OAAO;WAAI,IAAIW,IAAI;eAAIF;eAAWL;SAAQ;KAAE;AAChD"}

package/components/FolderTree/Loader/Loader.js

@@ -1,22 +1,19 @@
-import React from "react";
+import react from "react";
 import { Skeleton } from "@webiny/admin-ui";
-export const Loader = ({
-  count = 4
-}) => {
-  const lines = Array.from({
-    length: count
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: "wby-my-md wby-p-xs"
-  }, lines.map((_, index) => {
-    return /*#__PURE__*/React.createElement("div", {
-      key: `folder-skeleton-${index}`,
-      className: "wby-mb-xs wby-px-sm wby-py-xs-plus"
-    }, /*#__PURE__*/React.createElement(Skeleton, {
-      type: "text",
-      size: "md"
-    }));
-  }));
+const Loader = ({ count = 4 })=>{
+    const lines = Array.from({
+        length: count
+    });
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "my-md p-xs"
+    }, lines.map((_, index)=>/*#__PURE__*/ react.createElement("div", {
+            key: `folder-skeleton-${index}`,
+            className: "mb-xs px-sm py-xs-plus"
+        }, /*#__PURE__*/ react.createElement(Skeleton, {
+            type: "text",
+            size: "md"
+        }))));
 };
+export { Loader };
 
 //# sourceMappingURL=Loader.js.map

package/components/FolderTree/Loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Skeleton","Loader","count","lines","Array","from","length","createElement","className","map","_","index","key","type","size"],"sources":["Loader.tsx"],"sourcesContent":["import React from \"react\";\nimport { Skeleton } from \"@webiny/admin-ui\";\n\ninterface LoaderProps {\n    count?: number;\n}\n\nexport const Loader = ({ count = 4 }: LoaderProps) => {\n    const lines = Array.from({ length: count });\n\n    return (\n        <div className={\"wby-my-md wby-p-xs\"}>\n            {lines.map((_, index) => {\n                return (\n                    <div\n                        key={`folder-skeleton-${index}`}\n                        className={\"wby-mb-xs wby-px-sm wby-py-xs-plus\"}\n                    >\n                        <Skeleton type={\"text\"} size={\"md\"} />\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,kBAAkB;AAM3C,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC,KAAK,GAAG;AAAe,CAAC,KAAK;EAClD,MAAMC,KAAK,GAAGC,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEJ;EAAM,CAAC,CAAC;EAE3C,oBACIH,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAE;EAAqB,GAChCL,KAAK,CAACM,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAK;IACrB,oBACIZ,KAAA,CAAAQ,aAAA;MACIK,GAAG,EAAE,mBAAmBD,KAAK,EAAG;MAChCH,SAAS,EAAE;IAAqC,gBAEhDT,KAAA,CAAAQ,aAAA,CAACP,QAAQ;MAACa,IAAI,EAAE,MAAO;MAACC,IAAI,EAAE;IAAK,CAAE,CACpC,CAAC;EAEd,CAAC,CACA,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"components/FolderTree/Loader/Loader.js","sources":["../../../../src/components/FolderTree/Loader/Loader.tsx"],"sourcesContent":["import React from \"react\";\nimport { Skeleton } from \"@webiny/admin-ui\";\n\ninterface LoaderProps {\n    count?: number;\n}\n\nexport const Loader = ({ count = 4 }: LoaderProps) => {\n    const lines = Array.from({ length: count });\n\n    return (\n        <div className={\"my-md p-xs\"}>\n            {lines.map((_, index) => {\n                return (\n                    <div key={`folder-skeleton-${index}`} className={\"mb-xs px-sm py-xs-plus\"}>\n                        <Skeleton type={\"text\"} size={\"md\"} />\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n"],"names":["Loader","count","lines","Array","_","index","Skeleton"],"mappings":";;AAOO,MAAMA,SAAS,CAAC,EAAEC,QAAQ,CAAC,EAAe;IAC7C,MAAMC,QAAQC,MAAM,IAAI,CAAC;QAAE,QAAQF;IAAM;IAEzC,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;OACXC,MAAM,GAAG,CAAC,CAACE,GAAGC,QACJ,WAAP,GACI,oBAAC;YAAI,KAAK,CAAC,gBAAgB,EAAEA,OAAO;YAAE,WAAW;yBAC7C,oBAACC,UAAQA;YAAC,MAAM;YAAQ,MAAM;;AAMtD"}

package/components/FolderTree/Loader/index.d.ts

@@ -1 +1 @@
-export * from "./Loader";
+export * from "./Loader.js";

package/components/FolderTree/Loader/index.js

@@ -1,3 +1 @@
-export * from "./Loader";
-
-//# sourceMappingURL=index.js.map
+export * from "./Loader.js";

package/components/FolderTree/MenuActions/MenuActions.d.ts

@@ -1,2 +1,7 @@
 import React from "react";
-export declare const MenuActions: () => React.JSX.Element | null;
+import type { FolderActionConfig } from "../../../config/index.js";
+interface MenuActionsProps {
+    folderActions: FolderActionConfig[];
+}
+export declare const MenuActions: ({ folderActions }: MenuActionsProps) => React.JSX.Element | null;
+export {};