@leav/ui 0.3.6-fa687e8 → 0.4.0-025a3e54

package/dist/components/SelectTreeNode/SelectTreeNode.js

@@ -2,147 +2,28 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { DownOutlined } from '@ant-design/icons';
 import { localizedTranslation } from '@leav/utils';
-import { Spin, Tree } from 'antd';
-import { useEffect, useState } from 'react';
 import { useSharedTranslation } from '../../hooks/useSharedTranslation';
-import { useTreeNodeChildrenLazyQuery } from '../../_gqlTypes';
-import { defaultPaginationPageSize, ErrorDisplay } from '../..';
+import { useTreeDataQueryQuery } from '../../_gqlTypes';
+import { ErrorDisplay } from '../..';
 import useLang from '../../hooks/useLang';
-const _constructTreeContent = (data) => data.map(e => ({
-    record: e.record,
-    title: e.record.whoAmI.label || e.record.whoAmI.id,
-    id: e.id,
-    key: e.id,
-    isLeaf: !e.childrenCount,
-    children: []
-}));
-const _getTreeNodeByKey = (key, treeContent) => {
-    for (const node of treeContent) {
-        if (key === node.key) {
-            return node;
-        }
-        const n = _getTreeNodeByKey(key, node.children);
-        if (!!n) {
-            return n;
-        }
-    }
-};
-function SelectTreeNode({ tree, onSelect, onCheck, selectedNode: initSelectedNode, multiple = false, canSelectRoot = false, selectableLibraries }) {
+import { SelectTreeNodeContent } from './SelectTreeNodeContent';
+import { SelectTreeNodeContentSkeleton } from './SelectTreeNodeContentSkeleton';
+export const SelectTreeNode = ({ treeId, childrenAsRecordValuePermissionFilter, onSelect, onCheck, selectedNodes, disabledNodes, selectableLibraries, multiple = false, checkable = false, canSelectRoot = false }) => {
     const { lang } = useLang();
     const { t } = useSharedTranslation();
-    const rootNode = {
-        title: localizedTranslation(tree.label, lang) || tree.id,
-        record: null,
-        id: tree.id,
-        key: tree.id,
-        isLeaf: false,
-        paginationOffset: 0,
-        children: []
-    };
-    // As we'll fetch children when a node is expanded, we store the whole tree content in a hash map
-    // to make update easier and more efficient
-    const [treeMap, setTreeMap] = useState({
-        [tree.id]: rootNode
+    const { loading, error, data } = useTreeDataQueryQuery({
+        variables: { treeId }
     });
-    const [selectedNode, setSelectedNode] = useState(initSelectedNode);
-    const [fetchError, setFetchError] = useState();
-    // Retrieve tree content
-    const [loadTreeContent, { error, called }] = useTreeNodeChildrenLazyQuery();
-    const _fetchTreeContent = async (key, offset = 0) => {
-        try {
-            const data = await loadTreeContent({
-                variables: {
-                    treeId: tree.id,
-                    node: key && key !== tree.id ? key : null,
-                    pagination: {
-                        limit: defaultPaginationPageSize,
-                        offset
-                    }
-                }
-            });
-            const formattedNodes = _constructTreeContent(data.data.treeNodeChildren.list);
-            const parentMapKey = key ?? tree.id;
-            const newTreeMap = { ...treeMap };
-            const totalCount = data.data.treeNodeChildren.totalCount;
-            const parentElement = newTreeMap[parentMapKey];
-            const showMoreKey = '__showMore' + parentMapKey + offset;
-            parentElement.children = parentElement.children.filter(child => !child.key.match(`__showMore${parentMapKey}`));
-            for (const node of formattedNodes) {
-                const nodeForTreeMap = { ...node, paginationOffset: 0 };
-                newTreeMap[nodeForTreeMap.key] = nodeForTreeMap;
-                parentElement.paginationOffset = offset;
-                parentElement.children.push(nodeForTreeMap);
-            }
-            if (totalCount > parentElement.paginationOffset + defaultPaginationPageSize) {
-                const showMoreElement = {
-                    id: parentMapKey,
-                    key: showMoreKey,
-                    record: null,
-                    title: t('tree-node-selection.show_more'),
-                    isLeaf: false,
-                    paginationOffset: 0,
-                    isShowMore: true,
-                    selectable: false,
-                    children: []
-                };
-                parentElement.children.push(showMoreElement);
-            }
-            setTreeMap(newTreeMap);
-            setFetchError(null);
-        }
-        catch (err) {
-            setFetchError(err.message);
-        }
-    };
-    useEffect(() => {
-        setSelectedNode(initSelectedNode);
-    }, [initSelectedNode]);
-    useEffect(() => {
-        // Load root
-        _fetchTreeContent();
-    }, []);
-    const _handleLoadData = async (nodeData) => {
-        const { id, isShowMore } = nodeData;
-        // Handle offset if we get here through the "show more" element
-        const currentNodeOffset = treeMap[id]?.paginationOffset ?? 0;
-        const paginationOffset = isShowMore
-            ? (treeMap[id]?.paginationOffset ?? 0) + defaultPaginationPageSize
-            : currentNodeOffset;
-        if (id === tree.id && !isShowMore) {
-            // Root has already been loaded
-            return;
-        }
-        await _fetchTreeContent(String(id), paginationOffset);
-    };
-    const _handleSelect = (_, e) => {
-        const node = treeMap[e.node.key];
-        const isRoot = node.id === tree.id;
-        if ((!canSelectRoot && isRoot) ||
-            (!isRoot &&
-                typeof selectableLibraries !== 'undefined' &&
-                selectableLibraries.indexOf(node.record.whoAmI.library.id) === -1)) {
-            return;
-        }
-        if (node) {
-            onSelect(node, e.selected);
-        }
-    };
-    const _handleCheck = (selection) => {
-        const checkedKeys = typeof selection === 'object' ? selection.checked : selection;
-        const nodes = checkedKeys.map(key => treeMap[key]);
-        onCheck(nodes);
-    };
-    if (!called) {
-        return _jsx(Spin, {});
+    if (loading) {
+        return _jsx(SelectTreeNodeContentSkeleton, {});
     }
-    if (error || fetchError) {
-        return _jsx(ErrorDisplay, { message: error?.message ?? fetchError });
+    if (error) {
+        return _jsx(ErrorDisplay, { message: error.message });
     }
-    return (_jsx(Tree, { defaultExpandedKeys: [tree.id], multiple: multiple, selectable: true, selectedKeys: [selectedNode], onSelect: _handleSelect, onCheck: _handleCheck, treeData: [treeMap[rootNode.key]], loadData: _handleLoadData, checkStrictly: true, checkable: multiple, showLine: {
-            showLeafIcon: false
-        }, switcherIcon: _jsx(DownOutlined, { "aria-label": "toggle-children" }) }));
-}
-export default SelectTreeNode;
+    if (!data?.trees.list[0]) {
+        return _jsx(ErrorDisplay, { message: t('error.unknown_tree', { treeId }) });
+    }
+    return (_jsx(SelectTreeNodeContent, { treeData: { id: treeId, label: localizedTranslation(data.trees.list[0].label, lang) || treeId }, childrenAsRecordValuePermissionFilter: childrenAsRecordValuePermissionFilter, onCheck: onCheck, onSelect: onSelect, multiple: multiple, checkable: checkable, selectedNodes: selectedNodes, disabledNodes: disabledNodes, canSelectRoot: canSelectRoot, selectableLibraries: selectableLibraries }));
+};
 //# sourceMappingURL=SelectTreeNode.js.map

package/dist/components/SelectTreeNode/SelectTreeNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTreeNode.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNode/SelectTreeNode.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SelectTreeNode.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNode/SelectTreeNode.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,oBAAoB,EAAC,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAA6C,qBAAqB,EAAC,MAAM,eAAe,CAAC;AAChG,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACnC,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAE1C,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,6BAA6B,EAAC,MAAM,iCAAiC,CAAC;AAe9E,MAAM,CAAC,MAAM,cAAc,GAA4C,CAAC,EACpE,MAAM,EACN,qCAAqC,EACrC,QAAQ,EACR,OAAO,EACP,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,aAAa,GAAG,KAAK,EACxB,EAAE,EAAE;IACD,MAAM,EAAC,IAAI,EAAC,GAAG,OAAO,EAAE,CAAC;IACzB,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,EAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,GAAG,qBAAqB,CAAC;QACjD,SAAS,EAAE,EAAC,MAAM,EAAC;KACtB,CAAC,CAAC;IAEH,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,KAAC,6BAA6B,KAAG,CAAC;IAC7C,CAAC;IAED,IAAI,KAAK,EAAE,CAAC;QACR,OAAO,KAAC,YAAY,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,GAAI,CAAC;IACpD,CAAC;IAED,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;QACvB,OAAO,KAAC,YAAY,IAAC,OAAO,EAAE,CAAC,CAAC,oBAAoB,EAAE,EAAC,MAAM,EAAC,CAAC,GAAI,CAAC;IACxE,CAAC;IAED,OAAO,CACH,KAAC,qBAAqB,IAClB,QAAQ,EAAE,EAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,MAAM,EAAC,EAC7F,qCAAqC,EAAE,qCAAqC,EAC5E,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,GAC1C,CACL,CAAC;AACN,CAAC,CAAC"}

package/dist/components/SelectTreeNode/SelectTreeNodeContent.d.ts

@@ -0,0 +1,20 @@
+import { FunctionComponent } from 'react';
+import { ITreeNodeWithRecord } from '../../types';
+import { ChildrenAsRecordValuePermissionFilterInput } from '../../_gqlTypes';
+interface ISelectTreeNodeContentProps {
+    treeData: {
+        id: string;
+        label: string;
+    };
+    childrenAsRecordValuePermissionFilter?: ChildrenAsRecordValuePermissionFilterInput;
+    selectedNodes?: string[];
+    disabledNodes?: string[];
+    onSelect: (node: ITreeNodeWithRecord, selected: boolean) => void;
+    onCheck?: (selection: ITreeNodeWithRecord[]) => void;
+    multiple?: boolean;
+    checkable?: boolean;
+    canSelectRoot?: boolean;
+    selectableLibraries?: string[];
+}
+export declare const SelectTreeNodeContent: FunctionComponent<ISelectTreeNodeContentProps>;
+export {};

package/dist/components/SelectTreeNode/SelectTreeNodeContent.js

@@ -0,0 +1,133 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { useEffect, useState } from 'react';
+import { KitTree } from 'aristid-ds';
+import { Spin } from 'antd';
+import { useSharedTranslation } from '../../hooks/useSharedTranslation';
+import { useTreeNodeChildrenLazyQuery } from '../../_gqlTypes';
+import { defaultPaginationPageSize, ErrorDisplay } from '../..';
+import { TreeNodeTitle } from './TreeNodeTitle';
+import { _isObjectSelection } from './_types';
+export const SelectTreeNodeContent = ({ treeData: tree, childrenAsRecordValuePermissionFilter, onSelect, onCheck, selectedNodes, disabledNodes, multiple = false, checkable = false, canSelectRoot = false, selectableLibraries }) => {
+    const { t } = useSharedTranslation();
+    const rootNode = {
+        title: tree.label,
+        record: null,
+        id: tree.id,
+        key: tree.id,
+        isLeaf: false,
+        paginationOffset: 0,
+        children: []
+    };
+    // As we'll fetch children when a node is expanded, we store the whole tree content in a hash map
+    // to make update easier and more efficient
+    const [treeMap, setTreeMap] = useState({
+        [tree.id]: rootNode
+    });
+    const [fetchError, setFetchError] = useState();
+    const [loadTreeContent, { error, called }] = useTreeNodeChildrenLazyQuery();
+    const _fetchTreeContent = async (parentNodeKey, offset = 0) => {
+        try {
+            const { data: { treeNodeChildren } } = await loadTreeContent({
+                variables: {
+                    treeId: tree.id,
+                    node: parentNodeKey && parentNodeKey !== tree.id ? parentNodeKey : null,
+                    pagination: {
+                        limit: defaultPaginationPageSize,
+                        offset
+                    },
+                    childrenAsRecordValuePermissionFilter
+                }
+            });
+            const formattedNodes = treeNodeChildren.list.map(e => ({
+                record: e.record,
+                title: e.record.whoAmI.label || e.record.whoAmI.id,
+                id: e.id,
+                key: e.id,
+                isLeaf: !e.childrenCount,
+                children: []
+            }));
+            const parentMapKey = parentNodeKey ?? tree.id;
+            const newTreeMap = { ...treeMap };
+            const totalCount = treeNodeChildren.totalCount;
+            const parentElement = newTreeMap[parentMapKey];
+            const showMoreKey = '__showMore' + parentMapKey + offset;
+            parentElement.children = parentElement.children.filter(child => !child.key.match(`__showMore${parentMapKey}`));
+            for (const node of formattedNodes) {
+                const nodeForTreeMap = {
+                    ...node,
+                    paginationOffset: 0,
+                    disabled: disabledNodes?.includes(node.id)
+                };
+                newTreeMap[nodeForTreeMap.key] = nodeForTreeMap;
+                parentElement.paginationOffset = offset;
+                parentElement.children.push(nodeForTreeMap);
+            }
+            if (totalCount > parentElement.paginationOffset + defaultPaginationPageSize) {
+                const showMoreElement = {
+                    id: parentMapKey,
+                    key: showMoreKey,
+                    record: null,
+                    title: t('tree-node-selection.show_more'),
+                    isLeaf: false,
+                    paginationOffset: 0,
+                    isShowMore: true,
+                    selectable: false,
+                    children: []
+                };
+                parentElement.children.push(showMoreElement);
+            }
+            setTreeMap(newTreeMap);
+            setFetchError(null);
+        }
+        catch (err) {
+            setFetchError(err.message);
+        }
+    };
+    useEffect(() => {
+        // Load root
+        _fetchTreeContent();
+    }, []);
+    const _handleLoadData = async (nodeData) => {
+        const { id, isShowMore } = nodeData;
+        // Handle offset if we get here through the "show more" element
+        const currentNodeOffset = treeMap[id]?.paginationOffset ?? 0;
+        const paginationOffset = isShowMore
+            ? (treeMap[id]?.paginationOffset ?? 0) + defaultPaginationPageSize
+            : currentNodeOffset;
+        if (id === tree.id && !isShowMore) {
+            // Root has already been loaded
+            return;
+        }
+        await _fetchTreeContent(id, paginationOffset);
+    };
+    const _handleSelect = (_, e) => {
+        const node = treeMap[e.node.key];
+        const isRoot = node.id === tree.id;
+        if ((!canSelectRoot && isRoot) ||
+            (!isRoot && selectableLibraries && !selectableLibraries.includes(node.record.whoAmI.library.id))) {
+            return;
+        }
+        if (node) {
+            onSelect(node, e.selected);
+        }
+    };
+    const _handleCheck = selection => {
+        const checkedKeys = _isObjectSelection(selection) ? selection.checked : selection;
+        const nodes = checkedKeys.map(key => treeMap[key]);
+        onCheck(nodes);
+    };
+    if (!called) {
+        return _jsx(Spin, {});
+    }
+    if (error || fetchError) {
+        return _jsx(ErrorDisplay, { message: error?.message ?? fetchError });
+    }
+    return (_jsx(KitTree, { checkStrictly: true, treeData: [treeMap[rootNode.key]], loadData: _handleLoadData, multiple: multiple, checkable: checkable, defaultExpandedKeys: [tree.id], selectedKeys: selectedNodes, checkedKeys: selectedNodes, titleRender: node => {
+            const dataNode = node;
+            return (_jsx(TreeNodeTitle, { title: dataNode.title, checkable: checkable, isSelected: selectedNodes?.includes(dataNode.id), isDisabled: disabledNodes?.includes(dataNode.id) }));
+        }, onSelect: _handleSelect, onCheck: _handleCheck }));
+};
+//# sourceMappingURL=SelectTreeNodeContent.js.map

package/dist/components/SelectTreeNode/SelectTreeNodeContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTreeNodeContent.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNode/SelectTreeNodeContent.tsx"],"names":[],"mappings":"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"}

package/dist/components/SelectTreeNode/SelectTreeNodeContentSkeleton.d.ts

@@ -0,0 +1,2 @@
+import { FunctionComponent } from 'react';
+export declare const SelectTreeNodeContentSkeleton: FunctionComponent;

package/dist/components/SelectTreeNode/SelectTreeNodeContentSkeleton.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { KitSkeleton } from 'aristid-ds';
+import styled from 'styled-components';
+const KitFirstNodeSkeletonInput = styled(KitSkeleton.KitInputSkeleton) `
+    width: 300px;
+`;
+const KitSecondeNodeSkeletonInput = styled(KitSkeleton.KitInputSkeleton) `
+    width: 300px;
+    margin-top: calc(var(--general-spacing-xs) * 1px);
+`;
+const KitLeafSkeletonInput = styled(KitSkeleton.KitInputSkeleton) `
+    width: 300px;
+    margin-top: calc(var(--general-spacing-xs) * 1px);
+    margin-left: calc(var(--general-spacing-s) * 1px);
+`;
+export const SelectTreeNodeContentSkeleton = () => (_jsxs(_Fragment, { children: [_jsx(KitFirstNodeSkeletonInput, { active: true }), _jsx(KitLeafSkeletonInput, { active: true }), _jsx(KitLeafSkeletonInput, { active: true }), _jsx(KitLeafSkeletonInput, { active: true }), _jsx(KitSecondeNodeSkeletonInput, { active: true }), _jsx(KitLeafSkeletonInput, { active: true }), _jsx(KitLeafSkeletonInput, { active: true }), _jsx(KitLeafSkeletonInput, { active: true })] }));
+//# sourceMappingURL=SelectTreeNodeContentSkeleton.js.map

package/dist/components/SelectTreeNode/SelectTreeNodeContentSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTreeNodeContentSkeleton.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNode/SelectTreeNodeContentSkeleton.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,WAAW,EAAC,MAAM,YAAY,CAAC;AACvC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,yBAAyB,GAAG,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAA;;CAErE,CAAC;AAEF,MAAM,2BAA2B,GAAG,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAA;;;CAGvE,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAA;;;;CAIhE,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAsB,GAAG,EAAE,CAAC,CAClE,8BACI,KAAC,yBAAyB,IAAC,MAAM,SAAG,EACpC,KAAC,oBAAoB,IAAC,MAAM,SAAG,EAC/B,KAAC,oBAAoB,IAAC,MAAM,SAAG,EAC/B,KAAC,oBAAoB,IAAC,MAAM,SAAG,EAC/B,KAAC,2BAA2B,IAAC,MAAM,SAAG,EACtC,KAAC,oBAAoB,IAAC,MAAM,SAAG,EAC/B,KAAC,oBAAoB,IAAC,MAAM,SAAG,EAC/B,KAAC,oBAAoB,IAAC,MAAM,SAAG,IAChC,CACN,CAAC"}

package/dist/components/SelectTreeNode/TreeNodeTitle.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent, ReactNode } from 'react';
+interface ITreeNodeTitleProps {
+    title: ReactNode;
+    checkable?: boolean;
+    isSelected?: boolean;
+    isDisabled?: boolean;
+}
+export declare const TreeNodeTitle: FunctionComponent<ITreeNodeTitleProps>;
+export {};

package/dist/components/SelectTreeNode/TreeNodeTitle.js

@@ -0,0 +1,8 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { KitTypography } from 'aristid-ds';
+import { FaCheck } from 'react-icons/fa';
+export const TreeNodeTitle = ({ title, checkable, isSelected, isDisabled }) => checkable ? (_jsx(_Fragment, { children: title })) : (_jsxs("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between' }, children: [_jsx(KitTypography.Text, { size: "fontSize5", disabled: isDisabled, children: title }), isSelected && (_jsx(FaCheck, { color: isDisabled ? 'var(--general-utilities-text-disabled)' : 'var(--general-utilities-text-blue)' }))] }));
+//# sourceMappingURL=TreeNodeTitle.js.map

package/dist/components/SelectTreeNode/TreeNodeTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeNodeTitle.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNode/TreeNodeTitle.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAEzC,OAAO,EAAC,OAAO,EAAC,MAAM,gBAAgB,CAAC;AASvC,MAAM,CAAC,MAAM,aAAa,GAA2C,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAC,EAAE,EAAE,CAChH,SAAS,CAAC,CAAC,CAAC,CACR,4BAAG,KAAK,GAAI,CACf,CAAC,CAAC,CAAC,CACA,eAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAC,aAChF,KAAC,aAAa,CAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,QAAQ,EAAE,UAAU,YACpD,KAAK,GACW,EACpB,UAAU,IAAI,CACX,KAAC,OAAO,IACJ,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,wCAAwC,CAAC,CAAC,CAAC,oCAAoC,GACrG,CACL,IACC,CACT,CAAC"}

package/dist/components/SelectTreeNode/_types.d.ts

@@ -0,0 +1,17 @@
+import { ComponentProps, Key } from 'react';
+import { KitTree } from 'aristid-ds';
+import { ITreeNodeWithRecord } from '../../types';
+export interface ITreeMapElement extends ITreeNodeWithRecord {
+    isLeaf?: boolean;
+    paginationOffset: number;
+    children: ITreeMapElement[];
+    isShowMore?: boolean;
+    selectable?: boolean;
+    disabled?: boolean;
+}
+export interface ITreeMap {
+    [nodeId: string]: ITreeMapElement;
+}
+type OnCheckFirstParam = Parameters<ComponentProps<typeof KitTree>['onCheck']>[0];
+export declare const _isObjectSelection: (selection: OnCheckFirstParam) => selection is Exclude<OnCheckFirstParam, Key[]>;
+export {};

package/dist/components/SelectTreeNode/_types.js

@@ -0,0 +1,2 @@
+export const _isObjectSelection = (selection) => 'checked' in selection && 'halfChecked' in selection;
+//# sourceMappingURL=_types.js.map

package/dist/components/SelectTreeNode/_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_types.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNode/_types.ts"],"names":[],"mappings":"AAsBA,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,SAA4B,EAAkD,EAAE,CAC/G,SAAS,IAAI,SAAS,IAAI,aAAa,IAAI,SAAS,CAAC"}

package/dist/components/SelectTreeNode/index.d.ts

@@ -1 +1 @@
-export { default as SelectTreeNode } from './SelectTreeNode';
+export { SelectTreeNode } from './SelectTreeNode';

package/dist/components/SelectTreeNode/index.js

@@ -1,5 +1,5 @@
 // Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-export { default as SelectTreeNode } from './SelectTreeNode';
+export { SelectTreeNode } from './SelectTreeNode';
 //# sourceMappingURL=index.js.map

package/dist/components/SelectTreeNode/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNode/index.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNode/index.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC"}

package/dist/components/SelectTreeNodeModalOld/SelectTreeNodeModalOld.d.ts

@@ -0,0 +1,12 @@
+import { FunctionComponent } from 'react';
+import { ITreeNode } from '../../types/trees';
+interface ISelectTreeNodeModalProps {
+    treeId: string;
+    selectedNodeKey?: string;
+    isVisible: boolean;
+    onSubmit: (treeNode: ITreeNode) => void;
+    onClose: () => void;
+    canSelectRoot?: boolean;
+}
+export declare const SelectTreeNodeModalOld: FunctionComponent<ISelectTreeNodeModalProps>;
+export {};

package/dist/components/SelectTreeNodeModalOld/SelectTreeNodeModalOld.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { useState } from 'react';
+import { useSharedTranslation } from '../../hooks/useSharedTranslation';
+import { SelectTreeNode } from '../SelectTreeNode';
+import { KitButton, KitModal } from 'aristid-ds';
+// Todo: check usages of this component (Filter and VersionTree) if still used
+// or if it can be removed in favor of the new SelectTreeNodeModal
+export const SelectTreeNodeModalOld = ({ treeId, selectedNodeKey, onSubmit, isVisible, onClose, canSelectRoot = false }) => {
+    const { t } = useSharedTranslation();
+    const [selectedNode, setSelectedNode] = useState({
+        id: selectedNodeKey,
+        key: selectedNodeKey,
+        title: '',
+        children: []
+    });
+    const _handleCancel = () => {
+        onClose();
+    };
+    const _handleApply = () => {
+        onSubmit(selectedNode);
+        onClose();
+    };
+    const _onSelect = (node, selected) => {
+        setSelectedNode(!selected ? undefined : node);
+    };
+    return (_jsx(KitModal, { isOpen: isVisible, showCloseIcon: true, onClose: _handleCancel, close: _handleCancel, onCancel: _handleCancel, title: t('tree-node-selection.title'), width: "70rem", styles: { body: { maxHeight: '80vh', overflowY: 'auto' } }, centered: true, footer: [
+            _jsx(KitButton, { onClick: _handleCancel, children: t('global.cancel') }, "cancel"),
+            _jsx(KitButton, { type: "primary", onClick: _handleApply, children: t('global.apply') }, "add")
+        ], destroyOnClose: true, children: _jsx(SelectTreeNode, { treeId: treeId, onSelect: _onSelect, selectedNodes: [selectedNode?.key], canSelectRoot: canSelectRoot }) }));
+};
+//# sourceMappingURL=SelectTreeNodeModalOld.js.map

package/dist/components/SelectTreeNodeModalOld/SelectTreeNodeModalOld.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTreeNodeModalOld.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNodeModalOld/SelectTreeNodeModalOld.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAoB,QAAQ,EAAC,MAAM,OAAO,CAAC;AAClD,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AAW/C,8EAA8E;AAC9E,kEAAkE;AAClE,MAAM,CAAC,MAAM,sBAAsB,GAAiD,CAAC,EACjF,MAAM,EACN,eAAe,EACf,QAAQ,EACR,SAAS,EACT,OAAO,EACP,aAAa,GAAG,KAAK,EACxB,EAAE,EAAE;IACD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAY;QACxD,EAAE,EAAE,eAAe;QACnB,GAAG,EAAE,eAAe;QACpB,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,EAAE;KACf,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,QAAQ,CAAC,YAAY,CAAC,CAAC;QACvB,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,IAAyB,EAAE,QAAiB,EAAE,EAAE;QAC/D,eAAe,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,QAAQ,IACL,MAAM,EAAE,SAAS,EACjB,aAAa,QACb,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,CAAC,CAAC,2BAA2B,CAAC,EACrC,KAAK,EAAC,OAAO,EACb,MAAM,EAAE,EAAC,IAAI,EAAE,EAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAC,EAAC,EACtD,QAAQ,QACR,MAAM,EAAE;YACJ,KAAC,SAAS,IAAc,OAAO,EAAE,aAAa,YACzC,CAAC,CAAC,eAAe,CAAC,IADR,QAAQ,CAEX;YACZ,KAAC,SAAS,IAAC,IAAI,EAAC,SAAS,EAAW,OAAO,EAAE,YAAY,YACpD,CAAC,CAAC,cAAc,CAAC,IADQ,KAAK,CAEvB;SACf,EACD,cAAc,kBAEd,KAAC,cAAc,IACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,SAAS,EACnB,aAAa,EAAE,CAAC,YAAY,EAAE,GAAG,CAAC,EAClC,aAAa,EAAE,aAAa,GAC9B,GACK,CACd,CAAC;AACN,CAAC,CAAC"}

package/dist/components/SelectTreeNodeModalOld/index.d.ts

@@ -0,0 +1 @@
+export { SelectTreeNodeModalOld } from './SelectTreeNodeModalOld';

package/dist/components/SelectTreeNodeModalOld/index.js

@@ -0,0 +1,5 @@
+// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+export { SelectTreeNodeModalOld } from './SelectTreeNodeModalOld';
+//# sourceMappingURL=index.js.map

package/dist/components/SelectTreeNodeModalOld/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNodeModalOld/index.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC"}

package/dist/components/SimpleErrorBoundary/SimpleErrorBoundary.d.ts

@@ -7,7 +7,7 @@ interface ISimpleErrorBoundaryState {
     errorInfo: ErrorInfo;
 }
 export declare class SimpleErrorBoundary extends Component<ISimpleErrorBoundaryProps, ISimpleErrorBoundaryState> {
-    private constructor();
+    constructor(props: any);
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
     render(): ReactNode;
 }

package/dist/components/SimpleErrorBoundary/SimpleErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleErrorBoundary.js","sourceRoot":"","sources":["../../../src/components/SimpleErrorBoundary/SimpleErrorBoundary.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,SAAS,EAAuB,MAAM,OAAO,CAAC;AACtD,OAAO,0BAA0B,MAAM,8BAA8B,CAAC;AAWtE,MAAM,OAAO,mBAAoB,SAAQ,SAA+D;IACpG,YAAoB,KAAK;QACrB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAC,CAAC;IAChD,CAAC;IAEM,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QACvD,wEAAwE;QACxE,IAAI,CAAC,QAAQ,CAAC;YACV,KAAK;YACL,SAAS;SACZ,CAAC,CAAC;IACP,CAAC;IAEM,MAAM;QACT,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;YACvB,gBAAgB;YAChB,OAAO,KAAC,0BAA0B,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,GAAI,CAAC;QACpG,CAAC;QAED,iCAAiC;QACjC,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC/B,CAAC;CACJ"}
+{"version":3,"file":"SimpleErrorBoundary.js","sourceRoot":"","sources":["../../../src/components/SimpleErrorBoundary/SimpleErrorBoundary.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,SAAS,EAAuB,MAAM,OAAO,CAAC;AACtD,OAAO,0BAA0B,MAAM,8BAA8B,CAAC;AAWtE,MAAM,OAAO,mBAAoB,SAAQ,SAA+D;IACpG,YAAmB,KAAK;QACpB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAC,CAAC;IAChD,CAAC;IAEM,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QACvD,wEAAwE;QACxE,IAAI,CAAC,QAAQ,CAAC;YACV,KAAK;YACL,SAAS;SACZ,CAAC,CAAC;IACP,CAAC;IAEM,MAAM;QACT,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;YACvB,gBAAgB;YAChB,OAAO,KAAC,0BAA0B,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,GAAI,CAAC;QACpG,CAAC;QAED,iCAAiC;QACjC,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC/B,CAAC;CACJ"}

package/dist/components/SimpleErrorBoundary/SimpleErrorBoundaryContent/SimpleErrorBoundaryContent.d.ts

@@ -1,7 +1,7 @@
-import { ErrorInfo } from 'react';
+import { ErrorInfo, FunctionComponent } from 'react';
 interface IErrorBoundaryContentProps {
     error?: Error;
     errorInfo?: ErrorInfo;
 }
-declare function SimpleErrorBoundaryContent({ error, errorInfo }: IErrorBoundaryContentProps): JSX.Element;
+declare const SimpleErrorBoundaryContent: FunctionComponent<IErrorBoundaryContentProps>;
 export default SimpleErrorBoundaryContent;

package/dist/components/SimpleErrorBoundary/SimpleErrorBoundaryContent/SimpleErrorBoundaryContent.js

@@ -5,6 +5,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FrownOutlined } from '@ant-design/icons';
 import { Result } from 'antd';
 import styled from 'styled-components';
+import { isDevEnv } from '../../../_utils/isDevEnv';
+import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
 const ErrorResult = styled(Result) `
     font-size: 1rem;
 
@@ -19,8 +21,9 @@ const ErrorResult = styled(Result) `
         }
     }
 `;
-function SimpleErrorBoundaryContent({ error, errorInfo }) {
-    return (_jsx(ErrorResult, { status: "error", title: "An error occurred", icon: _jsx(FrownOutlined, {}), children: _jsxs("details", { style: { whiteSpace: 'pre-wrap' }, children: [error && error.toString(), _jsx("br", {}), errorInfo.componentStack] }) }));
-}
+const SimpleErrorBoundaryContent = ({ error, errorInfo }) => {
+    const { t } = useSharedTranslation();
+    return (_jsx(ErrorResult, { status: "error", title: t('error.error_occurred'), icon: _jsx(FrownOutlined, {}), children: isDevEnv() && (_jsxs("details", { style: { whiteSpace: 'pre-wrap' }, children: [error?.toString(), _jsx("br", {}), errorInfo.componentStack] })) }));
+};
 export default SimpleErrorBoundaryContent;
 //# sourceMappingURL=SimpleErrorBoundaryContent.js.map

package/dist/components/SimpleErrorBoundary/SimpleErrorBoundaryContent/SimpleErrorBoundaryContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleErrorBoundaryContent.js","sourceRoot":"","sources":["../../../../src/components/SimpleErrorBoundary/SimpleErrorBoundaryContent/SimpleErrorBoundaryContent.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,MAAM,EAAC,MAAM,MAAM,CAAC;AAE5B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAOvC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;;;;;;;;;;;CAajC,CAAC;AAEF,SAAS,0BAA0B,CAAC,EAAC,KAAK,EAAE,SAAS,EAA6B;IAC9E,OAAO,CACH,KAAC,WAAW,IAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,mBAAmB,EAAC,IAAI,EAAE,KAAC,aAAa,KAAG,YACzE,mBAAS,KAAK,EAAE,EAAC,UAAU,EAAE,UAAU,EAAC,aACnC,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE,EAC1B,cAAM,EACL,SAAS,CAAC,cAAc,IACnB,GACA,CACjB,CAAC;AACN,CAAC;AAED,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"SimpleErrorBoundaryContent.js","sourceRoot":"","sources":["../../../../src/components/SimpleErrorBoundary/SimpleErrorBoundaryContent/SimpleErrorBoundaryContent.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,MAAM,EAAC,MAAM,MAAM,CAAC;AAE5B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;;;;;;;;;;;CAajC,CAAC;AAOF,MAAM,0BAA0B,GAAkD,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,EAAE,EAAE;IACrG,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,OAAO,CACH,KAAC,WAAW,IAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAE,CAAC,CAAC,sBAAsB,CAAC,EAAE,IAAI,EAAE,KAAC,aAAa,KAAG,YAChF,QAAQ,EAAE,IAAI,CACX,mBAAS,KAAK,EAAE,EAAC,UAAU,EAAE,UAAU,EAAC,aACnC,KAAK,EAAE,QAAQ,EAAE,EAClB,cAAM,EACL,SAAS,CAAC,cAAc,IACnB,CACb,GACS,CACjB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/dist/components/UploadFiles/UploadFiles.js

@@ -3,18 +3,18 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { CheckCircleTwoTone, FileOutlined, InboxOutlined, LoadingOutlined } from '@ant-design/icons';
-import { Alert, Button, Checkbox, Divider, Modal, Row, Space, Steps, theme, Tooltip, Upload } from 'antd';
+import { Alert, App, Button, Checkbox, Divider, Modal, Row, Space, Steps, theme, Tooltip, Upload } from 'antd';
 import { useState } from 'react';
 import { v4 as uuidv4 } from 'uuid';
 import { useUser } from '../../hooks';
 import { useSharedTranslation } from '../../hooks/useSharedTranslation';
 import { LibraryBehavior, TreeBehavior, useDoesFileExistAsChildLazyQuery, useGetDirectoryDataQuery, useGetTreeLibrariesQuery, useUploadMutation, useUploadUpdateSubscription } from '../../_gqlTypes';
 import { SelectTreeNode } from '../SelectTreeNode';
-const { confirm } = Modal;
 function UploadFiles({ defaultSelectedNode, libraryId, multiple = false, onCompleted, onClose }) {
     const { t } = useSharedTranslation();
     const { token } = theme.useToken();
     const { userData } = useUser();
+    const { modal } = App.useApp();
     const [selectedNode, setSelectedNode] = useState(defaultSelectedNode);
     const [selectedDir, setSelectedDir] = useState();
     const [files, setFiles] = useState([]);
@@ -179,7 +179,7 @@ function UploadFiles({ defaultSelectedNode, libraryId, multiple = false, onCompl
     const isDone = status === 'finish' || status === 'error';
     const showReplaceModal = async (filename) => new Promise(res => {
         let applyToAll = false;
-        confirm({
+        modal.confirm({
             className: 'confirm-replace-modal',
             closable: true,
             open: true,
@@ -204,7 +204,7 @@ function UploadFiles({ defaultSelectedNode, libraryId, multiple = false, onCompl
             content: (_jsx("div", { "data-testid": "select-tree-node", style: {
                     borderRadius: token.borderRadiusLG,
                     border: `1px dashed ${token.colorBorder}`
-                }, children: filesTreeId && directoriesLibraryId && (_jsx(SelectTreeNode, { tree: { id: filesTreeId }, onSelect: onSelectPath, selectedNode: selectedNode?.id, canSelectRoot: true, selectableLibraries: [directoriesLibraryId] })) }))
+                }, children: filesTreeId && directoriesLibraryId && (_jsx(SelectTreeNode, { treeId: filesTreeId, onSelect: onSelectPath, selectedNodes: [selectedNode?.id], canSelectRoot: true, selectableLibraries: [directoriesLibraryId] })) }))
         },
         {
             title: t('upload.select_files_step_title'),