@leav/ui 1.9.0 → 1.10.0

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

@@ -1 +1 @@
-{"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,EAGH,qBAAqB,GACxB,MAAM,eAAe,CAAC;AACvB,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;AAoB9E,MAAM,CAAC,MAAM,cAAc,GAA4C,CAAC,EACpE,MAAM,EACN,qCAAqC,EACrC,+BAA+B,EAC/B,QAAQ,EACR,OAAO,EACP,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,QAAQ,GAAG,KAAK,EAChB,aAAa,GAAG,IAAI,EACpB,SAAS,GAAG,KAAK,EACjB,aAAa,GAAG,KAAK,EACrB,eAAe,GAAG,IAAI,EACtB,YAAY,GAAG,KAAK,EACpB,wBAAwB,GAAG,KAAK,GACnC,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,+BAA+B,EAAE,+BAA+B,EAChE,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,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,wBAAwB,EAAE,wBAAwB,GACpD,CACL,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {localizedTranslation} from '@leav/utils';\nimport {type FunctionComponent} from 'react';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {\n    type ChildrenAsRecordValuePermissionFilterInput,\n    type DependentValuesPermissionFilterInput,\n    useTreeDataQueryQuery,\n} from '_ui/_gqlTypes';\nimport {ErrorDisplay} from '../..';\nimport useLang from '../../hooks/useLang';\nimport {type ITreeNodeWithRecord} from '../../types/trees';\nimport {SelectTreeNodeContent} from './SelectTreeNodeContent';\nimport {SelectTreeNodeContentSkeleton} from './SelectTreeNodeContentSkeleton';\n\ninterface ISelectTreeNodeProps {\n    treeId: string;\n    childrenAsRecordValuePermissionFilter?: ChildrenAsRecordValuePermissionFilterInput;\n    dependentValuesPermissionFilter?: DependentValuesPermissionFilterInput;\n    onSelect: (node: ITreeNodeWithRecord, selected: boolean) => void;\n    onCheck?: (selection: ITreeNodeWithRecord[]) => void;\n    selectedNodes?: string[];\n    disabledNodes?: string[];\n    selectableLibraries?: string[]; // all by default\n    multiple?: boolean;\n    checkStrictly?: boolean;\n    checkable?: boolean;\n    canSelectRoot?: boolean;\n    loadRecursively?: boolean;\n    noPagination?: boolean;\n    showSelectChildrenButton?: boolean;\n}\n\nexport const SelectTreeNode: FunctionComponent<ISelectTreeNodeProps> = ({\n    treeId,\n    childrenAsRecordValuePermissionFilter,\n    dependentValuesPermissionFilter,\n    onSelect,\n    onCheck,\n    selectedNodes,\n    disabledNodes,\n    selectableLibraries,\n    multiple = false,\n    checkStrictly = true,\n    checkable = false,\n    canSelectRoot = false,\n    loadRecursively = true,\n    noPagination = false,\n    showSelectChildrenButton = false,\n}) => {\n    const {lang} = useLang();\n    const {t} = useSharedTranslation();\n    const {loading, error, data} = useTreeDataQueryQuery({\n        variables: {treeId},\n    });\n\n    if (loading) {\n        return <SelectTreeNodeContentSkeleton />;\n    }\n\n    if (error) {\n        return <ErrorDisplay message={error.message} />;\n    }\n\n    if (!data?.trees.list[0]) {\n        return <ErrorDisplay message={t('error.unknown_tree', {treeId})} />;\n    }\n\n    return (\n        <SelectTreeNodeContent\n            treeData={{id: treeId, label: localizedTranslation(data.trees.list[0].label, lang) || treeId}}\n            childrenAsRecordValuePermissionFilter={childrenAsRecordValuePermissionFilter}\n            dependentValuesPermissionFilter={dependentValuesPermissionFilter}\n            onCheck={onCheck}\n            onSelect={onSelect}\n            multiple={multiple}\n            checkable={checkable}\n            checkStrictly={checkStrictly}\n            selectedNodes={selectedNodes}\n            disabledNodes={disabledNodes}\n            canSelectRoot={canSelectRoot}\n            selectableLibraries={selectableLibraries}\n            loadRecursively={loadRecursively}\n            noPagination={noPagination}\n            showSelectChildrenButton={showSelectChildrenButton}\n        />\n    );\n};\n"]}
+{"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,EAGH,qBAAqB,GACxB,MAAM,eAAe,CAAC;AACvB,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;AAkB9E,MAAM,CAAC,MAAM,cAAc,GAA4C,CAAC,EACpE,MAAM,EACN,qCAAqC,EACrC,+BAA+B,EAC/B,QAAQ,EACR,OAAO,EACP,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,QAAQ,GAAG,KAAK,EAChB,aAAa,GAAG,IAAI,EACpB,SAAS,GAAG,KAAK,EACjB,aAAa,GAAG,KAAK,EACrB,wBAAwB,GAAG,KAAK,GACnC,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,+BAA+B,EAAE,+BAA+B,EAChE,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,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,wBAAwB,EAAE,wBAAwB,GACpD,CACL,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {localizedTranslation} from '@leav/utils';\nimport {type FunctionComponent} from 'react';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {\n    type ChildrenAsRecordValuePermissionFilterInput,\n    type DependentValuesPermissionFilterInput,\n    useTreeDataQueryQuery,\n} from '_ui/_gqlTypes';\nimport {ErrorDisplay} from '../..';\nimport useLang from '../../hooks/useLang';\nimport {type ITreeNodeWithRecord} from '../../types/trees';\nimport {SelectTreeNodeContent} from './SelectTreeNodeContent';\nimport {SelectTreeNodeContentSkeleton} from './SelectTreeNodeContentSkeleton';\n\ninterface ISelectTreeNodeProps {\n    treeId: string;\n    childrenAsRecordValuePermissionFilter?: ChildrenAsRecordValuePermissionFilterInput;\n    dependentValuesPermissionFilter?: DependentValuesPermissionFilterInput;\n    onSelect: (node: ITreeNodeWithRecord, selected: boolean) => void;\n    onCheck?: (selection: ITreeNodeWithRecord[]) => void;\n    selectedNodes?: string[];\n    disabledNodes?: string[];\n    selectableLibraries?: string[]; // all by default\n    multiple?: boolean;\n    checkStrictly?: boolean;\n    checkable?: boolean;\n    canSelectRoot?: boolean;\n    showSelectChildrenButton?: boolean;\n}\n\nexport const SelectTreeNode: FunctionComponent<ISelectTreeNodeProps> = ({\n    treeId,\n    childrenAsRecordValuePermissionFilter,\n    dependentValuesPermissionFilter,\n    onSelect,\n    onCheck,\n    selectedNodes,\n    disabledNodes,\n    selectableLibraries,\n    multiple = false,\n    checkStrictly = true,\n    checkable = false,\n    canSelectRoot = false,\n    showSelectChildrenButton = false,\n}) => {\n    const {lang} = useLang();\n    const {t} = useSharedTranslation();\n    const {loading, error, data} = useTreeDataQueryQuery({\n        variables: {treeId},\n    });\n\n    if (loading) {\n        return <SelectTreeNodeContentSkeleton />;\n    }\n\n    if (error) {\n        return <ErrorDisplay message={error.message} />;\n    }\n\n    if (!data?.trees.list[0]) {\n        return <ErrorDisplay message={t('error.unknown_tree', {treeId})} />;\n    }\n\n    return (\n        <SelectTreeNodeContent\n            treeData={{id: treeId, label: localizedTranslation(data.trees.list[0].label, lang) || treeId}}\n            childrenAsRecordValuePermissionFilter={childrenAsRecordValuePermissionFilter}\n            dependentValuesPermissionFilter={dependentValuesPermissionFilter}\n            onCheck={onCheck}\n            onSelect={onSelect}\n            multiple={multiple}\n            checkable={checkable}\n            checkStrictly={checkStrictly}\n            selectedNodes={selectedNodes}\n            disabledNodes={disabledNodes}\n            canSelectRoot={canSelectRoot}\n            selectableLibraries={selectableLibraries}\n            showSelectChildrenButton={showSelectChildrenButton}\n        />\n    );\n};\n"]}

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

