@leav/ui 1.9.0-51ddde49 → 1.9.0-59aae7a0

package/dist/components/Filters/_queries/treeFiltersDataQuery.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 treeFiltersTreeNodeChildren: (depth?: number) => string;
+export declare const treeFiltersDataQuery: (depthTreeNodes?: number) => import("@apollo/client").DocumentNode;

package/dist/components/Filters/_queries/treeFiltersDataQuery.js

@@ -0,0 +1,54 @@
+// 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 treeFiltersTreeNodeChildren = (depth = 0) => `
+    children {
+        id
+        record {
+            id
+            whoAmI {
+                id
+                label
+                library {
+                    id
+                }
+            }
+        }
+        accessRecordByDefaultPermission
+        ${depth > 0 ? treeFiltersTreeNodeChildren(depth - 1) : ''}
+    }
+`;
+export const treeFiltersDataQuery = (depthTreeNodes = DEFAULT_DEPTH_TREE_NODES) => gql `
+    query TreeFiltersDataQuery(
+        $treeId: ID!
+        $startAt: ID
+        $accessRecordByDefaultPermission: AccessRecordByDefaultPermissionInput
+    ) {
+        treeContent(
+            treeId: $treeId
+            startAt: $startAt
+            accessRecordByDefaultPermission: $accessRecordByDefaultPermission
+        ) {
+            id
+            record {
+                id
+                whoAmI {
+                    id
+                    label
+                    library {
+                        id
+                    }
+                }
+            }
+            ${treeFiltersTreeNodeChildren(depthTreeNodes - 1)}
+            accessRecordByDefaultPermission
+        }
+    }
+`;
+//# sourceMappingURL=treeFiltersDataQuery.js.map

package/dist/components/Filters/_queries/treeFiltersDataQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeFiltersDataQuery.js","sourceRoot":"","sources":["../../../../src/components/Filters/_queries/treeFiltersDataQuery.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;;;;;;;;;;;;;;;;;;;;;;cAsBxE,2BAA2B,CAAC,cAAc,GAAG,CAAC,CAAC;;;;CAI5D,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 treeFiltersTreeNodeChildren = (depth = 0) => `\n    children {\n        id\n        record {\n            id\n            whoAmI {\n                id\n                label\n                library {\n                    id\n                }\n            }\n        }\n        accessRecordByDefaultPermission\n        ${depth > 0 ? treeFiltersTreeNodeChildren(depth - 1) : ''}\n    }\n`;\n\nexport const treeFiltersDataQuery = (depthTreeNodes = DEFAULT_DEPTH_TREE_NODES) => gql`\n    query TreeFiltersDataQuery(\n        $treeId: ID!\n        $startAt: ID\n        $accessRecordByDefaultPermission: AccessRecordByDefaultPermissionInput\n    ) {\n        treeContent(\n            treeId: $treeId\n            startAt: $startAt\n            accessRecordByDefaultPermission: $accessRecordByDefaultPermission\n        ) {\n            id\n            record {\n                id\n                whoAmI {\n                    id\n                    label\n                    library {\n                        id\n                    }\n                }\n            }\n            ${treeFiltersTreeNodeChildren(depthTreeNodes - 1)}\n            accessRecordByDefaultPermission\n        }\n    }\n`;\n"]}

package/dist/components/Filters/context/useGetTreeFilters.js

@@ -2,9 +2,9 @@
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { useLazyQuery } from '@apollo/client';
-import { useGetLibraryByIdQuery, } from '../../../_gqlTypes';
-import { getTreeContentQuery } from '../../../_queries/trees/getTreeContentQuery';
+import { useGetLibraryByIdQuery } from '../../../_gqlTypes';
 import { useEffect, useState } from 'react';
+import { treeFiltersDataQuery } from '../_queries/treeFiltersDataQuery';
 const _flattenNodes = (nodes) => nodes.flatMap(node => [
     ...(node.accessRecordByDefaultPermission
         ? [
@@ -21,7 +21,7 @@ const _flattenNodes = (nodes) => nodes.flatMap(node => [
 export const useGetTreeFilters = ({ libraryId, skip }) => {
     const [treeFilters, setTreeFilters] = useState({});
     const [treeFiltersLoading, setTreeFiltersLoading] = useState(true);
-    const [loadTreeContent] = useLazyQuery(getTreeContentQuery());
+    const [loadTreeFilters] = useLazyQuery(treeFiltersDataQuery());
     const { data: libraryData, loading: libraryLoading } = useGetLibraryByIdQuery({
         variables: {
             id: libraryId,
@@ -38,7 +38,7 @@ export const useGetTreeFilters = ({ libraryId, skip }) => {
                 treeId: libraryData?.libraries.list[0]?.attributes.find(tree => tree.id === attribute.id)?.linked_tree?.id,
             })) || [];
             const treeResponse = await Promise.all(treeAttributesWithExtendedPermissions.map(async (attribute) => {
-                const { data } = await loadTreeContent({
+                const { data } = await loadTreeFilters({
                     variables: {
                         treeId: attribute.treeId,
                         accessRecordByDefaultPermission: {
@@ -63,7 +63,7 @@ export const useGetTreeFilters = ({ libraryId, skip }) => {
             setTreeFiltersLoading(false);
         };
         fetchTreeFilters();
-    }, [skip, libraryId, libraryLoading, libraryData, loadTreeContent]);
+    }, [skip, libraryId, libraryLoading, libraryData, loadTreeFilters]);
     return {
         data: treeFilters,
         loading: treeFiltersLoading,

package/dist/components/Filters/context/useGetTreeFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetTreeFilters.js","sourceRoot":"","sources":["../../../../src/components/Filters/context/useGetTreeFilters.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 {useLazyQuery} from '@apollo/client';\nimport {\n    type GetTreeContentQueryQuery,\n    type GetTreeContentQueryQueryVariables,\n    type TreeAttributeDetailsFragment,\n    useGetLibraryByIdQuery,\n} from '_ui/_gqlTypes';\nimport {getTreeContentQuery} from '_ui/_queries/trees/getTreeContentQuery';\nimport {useEffect, useState} from 'react';\n\ninterface ITreeNode {\n    nodeId: string;\n    libraryId: string;\n    value: string;\n    label: string;\n}\n\nexport interface ITreeFilters {\n    [x: string]: ITreeNode[];\n}\n\nconst _flattenNodes = (\n    nodes: Array<\n        GetTreeContentQueryQuery['treeContent'][number] & {\n            children?: Array<GetTreeContentQueryQuery['treeContent'][number]>;\n        }\n    >,\n): ITreeNode[] =>\n    nodes.flatMap(node => [\n        ...(node.accessRecordByDefaultPermission\n            ? [\n                  {\n                      nodeId: node.id,\n                      libraryId: node.record.whoAmI.library.id,\n                      value: node.record.id,\n                      label: node.record.whoAmI.label,\n                  },\n              ]\n            : []),\n        ..._flattenNodes(node.children ?? []),\n    ]);\n\nexport const useGetTreeFilters = ({libraryId, skip}: {libraryId: string; skip: boolean}) => {\n    const [treeFilters, setTreeFilters] = useState<ITreeFilters>({});\n    const [treeFiltersLoading, setTreeFiltersLoading] = useState(true);\n    const [loadTreeContent] = useLazyQuery<GetTreeContentQueryQuery, GetTreeContentQueryQueryVariables>(\n        getTreeContentQuery(),\n    );\n\n    const {data: libraryData, loading: libraryLoading} = useGetLibraryByIdQuery({\n        variables: {\n            id: libraryId,\n        },\n        skip: skip || !libraryId,\n    });\n\n    useEffect(() => {\n        if (skip || !libraryId || libraryLoading || !libraryData) {\n            return;\n        }\n\n        const fetchTreeFilters = async () => {\n            const treeAttributesWithExtendedPermissions: Array<{attributeId: string; treeId: string}> =\n                libraryData?.libraries.list[0]?.permissions_conf?.permissionTreeAttributes.map(attribute => ({\n                    attributeId: attribute.id,\n                    treeId: (\n                        libraryData?.libraries.list[0]?.attributes.find(\n                            tree => tree.id === attribute.id,\n                        ) as TreeAttributeDetailsFragment\n                    )?.linked_tree?.id,\n                })) || [];\n\n            const treeResponse = await Promise.all(\n                treeAttributesWithExtendedPermissions.map(async attribute => {\n                    const {data} = await loadTreeContent({\n                        variables: {\n                            treeId: attribute.treeId,\n                            accessRecordByDefaultPermission: {\n                                attributeId: attribute.attributeId,\n                                libraryId,\n                            },\n                        },\n                    });\n\n                    const flatNodes = _flattenNodes(data?.treeContent ?? []);\n\n                    return {\n                        attributeId: attribute.attributeId,\n                        recordIds: flatNodes,\n                    };\n                }),\n            );\n\n            const attributeRecords = treeResponse.reduce((acc, item) => {\n                if (item.recordIds.length > 0) {\n                    acc[item.attributeId] = item.recordIds;\n                }\n                return acc;\n            }, {});\n\n            setTreeFilters(attributeRecords);\n            setTreeFiltersLoading(false);\n        };\n\n        fetchTreeFilters();\n    }, [skip, libraryId, libraryLoading, libraryData, loadTreeContent]);\n\n    return {\n        data: treeFilters,\n        loading: treeFiltersLoading,\n    };\n};\n"]}
+{"version":3,"file":"useGetTreeFilters.js","sourceRoot":"","sources":["../../../../src/components/Filters/context/useGetTreeFilters.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 {useLazyQuery} from '@apollo/client';\nimport {type TreeAttributeDetailsFragment, useGetLibraryByIdQuery, type TreeFiltersDataQueryQuery} from '_ui/_gqlTypes';\nimport {useEffect, useState} from 'react';\nimport {treeFiltersDataQuery} from '../_queries/treeFiltersDataQuery';\n\ninterface ITreeNode {\n    nodeId: string;\n    libraryId: string;\n    value: string;\n    label: string;\n}\n\nexport interface ITreeFilters {\n    [x: string]: ITreeNode[];\n}\n\nconst _flattenNodes = (\n    nodes: Array<\n        TreeFiltersDataQueryQuery['treeContent'][number] & {\n            children?: Array<TreeFiltersDataQueryQuery['treeContent'][number]>;\n        }\n    >,\n): ITreeNode[] =>\n    nodes.flatMap(node => [\n        ...(node.accessRecordByDefaultPermission\n            ? [\n                  {\n                      nodeId: node.id,\n                      libraryId: node.record.whoAmI.library.id,\n                      value: node.record.id,\n                      label: node.record.whoAmI.label,\n                  },\n              ]\n            : []),\n        ..._flattenNodes(node.children ?? []),\n    ]);\n\nexport const useGetTreeFilters = ({libraryId, skip}: {libraryId: string; skip: boolean}) => {\n    const [treeFilters, setTreeFilters] = useState<ITreeFilters>({});\n    const [treeFiltersLoading, setTreeFiltersLoading] = useState(true);\n    const [loadTreeFilters] = useLazyQuery(treeFiltersDataQuery());\n\n    const {data: libraryData, loading: libraryLoading} = useGetLibraryByIdQuery({\n        variables: {\n            id: libraryId,\n        },\n        skip: skip || !libraryId,\n    });\n\n    useEffect(() => {\n        if (skip || !libraryId || libraryLoading || !libraryData) {\n            return;\n        }\n\n        const fetchTreeFilters = async () => {\n            const treeAttributesWithExtendedPermissions: Array<{attributeId: string; treeId: string}> =\n                libraryData?.libraries.list[0]?.permissions_conf?.permissionTreeAttributes.map(attribute => ({\n                    attributeId: attribute.id,\n                    treeId: (\n                        libraryData?.libraries.list[0]?.attributes.find(\n                            tree => tree.id === attribute.id,\n                        ) as TreeAttributeDetailsFragment\n                    )?.linked_tree?.id,\n                })) || [];\n\n            const treeResponse = await Promise.all(\n                treeAttributesWithExtendedPermissions.map(async attribute => {\n                    const {data} = await loadTreeFilters({\n                        variables: {\n                            treeId: attribute.treeId,\n                            accessRecordByDefaultPermission: {\n                                attributeId: attribute.attributeId,\n                                libraryId,\n                            },\n                        },\n                    });\n\n                    const flatNodes = _flattenNodes(data?.treeContent ?? []);\n\n                    return {\n                        attributeId: attribute.attributeId,\n                        recordIds: flatNodes,\n                    };\n                }),\n            );\n\n            const attributeRecords = treeResponse.reduce((acc, item) => {\n                if (item.recordIds.length > 0) {\n                    acc[item.attributeId] = item.recordIds;\n                }\n                return acc;\n            }, {});\n\n            setTreeFilters(attributeRecords);\n            setTreeFiltersLoading(false);\n        };\n\n        fetchTreeFilters();\n    }, [skip, libraryId, libraryLoading, libraryData, loadTreeFilters]);\n\n    return {\n        data: treeFilters,\n        loading: treeFiltersLoading,\n    };\n};\n"]}

package/dist/{_queries/trees/getTreeContentQuery.d.ts → components/Filters/filter-items/filter-type/tree/_queries/filterTreeDataQuery.d.ts}

@@ -2,5 +2,5 @@
  * Generates recursive GraphQL for tree node children.
  * Used to fetch nested children up to the specified depth.
  */
-export declare const getTreeNodeChildren: (depth?: number) => string;
-export declare const getTreeContentQuery: (depthTreeNodes?: number) => import("@apollo/client").DocumentNode;
+export declare const filterTreeNodeChildren: (depth?: number) => string;
+export declare const filterTreeDataQuery: (depthTreeNodes?: number) => import("@apollo/client").DocumentNode;

package/dist/components/Filters/filter-items/filter-type/tree/_queries/filterTreeDataQuery.js

@@ -0,0 +1,54 @@
+// 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 filterTreeNodeChildren = (depth = 0) => `
+    children {
+        id
+        record {
+            id
+            whoAmI {
+                id
+                label
+                library {
+                    id
+                }
+            }
+        }
+        ${depth > 0 ? filterTreeNodeChildren(depth - 1) : ''}
+        accessRecordByDefaultPermission
+    }
+`;
+export const filterTreeDataQuery = (depthTreeNodes = DEFAULT_DEPTH_TREE_NODES) => gql `
+    query FilterTreeDataQuery(
+        $treeId: ID!
+        $startAt: ID
+        $accessRecordByDefaultPermission: AccessRecordByDefaultPermissionInput
+    ) {
+        treeContent(
+            treeId: $treeId
+            startAt: $startAt
+            accessRecordByDefaultPermission: $accessRecordByDefaultPermission
+        ) {
+            id
+            record {
+                id
+                whoAmI {
+                    id
+                    label
+                    library {
+                        id
+                    }
+                }
+            }
+            ${filterTreeNodeChildren(depthTreeNodes - 1)}
+            accessRecordByDefaultPermission
+        }
+    }
+`;
+//# sourceMappingURL=filterTreeDataQuery.js.map

package/dist/components/Filters/filter-items/filter-type/tree/_queries/filterTreeDataQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterTreeDataQuery.js","sourceRoot":"","sources":["../../../../../../../src/components/Filters/filter-items/filter-type/tree/_queries/filterTreeDataQuery.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,sBAAsB,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,EAAE,CAAC;;;;;;;;;;;;;UAa3C,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;;;CAG3D,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,cAAc,GAAG,wBAAwB,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;cAsBvE,sBAAsB,CAAC,cAAc,GAAG,CAAC,CAAC;;;;CAIvD,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 filterTreeNodeChildren = (depth = 0) => `\n    children {\n        id\n        record {\n            id\n            whoAmI {\n                id\n                label\n                library {\n                    id\n                }\n            }\n        }\n        ${depth > 0 ? filterTreeNodeChildren(depth - 1) : ''}\n        accessRecordByDefaultPermission\n    }\n`;\n\nexport const filterTreeDataQuery = (depthTreeNodes = DEFAULT_DEPTH_TREE_NODES) => gql`\n    query FilterTreeDataQuery(\n        $treeId: ID!\n        $startAt: ID\n        $accessRecordByDefaultPermission: AccessRecordByDefaultPermissionInput\n    ) {\n        treeContent(\n            treeId: $treeId\n            startAt: $startAt\n            accessRecordByDefaultPermission: $accessRecordByDefaultPermission\n        ) {\n            id\n            record {\n                id\n                whoAmI {\n                    id\n                    label\n                    library {\n                        id\n                    }\n                }\n            }\n            ${filterTreeNodeChildren(depthTreeNodes - 1)}\n            accessRecordByDefaultPermission\n        }\n    }\n`;\n"]}

package/dist/components/Filters/filter-items/filter-type/tree/useGetTreeData.js

@@ -1,9 +1,9 @@
 // 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 { useLazyQuery } from '@apollo/client';
 import { useEffect, useState } from 'react';
-import { getTreeContentQuery } from '../../../../../_queries/trees/getTreeContentQuery';
+import { filterTreeDataQuery } from './_queries/filterTreeDataQuery';
+import { useLazyQuery } from '@apollo/client';
 const _toTreeNode = (node) => ({
     title: node.record.whoAmI.label ?? node.record.whoAmI.id,
     id: node.id,
@@ -14,7 +14,7 @@ const _toTreeNode = (node) => ({
     recordId: node.record.id,
 });
 export const useGetTreeData = ({ treeId, attributeId, libraryId }) => {
-    const [loadTreeContent] = useLazyQuery(getTreeContentQuery());
+    const [loadFilterTreeData] = useLazyQuery(filterTreeDataQuery());
     const [treeData, setTreeData] = useState([]);
     const [isLoading, setIsLoading] = useState(true);
     const [error, setError] = useState(null);
@@ -28,7 +28,7 @@ export const useGetTreeData = ({ treeId, attributeId, libraryId }) => {
             setIsLoading(true);
             setError(null);
             try {
-                const { data } = await loadTreeContent({
+                const { data } = await loadFilterTreeData({
                     variables: {
                         treeId,
                         accessRecordByDefaultPermission: {

package/dist/components/Filters/filter-items/filter-type/tree/useGetTreeData.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetTreeData.js","sourceRoot":"","sources":["../../../../../../src/components/Filters/filter-items/filter-type/tree/useGetTreeData.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAC,mBAAmB,EAAC,MAAM,wCAAwC,CAAC;AAkB3E,MAAM,WAAW,GAAG,CAChB,IAEC,EACQ,EAAE,CAAC,CAAC;IACb,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE;IACxD,EAAE,EAAE,IAAI,CAAC,EAAE;IACX,GAAG,EAAE,IAAI,CAAC,EAAE;IACZ,QAAQ,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC;IAChD,+BAA+B,EAAE,IAAI,CAAC,+BAA+B,IAAI,SAAS;IAClF,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;IACxC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE;CAC3B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAC,MAAM,EAAE,WAAW,EAAE,SAAS,EAAuB,EAAE,EAAE;IACrF,MAAM,CAAC,eAAe,CAAC,GAAG,YAAY,CAClC,mBAAmB,EAAE,CACxB,CAAC;IAEF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAc,EAAE,CAAC,CAAC;IAC1D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAe,IAAI,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,WAAW,CAAC,EAAE,CAAC,CAAC;YAChB,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,OAAO;QACX,CAAC;QAED,MAAM,QAAQ,GAAG,KAAK,IAAI,EAAE;YACxB,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,QAAQ,CAAC,IAAI,CAAC,CAAC;YACf,IAAI,CAAC;gBACD,MAAM,EAAC,IAAI,EAAC,GAAG,MAAM,eAAe,CAAC;oBACjC,SAAS,EAAE;wBACP,MAAM;wBACN,+BAA+B,EAAE;4BAC7B,WAAW;4BACX,SAAS;yBACZ;qBACJ;iBACJ,CAAC,CAAC;gBAEH,WAAW,CAAC,CAAC,IAAI,EAAE,WAAW,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAC1E,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACX,QAAQ,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC;YAC5E,CAAC;oBAAS,CAAC;gBACP,YAAY,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC;QACL,CAAC,CAAC;QAEF,QAAQ,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;IAErC,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAC,CAAC;AACxC,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 {useLazyQuery} from '@apollo/client';\nimport {useEffect, useState} from 'react';\nimport {type GetTreeContentQueryQuery, type GetTreeContentQueryQueryVariables} from '_ui/_gqlTypes';\nimport {getTreeContentQuery} from '_ui/_queries/trees/getTreeContentQuery';\n\nexport interface ITreeNode {\n    title: string;\n    id: string;\n    key: string;\n    children: ITreeNode[];\n    accessRecordByDefaultPermission?: boolean;\n    libraryId: string;\n    recordId: string;\n}\n\ninterface IUseGetTreeDataProps {\n    treeId: string;\n    attributeId: string;\n    libraryId: string;\n}\n\nconst _toTreeNode = (\n    node: GetTreeContentQueryQuery['treeContent'][number] & {\n        children?: Array<GetTreeContentQueryQuery['treeContent'][number]>;\n    },\n): ITreeNode => ({\n    title: node.record.whoAmI.label ?? node.record.whoAmI.id,\n    id: node.id,\n    key: node.id,\n    children: (node.children ?? []).map(_toTreeNode),\n    accessRecordByDefaultPermission: node.accessRecordByDefaultPermission ?? undefined,\n    libraryId: node.record.whoAmI.library.id,\n    recordId: node.record.id,\n});\n\nexport const useGetTreeData = ({treeId, attributeId, libraryId}: IUseGetTreeDataProps) => {\n    const [loadTreeContent] = useLazyQuery<GetTreeContentQueryQuery, GetTreeContentQueryQueryVariables>(\n        getTreeContentQuery(),\n    );\n\n    const [treeData, setTreeData] = useState<ITreeNode[]>([]);\n    const [isLoading, setIsLoading] = useState(true);\n    const [error, setError] = useState<Error | null>(null);\n\n    useEffect(() => {\n        if (!treeId) {\n            setTreeData([]);\n            setIsLoading(false);\n            return;\n        }\n\n        const loadTree = async () => {\n            setIsLoading(true);\n            setError(null);\n            try {\n                const {data} = await loadTreeContent({\n                    variables: {\n                        treeId,\n                        accessRecordByDefaultPermission: {\n                            attributeId,\n                            libraryId,\n                        },\n                    },\n                });\n\n                setTreeData((data?.treeContent ?? []).map(node => _toTreeNode(node)));\n            } catch (err) {\n                setError(err instanceof Error ? err : new Error('Failed to load tree'));\n            } finally {\n                setIsLoading(false);\n            }\n        };\n\n        loadTree();\n    }, [treeId, attributeId, libraryId]);\n\n    return {treeData, isLoading, error};\n};\n"]}
+{"version":3,"file":"useGetTreeData.js","sourceRoot":"","sources":["../../../../../../src/components/Filters/filter-items/filter-type/tree/useGetTreeData.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAC,mBAAmB,EAAC,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAkB5C,MAAM,WAAW,GAAG,CAChB,IAEC,EACQ,EAAE,CAAC,CAAC;IACb,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE;IACxD,EAAE,EAAE,IAAI,CAAC,EAAE;IACX,GAAG,EAAE,IAAI,CAAC,EAAE;IACZ,QAAQ,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC;IAChD,+BAA+B,EAAE,IAAI,CAAC,+BAA+B,IAAI,SAAS;IAClF,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;IACxC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE;CAC3B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAC,MAAM,EAAE,WAAW,EAAE,SAAS,EAAuB,EAAE,EAAE;IACrF,MAAM,CAAC,kBAAkB,CAAC,GAAG,YAAY,CAAC,mBAAmB,EAAE,CAAC,CAAC;IAEjE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAc,EAAE,CAAC,CAAC;IAC1D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAe,IAAI,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,WAAW,CAAC,EAAE,CAAC,CAAC;YAChB,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,OAAO;QACX,CAAC;QAED,MAAM,QAAQ,GAAG,KAAK,IAAI,EAAE;YACxB,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,QAAQ,CAAC,IAAI,CAAC,CAAC;YACf,IAAI,CAAC;gBACD,MAAM,EAAC,IAAI,EAAC,GAAG,MAAM,kBAAkB,CAAC;oBACpC,SAAS,EAAE;wBACP,MAAM;wBACN,+BAA+B,EAAE;4BAC7B,WAAW;4BACX,SAAS;yBACZ;qBACJ;iBACJ,CAAC,CAAC;gBAEH,WAAW,CAAC,CAAC,IAAI,EAAE,WAAW,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAC1E,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACX,QAAQ,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC;YAC5E,CAAC;oBAAS,CAAC;gBACP,YAAY,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC;QACL,CAAC,CAAC;QAEF,QAAQ,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;IAErC,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAC,CAAC;AACxC,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 {useEffect, useState} from 'react';\nimport {type FilterTreeDataQueryQuery} from '_ui/_gqlTypes';\nimport {filterTreeDataQuery} from './_queries/filterTreeDataQuery';\nimport {useLazyQuery} from '@apollo/client';\n\nexport interface ITreeNode {\n    title: string;\n    id: string;\n    key: string;\n    children: ITreeNode[];\n    accessRecordByDefaultPermission?: boolean;\n    libraryId: string;\n    recordId: string;\n}\n\ninterface IUseGetTreeDataProps {\n    treeId: string;\n    attributeId: string;\n    libraryId: string;\n}\n\nconst _toTreeNode = (\n    node: FilterTreeDataQueryQuery['treeContent'][number] & {\n        children?: Array<FilterTreeDataQueryQuery['treeContent'][number]>;\n    },\n): ITreeNode => ({\n    title: node.record.whoAmI.label ?? node.record.whoAmI.id,\n    id: node.id,\n    key: node.id,\n    children: (node.children ?? []).map(_toTreeNode),\n    accessRecordByDefaultPermission: node.accessRecordByDefaultPermission ?? undefined,\n    libraryId: node.record.whoAmI.library.id,\n    recordId: node.record.id,\n});\n\nexport const useGetTreeData = ({treeId, attributeId, libraryId}: IUseGetTreeDataProps) => {\n    const [loadFilterTreeData] = useLazyQuery(filterTreeDataQuery());\n\n    const [treeData, setTreeData] = useState<ITreeNode[]>([]);\n    const [isLoading, setIsLoading] = useState(true);\n    const [error, setError] = useState<Error | null>(null);\n\n    useEffect(() => {\n        if (!treeId) {\n            setTreeData([]);\n            setIsLoading(false);\n            return;\n        }\n\n        const loadTree = async () => {\n            setIsLoading(true);\n            setError(null);\n            try {\n                const {data} = await loadFilterTreeData({\n                    variables: {\n                        treeId,\n                        accessRecordByDefaultPermission: {\n                            attributeId,\n                            libraryId,\n                        },\n                    },\n                });\n\n                setTreeData((data?.treeContent ?? []).map(node => _toTreeNode(node)));\n            } catch (err) {\n                setError(err instanceof Error ? err : new Error('Failed to load tree'));\n            } finally {\n                setIsLoading(false);\n            }\n        };\n\n        loadTree();\n    }, [treeId, attributeId, libraryId]);\n\n    return {treeData, isLoading, error};\n};\n"]}

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

@@ -14,8 +14,6 @@ interface ISelectTreeNodeProps {
     checkStrictly?: boolean;
     checkable?: boolean;
     canSelectRoot?: boolean;
-    loadRecursively?: boolean;
-    noPagination?: boolean;
     showSelectChildrenButton?: boolean;
 }
 export declare const SelectTreeNode: FunctionComponent<ISelectTreeNodeProps>;

package/dist/components/SelectTreeNode/SelectTreeNode.js

@@ -9,7 +9,7 @@ import { ErrorDisplay } from '../..';
 import useLang from '../../hooks/useLang';
 import { SelectTreeNodeContent } from './SelectTreeNodeContent';
 import { SelectTreeNodeContentSkeleton } from './SelectTreeNodeContentSkeleton';
-export const SelectTreeNode = ({ treeId, childrenAsRecordValuePermissionFilter, dependentValuesPermissionFilter, onSelect, onCheck, selectedNodes, disabledNodes, selectableLibraries, multiple = false, checkStrictly = true, checkable = false, canSelectRoot = false, loadRecursively = true, noPagination = false, showSelectChildrenButton = false, }) => {
+export const SelectTreeNode = ({ treeId, childrenAsRecordValuePermissionFilter, dependentValuesPermissionFilter, onSelect, onCheck, selectedNodes, disabledNodes, selectableLibraries, multiple = false, checkStrictly = true, checkable = false, canSelectRoot = false, showSelectChildrenButton = false, }) => {
     const { lang } = useLang();
     const { t } = useSharedTranslation();
     const { loading, error, data } = useTreeDataQueryQuery({
@@ -24,6 +24,6 @@ export const SelectTreeNode = ({ treeId, childrenAsRecordValuePermissionFilter,
     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, dependentValuesPermissionFilter: dependentValuesPermissionFilter, onCheck: onCheck, onSelect: onSelect, multiple: multiple, checkable: checkable, checkStrictly: checkStrictly, selectedNodes: selectedNodes, disabledNodes: disabledNodes, canSelectRoot: canSelectRoot, selectableLibraries: selectableLibraries, loadRecursively: loadRecursively, noPagination: noPagination, showSelectChildrenButton: showSelectChildrenButton }));
+    return (_jsx(SelectTreeNodeContent, { treeData: { id: treeId, label: localizedTranslation(data.trees.list[0].label, lang) || treeId }, childrenAsRecordValuePermissionFilter: childrenAsRecordValuePermissionFilter, dependentValuesPermissionFilter: dependentValuesPermissionFilter, onCheck: onCheck, onSelect: onSelect, multiple: multiple, checkable: checkable, checkStrictly: checkStrictly, selectedNodes: selectedNodes, disabledNodes: disabledNodes, canSelectRoot: canSelectRoot, selectableLibraries: selectableLibraries, showSelectChildrenButton: showSelectChildrenButton }));
 };
 //# 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":";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,46 @@ 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 [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,
+    const [treeMap, setTreeMap] = useState({ [tree.id]: rootNode });
+    const [isLoading, setIsLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const [loadTreeContent] = useLazyQuery(treeContentDataQuery());
+    useEffect(() => {
+        const fetchTreeContent = async () => {
+            setIsLoading(true);
+            setError(null);
+            try {
+                const { data } = await loadTreeContent({
+                    fetchPolicy: dependentValuesPermissionFilter ? 'no-cache' : undefined,
+                    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 +118,12 @@ 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 }));
+    return (_jsx(KitTree, { checkStrictly: checkStrictly, treeData: [treeMap[rootNode.key]], 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, node: node, onSelect: onSelect, selectedNodes: selectedNodes, showSelectChildrenButton: showSelectChildrenButton })), onSelect: _handleSelect, onCheck: _handleCheck }));
 };
 //# sourceMappingURL=SelectTreeNodeContent.js.map