@webiny/app-aco 6.0.0-alpha.5 → 6.0.0-rc.0

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./Empty\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./Empty.js\";\n"],"mappings":"AAAA","ignoreList":[]}

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,17 +1,23 @@
 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";
+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";
 export const List = ({
   folders,
+  folderActions,
   onFolderClick,
   focusedFolderId,
   hiddenFolderIds,
-  enableActions
+  enableActions,
+  dropConfirmation = false
 }) => {
   const {
     listFoldersByParentIds,
@@ -31,6 +37,9 @@ export const List = ({
   } = useSnackbar();
   const [treeData, setTreeData] = useState([]);
   const [openFolderIds, setOpenFolderIds] = useState([ROOT_FOLDER]);
+  const {
+    showDialog: showConfirmMoveFolderDialog
+  } = useConfirmMoveFolderDialog();
   useEffect(() => {
     setTreeData(createTreeData(folders, focusedFolderId, hiddenFolderIds));
   }, [folders, focusedFolderId, hiddenFolderIds]);
@@ -64,6 +73,33 @@ export const List = ({
       showSnackbar(error.message);
     }
   };
+  const onDrop = useCallback(async (newTree, options) => {
+    // Function to execute the drop logic
+    const runDrop = async () => handleDrop(newTree, options);
+
+    // If drop confirmation is enabled, show dialog before proceeding
+    if (dropConfirmation) {
+      const {
+        dragSourceId,
+        dropTargetId
+      } = options;
+      const folder = folders.find(f => f.id === dragSourceId);
+      const targetFolder = folders.find(f => f.id === dropTargetId);
+
+      // Abort if either folder is not found
+      if (!folder || !targetFolder) {
+        return;
+      }
+      showConfirmMoveFolderDialog({
+        folder,
+        targetFolder,
+        onAccept: runDrop
+      });
+    } else {
+      // Otherwise, perform the drop immediately
+      await runDrop();
+    }
+  }, [folders, dropConfirmation, showConfirmMoveFolderDialog]);
   const sort = useMemo(() => (a, b) => {
     if (a.id === ROOT_FOLDER || b.id === ROOT_FOLDER) {
       return 1;
@@ -88,7 +124,8 @@ export const List = ({
     return /*#__PURE__*/React.createElement(FolderProvider, {
       folder: folder
     }, /*#__PURE__*/React.createElement(Node, {
-      enableActions: enableActions
+      enableActions: enableActions,
+      folderActions: folderActions
     }));
   };
   const handleNodeClick = useCallback(node => {
@@ -99,7 +136,7 @@ export const List = ({
     rootId: "0",
     defaultOpenNodeIds: openFolderIds,
     onChangeOpen: handleChangeOpen,
-    onDrop: handleDrop,
+    onDrop: onDrop,
     onNodeClick: handleNodeClick,
     sort: sort,
     canDrag: canDrag,

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,"names":["React","useCallback","useEffect","useMemo","useState","Tree","useSnackbar","useGetFolderLevelPermission","useListFoldersByParentIds","useGetFolderAncestors","useUpdateFolder","Node","createInitialOpenList","createTreeData","ROOT_FOLDER","FolderProvider","useConfirmMoveFolderDialog","List","folders","folderActions","onFolderClick","focusedFolderId","hiddenFolderIds","enableActions","dropConfirmation","listFoldersByParentIds","loading","updateFolder","getFolderLevelPermission","canManageStructure","getFolderAncestors","showSnackbar","treeData","setTreeData","openFolderIds","setOpenFolderIds","showDialog","showConfirmMoveFolderDialog","prev","expanded","Set","handleChangeOpen","nodes","folderIds","map","node","id","updatedOpenIds","fetchableIds","filter","handleDrop","_","dragSourceId","dropTargetId","item","find","folder","Error","parentId","error","message","onDrop","newTree","options","runDrop","f","targetFolder","onAccept","sort","a","b","label","localeCompare","undefined","numeric","canDrag","canDrop","dropTagetAncestorIds","includes","nodeRenderer","createElement","handleNodeClick","rootId","defaultOpenNodeIds","onChangeOpen","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 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                    return;\n                }\n\n                showConfirmMoveFolderDialog({\n                    folder,\n                    targetFolder,\n                    onAccept: runDrop\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"],"mappings":"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","ignoreList":[]}

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,3 @@
-export * from "./List";
+export * from "./List.js";
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./List\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./List.js\";\n"],"mappings":"AAAA","ignoreList":[]}

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,4 +1,4 @@
-import { ROOT_FOLDER } from "../../../constants";
+import { ROOT_FOLDER } from "../../../constants.js";
 /**
  * Transform an array of folders returned by folders cache into an array of elements for the tree component.
  *

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,"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 { 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"],"mappings":"AAAA,SAASA,WAAW;AAIpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAGA,CAC1BC,OAAoB,GAAG,EAAE,EACzBC,aAAsB,EACtBC,eAAyB,GAAG,EAAE,KACP;EACvB,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,OAAoB,GAAG,EAAE,EACzBe,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,CAA0B;IAChE;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":[]}

package/components/FolderTree/Loader/Loader.js

@@ -7,11 +7,11 @@ export const Loader = ({
     length: count
   });
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-my-md wby-p-xs"
+    className: "my-md 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"
+      className: "mb-xs px-sm py-xs-plus"
     }, /*#__PURE__*/React.createElement(Skeleton, {
       type: "text",
       size: "md"

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,"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={\"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"],"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;EAAa,GACxBL,KAAK,CAACM,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAK;IACrB,oBACIZ,KAAA,CAAAQ,aAAA;MAAKK,GAAG,EAAE,mBAAmBD,KAAK,EAAG;MAACH,SAAS,EAAE;IAAyB,gBACtET,KAAA,CAAAQ,aAAA,CAACP,QAAQ;MAACa,IAAI,EAAE,MAAO;MAACC,IAAI,EAAE;IAAK,CAAE,CACpC,CAAC;EAEd,CAAC,CACA,CAAC;AAEd,CAAC","ignoreList":[]}

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,3 @@
-export * from "./Loader";
+export * from "./Loader.js";
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./Loader\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./Loader.js\";\n"],"mappings":"AAAA","ignoreList":[]}

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 {};

package/components/FolderTree/MenuActions/MenuActions.js

@@ -2,15 +2,13 @@ import React from "react";
 import { OptionsMenu } from "@webiny/app-admin";
 import { cn, IconButton } from "@webiny/admin-ui";
 import { ReactComponent as MoreVerticalIcon } from "@webiny/icons/more_vert.svg";
-import { useAcoConfig } from "../../../config";
-import { useFolder } from "../../../hooks";
-export const MenuActions = () => {
+import { useFolder } from "../../../hooks/index.js";
+export const MenuActions = ({
+  folderActions
+}) => {
   const {
     folder
   } = useFolder();
-  const {
-    folder: folderConfig
-  } = useAcoConfig();
 
   // If the user cannot manage folder structure, no need to show the menu.
   if (!folder.canManageStructure) {
@@ -19,14 +17,14 @@ export const MenuActions = () => {
   return /*#__PURE__*/React.createElement("div", {
     // Let's stop click event propagation, otherwise opening the OptionsMenu event will propagate up to the main Tree Item
     onClick: e => e.stopPropagation(),
-    className: cn("wby-invisible group-hover:wby-visible", "wby-size-md wby-cursor-pointer", "wby-absolute wby-top-1/2  wby-right-sm wby--translate-y-1/2")
+    className: cn("invisible group-hover:visible", "size-md cursor-pointer", "absolute top-1/2  right-sm -translate-y-1/2")
   }, /*#__PURE__*/React.createElement(OptionsMenu, {
     trigger: /*#__PURE__*/React.createElement(IconButton, {
       icon: /*#__PURE__*/React.createElement(MoreVerticalIcon, null),
       size: "xs",
       variant: "ghost"
     }),
-    actions: folderConfig.actions,
+    actions: folderActions,
     "data-testid": "folder.tree.menu-action"
   }));
 };

package/components/FolderTree/MenuActions/MenuActions.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","OptionsMenu","cn","IconButton","ReactComponent","MoreVerticalIcon","useAcoConfig","useFolder","MenuActions","folder","folderConfig","canManageStructure","createElement","onClick","e","stopPropagation","className","trigger","icon","size","variant","actions"],"sources":["MenuActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { OptionsMenu } from \"@webiny/app-admin\";\nimport { cn, IconButton } from \"@webiny/admin-ui\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport { useAcoConfig } from \"~/config\";\nimport { useFolder } from \"~/hooks\";\n\nexport const MenuActions = () => {\n    const { folder } = useFolder();\n    const { folder: folderConfig } = useAcoConfig();\n\n    // If the user cannot manage folder structure, no need to show the menu.\n    if (!folder.canManageStructure) {\n        return null;\n    }\n\n    return (\n        <div\n            // Let's stop click event propagation, otherwise opening the OptionsMenu event will propagate up to the main Tree Item\n            onClick={e => e.stopPropagation()}\n            className={cn(\n                \"wby-invisible group-hover:wby-visible\",\n                \"wby-size-md wby-cursor-pointer\",\n                \"wby-absolute wby-top-1/2  wby-right-sm wby--translate-y-1/2\"\n            )}\n        >\n            <OptionsMenu\n                trigger={<IconButton icon={<MoreVerticalIcon />} size={\"xs\"} variant={\"ghost\"} />}\n                actions={folderConfig.actions}\n                data-testid={\"folder.tree.menu-action\"}\n            />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,EAAE,EAAEC,UAAU,QAAQ,kBAAkB;AACjD,SAASC,cAAc,IAAIC,gBAAgB,QAAQ,6BAA6B;AAChF,SAASC,YAAY;AACrB,SAASC,SAAS;AAElB,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAO,CAAC,GAAGF,SAAS,CAAC,CAAC;EAC9B,MAAM;IAAEE,MAAM,EAAEC;EAAa,CAAC,GAAGJ,YAAY,CAAC,CAAC;;EAE/C;EACA,IAAI,CAACG,MAAM,CAACE,kBAAkB,EAAE;IAC5B,OAAO,IAAI;EACf;EAEA,oBACIX,KAAA,CAAAY,aAAA;IACI;IACAC,OAAO,EAAEC,CAAC,IAAIA,CAAC,CAACC,eAAe,CAAC,CAAE;IAClCC,SAAS,EAAEd,EAAE,CACT,uCAAuC,EACvC,gCAAgC,EAChC,6DACJ;EAAE,gBAEFF,KAAA,CAAAY,aAAA,CAACX,WAAW;IACRgB,OAAO,eAAEjB,KAAA,CAAAY,aAAA,CAACT,UAAU;MAACe,IAAI,eAAElB,KAAA,CAAAY,aAAA,CAACP,gBAAgB,MAAE,CAAE;MAACc,IAAI,EAAE,IAAK;MAACC,OAAO,EAAE;IAAQ,CAAE,CAAE;IAClFC,OAAO,EAAEX,YAAY,CAACW,OAAQ;IAC9B,eAAa;EAA0B,CAC1C,CACA,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["React","OptionsMenu","cn","IconButton","ReactComponent","MoreVerticalIcon","useFolder","MenuActions","folderActions","folder","canManageStructure","createElement","onClick","e","stopPropagation","className","trigger","icon","size","variant","actions"],"sources":["MenuActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { OptionsMenu } from \"@webiny/app-admin\";\nimport { cn, IconButton } from \"@webiny/admin-ui\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport type { FolderActionConfig } from \"~/config/index.js\";\nimport { useFolder } from \"~/hooks/index.js\";\n\ninterface MenuActionsProps {\n    folderActions: FolderActionConfig[];\n}\n\nexport const MenuActions = ({ folderActions }: MenuActionsProps) => {\n    const { folder } = useFolder();\n\n    // If the user cannot manage folder structure, no need to show the menu.\n    if (!folder.canManageStructure) {\n        return null;\n    }\n\n    return (\n        <div\n            // Let's stop click event propagation, otherwise opening the OptionsMenu event will propagate up to the main Tree Item\n            onClick={e => e.stopPropagation()}\n            className={cn(\n                \"invisible group-hover:visible\",\n                \"size-md cursor-pointer\",\n                \"absolute top-1/2  right-sm -translate-y-1/2\"\n            )}\n        >\n            <OptionsMenu\n                trigger={<IconButton icon={<MoreVerticalIcon />} size={\"xs\"} variant={\"ghost\"} />}\n                actions={folderActions}\n                data-testid={\"folder.tree.menu-action\"}\n            />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,EAAE,EAAEC,UAAU,QAAQ,kBAAkB;AACjD,SAASC,cAAc,IAAIC,gBAAgB,QAAQ,6BAA6B;AAEhF,SAASC,SAAS;AAMlB,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAAgC,CAAC,KAAK;EAChE,MAAM;IAAEC;EAAO,CAAC,GAAGH,SAAS,CAAC,CAAC;;EAE9B;EACA,IAAI,CAACG,MAAM,CAACC,kBAAkB,EAAE;IAC5B,OAAO,IAAI;EACf;EAEA,oBACIV,KAAA,CAAAW,aAAA;IACI;IACAC,OAAO,EAAEC,CAAC,IAAIA,CAAC,CAACC,eAAe,CAAC,CAAE;IAClCC,SAAS,EAAEb,EAAE,CACT,+BAA+B,EAC/B,wBAAwB,EACxB,6CACJ;EAAE,gBAEFF,KAAA,CAAAW,aAAA,CAACV,WAAW;IACRe,OAAO,eAAEhB,KAAA,CAAAW,aAAA,CAACR,UAAU;MAACc,IAAI,eAAEjB,KAAA,CAAAW,aAAA,CAACN,gBAAgB,MAAE,CAAE;MAACa,IAAI,EAAE,IAAK;MAACC,OAAO,EAAE;IAAQ,CAAE,CAAE;IAClFC,OAAO,EAAEZ,aAAc;IACvB,eAAa;EAA0B,CAC1C,CACA,CAAC;AAEd,CAAC","ignoreList":[]}

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

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

package/components/FolderTree/MenuActions/index.js

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

package/components/FolderTree/MenuActions/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./MenuActions\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./MenuActions.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/components/FolderTree/Node/Node.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import type { FolderActionConfig } from "../../../config/AcoConfig.js";
 interface FolderProps {
     text: string;
     isRoot: boolean;
@@ -7,7 +8,8 @@ interface FolderProps {
 }
 export declare const FolderNode: ({ isRoot, hasNonInheritedPermissions, canManagePermissions, text }: FolderProps) => React.JSX.Element;
 type NodeProps = {
+    folderActions: FolderActionConfig[];
     enableActions?: boolean;
 };
-export declare const Node: ({ enableActions }: NodeProps) => React.JSX.Element;
+export declare const Node: ({ folderActions, enableActions }: NodeProps) => React.JSX.Element;
 export {};

package/components/FolderTree/Node/Node.js

@@ -3,9 +3,9 @@ import { Text, Tree } from "@webiny/admin-ui";
 import { ReactComponent as Folder } from "@webiny/icons/folder.svg";
 import { ReactComponent as FolderShared } from "@webiny/icons/folder_shared.svg";
 import { ReactComponent as HomeIcon } from "@webiny/icons/home.svg";
-import { MenuActions } from "../MenuActions";
-import { ROOT_FOLDER } from "../../../constants";
-import { useFolder } from "../../../hooks";
+import { MenuActions } from "../MenuActions/index.js";
+import { ROOT_FOLDER } from "../../../constants.js";
+import { useFolder } from "../../../hooks/index.js";
 export const FolderNode = ({
   isRoot,
   hasNonInheritedPermissions,
@@ -25,10 +25,11 @@ export const FolderNode = ({
     element: icon
   }), /*#__PURE__*/React.createElement(Text, {
     as: "div",
-    className: "wby-truncate"
+    className: "truncate"
   }, text));
 };
 export const Node = ({
+  folderActions,
   enableActions
 }) => {
   const {
@@ -46,7 +47,9 @@ export const Node = ({
     text: title,
     hasNonInheritedPermissions: hasNonInheritedPermissions,
     canManagePermissions: canManagePermissions
-  }), enableActions && !isRoot && /*#__PURE__*/React.createElement(MenuActions, null));
+  }), enableActions && !isRoot && /*#__PURE__*/React.createElement(MenuActions, {
+    folderActions: folderActions
+  }));
 };
 
 //# sourceMappingURL=Node.js.map

package/components/FolderTree/Node/Node.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","Tree","ReactComponent","Folder","FolderShared","HomeIcon","MenuActions","ROOT_FOLDER","useFolder","FolderNode","isRoot","hasNonInheritedPermissions","canManagePermissions","text","icon","createElement","Fragment","Item","Icon","label","element","as","className","Node","enableActions","folder","title","id"],"sources":["Node.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text, Tree } from \"@webiny/admin-ui\";\nimport { ReactComponent as Folder } from \"@webiny/icons/folder.svg\";\nimport { ReactComponent as FolderShared } from \"@webiny/icons/folder_shared.svg\";\nimport { ReactComponent as HomeIcon } from \"@webiny/icons/home.svg\";\nimport { MenuActions } from \"../MenuActions\";\nimport { ROOT_FOLDER } from \"~/constants\";\nimport { useFolder } from \"~/hooks\";\n\ninterface FolderProps {\n    text: string;\n    isRoot: boolean;\n    hasNonInheritedPermissions?: boolean;\n    canManagePermissions?: boolean;\n}\n\nexport const FolderNode = ({\n    isRoot,\n    hasNonInheritedPermissions,\n    canManagePermissions,\n    text\n}: FolderProps) => {\n    let icon = <HomeIcon />;\n\n    if (!isRoot) {\n        if (hasNonInheritedPermissions && canManagePermissions) {\n            icon = <FolderShared />;\n        } else {\n            icon = <Folder />;\n        }\n    }\n\n    return (\n        <>\n            <Tree.Item.Icon label={\"Folder\"} element={icon} />\n            <Text as={\"div\"} className={\"wby-truncate\"}>\n                {text}\n            </Text>\n        </>\n    );\n};\n\ntype NodeProps = {\n    enableActions?: boolean;\n};\n\nexport const Node = ({ enableActions }: NodeProps) => {\n    const { folder } = useFolder();\n\n    const { hasNonInheritedPermissions, canManagePermissions, title, id } = folder || {};\n    const isRoot = id === ROOT_FOLDER;\n\n    return (\n        <>\n            <FolderNode\n                isRoot={isRoot}\n                text={title}\n                hasNonInheritedPermissions={hasNonInheritedPermissions}\n                canManagePermissions={canManagePermissions}\n            />\n            {enableActions && !isRoot && <MenuActions />}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC7C,SAASC,cAAc,IAAIC,MAAM,QAAQ,0BAA0B;AACnE,SAASD,cAAc,IAAIE,YAAY,QAAQ,iCAAiC;AAChF,SAASF,cAAc,IAAIG,QAAQ,QAAQ,wBAAwB;AACnE,SAASC,WAAW;AACpB,SAASC,WAAW;AACpB,SAASC,SAAS;AASlB,OAAO,MAAMC,UAAU,GAAGA,CAAC;EACvBC,MAAM;EACNC,0BAA0B;EAC1BC,oBAAoB;EACpBC;AACS,CAAC,KAAK;EACf,IAAIC,IAAI,gBAAGf,KAAA,CAAAgB,aAAA,CAACV,QAAQ,MAAE,CAAC;EAEvB,IAAI,CAACK,MAAM,EAAE;IACT,IAAIC,0BAA0B,IAAIC,oBAAoB,EAAE;MACpDE,IAAI,gBAAGf,KAAA,CAAAgB,aAAA,CAACX,YAAY,MAAE,CAAC;IAC3B,CAAC,MAAM;MACHU,IAAI,gBAAGf,KAAA,CAAAgB,aAAA,CAACZ,MAAM,MAAE,CAAC;IACrB;EACJ;EAEA,oBACIJ,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAAiB,QAAA,qBACIjB,KAAA,CAAAgB,aAAA,CAACd,IAAI,CAACgB,IAAI,CAACC,IAAI;IAACC,KAAK,EAAE,QAAS;IAACC,OAAO,EAAEN;EAAK,CAAE,CAAC,eAClDf,KAAA,CAAAgB,aAAA,CAACf,IAAI;IAACqB,EAAE,EAAE,KAAM;IAACC,SAAS,EAAE;EAAe,GACtCT,IACC,CACR,CAAC;AAEX,CAAC;AAMD,OAAO,MAAMU,IAAI,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EAClD,MAAM;IAAEC;EAAO,CAAC,GAAGjB,SAAS,CAAC,CAAC;EAE9B,MAAM;IAAEG,0BAA0B;IAAEC,oBAAoB;IAAEc,KAAK;IAAEC;EAAG,CAAC,GAAGF,MAAM,IAAI,CAAC,CAAC;EACpF,MAAMf,MAAM,GAAGiB,EAAE,KAAKpB,WAAW;EAEjC,oBACIR,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAAiB,QAAA,qBACIjB,KAAA,CAAAgB,aAAA,CAACN,UAAU;IACPC,MAAM,EAAEA,MAAO;IACfG,IAAI,EAAEa,KAAM;IACZf,0BAA0B,EAAEA,0BAA2B;IACvDC,oBAAoB,EAAEA;EAAqB,CAC9C,CAAC,EACDY,aAAa,IAAI,CAACd,MAAM,iBAAIX,KAAA,CAAAgB,aAAA,CAACT,WAAW,MAAE,CAC7C,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Text","Tree","ReactComponent","Folder","FolderShared","HomeIcon","MenuActions","ROOT_FOLDER","useFolder","FolderNode","isRoot","hasNonInheritedPermissions","canManagePermissions","text","icon","createElement","Fragment","Item","Icon","label","element","as","className","Node","folderActions","enableActions","folder","title","id"],"sources":["Node.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text, Tree } from \"@webiny/admin-ui\";\nimport { ReactComponent as Folder } from \"@webiny/icons/folder.svg\";\nimport { ReactComponent as FolderShared } from \"@webiny/icons/folder_shared.svg\";\nimport { ReactComponent as HomeIcon } from \"@webiny/icons/home.svg\";\nimport { MenuActions } from \"../MenuActions/index.js\";\nimport { ROOT_FOLDER } from \"~/constants.js\";\nimport { useFolder } from \"~/hooks/index.js\";\nimport type { FolderActionConfig } from \"~/config/AcoConfig.js\";\n\ninterface FolderProps {\n    text: string;\n    isRoot: boolean;\n    hasNonInheritedPermissions?: boolean;\n    canManagePermissions?: boolean;\n}\n\nexport const FolderNode = ({\n    isRoot,\n    hasNonInheritedPermissions,\n    canManagePermissions,\n    text\n}: FolderProps) => {\n    let icon = <HomeIcon />;\n\n    if (!isRoot) {\n        if (hasNonInheritedPermissions && canManagePermissions) {\n            icon = <FolderShared />;\n        } else {\n            icon = <Folder />;\n        }\n    }\n\n    return (\n        <>\n            <Tree.Item.Icon label={\"Folder\"} element={icon} />\n            <Text as={\"div\"} className={\"truncate\"}>\n                {text}\n            </Text>\n        </>\n    );\n};\n\ntype NodeProps = {\n    folderActions: FolderActionConfig[];\n    enableActions?: boolean;\n};\n\nexport const Node = ({ folderActions, enableActions }: NodeProps) => {\n    const { folder } = useFolder();\n\n    const { hasNonInheritedPermissions, canManagePermissions, title, id } = folder || {};\n    const isRoot = id === ROOT_FOLDER;\n\n    return (\n        <>\n            <FolderNode\n                isRoot={isRoot}\n                text={title}\n                hasNonInheritedPermissions={hasNonInheritedPermissions}\n                canManagePermissions={canManagePermissions}\n            />\n            {enableActions && !isRoot && <MenuActions folderActions={folderActions} />}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC7C,SAASC,cAAc,IAAIC,MAAM,QAAQ,0BAA0B;AACnE,SAASD,cAAc,IAAIE,YAAY,QAAQ,iCAAiC;AAChF,SAASF,cAAc,IAAIG,QAAQ,QAAQ,wBAAwB;AACnE,SAASC,WAAW;AACpB,SAASC,WAAW;AACpB,SAASC,SAAS;AAUlB,OAAO,MAAMC,UAAU,GAAGA,CAAC;EACvBC,MAAM;EACNC,0BAA0B;EAC1BC,oBAAoB;EACpBC;AACS,CAAC,KAAK;EACf,IAAIC,IAAI,gBAAGf,KAAA,CAAAgB,aAAA,CAACV,QAAQ,MAAE,CAAC;EAEvB,IAAI,CAACK,MAAM,EAAE;IACT,IAAIC,0BAA0B,IAAIC,oBAAoB,EAAE;MACpDE,IAAI,gBAAGf,KAAA,CAAAgB,aAAA,CAACX,YAAY,MAAE,CAAC;IAC3B,CAAC,MAAM;MACHU,IAAI,gBAAGf,KAAA,CAAAgB,aAAA,CAACZ,MAAM,MAAE,CAAC;IACrB;EACJ;EAEA,oBACIJ,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAAiB,QAAA,qBACIjB,KAAA,CAAAgB,aAAA,CAACd,IAAI,CAACgB,IAAI,CAACC,IAAI;IAACC,KAAK,EAAE,QAAS;IAACC,OAAO,EAAEN;EAAK,CAAE,CAAC,eAClDf,KAAA,CAAAgB,aAAA,CAACf,IAAI;IAACqB,EAAE,EAAE,KAAM;IAACC,SAAS,EAAE;EAAW,GAClCT,IACC,CACR,CAAC;AAEX,CAAC;AAOD,OAAO,MAAMU,IAAI,GAAGA,CAAC;EAAEC,aAAa;EAAEC;AAAyB,CAAC,KAAK;EACjE,MAAM;IAAEC;EAAO,CAAC,GAAGlB,SAAS,CAAC,CAAC;EAE9B,MAAM;IAAEG,0BAA0B;IAAEC,oBAAoB;IAAEe,KAAK;IAAEC;EAAG,CAAC,GAAGF,MAAM,IAAI,CAAC,CAAC;EACpF,MAAMhB,MAAM,GAAGkB,EAAE,KAAKrB,WAAW;EAEjC,oBACIR,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAAiB,QAAA,qBACIjB,KAAA,CAAAgB,aAAA,CAACN,UAAU;IACPC,MAAM,EAAEA,MAAO;IACfG,IAAI,EAAEc,KAAM;IACZhB,0BAA0B,EAAEA,0BAA2B;IACvDC,oBAAoB,EAAEA;EAAqB,CAC9C,CAAC,EACDa,aAAa,IAAI,CAACf,MAAM,iBAAIX,KAAA,CAAAgB,aAAA,CAACT,WAAW;IAACkB,aAAa,EAAEA;EAAc,CAAE,CAC3E,CAAC;AAEX,CAAC","ignoreList":[]}

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

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

package/components/FolderTree/Node/index.js

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

package/components/FolderTree/Node/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Node\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Node.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/components/FolderTree/NodePreview/NodePreview.js

@@ -1,11 +1,11 @@
 import React from "react";
 import { Tree } from "@webiny/admin-ui";
-import { FolderNode } from "../Node";
+import { FolderNode } from "../Node/index.js";
 export const NodePreview = ({
   text
 }) => {
   return /*#__PURE__*/React.createElement(Tree.Item, {
-    className: "wby-bg-neutral-dark/10 wby-absolute wby-z-[100]",
+    className: "bg-neutral-dark/10 absolute z-150",
     style: {
       maxWidth: 256
     }

package/components/FolderTree/NodePreview/NodePreview.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Tree","FolderNode","NodePreview","text","createElement","Item","className","style","maxWidth","isRoot"],"sources":["NodePreview.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tree } from \"@webiny/admin-ui\";\nimport { FolderNode } from \"../Node\";\n\ntype NodePreviewProps = {\n    text: string;\n};\n\nexport const NodePreview = ({ text }: NodePreviewProps) => {\n    return (\n        <Tree.Item\n            className={\"wby-bg-neutral-dark/10 wby-absolute wby-z-[100]\"}\n            style={{ maxWidth: 256 }}\n        >\n            <FolderNode text={text} isRoot={false} />\n        </Tree.Item>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,UAAU;AAMnB,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAAuB,CAAC,KAAK;EACvD,oBACIJ,KAAA,CAAAK,aAAA,CAACJ,IAAI,CAACK,IAAI;IACNC,SAAS,EAAE,iDAAkD;IAC7DC,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAI;EAAE,gBAEzBT,KAAA,CAAAK,aAAA,CAACH,UAAU;IAACE,IAAI,EAAEA,IAAK;IAACM,MAAM,EAAE;EAAM,CAAE,CACjC,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Tree","FolderNode","NodePreview","text","createElement","Item","className","style","maxWidth","isRoot"],"sources":["NodePreview.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tree } from \"@webiny/admin-ui\";\nimport { FolderNode } from \"../Node/index.js\";\n\ntype NodePreviewProps = {\n    text: string;\n};\n\nexport const NodePreview = ({ text }: NodePreviewProps) => {\n    return (\n        <Tree.Item className={\"bg-neutral-dark/10 absolute z-150\"} style={{ maxWidth: 256 }}>\n            <FolderNode text={text} isRoot={false} />\n        </Tree.Item>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,UAAU;AAMnB,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAAuB,CAAC,KAAK;EACvD,oBACIJ,KAAA,CAAAK,aAAA,CAACJ,IAAI,CAACK,IAAI;IAACC,SAAS,EAAE,mCAAoC;IAACC,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAI;EAAE,gBAChFT,KAAA,CAAAK,aAAA,CAACH,UAAU;IAACE,IAAI,EAAEA,IAAK;IAACM,MAAM,EAAE;EAAM,CAAE,CACjC,CAAC;AAEpB,CAAC","ignoreList":[]}

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

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

package/components/FolderTree/NodePreview/index.js

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

package/components/FolderTree/NodePreview/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./NodePreview\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./NodePreview.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/components/FolderTree/index.d.ts

@@ -1,13 +1,16 @@
 import React from "react";
-import { Loader } from "./Loader";
-import type { FolderItem } from "../../types";
+import type { FolderDto } from "../../domain/folder/FolderDto.js";
+import { Loader } from "./Loader/index.js";
+import type { FolderActionConfig } from "../../config/AcoConfig.js";
 export { Loader };
 export interface FolderTreeProps {
-    onFolderClick: (data: FolderItem) => void;
+    folderActions?: FolderActionConfig[];
+    onFolderClick: (data: FolderDto) => void;
     enableCreate?: boolean;
     rootFolderLabel?: string;
     enableActions?: boolean;
+    dropConfirmation?: boolean;
     focusedFolderId?: string;
     hiddenFolderIds?: string[];
 }
-export declare const FolderTree: ({ focusedFolderId, hiddenFolderIds, enableActions, enableCreate, onFolderClick, rootFolderLabel }: FolderTreeProps) => React.JSX.Element;
+export declare const FolderTree: ({ folderActions, focusedFolderId, hiddenFolderIds, enableActions, enableCreate, onFolderClick, dropConfirmation, rootFolderLabel }: FolderTreeProps) => React.JSX.Element;

package/components/FolderTree/index.js

@@ -1,24 +1,26 @@
 import React, { useMemo } from "react";
 import { Tooltip } from "@webiny/admin-ui";
-import { useGetFolderHierarchy, useGetFolderLevelPermission } from "../../features";
-import { ButtonCreate } from "./ButtonCreate";
-import { Loader } from "./Loader";
-import { List } from "./List";
-import { ROOT_FOLDER } from "../../constants";
-import { AcoWithConfig } from "../../config";
+import { useGetFolderLevelPermission } from "../../features/folders/getFolderLevelPermission/index.js";
+import { useLoadFolderHierarchy } from "../../features/folders/loadFolderHierarchy/index.js";
+import { ButtonCreate } from "./ButtonCreate/index.js";
+import { Loader } from "./Loader/index.js";
+import { List } from "./List/index.js";
+import { ROOT_FOLDER } from "../../constants.js";
 export { Loader };
 export const FolderTree = ({
+  folderActions = [],
   focusedFolderId,
   hiddenFolderIds,
   enableActions,
   enableCreate,
   onFolderClick,
+  dropConfirmation,
   rootFolderLabel
 }) => {
   const {
     folders,
     getIsFolderLoading
-  } = useGetFolderHierarchy();
+  } = useLoadFolderHierarchy();
   const {
     getFolderLevelPermission: canManageStructure
   } = useGetFolderLevelPermission("canManageStructure");
@@ -48,16 +50,18 @@ export const FolderTree = ({
     return /*#__PURE__*/React.createElement(Loader, null);
   }
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-my-xs"
-  }, /*#__PURE__*/React.createElement(AcoWithConfig, null, /*#__PURE__*/React.createElement(List, {
+    className: "my-xs"
+  }, /*#__PURE__*/React.createElement(List, {
+    dropConfirmation: dropConfirmation,
     folders: localFolders,
+    folderActions: folderActions,
     onFolderClick: onFolderClick,
     focusedFolderId: focusedFolderId,
     hiddenFolderIds: hiddenFolderIds,
     enableActions: enableActions
   }), enableCreate && /*#__PURE__*/React.createElement("div", {
-    className: "wby-m-xs-plus wby-mt-sm-plus wby-mb-lg wby-pl-sm-extra"
-  }, createButton)));
+    className: "m-xs-plus mt-sm-plus mb-lg pl-sm-extra"
+  }, createButton));
 };
 
 //# sourceMappingURL=index.js.map