@@ -17,8 +17,6 @@ interface ISelectTreeNodeContentProps {
     checkStrictly?: boolean;
     canSelectRoot?: boolean;
     selectableLibraries?: string[];
-    loadRecursively?: boolean;
-    noPagination?: boolean;
     showSelectChildrenButton?: boolean;
 }
 export declare const SelectTreeNodeContent: FunctionComponent<ISelectTreeNodeContentProps>;

package/dist/components/SelectTreeNode/SelectTreeNodeContent.js

@@ -5,13 +5,34 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { KitTree } from 'aristid-ds';
 import { Spin } from 'antd';
-import { useTreeNodeChildrenLazyQuery, } from '../../_gqlTypes';
-import { defaultPaginationPageSize, ErrorDisplay } from '../../index';
+import { ErrorDisplay } from '../../index';
 import { TreeNodeTitle } from './TreeNodeTitle';
 import { _isObjectSelection } from './_types';
-import { useSharedTranslation } from '../../hooks/useSharedTranslation';
-export const SelectTreeNodeContent = ({ treeData: tree, childrenAsRecordValuePermissionFilter, dependentValuesPermissionFilter, onSelect, onCheck, selectedNodes = [], disabledNodes = [], multiple = false, checkable = false, checkStrictly = true, canSelectRoot = false, selectableLibraries, loadRecursively = true, noPagination = false, showSelectChildrenButton = false, }) => {
-    const { t } = useSharedTranslation();
+import { useLazyQuery } from '@apollo/client';
+import { treeContentDataQuery } from './_queries/treeContentDataQuery';
+const _toTreeMapElement = (node, parents, disabledNodes) => {
+    const children = (node.children ?? []).map(child => _toTreeMapElement(child, [...parents, node.id], disabledNodes));
+    return {
+        record: node.record,
+        title: node.record.whoAmI.label || node.record.whoAmI.id,
+        id: node.id,
+        key: node.id,
+        isLeaf: !node.childrenCount,
+        children,
+        parents,
+        disabled: disabledNodes.includes(node.id),
+    };
+};
+const _buildTreeMap = (root) => {
+    const map = {};
+    const visit = (node) => {
+        map[node.id] = node;
+        node.children.forEach(visit);
+    };
+    visit(root);
+    return map;
+};
+export const SelectTreeNodeContent = ({ treeData: tree, childrenAsRecordValuePermissionFilter, dependentValuesPermissionFilter, onSelect, onCheck, selectedNodes = [], disabledNodes = [], multiple = false, checkable = false, checkStrictly = true, canSelectRoot = false, selectableLibraries, showSelectChildrenButton = false, }) => {
     const rootNode = {
         title: tree.label,
         record: null,
@@ -19,123 +40,47 @@ export const SelectTreeNodeContent = ({ treeData: tree, childrenAsRecordValuePer
         key: tree.id,
         isLeaf: false,
         parents: [],
-        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 [treeMap, setTreeMap] = useState({ [tree.id]: rootNode });
+    const [isLoading, setIsLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const [loadTreeContent] = useLazyQuery(treeContentDataQuery(), {
+        fetchPolicy: dependentValuesPermissionFilter ? 'no-cache' : undefined,
     });
-    const [fetchError, setFetchError] = useState();
-    const [loadTreeContent, { error, called }] = useTreeNodeChildrenLazyQuery();
-    const _fetchTreeContent = async (parentNodeKey, offset = 0, currentTreeMap = { ...treeMap }) => {
-        try {
-            const { data: { treeNodeChildren }, } = await loadTreeContent({
-                // If dependentValuesPermissionFilter is set, we need to bypass the cache to get up-to-date data,
-                // because tree content depends on record values that may have changed
-                fetchPolicy: dependentValuesPermissionFilter ? 'no-cache' : undefined,
-                variables: {
-                    treeId: tree.id,
-                    node: parentNodeKey && parentNodeKey !== tree.id ? parentNodeKey : null,
-                    pagination: noPagination
-                        ? undefined
-                        : {
-                            limit: defaultPaginationPageSize,
-                            offset,
-                        },
-                    childrenAsRecordValuePermissionFilter,
-                    dependentValuesPermissionFilter,
-                },
-            });
-            const parentMapKey = parentNodeKey ?? tree.id;
-            const totalCount = treeNodeChildren.totalCount;
-            const parentElement = currentTreeMap[parentMapKey];
-            const showMoreKey = '__showMore' + parentMapKey + offset;
-            const parentPath = parentElement?.parents ?? [];
-            const currentParents = [...parentPath, parentMapKey];
-            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: [],
-                parents: currentParents,
-                paginationOffset: 0,
-                disabled: disabledNodes.includes(e.id),
-            }));
-            const existingKeys = new Set(parentElement.children.map(child => child.key));
-            const newNodes = formattedNodes.filter(node => !existingKeys.has(node.key));
-            parentElement.children = [
-                ...parentElement.children.filter(child => !child.key.startsWith(`__showMore${parentMapKey}`)),
-                ...newNodes,
-            ];
-            for (const node of formattedNodes) {
-                currentTreeMap[node.key] = node;
-                parentElement.paginationOffset = offset;
-            }
-            if (!noPagination && totalCount > parentElement.paginationOffset + defaultPaginationPageSize) {
-                const showMoreElement = {
-                    isShowMore: true,
-                    record: null,
-                    title: t('tree-node-selection.show_more'),
-                    id: parentMapKey,
-                    key: showMoreKey,
-                    isLeaf: false,
-                    children: [],
-                    paginationOffset: 0,
+    useEffect(() => {
+        const fetchTreeContent = async () => {
+            setIsLoading(true);
+            setError(null);
+            try {
+                const { data } = await loadTreeContent({
+                    variables: {
+                        treeId: tree.id,
+                        childrenAsRecordValuePermissionFilter,
+                        dependentValuesPermissionFilter,
+                    },
+                });
+                const content = data?.treeContent ?? [];
+                const newRoot = {
+                    ...rootNode,
+                    children: content.map(node => _toTreeMapElement(node, [tree.id], disabledNodes)),
                 };
-                parentElement.children.push(showMoreElement);
+                setTreeMap(_buildTreeMap(newRoot));
             }
-            const newOffset = offset + defaultPaginationPageSize;
-            if (treeNodeChildren.totalCount > newOffset) {
-                await _fetchTreeContent(parentNodeKey, newOffset, currentTreeMap);
+            catch (err) {
+                setError(err instanceof Error ? err : new Error('Failed to load tree'));
             }
-            if (loadRecursively) {
-                for (const node of formattedNodes) {
-                    if (!node.isLeaf) {
-                        await _fetchTreeContent(node.key, 0, currentTreeMap);
-                    }
-                }
+            finally {
+                setIsLoading(false);
             }
-            setTreeMap(currentTreeMap);
-            setFetchError(undefined);
-        }
-        catch (err) {
-            setFetchError(err.message);
-        }
-    };
-    useEffect(() => {
-        _fetchTreeContent(undefined, 0);
-    }, []);
-    /**
-     * In strict mode, loadData handler is called twice
-     * https://github.com/ant-design/ant-design/issues/54497
-     */
-    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);
-    };
+        };
+        fetchTreeContent();
+    }, [tree.id, childrenAsRecordValuePermissionFilter, dependentValuesPermissionFilter]);
     const _handleSelect = (_, e) => {
         // Prevent selecting when clicking on select all children button
         if (e.nativeEvent.target instanceof HTMLButtonElement) {
             return;
         }
-        // If user clicked on the text "show more", we load more children instead of selecting the node
-        if ('isShowMore' in e.node && e.node.isShowMore) {
-            _handleLoadData(e.node);
-            return;
-        }
         const node = treeMap[e.node.key];
         const isRoot = node.id === tree.id;
         if ((!canSelectRoot && isRoot) ||
@@ -174,12 +119,13 @@ export const SelectTreeNodeContent = ({ treeData: tree, childrenAsRecordValuePer
         const nodes = checkedKeys.map(key => treeMap[key]);
         onCheck(nodes);
     };
-    if (!called) {
+    if (isLoading) {
         return _jsx(Spin, {});
     }
-    if (error || fetchError) {
-        return _jsx(ErrorDisplay, { message: error?.message ?? fetchError });
+    if (error) {
+        return _jsx(ErrorDisplay, { message: error.message });
     }
-    return (_jsx(KitTree, { checkStrictly: checkStrictly, treeData: [treeMap[rootNode.key]], loadData: loadRecursively ? undefined : _handleLoadData, multiple: multiple, checkable: checkable, defaultExpandedKeys: selectedNodes.length > 0 ? [...selectedNodes, tree.id] : [tree.id], selectedKeys: selectedNodes, checkedKeys: selectedNodes, titleRender: node => (_jsx(TreeNodeTitle, { checkable: checkable, disabledNodes: disabledNodes, loadRecursively: loadRecursively, node: node, onSelect: onSelect, selectedNodes: selectedNodes, showSelectChildrenButton: showSelectChildrenButton })), onSelect: _handleSelect, onCheck: _handleCheck }));
+    const defaultExpandedKeys = selectedNodes.length && !showSelectChildrenButton ? [...selectedNodes, tree.id] : [tree.id];
+    return (_jsx(KitTree, { checkStrictly: checkStrictly, treeData: [treeMap[rootNode.key]], multiple: multiple, checkable: checkable, defaultExpandedKeys: defaultExpandedKeys, selectedKeys: selectedNodes, checkedKeys: selectedNodes, titleRender: node => (_jsx(TreeNodeTitle, { checkable: checkable, disabledNodes: disabledNodes, node: node, onSelect: onSelect, selectedNodes: selectedNodes, showSelectChildrenButton: showSelectChildrenButton })), onSelect: _handleSelect, onCheck: _handleCheck }));
 };
 //# sourceMappingURL=SelectTreeNodeContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectTreeNodeContent.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNode/SelectTreeNodeContent.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type ComponentProps, type FunctionComponent, useEffect, useState} from 'react';\nimport {KitTree} from 'aristid-ds';\nimport {Spin} from 'antd';\nimport {type EventDataNode} from 'antd/lib/tree';\nimport {type ITreeNodeWithRecord} from '_ui/types';\nimport {\n    type ChildrenAsRecordValuePermissionFilterInput,\n    type DependentValuesPermissionFilterInput,\n    useTreeNodeChildrenLazyQuery,\n} from '_ui/_gqlTypes';\nimport {defaultPaginationPageSize, ErrorDisplay} from '../../index';\nimport {TreeNodeTitle} from './TreeNodeTitle';\nimport {_isObjectSelection, type ITreeMap, type ITreeMapElement} from './_types';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\n\ninterface ISelectTreeNodeContentProps {\n    treeData: {id: string; label: string};\n    childrenAsRecordValuePermissionFilter?: ChildrenAsRecordValuePermissionFilterInput;\n    dependentValuesPermissionFilter?: DependentValuesPermissionFilterInput;\n    selectedNodes?: string[];\n    disabledNodes?: string[];\n    onSelect: (node: ITreeNodeWithRecord, selected: boolean) => void;\n    onCheck?: (selection: ITreeNodeWithRecord[]) => void;\n    multiple?: boolean;\n    checkable?: boolean;\n    checkStrictly?: boolean;\n    canSelectRoot?: boolean;\n    selectableLibraries?: string[]; // all by default\n    loadRecursively?: boolean;\n    noPagination?: boolean;\n    showSelectChildrenButton?: boolean;\n}\n\nexport const SelectTreeNodeContent: FunctionComponent<ISelectTreeNodeContentProps> = ({\n    treeData: tree,\n    childrenAsRecordValuePermissionFilter,\n    dependentValuesPermissionFilter,\n    onSelect,\n    onCheck,\n    selectedNodes = [],\n    disabledNodes = [],\n    multiple = false,\n    checkable = false,\n    checkStrictly = true,\n    canSelectRoot = false,\n    selectableLibraries,\n    loadRecursively = true,\n    noPagination = false,\n    showSelectChildrenButton = false,\n}) => {\n    const {t} = useSharedTranslation();\n\n    const rootNode: ITreeMapElement = {\n        title: tree.label,\n        record: null,\n        id: tree.id,\n        key: tree.id,\n        isLeaf: false,\n        parents: [],\n        paginationOffset: 0,\n        children: [],\n    };\n\n    // As we'll fetch children when a node is expanded, we store the whole tree content in a hash map\n    // to make update easier and more efficient\n    const [treeMap, setTreeMap] = useState<ITreeMap>({\n        [tree.id]: rootNode,\n    });\n\n    const [fetchError, setFetchError] = useState<string | undefined>();\n    const [loadTreeContent, {error, called}] = useTreeNodeChildrenLazyQuery();\n\n    const _fetchTreeContent = async (parentNodeKey?: string, offset = 0, currentTreeMap = {...treeMap}) => {\n        try {\n            const {\n                data: {treeNodeChildren},\n            } = await loadTreeContent({\n                // If dependentValuesPermissionFilter is set, we need to bypass the cache to get up-to-date data,\n                // because tree content depends on record values that may have changed\n                fetchPolicy: dependentValuesPermissionFilter ? 'no-cache' : undefined,\n                variables: {\n                    treeId: tree.id,\n                    node: parentNodeKey && parentNodeKey !== tree.id ? parentNodeKey : null,\n                    pagination: noPagination\n                        ? undefined\n                        : {\n                              limit: defaultPaginationPageSize,\n                              offset,\n                          },\n                    childrenAsRecordValuePermissionFilter,\n                    dependentValuesPermissionFilter,\n                },\n            });\n\n            const parentMapKey = parentNodeKey ?? tree.id;\n            const totalCount = treeNodeChildren.totalCount;\n            const parentElement = currentTreeMap[parentMapKey];\n            const showMoreKey = '__showMore' + parentMapKey + offset;\n\n            const parentPath = parentElement?.parents ?? [];\n            const currentParents = [...parentPath, parentMapKey];\n\n            const formattedNodes = treeNodeChildren.list.map(e => ({\n                record: e.record,\n                title: e.record.whoAmI.label || e.record.whoAmI.id,\n                id: e.id,\n                key: e.id,\n                isLeaf: !e.childrenCount,\n                children: [],\n                parents: currentParents,\n                paginationOffset: 0,\n                disabled: disabledNodes.includes(e.id),\n            }));\n\n            const existingKeys = new Set(parentElement.children.map(child => child.key));\n            const newNodes = formattedNodes.filter(node => !existingKeys.has(node.key));\n            parentElement.children = [\n                ...parentElement.children.filter(child => !child.key.startsWith(`__showMore${parentMapKey}`)),\n                ...newNodes,\n            ];\n\n            for (const node of formattedNodes) {\n                currentTreeMap[node.key] = node as ITreeMapElement;\n                parentElement.paginationOffset = offset;\n            }\n\n            if (!noPagination && totalCount > parentElement.paginationOffset + defaultPaginationPageSize) {\n                const showMoreElement: ITreeMapElement = {\n                    isShowMore: true,\n                    record: null,\n                    title: t('tree-node-selection.show_more'),\n                    id: parentMapKey,\n                    key: showMoreKey,\n                    isLeaf: false,\n                    children: [],\n                    paginationOffset: 0,\n                };\n                parentElement.children.push(showMoreElement);\n            }\n\n            const newOffset = offset + defaultPaginationPageSize;\n            if (treeNodeChildren.totalCount > newOffset) {\n                await _fetchTreeContent(parentNodeKey, newOffset, currentTreeMap);\n            }\n\n            if (loadRecursively) {\n                for (const node of formattedNodes) {\n                    if (!node.isLeaf) {\n                        await _fetchTreeContent(node.key, 0, currentTreeMap);\n                    }\n                }\n            }\n\n            setTreeMap(currentTreeMap);\n            setFetchError(undefined);\n        } catch (err) {\n            setFetchError((err as Error).message);\n        }\n    };\n\n    useEffect(() => {\n        _fetchTreeContent(undefined, 0);\n    }, []);\n\n    /**\n     * In strict mode, loadData handler is called twice\n     * https://github.com/ant-design/ant-design/issues/54497\n     */\n    const _handleLoadData: ComponentProps<typeof KitTree>['loadData'] = async nodeData => {\n        const {id, isShowMore} = nodeData as EventDataNode<ITreeMapElement>;\n\n        // Handle offset if we get here through the \"show more\" element\n        const currentNodeOffset = treeMap[id]?.paginationOffset ?? 0;\n        const paginationOffset = isShowMore\n            ? (treeMap[id]?.paginationOffset ?? 0) + defaultPaginationPageSize\n            : currentNodeOffset;\n\n        if (id === tree.id && !isShowMore) {\n            // Root has already been loaded\n            return;\n        }\n\n        await _fetchTreeContent(id, paginationOffset);\n    };\n\n    const _handleSelect: ComponentProps<typeof KitTree>['onSelect'] = (_, e) => {\n        // Prevent selecting when clicking on select all children button\n        if (e.nativeEvent.target instanceof HTMLButtonElement) {\n            return;\n        }\n        // If user clicked on the text \"show more\", we load more children instead of selecting the node\n        if ('isShowMore' in e.node && e.node.isShowMore) {\n            _handleLoadData(e.node);\n            return;\n        }\n\n        const node = treeMap[e.node.key];\n        const isRoot = node.id === tree.id;\n\n        if (\n            (!canSelectRoot && isRoot) ||\n            (!isRoot && selectableLibraries && !selectableLibraries.includes(node.record.whoAmI.library.id))\n        ) {\n            return;\n        }\n\n        const getAllDescendants = (nodeId: string): string[] =>\n            treeMap[nodeId].children.reduce<string[]>(\n                (acc, child) => [...acc, child.id, ...getAllDescendants(child.id)],\n                [],\n            );\n\n        if (node) {\n            if (checkable) {\n                const isDeselecting = selectedNodes.includes(node.id);\n\n                if (isDeselecting && isRoot) {\n                    _handleCheck([], null);\n                } else if (isDeselecting) {\n                    const nodeToDeselect = [node.id, ...node.parents, ...getAllDescendants(node.id)];\n                    const selectionToKeep = selectedNodes.filter(\n                        selectedNode => !nodeToDeselect.includes(selectedNode),\n                    );\n\n                    _handleCheck(selectionToKeep, null);\n                } else if (isRoot) {\n                    _handleCheck([...getAllDescendants(tree.id), tree.id], null);\n                } else {\n                    _handleCheck([...selectedNodes, node.id], null);\n                }\n            } else {\n                onSelect(node, e.selected);\n            }\n        }\n    };\n\n    const _handleCheck: ComponentProps<typeof KitTree>['onCheck'] = selection => {\n        if (!canSelectRoot && Array.isArray(selection) && selection.includes(tree.id)) {\n            return;\n        }\n\n        const checkedKeys = _isObjectSelection(selection) ? selection.checked : selection;\n        const nodes = checkedKeys.map(key => treeMap[key]);\n\n        onCheck(nodes);\n    };\n\n    if (!called) {\n        return <Spin />;\n    }\n\n    if (error || fetchError) {\n        return <ErrorDisplay message={error?.message ?? fetchError} />;\n    }\n\n    return (\n        <KitTree\n            checkStrictly={checkStrictly}\n            treeData={[treeMap[rootNode.key]]}\n            loadData={loadRecursively ? undefined : _handleLoadData}\n            multiple={multiple}\n            checkable={checkable}\n            defaultExpandedKeys={selectedNodes.length > 0 ? [...selectedNodes, tree.id] : [tree.id]}\n            selectedKeys={selectedNodes}\n            checkedKeys={selectedNodes}\n            titleRender={node => (\n                <TreeNodeTitle\n                    checkable={checkable}\n                    disabledNodes={disabledNodes}\n                    loadRecursively={loadRecursively}\n                    node={node as ITreeMapElement}\n                    onSelect={onSelect}\n                    selectedNodes={selectedNodes}\n                    showSelectChildrenButton={showSelectChildrenButton}\n                />\n            )}\n            onSelect={_handleSelect}\n            onCheck={_handleCheck}\n        />\n    );\n};\n"]}
+{"version":3,"file":"SelectTreeNodeContent.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNode/SelectTreeNodeContent.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type ComponentProps, type FunctionComponent, useEffect, useState} from 'react';\nimport {KitTree} from 'aristid-ds';\nimport {Spin} from 'antd';\nimport {type ITreeNodeWithRecord} from '_ui/types';\nimport {\n    type ChildrenAsRecordValuePermissionFilterInput,\n    type DependentValuesPermissionFilterInput,\n    type TreeContentDataQueryQuery,\n} from '_ui/_gqlTypes';\nimport {ErrorDisplay} from '../../index';\nimport {TreeNodeTitle} from './TreeNodeTitle';\nimport {_isObjectSelection, type ITreeMap, type ITreeMapElement} from './_types';\nimport {useLazyQuery} from '@apollo/client';\nimport {treeContentDataQuery} from './_queries/treeContentDataQuery';\n\ninterface ISelectTreeNodeContentProps {\n    treeData: {id: string; label: string};\n    childrenAsRecordValuePermissionFilter?: ChildrenAsRecordValuePermissionFilterInput;\n    dependentValuesPermissionFilter?: DependentValuesPermissionFilterInput;\n    selectedNodes?: string[];\n    disabledNodes?: string[];\n    onSelect: (node: ITreeNodeWithRecord, selected: boolean) => void;\n    onCheck?: (selection: ITreeNodeWithRecord[]) => void;\n    multiple?: boolean;\n    checkable?: boolean;\n    checkStrictly?: boolean;\n    canSelectRoot?: boolean;\n    selectableLibraries?: string[]; // all by default\n    showSelectChildrenButton?: boolean;\n}\n\ntype TreeContentNode = TreeContentDataQueryQuery['treeContent'][number] & {\n    children?: Array<TreeContentDataQueryQuery['treeContent'][number]>;\n};\n\nconst _toTreeMapElement = (node: TreeContentNode, parents: string[], disabledNodes: string[]): ITreeMapElement => {\n    const children = (node.children ?? []).map(child =>\n        _toTreeMapElement(child as TreeContentNode, [...parents, node.id], disabledNodes),\n    );\n\n    return {\n        record: node.record,\n        title: node.record.whoAmI.label || node.record.whoAmI.id,\n        id: node.id,\n        key: node.id,\n        isLeaf: !node.childrenCount,\n        children,\n        parents,\n        disabled: disabledNodes.includes(node.id),\n    };\n};\n\nconst _buildTreeMap = (root: ITreeMapElement): ITreeMap => {\n    const map: ITreeMap = {};\n\n    const visit = (node: ITreeMapElement) => {\n        map[node.id] = node;\n        node.children.forEach(visit);\n    };\n\n    visit(root);\n\n    return map;\n};\n\nexport const SelectTreeNodeContent: FunctionComponent<ISelectTreeNodeContentProps> = ({\n    treeData: tree,\n    childrenAsRecordValuePermissionFilter,\n    dependentValuesPermissionFilter,\n    onSelect,\n    onCheck,\n    selectedNodes = [],\n    disabledNodes = [],\n    multiple = false,\n    checkable = false,\n    checkStrictly = true,\n    canSelectRoot = false,\n    selectableLibraries,\n    showSelectChildrenButton = false,\n}) => {\n    const rootNode: ITreeMapElement = {\n        title: tree.label,\n        record: null,\n        id: tree.id,\n        key: tree.id,\n        isLeaf: false,\n        parents: [],\n        children: [],\n    };\n\n    const [treeMap, setTreeMap] = useState<ITreeMap>({[tree.id]: rootNode});\n    const [isLoading, setIsLoading] = useState(true);\n    const [error, setError] = useState<Error | null>(null);\n\n    const [loadTreeContent] = useLazyQuery(treeContentDataQuery(), {\n        fetchPolicy: dependentValuesPermissionFilter ? 'no-cache' : undefined,\n    });\n\n    useEffect(() => {\n        const fetchTreeContent = async () => {\n            setIsLoading(true);\n            setError(null);\n            try {\n                const {data} = await loadTreeContent({\n                    variables: {\n                        treeId: tree.id,\n                        childrenAsRecordValuePermissionFilter,\n                        dependentValuesPermissionFilter,\n                    },\n                });\n\n                const content = data?.treeContent ?? [];\n\n                const newRoot: ITreeMapElement = {\n                    ...rootNode,\n                    children: content.map(node => _toTreeMapElement(node as TreeContentNode, [tree.id], disabledNodes)),\n                };\n\n                setTreeMap(_buildTreeMap(newRoot));\n            } catch (err) {\n                setError(err instanceof Error ? err : new Error('Failed to load tree'));\n            } finally {\n                setIsLoading(false);\n            }\n        };\n\n        fetchTreeContent();\n    }, [tree.id, childrenAsRecordValuePermissionFilter, dependentValuesPermissionFilter]);\n\n    const _handleSelect: ComponentProps<typeof KitTree>['onSelect'] = (_, e) => {\n        // Prevent selecting when clicking on select all children button\n        if (e.nativeEvent.target instanceof HTMLButtonElement) {\n            return;\n        }\n        const node = treeMap[e.node.key];\n        const isRoot = node.id === tree.id;\n\n        if (\n            (!canSelectRoot && isRoot) ||\n            (!isRoot && selectableLibraries && !selectableLibraries.includes(node.record.whoAmI.library.id))\n        ) {\n            return;\n        }\n\n        const getAllDescendants = (nodeId: string): string[] =>\n            treeMap[nodeId].children.reduce<string[]>(\n                (acc, child) => [...acc, child.id, ...getAllDescendants(child.id)],\n                [],\n            );\n\n        if (node) {\n            if (checkable) {\n                const isDeselecting = selectedNodes.includes(node.id);\n\n                if (isDeselecting && isRoot) {\n                    _handleCheck([], null);\n                } else if (isDeselecting) {\n                    const nodeToDeselect = [node.id, ...node.parents, ...getAllDescendants(node.id)];\n                    const selectionToKeep = selectedNodes.filter(\n                        selectedNode => !nodeToDeselect.includes(selectedNode),\n                    );\n\n                    _handleCheck(selectionToKeep, null);\n                } else if (isRoot) {\n                    _handleCheck([...getAllDescendants(tree.id), tree.id], null);\n                } else {\n                    _handleCheck([...selectedNodes, node.id], null);\n                }\n            } else {\n                onSelect(node, e.selected);\n            }\n        }\n    };\n\n    const _handleCheck: ComponentProps<typeof KitTree>['onCheck'] = selection => {\n        if (!canSelectRoot && Array.isArray(selection) && selection.includes(tree.id)) {\n            return;\n        }\n\n        const checkedKeys = _isObjectSelection(selection) ? selection.checked : selection;\n        const nodes = checkedKeys.map(key => treeMap[key]);\n\n        onCheck(nodes);\n    };\n\n    if (isLoading) {\n        return <Spin />;\n    }\n\n    if (error) {\n        return <ErrorDisplay message={error.message} />;\n    }\n\n    const defaultExpandedKeys =\n        selectedNodes.length && !showSelectChildrenButton ? [...selectedNodes, tree.id] : [tree.id];\n\n    return (\n        <KitTree\n            checkStrictly={checkStrictly}\n            treeData={[treeMap[rootNode.key]]}\n            multiple={multiple}\n            checkable={checkable}\n            defaultExpandedKeys={defaultExpandedKeys}\n            selectedKeys={selectedNodes}\n            checkedKeys={selectedNodes}\n            titleRender={node => (\n                <TreeNodeTitle\n                    checkable={checkable}\n                    disabledNodes={disabledNodes}\n                    node={node as ITreeMapElement}\n                    onSelect={onSelect}\n                    selectedNodes={selectedNodes}\n                    showSelectChildrenButton={showSelectChildrenButton}\n                />\n            )}\n            onSelect={_handleSelect}\n            onCheck={_handleCheck}\n        />\n    );\n};\n"]}

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

@@ -4,7 +4,6 @@ import { type ITreeNodeWithRecord } from '../../types';
 interface ITreeNodeTitleProps {
     checkable: boolean;
     disabledNodes: string[];
-    loadRecursively: boolean;
     node: ITreeMapElement;
     onSelect: (node: ITreeNodeWithRecord, selected: boolean) => void;
     selectedNodes: string[];

package/dist/components/SelectTreeNode/TreeNodeTitle.js

@@ -18,7 +18,7 @@ const TreeNodeLineSection = styled.div `
     align-items: center;
     gap: calc(var(--general-spacing-xs) * 1px);
 `;
-export const TreeNodeTitle = ({ checkable, disabledNodes, loadRecursively, node, onSelect, selectedNodes, showSelectChildrenButton, }) => {
+export const TreeNodeTitle = ({ checkable, disabledNodes, node, onSelect, selectedNodes, showSelectChildrenButton, }) => {
     const { t } = useSharedTranslation();
     const [hover, setHover] = useState(false);
     const isSelected = selectedNodes.includes(node.id) && !node.isShowMore;
@@ -35,13 +35,9 @@ export const TreeNodeTitle = ({ checkable, disabledNodes, loadRecursively, node,
             onSelect(child, buttonInSelectMode);
         });
     };
-    return (_jsxs(TreeNodeLine, { onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), children: [_jsxs(TreeNodeLineSection, { children: [_jsx(KitTypography.Text, { size: "fontSize5", disabled: isDisabled, children: node.title }), _jsx(SelectedChildrenCount, { node: node, selectedNodes: selectedNodes, loadRecursively: loadRecursively })] }), _jsxs(TreeNodeLineSection, { children: [showSelectChildrenButton && node.children.length > 0 && hover && (_jsx(KitButton, { size: "s", onClick: e => handleChildrenSelection(e), children: t(`tree-node-selection.${buttonInSelectMode ? 'select_children' : 'unselect_children'}`) })), !checkable && isSelected && (_jsx(FontAwesomeIcon, { icon: faCheck, color: isDisabled ? 'var(--general-utilities-text-disabled)' : 'var(--general-utilities-text-blue)' }))] })] }));
+    return (_jsxs(TreeNodeLine, { onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), children: [_jsxs(TreeNodeLineSection, { children: [_jsx(KitTypography.Text, { size: "fontSize5", disabled: isDisabled, children: node.title }), _jsx(SelectedChildrenCount, { node: node, selectedNodes: selectedNodes })] }), _jsxs(TreeNodeLineSection, { children: [showSelectChildrenButton && node.children.length > 0 && hover && (_jsx(KitButton, { size: "s", onClick: e => handleChildrenSelection(e), children: t(`tree-node-selection.${buttonInSelectMode ? 'select_children' : 'unselect_children'}`) })), !checkable && isSelected && (_jsx(FontAwesomeIcon, { icon: faCheck, color: isDisabled ? 'var(--general-utilities-text-disabled)' : 'var(--general-utilities-text-blue)' }))] })] }));
 };
-const SelectedChildrenCount = ({ node, selectedNodes, loadRecursively }) => {
-    // it can work only if all children are loaded
-    if (!loadRecursively) {
-        return null;
-    }
+const SelectedChildrenCount = ({ node, selectedNodes }) => {
     const selectedChildrenCount = countSelectedNodes(node, selectedNodes);
     return selectedChildrenCount > 0 ? (_jsx(KitTag, { children: _jsx(KitIdCard, { description: selectedChildrenCount }) })) : null;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"TreeNodeTitle.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNode/TreeNodeTitle.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {useState, type FunctionComponent} from 'react';\nimport {type ITreeMapElement} from './_types';\nimport {KitButton, KitIdCard, KitTag, KitTypography} from 'aristid-ds';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faCheck} from '@fortawesome/free-solid-svg-icons';\nimport {type ITreeNodeWithRecord} from '_ui/types';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport styled from 'styled-components';\n\nconst TreeNodeLine = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n`;\nconst TreeNodeLineSection = styled.div`\n    display: flex;\n    align-items: center;\n    gap: calc(var(--general-spacing-xs) * 1px);\n`;\ninterface ITreeNodeTitleProps {\n    checkable: boolean;\n    disabledNodes: string[];\n    loadRecursively: boolean;\n    node: ITreeMapElement;\n    onSelect: (node: ITreeNodeWithRecord, selected: boolean) => void;\n    selectedNodes: string[];\n    showSelectChildrenButton: boolean;\n}\n\nexport const TreeNodeTitle: FunctionComponent<ITreeNodeTitleProps> = ({\n    checkable,\n    disabledNodes,\n    loadRecursively,\n    node,\n    onSelect,\n    selectedNodes,\n    showSelectChildrenButton,\n}) => {\n    const {t} = useSharedTranslation();\n\n    const [hover, setHover] = useState(false);\n\n    const isSelected = selectedNodes.includes(node.id) && !node.isShowMore;\n    const isDisabled = disabledNodes.includes(node.id);\n\n    const buttonInSelectMode = node.children\n        .filter(child => !child.isShowMore && !disabledNodes.includes(child.id))\n        .every(child => !selectedNodes.includes(child.id));\n\n    const handleChildrenSelection = (event: React.MouseEvent) => {\n        event.stopPropagation();\n        node.children.forEach(child => {\n            if (node.disabled || child.isShowMore) {\n                return;\n            }\n            onSelect(child, buttonInSelectMode);\n        });\n    };\n\n    return (\n        <TreeNodeLine onMouseEnter={() => setHover(true)} onMouseLeave={() => setHover(false)}>\n            <TreeNodeLineSection>\n                <KitTypography.Text size=\"fontSize5\" disabled={isDisabled}>\n                    {node.title}\n                </KitTypography.Text>\n                <SelectedChildrenCount node={node} selectedNodes={selectedNodes} loadRecursively={loadRecursively} />\n            </TreeNodeLineSection>\n            <TreeNodeLineSection>\n                {showSelectChildrenButton && node.children.length > 0 && hover && (\n                    <KitButton size=\"s\" onClick={e => handleChildrenSelection(e)}>\n                        {t(`tree-node-selection.${buttonInSelectMode ? 'select_children' : 'unselect_children'}`)}\n                    </KitButton>\n                )}\n                {!checkable && isSelected && (\n                    <FontAwesomeIcon\n                        icon={faCheck}\n                        color={\n                            isDisabled ? 'var(--general-utilities-text-disabled)' : 'var(--general-utilities-text-blue)'\n                        }\n                    />\n                )}\n            </TreeNodeLineSection>\n        </TreeNodeLine>\n    );\n};\n\nconst SelectedChildrenCount: FunctionComponent<{\n    node: ITreeMapElement;\n    selectedNodes: string[];\n    loadRecursively: boolean;\n}> = ({node, selectedNodes, loadRecursively}) => {\n    // it can work only if all children are loaded\n    if (!loadRecursively) {\n        return null;\n    }\n\n    const selectedChildrenCount = countSelectedNodes(node, selectedNodes);\n\n    return selectedChildrenCount > 0 ? (\n        <KitTag>\n            <KitIdCard description={selectedChildrenCount} />\n        </KitTag>\n    ) : null;\n};\n\nconst countSelectedNodes = (node: ITreeMapElement, selectedNodes: string[]): number =>\n    node.children?.reduce((count, child) => {\n        if (selectedNodes.includes(child.id) && !child.isShowMore) {\n            count += 1;\n        }\n        count += countSelectedNodes(child, selectedNodes);\n        return count;\n    }, 0) ?? 0;\n"]}
+{"version":3,"file":"TreeNodeTitle.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNode/TreeNodeTitle.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {useState, type FunctionComponent} from 'react';\nimport {type ITreeMapElement} from './_types';\nimport {KitButton, KitIdCard, KitTag, KitTypography} from 'aristid-ds';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faCheck} from '@fortawesome/free-solid-svg-icons';\nimport {type ITreeNodeWithRecord} from '_ui/types';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport styled from 'styled-components';\n\nconst TreeNodeLine = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n`;\nconst TreeNodeLineSection = styled.div`\n    display: flex;\n    align-items: center;\n    gap: calc(var(--general-spacing-xs) * 1px);\n`;\ninterface ITreeNodeTitleProps {\n    checkable: boolean;\n    disabledNodes: string[];\n    node: ITreeMapElement;\n    onSelect: (node: ITreeNodeWithRecord, selected: boolean) => void;\n    selectedNodes: string[];\n    showSelectChildrenButton: boolean;\n}\n\nexport const TreeNodeTitle: FunctionComponent<ITreeNodeTitleProps> = ({\n    checkable,\n    disabledNodes,\n    node,\n    onSelect,\n    selectedNodes,\n    showSelectChildrenButton,\n}) => {\n    const {t} = useSharedTranslation();\n\n    const [hover, setHover] = useState(false);\n\n    const isSelected = selectedNodes.includes(node.id) && !node.isShowMore;\n    const isDisabled = disabledNodes.includes(node.id);\n\n    const buttonInSelectMode = node.children\n        .filter(child => !child.isShowMore && !disabledNodes.includes(child.id))\n        .every(child => !selectedNodes.includes(child.id));\n\n    const handleChildrenSelection = (event: React.MouseEvent) => {\n        event.stopPropagation();\n        node.children.forEach(child => {\n            if (node.disabled || child.isShowMore) {\n                return;\n            }\n            onSelect(child, buttonInSelectMode);\n        });\n    };\n\n    return (\n        <TreeNodeLine onMouseEnter={() => setHover(true)} onMouseLeave={() => setHover(false)}>\n            <TreeNodeLineSection>\n                <KitTypography.Text size=\"fontSize5\" disabled={isDisabled}>\n                    {node.title}\n                </KitTypography.Text>\n                <SelectedChildrenCount node={node} selectedNodes={selectedNodes} />\n            </TreeNodeLineSection>\n            <TreeNodeLineSection>\n                {showSelectChildrenButton && node.children.length > 0 && hover && (\n                    <KitButton size=\"s\" onClick={e => handleChildrenSelection(e)}>\n                        {t(`tree-node-selection.${buttonInSelectMode ? 'select_children' : 'unselect_children'}`)}\n                    </KitButton>\n                )}\n                {!checkable && isSelected && (\n                    <FontAwesomeIcon\n                        icon={faCheck}\n                        color={\n                            isDisabled ? 'var(--general-utilities-text-disabled)' : 'var(--general-utilities-text-blue)'\n                        }\n                    />\n                )}\n            </TreeNodeLineSection>\n        </TreeNodeLine>\n    );\n};\n\nconst SelectedChildrenCount: FunctionComponent<{\n    node: ITreeMapElement;\n    selectedNodes: string[];\n}> = ({node, selectedNodes}) => {\n    const selectedChildrenCount = countSelectedNodes(node, selectedNodes);\n\n    return selectedChildrenCount > 0 ? (\n        <KitTag>\n            <KitIdCard description={selectedChildrenCount} />\n        </KitTag>\n    ) : null;\n};\n\nconst countSelectedNodes = (node: ITreeMapElement, selectedNodes: string[]): number =>\n    node.children?.reduce((count, child) => {\n        if (selectedNodes.includes(child.id) && !child.isShowMore) {\n            count += 1;\n        }\n        count += countSelectedNodes(child, selectedNodes);\n        return count;\n    }, 0) ?? 0;\n"]}

package/dist/components/SelectTreeNode/_queries/treeContentDataQuery.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Generates recursive GraphQL for tree node children.
+ * Used to fetch nested children up to the specified depth.
+ */
+export declare const treeContentTreeNodeChildren: (depth?: number) => string;
+export declare const treeContentDataQuery: (depthTreeNodes?: number) => import("@apollo/client").DocumentNode;

package/dist/components/SelectTreeNode/_queries/treeContentDataQuery.js

@@ -0,0 +1,56 @@
+// 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 { gql } from '@apollo/client';
+const DEFAULT_DEPTH_TREE_NODES = 10;
+/**
+ * Generates recursive GraphQL for tree node children.
+ * Used to fetch nested children up to the specified depth.
+ */
+export const treeContentTreeNodeChildren = (depth = 0) => `
+    children {
+        id
+        childrenCount
+        record {
+            id
+            whoAmI {
+                id
+                label
+                library {
+                    id
+                }
+            }
+        }
+        ${depth > 0 ? treeContentTreeNodeChildren(depth - 1) : ''}
+    }
+`;
+export const treeContentDataQuery = (depthTreeNodes = DEFAULT_DEPTH_TREE_NODES) => gql `
+    query TreeContentDataQuery(
+        $treeId: ID!
+        $startAt: ID
+        $childrenAsRecordValuePermissionFilter: ChildrenAsRecordValuePermissionFilterInput
+        $dependentValuesPermissionFilter: DependentValuesPermissionFilterInput
+    ) {
+        treeContent(
+            treeId: $treeId
+            startAt: $startAt
+            childrenAsRecordValuePermissionFilter: $childrenAsRecordValuePermissionFilter
+            dependentValuesPermissionFilter: $dependentValuesPermissionFilter
+        ) {
+            id
+            childrenCount
+            record {
+                id
+                whoAmI {
+                    id
+                    label
+                    library {
+                        id
+                    }
+                }
+            }
+            ${treeContentTreeNodeChildren(depthTreeNodes - 1)}
+        }
+    }
+`;
+//# sourceMappingURL=treeContentDataQuery.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"treeContentDataQuery.js","sourceRoot":"","sources":["../../../../src/components/SelectTreeNode/_queries/treeContentDataQuery.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,GAAG,EAAC,MAAM,gBAAgB,CAAC;AAEnC,MAAM,wBAAwB,GAAG,EAAE,CAAC;AAEpC;;;GAGG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,EAAE,CAAC;;;;;;;;;;;;;;UAchD,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,2BAA2B,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;;CAEhE,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,cAAc,GAAG,wBAAwB,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;cAyBxE,2BAA2B,CAAC,cAAc,GAAG,CAAC,CAAC;;;CAG5D,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {gql} from '@apollo/client';\n\nconst DEFAULT_DEPTH_TREE_NODES = 10;\n\n/**\n * Generates recursive GraphQL for tree node children.\n * Used to fetch nested children up to the specified depth.\n */\nexport const treeContentTreeNodeChildren = (depth = 0) => `\n    children {\n        id\n        childrenCount\n        record {\n            id\n            whoAmI {\n                id\n                label\n                library {\n                    id\n                }\n            }\n        }\n        ${depth > 0 ? treeContentTreeNodeChildren(depth - 1) : ''}\n    }\n`;\n\nexport const treeContentDataQuery = (depthTreeNodes = DEFAULT_DEPTH_TREE_NODES) => gql`\n    query TreeContentDataQuery(\n        $treeId: ID!\n        $startAt: ID\n        $childrenAsRecordValuePermissionFilter: ChildrenAsRecordValuePermissionFilterInput\n        $dependentValuesPermissionFilter: DependentValuesPermissionFilterInput\n    ) {\n        treeContent(\n            treeId: $treeId\n            startAt: $startAt\n            childrenAsRecordValuePermissionFilter: $childrenAsRecordValuePermissionFilter\n            dependentValuesPermissionFilter: $dependentValuesPermissionFilter\n        ) {\n            id\n            childrenCount\n            record {\n                id\n                whoAmI {\n                    id\n                    label\n                    library {\n                        id\n                    }\n                }\n            }\n            ${treeContentTreeNodeChildren(depthTreeNodes - 1)}\n        }\n    }\n`;\n"]}

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

@@ -3,7 +3,6 @@ import { type KitTree } from 'aristid-ds';
 import { type ITreeNodeWithRecord } from '../../types';
 export interface ITreeMapElement extends ITreeNodeWithRecord {
     isLeaf?: boolean;
-    paginationOffset: number;
     children: ITreeMapElement[];
     parents?: string[];
     isShowMore?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"_types.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNode/_types.ts"],"names":[],"mappings":"AAuBA,gEAAgE;AAChE,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,SAA4B,EAAkD,EAAE,CAC/G,SAAS,IAAI,SAAS,IAAI,aAAa,IAAI,SAAS,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type ComponentProps, type Key} from 'react';\nimport {type KitTree} from 'aristid-ds';\nimport {type ITreeNodeWithRecord} from '_ui/types';\n\nexport interface ITreeMapElement extends ITreeNodeWithRecord {\n    isLeaf?: boolean;\n    paginationOffset: number;\n    children: ITreeMapElement[];\n    parents?: string[];\n    isShowMore?: boolean;\n    selectable?: boolean;\n    disabled?: boolean;\n}\n\nexport interface ITreeMap {\n    [nodeId: string]: ITreeMapElement;\n}\n\ntype OnCheckFirstParam = Parameters<ComponentProps<typeof KitTree>['onCheck']>[0];\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport const _isObjectSelection = (selection: OnCheckFirstParam): selection is Exclude<OnCheckFirstParam, Key[]> =>\n    'checked' in selection && 'halfChecked' in selection;\n"]}
+{"version":3,"file":"_types.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNode/_types.ts"],"names":[],"mappings":"AAsBA,gEAAgE;AAChE,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,SAA4B,EAAkD,EAAE,CAC/G,SAAS,IAAI,SAAS,IAAI,aAAa,IAAI,SAAS,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type ComponentProps, type Key} from 'react';\nimport {type KitTree} from 'aristid-ds';\nimport {type ITreeNodeWithRecord} from '_ui/types';\n\nexport interface ITreeMapElement extends ITreeNodeWithRecord {\n    isLeaf?: boolean;\n    children: ITreeMapElement[];\n    parents?: string[];\n    isShowMore?: boolean;\n    selectable?: boolean;\n    disabled?: boolean;\n}\n\nexport interface ITreeMap {\n    [nodeId: string]: ITreeMapElement;\n}\n\ntype OnCheckFirstParam = Parameters<ComponentProps<typeof KitTree>['onCheck']>[0];\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport const _isObjectSelection = (selection: OnCheckFirstParam): selection is Exclude<OnCheckFirstParam, Key[]> =>\n    'checked' in selection && 'halfChecked' in selection;\n"]}

package/dist/components/index.d.ts

@@ -1,8 +1,6 @@
 export * from './AttributePicker';
-export * from './AttributesSelectionList';
 export * from './BasicButton';
 export * from './CreateDirectory';
-export * from './DeactivateRecordsModal';
 export * from './Dimmer';
 export * from './EditApplication';
 export * from './EditAttributeModal';
@@ -20,7 +18,6 @@ export * from './FloatingMenu';
 export * from './ImageLoading';
 export * from './ImageMissing';
 export * from './ImportModal';
-export * from './LibraryItemsList';
 export * from './LibraryPicker';
 export * from './List';
 export * from './Loading';

package/dist/components/index.js

@@ -2,10 +2,8 @@
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 export * from './AttributePicker';
-export * from './AttributesSelectionList';
 export * from './BasicButton';
 export * from './CreateDirectory';
-export * from './DeactivateRecordsModal';
 export * from './Dimmer';
 export * from './EditApplication';
 export * from './EditAttributeModal';
@@ -23,7 +21,6 @@ export * from './FloatingMenu';
 export * from './ImageLoading';
 export * from './ImageMissing';
 export * from './ImportModal';
-export * from './LibraryItemsList';
 export * from './LibraryPicker';
 export * from './List';
 export * from './Loading';

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,cAAc,kCAAkC,CAAC;AACjD,cAAc,eAAe,CAAC;AAC9B,cAAc,6BAA6B,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nexport * from './AttributePicker';\nexport * from './AttributesSelectionList';\nexport * from './BasicButton';\nexport * from './CreateDirectory';\nexport * from './DeactivateRecordsModal';\nexport * from './Dimmer';\nexport * from './EditApplication';\nexport * from './EditAttributeModal';\nexport * from './EditLibraryModal';\nexport * from './EditTreeModal';\nexport * from './EntityCard';\nexport * from './EntityPreview';\nexport * from './ErrorBoundary';\nexport * from './ErrorDisplay';\nexport * from './ErrorMessage';\nexport * from './Explorer';\nexport * from './FieldsGroup';\nexport * from './Filters';\nexport * from './FloatingMenu';\nexport * from './ImageLoading';\nexport * from './ImageMissing';\nexport * from './ImportModal';\nexport * from './LibraryItemsList';\nexport * from './LibraryPicker';\nexport * from './List';\nexport * from './Loading';\nexport * from './Notifications';\nexport * from './RecordCard';\nexport * from './RecordEdition';\nexport * from './RecordHistory';\nexport * from './RecordPreviewWithModal';\nexport * from './SearchModal';\nexport * from './SelectTreeNode';\nexport * from './SelectTreeNodeModalOld';\nexport * from './ShowMore';\nexport * from './SimpleErrorBoundary';\nexport * from './SubmitStateNotifier';\nexport * from './TreePicker';\nexport * from './TriggerPreviewsGenerationModal';\nexport * from './UploadFiles';\nexport * from './ValuesVersionConfigurator';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,cAAc,kCAAkC,CAAC;AACjD,cAAc,eAAe,CAAC;AAC9B,cAAc,6BAA6B,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nexport * from './AttributePicker';\nexport * from './BasicButton';\nexport * from './CreateDirectory';\nexport * from './Dimmer';\nexport * from './EditApplication';\nexport * from './EditAttributeModal';\nexport * from './EditLibraryModal';\nexport * from './EditTreeModal';\nexport * from './EntityCard';\nexport * from './EntityPreview';\nexport * from './ErrorBoundary';\nexport * from './ErrorDisplay';\nexport * from './ErrorMessage';\nexport * from './Explorer';\nexport * from './FieldsGroup';\nexport * from './Filters';\nexport * from './FloatingMenu';\nexport * from './ImageLoading';\nexport * from './ImageMissing';\nexport * from './ImportModal';\nexport * from './LibraryPicker';\nexport * from './List';\nexport * from './Loading';\nexport * from './Notifications';\nexport * from './RecordCard';\nexport * from './RecordEdition';\nexport * from './RecordHistory';\nexport * from './RecordPreviewWithModal';\nexport * from './SearchModal';\nexport * from './SelectTreeNode';\nexport * from './SelectTreeNodeModalOld';\nexport * from './ShowMore';\nexport * from './SimpleErrorBoundary';\nexport * from './SubmitStateNotifier';\nexport * from './TreePicker';\nexport * from './TriggerPreviewsGenerationModal';\nexport * from './UploadFiles';\nexport * from './ValuesVersionConfigurator';\n"]}

package/dist/hooks/useGetRecordForm/useGetRecordForm.js

@@ -1,5 +1,5 @@
 import { objectToNameValueArray } from '@leav/utils';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { useRecordFormQuery, } from '../../_gqlTypes';
 import { arrayValueVersionToObject } from '../../_utils';
 const useGetRecordForm = ({ libraryId, recordId, formId, version, }) => {
@@ -12,7 +12,7 @@ const useGetRecordForm = ({ libraryId, recordId, formId, version, }) => {
             treeNodeId: value.id,
         }))
         : null;
-    const { loading, error, refetch } = useRecordFormQuery({
+    const { loading, error, data, refetch } = useRecordFormQuery({
         fetchPolicy: 'no-cache',
         notifyOnNetworkStatusChange: true,
         variables: {
@@ -21,28 +21,30 @@ const useGetRecordForm = ({ libraryId, recordId, formId, version, }) => {
             formId,
             version: requestVersion,
         },
-        onCompleted: data => {
-            // Transform result to format values version to a more convenient object
-            const recordFormFormatted = {
-                ...data.recordForm,
-                elements: data.recordForm.elements.map((element) => ({
-                    ...element,
-                    values: (element?.values ?? []).map(value => ({
-                        ...value,
-                        version: arrayValueVersionToObject(value.version ?? []),
-                        metadata: (value.metadata ?? []).map(metadata => ({
-                            ...metadata,
-                            value: {
-                                ...metadata.value,
-                                version: arrayValueVersionToObject(metadata.value?.version ?? []),
-                            },
-                        })),
+    });
+    useEffect(() => {
+        if (!data?.recordForm) {
+            return;
+        }
+        const recordFormFormatted = {
+            ...data.recordForm,
+            elements: data.recordForm.elements.map((element) => ({
+                ...element,
+                values: (element?.values ?? []).map(value => ({
+                    ...value,
+                    version: arrayValueVersionToObject(value.version ?? []),
+                    metadata: (value.metadata ?? []).map(metadata => ({
+                        ...metadata,
+                        value: {
+                            ...metadata.value,
+                            version: arrayValueVersionToObject(metadata.value?.version ?? []),
+                        },
                     })),
                 })),
-            };
-            setRecordForm(recordFormFormatted);
-        },
-    });
+            })),
+        };
+        setRecordForm(recordFormFormatted);
+    }, [data]);
     const refetchRecordForm = () => refetch({
         libraryId,
         recordId,