@leav/ui 0.3.6-fa687e8 → 0.4.0-80a4e22

package/dist/components/RecordEdition/editRecordReducer/editRecordReducer.d.ts

@@ -1,17 +1,18 @@
 import { IRecordIdentityWhoAmI } from '../../../types/records';
 import { IValueVersion } from '../../../types/values';
 import { RecordFormAttributeFragment, RecordUpdateSubscription, ValueDetailsFragment } from '../../../_gqlTypes';
-import { RecordProperty } from '../../../_queries/records/getRecordPropertiesQuery';
-import { StandardValueTypes } from '../EditRecordContent/_types';
+import { RecordFormElementsValueStandardValue } from '../../../hooks/useGetRecordForm';
+import { SystemTranslation } from '../../../types';
 export interface IRecordPropertyWithAttribute {
     attribute: RecordFormAttributeFragment;
-    value: RecordProperty;
-    editingValue?: StandardValueTypes;
+    globalValues?: Array<RecordFormElementsValueStandardValue['payload']>;
+    calculatedValue?: RecordFormElementsValueStandardValue['payload'];
 }
 export interface IEditRecordReducerState {
     record: IRecordIdentityWhoAmI;
     libraryId: string;
-    activeValue: IRecordPropertyWithAttribute;
+    libraryLabel: SystemTranslation | null;
+    activeAttribute: IRecordPropertyWithAttribute;
     sidebarContent: 'summary' | 'valueDetails' | 'valuesVersions' | 'none';
     sidebarDefaultHidden?: boolean;
     valuesVersion: IValueVersion;
@@ -27,10 +28,10 @@ export interface IEditRecordReducerState {
 }
 export declare enum EditRecordReducerActionsTypes {
     SET_RECORD = "SET_RECORD",
+    SET_LIBRARY_LABEL = "SET_LIBRARY_LABEL",
     SET_ACTIVE_VALUE = "SET_ACTIVE_VALUE",
     SET_SIDEBAR_CONTENT = "SET_SIDEBAR_CONTENT",
     SET_VALUES_VERSION = "SET_VALUES_VERSION",
-    SET_EDITING_VALUE = "SET_CURRENT_VALUE_CONTENT",
     REQUEST_REFRESH = "REQUEST_REFRESH",
     REFRESH_DONE = "REFRESH_DONE",
     ADD_EXTERNAL_UPDATE = "ADD_EXTERNAL_UPDATE",
@@ -39,18 +40,19 @@ export declare enum EditRecordReducerActionsTypes {
 export type IEditRecordReducerActions = {
     type: EditRecordReducerActionsTypes.SET_RECORD;
     record: IEditRecordReducerState['record'];
+} | {
+    type: EditRecordReducerActionsTypes.SET_LIBRARY_LABEL;
+    label: SystemTranslation;
 } | {
     type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE;
-    value: IEditRecordReducerState['activeValue'];
+    attribute?: IEditRecordReducerState['activeAttribute']['attribute'];
+    values?: RecordFormElementsValueStandardValue[];
 } | {
     type: EditRecordReducerActionsTypes.SET_SIDEBAR_CONTENT;
     content: IEditRecordReducerState['sidebarContent'];
 } | {
     type: EditRecordReducerActionsTypes.SET_VALUES_VERSION;
     valuesVersion: IEditRecordReducerState['valuesVersion'];
-} | {
-    type: EditRecordReducerActionsTypes.SET_EDITING_VALUE;
-    value: StandardValueTypes;
 } | {
     type: EditRecordReducerActionsTypes.REQUEST_REFRESH;
 } | {

package/dist/components/RecordEdition/editRecordReducer/editRecordReducer.js

@@ -1,10 +1,10 @@
 export var EditRecordReducerActionsTypes;
 (function (EditRecordReducerActionsTypes) {
     EditRecordReducerActionsTypes["SET_RECORD"] = "SET_RECORD";
+    EditRecordReducerActionsTypes["SET_LIBRARY_LABEL"] = "SET_LIBRARY_LABEL";
     EditRecordReducerActionsTypes["SET_ACTIVE_VALUE"] = "SET_ACTIVE_VALUE";
     EditRecordReducerActionsTypes["SET_SIDEBAR_CONTENT"] = "SET_SIDEBAR_CONTENT";
     EditRecordReducerActionsTypes["SET_VALUES_VERSION"] = "SET_VALUES_VERSION";
-    EditRecordReducerActionsTypes["SET_EDITING_VALUE"] = "SET_CURRENT_VALUE_CONTENT";
     EditRecordReducerActionsTypes["REQUEST_REFRESH"] = "REQUEST_REFRESH";
     EditRecordReducerActionsTypes["REFRESH_DONE"] = "REFRESH_DONE";
     EditRecordReducerActionsTypes["ADD_EXTERNAL_UPDATE"] = "ADD_EXTERNAL_UPDATE";
@@ -13,7 +13,8 @@ export var EditRecordReducerActionsTypes;
 export const initialState = {
     record: null,
     libraryId: null,
-    activeValue: null,
+    libraryLabel: null,
+    activeAttribute: null,
     sidebarContent: 'summary',
     sidebarDefaultHidden: false,
     valuesVersion: null,
@@ -29,25 +30,26 @@ const editRecordReducer = (state, action) => {
     switch (action.type) {
         case EditRecordReducerActionsTypes.SET_RECORD:
             return { ...state, record: action.record };
+        case EditRecordReducerActionsTypes.SET_LIBRARY_LABEL:
+            return { ...state, libraryLabel: action.label };
         case EditRecordReducerActionsTypes.SET_ACTIVE_VALUE:
-            const newSidebarContent = action.value !== null ? 'valueDetails' : state.sidebarDefaultHidden ? 'none' : 'summary';
+            const newSidebarContent = action.attribute !== null ? 'valueDetails' : state.sidebarDefaultHidden ? 'none' : 'summary';
             return {
                 ...state,
-                activeValue: action.value,
+                activeAttribute: {
+                    attribute: action.attribute ?? state.activeAttribute?.attribute ?? null,
+                    globalValues: action.values
+                        ?.filter(value => !value.isCalculated && !value.isInherited)
+                        .map(value => value.payload),
+                    calculatedValue: action.values?.filter(value => value.isCalculated || value.isInherited)?.[0]
+                        ?.payload
+                },
                 sidebarContent: newSidebarContent
             };
         case EditRecordReducerActionsTypes.SET_SIDEBAR_CONTENT:
             return { ...state, sidebarContent: action.content };
         case EditRecordReducerActionsTypes.SET_VALUES_VERSION:
             return { ...state, valuesVersion: action.valuesVersion };
-        case EditRecordReducerActionsTypes.SET_EDITING_VALUE:
-            return {
-                ...state,
-                activeValue: {
-                    ...state.activeValue,
-                    editingValue: action.value
-                }
-            };
         case EditRecordReducerActionsTypes.REQUEST_REFRESH:
             return { ...state, refreshRequested: true };
         case EditRecordReducerActionsTypes.REFRESH_DONE:
@@ -55,7 +57,7 @@ const editRecordReducer = (state, action) => {
         case EditRecordReducerActionsTypes.ADD_EXTERNAL_UPDATE:
             const newState = { ...state };
             const newModifiers = state.externalUpdate?.modifiers.find(m => m.id === action.modifier.id)
-                ? newState.externalUpdate?.modifiers ?? []
+                ? (newState.externalUpdate?.modifiers ?? [])
                 : [...(newState.externalUpdate?.modifiers ?? []), action.modifier];
             const newValues = action.updatedValues.reduce((acc, updatedValue) => ({
                 ...acc,

package/dist/components/RecordEdition/editRecordReducer/editRecordReducer.js.map

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

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

@@ -1,4 +1,5 @@
 export { default as EditRecordContent } from './EditRecordContent';
+export { default as EditRecordSkeleton } from './EditRecordSkeleton';
 export { default as EditRecordBtn } from './EditRecordBtn';
 export { EditRecord } from './EditRecord';
 export { EditRecordModal } from './EditRecordModal';

package/dist/components/RecordEdition/index.js

@@ -2,6 +2,7 @@
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 export { default as EditRecordContent } from './EditRecordContent';
+export { default as EditRecordSkeleton } from './EditRecordSkeleton';
 export { default as EditRecordBtn } from './EditRecordBtn';
 export { EditRecord } from './EditRecord';
 export { EditRecordModal } from './EditRecordModal';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RecordEdition/index.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,OAAO,IAAI,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,OAAO,IAAI,iBAAiB,EAAC,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RecordEdition/index.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,OAAO,IAAI,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,OAAO,IAAI,iBAAiB,EAAC,MAAM,qBAAqB,CAAC"}

package/dist/components/SelectRecordForLinkModal/SelectRecordForLinkModal.d.ts

@@ -0,0 +1,13 @@
+import { ComponentProps, FunctionComponent } from 'react';
+import { ExplorerSelectionIdsQuery } from '../../_gqlTypes';
+import { Explorer } from '../../components/Explorer';
+interface ISelectRecordForLinkModalProps {
+    open: boolean;
+    childLibraryId: string;
+    selectionMode: ComponentProps<typeof Explorer>['selectionMode'];
+    hideSelectAllAction: ComponentProps<typeof Explorer>['hideSelectAllAction'];
+    onSelectionCompleted: (data: ExplorerSelectionIdsQuery) => void;
+    onClose: () => void;
+}
+export declare const SelectRecordForLinkModal: FunctionComponent<ISelectRecordForLinkModalProps>;
+export {};

package/dist/components/SelectRecordForLinkModal/SelectRecordForLinkModal.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { useRef } from 'react';
+import styled from 'styled-components';
+import { closeKitSnackBar, KitButton, KitSpace, AntModal } from 'aristid-ds';
+// TODO: harmonize icon sources
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faXmark } from '@fortawesome/free-solid-svg-icons';
+import { FaPlus } from 'react-icons/fa';
+import { useSharedTranslation } from '../../hooks/useSharedTranslation';
+import { useExplorerSelectionIdsLazyQuery } from '../../_gqlTypes';
+import { Explorer } from '../../components/Explorer';
+const modalMaxWidth = 1200;
+const StyledModal = styled(AntModal) `
+    && {
+        width: 90vw;
+        max-width: ${modalMaxWidth}px;
+
+        .ant-modal-body {
+            height: 80vh;
+            overflow-y: auto;
+        }
+
+        .ant-modal-content {
+            display: flex;
+            flex-direction: column;
+            overflow: hidden;
+            padding: 0;
+        }
+
+        .ant-modal-footer {
+            flex: 0 0 auto;
+            margin-top: 0;
+        }
+    }
+`;
+const ModalFooterStyledDiv = styled.div `
+    display: flex;
+    justify-content: flex-end;
+    padding: calc(var(--general-spacing-xs) * 1px) calc(var(--general-spacing-s) * 1px);
+    border-top: 1px solid var(--general-utilities-border);
+`;
+const ModalMainStyledDiv = styled.div `
+    padding: calc(var(--general-spacing-m) * 1px);
+    height: 100%;
+    position: relative;
+`;
+export const SelectRecordForLinkModal = ({ open, childLibraryId, selectionMode, hideSelectAllAction, onSelectionCompleted, onClose }) => {
+    const { t } = useSharedTranslation();
+    const explorerContainerRef = useRef(null);
+    const _handleClose = () => {
+        closeKitSnackBar();
+        onClose();
+    };
+    const _closeButtonLabel = String(t('global.close'));
+    const _footer = (_jsx(ModalFooterStyledDiv, { children: _jsx(KitSpace, { children: _jsx(KitButton, { "aria-label": _closeButtonLabel, icon: _jsx(FontAwesomeIcon, { icon: faXmark }), onClick: _handleClose, children: _closeButtonLabel }, "close") }) }));
+    const [getRecordIdsFromFilters] = useExplorerSelectionIdsLazyQuery({
+        fetchPolicy: 'no-cache',
+        onCompleted: onSelectionCompleted
+    });
+    return (_jsx(StyledModal, { open: open, onCancel: _handleClose, destroyOnClose: true, closable: false, cancelText: t('global.cancel'), width: "90vw", centered: true, footer: _footer, children: _jsx(ModalMainStyledDiv, { ref: explorerContainerRef, children: _jsx(Explorer.EditSettingsContextProvider, { panelElement: () => explorerContainerRef.current ?? document.body, children: _jsx(Explorer, { entrypoint: {
+                        type: 'library',
+                        libraryId: childLibraryId
+                    }, selectionMode: selectionMode, hideSelectAllAction: hideSelectAllAction, massActions: [
+                        {
+                            label: t('explorer.massAction.add-link'),
+                            icon: _jsx(FaPlus, {}),
+                            callback: async (massSelectionFilter) => {
+                                await getRecordIdsFromFilters({
+                                    variables: {
+                                        libraryId: childLibraryId,
+                                        filters: massSelectionFilter
+                                    }
+                                });
+                            }
+                        }
+                    ], primaryActions: [], defaultActionsForItem: [], defaultMassActions: [], itemActions: [], defaultPrimaryActions: [] }) }) }) }));
+};
+//# sourceMappingURL=SelectRecordForLinkModal.js.map

package/dist/components/SelectRecordForLinkModal/SelectRecordForLinkModal.js.map

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

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

@@ -0,0 +1 @@
+export * from './SelectRecordForLinkModal';

package/dist/components/{RecordEdition/EditRecordSidebar/ValueDetails/ValueMetadata → SelectRecordForLinkModal}/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SelectRecordForLinkModal/index.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,cAAc,4BAA4B,CAAC"}

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

@@ -1,10 +1,7 @@
-import { SystemTranslation } from '../../types/scalars';
+import { FunctionComponent } from 'react';
 import { ITreeNodeWithRecord } from '../../types/trees';
 interface ISelectTreeNodeProps {
-    tree: {
-        id: string;
-        label?: SystemTranslation | null;
-    };
+    treeId: string;
     selectedNode?: string;
     onSelect: (node: ITreeNodeWithRecord, selected: boolean) => void;
     onCheck?: (selection: ITreeNodeWithRecord[]) => void;
@@ -12,5 +9,5 @@ interface ISelectTreeNodeProps {
     canSelectRoot?: boolean;
     selectableLibraries?: string[];
 }
-declare function SelectTreeNode({ tree, onSelect, onCheck, selectedNode: initSelectedNode, multiple, canSelectRoot, selectableLibraries }: ISelectTreeNodeProps): JSX.Element;
-export default SelectTreeNode;
+export declare const SelectTreeNode: FunctionComponent<ISelectTreeNodeProps>;
+export {};

package/dist/components/SelectTreeNode/SelectTreeNode.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"SelectTreeNode.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNode/SelectTreeNode.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SelectTreeNode.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNode/SelectTreeNode.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,oBAAoB,EAAC,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,qBAAqB,EAAC,MAAM,eAAe,CAAC;AACpD,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACnC,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAE1C,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,QAAQ,EAAC,MAAM,MAAM,CAAC;AAY9B,MAAM,CAAC,MAAM,cAAc,GAA4C,CAAC,EACpE,MAAM,EACN,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,aAAa,GAAG,KAAK,EACrB,mBAAmB,EACtB,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,QAAQ,CAAC,KAAK,KAAG,CAAC,CAAC,kDAAkD;IACjF,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,MAAM,KAAK,GAAG,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,MAAM,CAAC;IAE7E,OAAO,CACH,KAAC,qBAAqB,IAClB,QAAQ,EAAE,EAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAC,EAC7B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,GAC1C,CACL,CAAC;AACN,CAAC,CAAC"}

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

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

package/dist/components/SelectTreeNode/SelectTreeNodeContent.js

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