@leav/ui 1.9.0-63f51574 → 1.9.0-8

package/dist/components/Explorer/actions-mass/useMassActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMassActions.js","sourceRoot":"","sources":["../../../../src/components/Explorer/actions-mass/useMassActions.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 {closeKitSnackBar, KitCheckbox, KitDropDown, KitSpace, KitTypography, openKitSnackBar} from 'aristid-ds';\nimport {type Dispatch, useCallback, useEffect, useRef, useState} from 'react';\nimport {RecordFilterCondition, RecordFilterOperator} from '_ui/_gqlTypes';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {interleaveElement} from '_ui/_utils/interleaveElement';\nimport {type IMassActions, type MassSelection} from '../_types';\nimport {MASS_SELECTION_ALL} from '../_constants';\nimport {type IViewSettingsAction, type IViewSettingsState, ViewSettingsActionTypes} from '../manage-view-settings';\nimport {prepareFiltersForRequest} from '_ui/components/Filters';\nimport {type IUIFiltersState} from '_ui/components/Filters/context/filtersReducer';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faCaretDown} from '@fortawesome/free-solid-svg-icons';\nimport {ResultsCount} from './ResultsCount';\n\n/**\n * Hook used to manage mass selection as the snackbar and all kind of selection (manual, all in page, all in filters)\n *\n * @param isEnabled - whether the selection is present\n * @param view - represent the current view\n * @param dispatch - method to change the current view\n * @param totalCountFiltered - number of results with the current filters\n * @param totalCountLibrary - number of total items in the library (without filters)\n * @param allVisibleKeys - list of all ids currently selected\n * @param massActions - array of all actions available on mass selection\n * @param snackbarId - id of the snackbar displayed\n */\nexport const useMassActions = ({\n    isEnabled,\n    store: {dispatch, view},\n    filtersStore: {filters, filtersOperator},\n    totalCountFiltered,\n    totalCountLibrary,\n    allVisibleKeys,\n    massActions,\n    snackbarId,\n}: {\n    isEnabled: boolean;\n    store: {\n        view: IViewSettingsState;\n        dispatch: Dispatch<IViewSettingsAction>;\n    };\n    filtersStore: IUIFiltersState;\n    totalCountFiltered: number;\n    totalCountLibrary: number;\n    allVisibleKeys: string[];\n    massActions: IMassActions[];\n    snackbarId: string;\n}) => {\n    const {t} = useSharedTranslation();\n    const [isInactive, setIsInactive] = useState(false);\n\n    useEffect(() => {\n        setIsInactive(filters.filter(f => f.field === 'active')?.[0]?.value === 'false');\n    }, [filters]);\n\n    useEffect(() => {\n        if (view.massSelection === MASS_SELECTION_ALL || view.massSelection.length !== 0) {\n            openKitSnackBar({\n                duration: 0,\n                closable: true,\n                snackbarId,\n                toasterId: snackbarId,\n                onClose: () => _setSelectedKeys([]),\n                message: t('explorer.massAction.selectedItems', {\n                    count: view.massSelection === MASS_SELECTION_ALL ? totalCountFiltered : view.massSelection.length,\n                }),\n                actions: massActions.map(({label, icon, deselectAll, callback}, index) => ({\n                    key: index,\n                    label,\n                    icon,\n                    onClick: async () => {\n                        await callback(\n                            view.massSelection === MASS_SELECTION_ALL\n                                ? prepareFiltersForRequest(filters, filtersOperator)\n                                : interleaveElement(\n                                      {operator: RecordFilterOperator.OR},\n                                      view.massSelection.map(key => [\n                                          {\n                                              field: 'id',\n                                              condition: RecordFilterCondition.EQUAL,\n                                              value: String(key),\n                                          },\n                                      ]),\n                                  ),\n                            view.massSelection,\n                        );\n                        if (deselectAll) {\n                            dispatch({\n                                type: ViewSettingsActionTypes.SET_SELECTED_KEYS,\n                                payload: [],\n                            });\n                        }\n                    },\n                })),\n            });\n        } else {\n            closeKitSnackBar(snackbarId);\n        }\n    }, [view.massSelection, filters, totalCountFiltered]);\n\n    useEffect(() => () => closeKitSnackBar(snackbarId), []);\n\n    const isOnePage = view.pageSize > totalCountFiltered;\n    const hasSelectedAllAvailableItems =\n        view.massSelection === MASS_SELECTION_ALL || view.massSelection.length === totalCountFiltered;\n    const hasSelectedSomeItems =\n        view.massSelection !== MASS_SELECTION_ALL &&\n        view.massSelection.length > 0 &&\n        view.massSelection.length < totalCountFiltered;\n\n    const _selectAllButton = isOnePage ? (\n        <KitCheckbox\n            aria-checked={hasSelectedSomeItems ? 'mixed' : hasSelectedAllAvailableItems ? 'true' : 'false'}\n            indeterminate={hasSelectedSomeItems}\n            checked={hasSelectedAllAvailableItems}\n            onChange={_ => {\n                if (hasSelectedAllAvailableItems) {\n                    _setSelectedKeys([]);\n                } else {\n                    _setSelectedKeys(allVisibleKeys);\n                }\n            }}\n        >\n            <ResultsCount\n                t={t}\n                isInactive={isInactive}\n                totalCountFiltered={totalCountFiltered}\n                totalCountLibrary={totalCountLibrary}\n            />\n        </KitCheckbox>\n    ) : (\n        <KitDropDown\n            trigger={['click']}\n            menu={{\n                items: [\n                    hasSelectedAllAvailableItems\n                        ? null\n                        : {\n                              key: 'toggle_page_selection',\n                              label: t('explorer.massAction.toggle_selection.select_page', {count: view.pageSize}),\n                              onClick: () => {\n                                  _setSelectedKeys([...new Set([...view.massSelection, ...allVisibleKeys])]);\n                              },\n                          },\n                    {\n                        key: 'toggle_all_selection',\n                        label: hasSelectedAllAvailableItems\n                            ? t('explorer.massAction.toggle_selection.deselect_all', {count: totalCountFiltered})\n                            : t('explorer.massAction.toggle_selection.select_all', {count: totalCountFiltered}),\n                        onClick: async () => {\n                            if (hasSelectedAllAvailableItems) {\n                                _setSelectedKeys([]);\n                            } else {\n                                _setSelectedKeys(MASS_SELECTION_ALL);\n                            }\n                        },\n                    },\n                ],\n            }}\n        >\n            <KitCheckbox\n                aria-checked={hasSelectedSomeItems ? 'mixed' : hasSelectedAllAvailableItems ? 'true' : 'false'}\n                indeterminate={hasSelectedSomeItems}\n                checked={hasSelectedAllAvailableItems}\n            >\n                <KitSpace size=\"xxs\">\n                    <ResultsCount\n                        t={t}\n                        isInactive={isInactive}\n                        totalCountFiltered={totalCountFiltered}\n                        totalCountLibrary={totalCountLibrary}\n                    />\n                    <FontAwesomeIcon icon={faCaretDown} size=\"2xs\" />\n                </KitSpace>\n            </KitCheckbox>\n        </KitDropDown>\n    );\n\n    const _setSelectedKeys = useCallback(\n        (keys: MassSelection) =>\n            dispatch({\n                type: ViewSettingsActionTypes.SET_SELECTED_KEYS,\n                payload: keys,\n            }),\n        [dispatch],\n    );\n\n    return {\n        selectAllButton: isEnabled ? _selectAllButton : null,\n        setSelectedKeys: isEnabled ? _setSelectedKeys : null,\n    };\n};\n"]}
+{"version":3,"file":"useMassActions.js","sourceRoot":"","sources":["../../../../src/components/Explorer/actions-mass/useMassActions.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 {closeKitSnackBar, KitCheckbox, KitDropDown, KitSpace, openKitSnackBar} from 'aristid-ds';\nimport {type Dispatch, useCallback, useEffect, useRef} from 'react';\nimport {RecordFilterCondition, RecordFilterOperator} from '_ui/_gqlTypes';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {interleaveElement} from '_ui/_utils/interleaveElement';\nimport {type IMassActions, type MassSelection} from '../_types';\nimport {MASS_SELECTION_ALL} from '../_constants';\nimport {type IViewSettingsAction, type IViewSettingsState, ViewSettingsActionTypes} from '../manage-view-settings';\nimport {prepareFiltersForRequest} from '_ui/components/Filters';\nimport {type IUIFiltersState} from '_ui/components/Filters/context/filtersReducer';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faChevronDown} from '@fortawesome/free-solid-svg-icons';\n\n/**\n * Hook used to manage mass selection as the snackbar and all kind of selection (manual, all in page, all in filters)\n *\n * @param isEnabled - whether the selection is present\n * @param view - represent the current view\n * @param dispatch - method to change the current view\n * @param totalCount - used for display only\n * @param allVisibleKeys - list of all ids currently selected\n * @param massActions - array of all actions available on mass selection\n * @param snackbarId - id of the snackbar displayed\n */\nexport const useMassActions = ({\n    isEnabled,\n    store: {dispatch, view},\n    filtersStore: {filters, filtersOperator},\n    totalCount,\n    allVisibleKeys,\n    massActions,\n    snackbarId,\n}: {\n    isEnabled: boolean;\n    store: {\n        view: IViewSettingsState;\n        dispatch: Dispatch<IViewSettingsAction>;\n    };\n    filtersStore: IUIFiltersState;\n    totalCount: number;\n    allVisibleKeys: string[];\n    massActions: IMassActions[];\n    snackbarId: string;\n}) => {\n    const {t} = useSharedTranslation();\n\n    useEffect(() => {\n        if (view.massSelection === MASS_SELECTION_ALL || view.massSelection.length !== 0) {\n            openKitSnackBar({\n                duration: 0,\n                closable: true,\n                snackbarId,\n                toasterId: snackbarId,\n                onClose: () => _setSelectedKeys([]),\n                message: t('explorer.massAction.selectedItems', {\n                    count: view.massSelection === MASS_SELECTION_ALL ? totalCount : view.massSelection.length,\n                }),\n                actions: massActions.map(({label, icon, deselectAll, callback}, index) => ({\n                    key: index,\n                    label,\n                    icon,\n                    onClick: async () => {\n                        await callback(\n                            view.massSelection === MASS_SELECTION_ALL\n                                ? prepareFiltersForRequest(filters, filtersOperator)\n                                : interleaveElement(\n                                      {operator: RecordFilterOperator.OR},\n                                      view.massSelection.map(key => [\n                                          {\n                                              field: 'id',\n                                              condition: RecordFilterCondition.EQUAL,\n                                              value: String(key),\n                                          },\n                                      ]),\n                                  ),\n                            view.massSelection,\n                        );\n                        if (deselectAll) {\n                            dispatch({\n                                type: ViewSettingsActionTypes.SET_SELECTED_KEYS,\n                                payload: [],\n                            });\n                        }\n                    },\n                })),\n            });\n        } else {\n            closeKitSnackBar(snackbarId);\n        }\n    }, [view.massSelection, filters, totalCount]);\n\n    useEffect(() => () => closeKitSnackBar(snackbarId), []);\n\n    const isOnePage = view.pageSize > totalCount;\n    const hasSelectedAllAvailableItems =\n        view.massSelection === MASS_SELECTION_ALL || view.massSelection.length === totalCount;\n    const hasSelectedSomeItems =\n        view.massSelection !== MASS_SELECTION_ALL &&\n        view.massSelection.length > 0 &&\n        view.massSelection.length < totalCount;\n\n    const _selectAllButton = isOnePage ? (\n        <KitCheckbox\n            aria-checked={hasSelectedSomeItems ? 'mixed' : hasSelectedAllAvailableItems ? 'true' : 'false'}\n            indeterminate={hasSelectedSomeItems}\n            checked={hasSelectedAllAvailableItems}\n            onChange={_ => {\n                if (hasSelectedAllAvailableItems) {\n                    _setSelectedKeys([]);\n                } else {\n                    _setSelectedKeys(allVisibleKeys);\n                }\n            }}\n        >\n            {t('explorer.massAction.itemsTotal', {count: totalCount})}\n        </KitCheckbox>\n    ) : (\n        <KitDropDown\n            trigger={['click']}\n            menu={{\n                items: [\n                    hasSelectedAllAvailableItems\n                        ? null\n                        : {\n                              key: 'toggle_page_selection',\n                              label: t('explorer.massAction.toggle_selection.select_page', {count: view.pageSize}),\n                              onClick: () => {\n                                  _setSelectedKeys([...new Set([...view.massSelection, ...allVisibleKeys])]);\n                              },\n                          },\n                    {\n                        key: 'toggle_all_selection',\n                        label: hasSelectedAllAvailableItems\n                            ? t('explorer.massAction.toggle_selection.deselect_all', {count: totalCount})\n                            : t('explorer.massAction.toggle_selection.select_all', {count: totalCount}),\n                        onClick: async () => {\n                            if (hasSelectedAllAvailableItems) {\n                                _setSelectedKeys([]);\n                            } else {\n                                _setSelectedKeys(MASS_SELECTION_ALL);\n                            }\n                        },\n                    },\n                ],\n            }}\n        >\n            <KitCheckbox\n                aria-checked={hasSelectedSomeItems ? 'mixed' : hasSelectedAllAvailableItems ? 'true' : 'false'}\n                indeterminate={hasSelectedSomeItems}\n                checked={hasSelectedAllAvailableItems}\n            >\n                <KitSpace size=\"s\">\n                    {t('explorer.massAction.itemsTotal', {count: totalCount})}\n                    <FontAwesomeIcon icon={faChevronDown} />\n                </KitSpace>\n            </KitCheckbox>\n        </KitDropDown>\n    );\n\n    const _setSelectedKeys = useCallback(\n        (keys: MassSelection) =>\n            dispatch({\n                type: ViewSettingsActionTypes.SET_SELECTED_KEYS,\n                payload: keys,\n            }),\n        [dispatch],\n    );\n\n    return {\n        selectAllButton: isEnabled ? _selectAllButton : null,\n        setSelectedKeys: isEnabled ? _setSelectedKeys : null,\n    };\n};\n"]}

package/dist/components/Explorer/actions-primary/useCreatePrimaryAction.d.ts

@@ -16,9 +16,8 @@ import { type FeatureHook, type Entrypoint, type IPrimaryAction } from '../_type
  * @param totalCount - used for display purpose only
  * @param onCreate - callback to let outside world known about creating item (and linking)
  * @param refetch - method to call to refresh the list. A new item will be visible if it matches filters and sorts
- * @param refetchCount - method to call to refresh the count of the library. A new item will be visible if it matches filters and sorts
  */
-export declare const useCreatePrimaryAction: ({ isEnabled, isVisible, libraryId, entrypoint, totalCount, canCreateAndLinkValue, isMultivalue, onCreate, formId, joinLibraryContext, refetch, refetchCount, }: FeatureHook<{
+export declare const useCreatePrimaryAction: ({ isEnabled, isVisible, libraryId, entrypoint, totalCount, canCreateAndLinkValue, isMultivalue, onCreate, formId, joinLibraryContext, refetch, }: FeatureHook<{
     libraryId: string;
     entrypoint: Entrypoint;
     totalCount: number;
@@ -31,7 +30,6 @@ export declare const useCreatePrimaryAction: ({ isEnabled, isVisible, libraryId,
     joinLibraryContext?: JoinLibraryContextFragment;
     formId?: string;
     refetch: () => void;
-    refetchCount: () => void;
 }>) => {
     createPrimaryAction: IPrimaryAction;
     createModal: ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/dist/components/Explorer/actions-primary/useCreatePrimaryAction.js

@@ -28,9 +28,8 @@ import { faPlus } from '@fortawesome/free-solid-svg-icons';
  * @param totalCount - used for display purpose only
  * @param onCreate - callback to let outside world known about creating item (and linking)
  * @param refetch - method to call to refresh the list. A new item will be visible if it matches filters and sorts
- * @param refetchCount - method to call to refresh the count of the library. A new item will be visible if it matches filters and sorts
  */
-export const useCreatePrimaryAction = ({ isEnabled, isVisible, libraryId, entrypoint, totalCount, canCreateAndLinkValue, isMultivalue, onCreate, formId, joinLibraryContext, refetch, refetchCount, }) => {
+export const useCreatePrimaryAction = ({ isEnabled, isVisible, libraryId, entrypoint, totalCount, canCreateAndLinkValue, isMultivalue, onCreate, formId, joinLibraryContext, refetch, }) => {
     const { t } = useSharedTranslation();
     const { lang } = useLang();
     const [isModalCreationVisible, setIsModalCreationVisible] = useState(false);
@@ -86,7 +85,6 @@ export const useCreatePrimaryAction = ({ isEnabled, isVisible, libraryId, entryp
         case LibraryBehavior.files:
             _createModal = (_jsx(UploadFiles, { libraryId: _getLibraryId(), multiple: true, onClose: () => setIsModalCreationVisible(false), onCompleted: () => {
                     refetch();
-                    refetchCount();
                     _notifyNewCreation(t('upload.file'));
                     setIsModalCreationVisible(false);
                 } }));
@@ -94,7 +92,6 @@ export const useCreatePrimaryAction = ({ isEnabled, isVisible, libraryId, entryp
         case LibraryBehavior.directories:
             _createModal = (_jsx(CreateDirectory, { libraryId: _getLibraryId(), onClose: () => setIsModalCreationVisible(false), onCompleted: () => {
                     refetch();
-                    refetchCount();
                     _notifyNewCreation(t('upload.folder'));
                     setIsModalCreationVisible(false);
                 } }));
@@ -127,7 +124,6 @@ export const useCreatePrimaryAction = ({ isEnabled, isVisible, libraryId, entryp
                         await Promise.resolve(onCreate?.({ recordIdCreated: newRecord.id }));
                     }
                     refetch();
-                    refetchCount();
                 }, submitButtons: ['create'] }));
             break;
     }

package/dist/components/Explorer/actions-primary/useCreatePrimaryAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCreatePrimaryAction.js","sourceRoot":"","sources":["../../../../src/components/Explorer/actions-primary/useCreatePrimaryAction.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 ReactElement, useState} from 'react';\nimport {KitAlert} from 'aristid-ds';\nimport {CreateDirectory, EditRecordModal, UploadFiles} from '_ui/components';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport useSaveValueBatchMutation from '_ui/components/RecordEdition/EditRecordContent/hooks/useExecuteSaveValueBatchMutation';\nimport {type ISubmitMultipleResult} from '_ui/components/RecordEdition/EditRecordContent/_types';\nimport {\n    AttributeType,\n    type JoinLibraryContextFragment,\n    LibraryBehavior,\n    useExplorerLibraryDetailsQuery,\n} from '_ui/_gqlTypes';\nimport {type FeatureHook, type Entrypoint, type IPrimaryAction} from '../_types';\nimport {CREATE_RECORD_MODAL_CLASSNAME} from '../_constants';\nimport {SUCCESS_ALERT_DURATION} from '_ui/constants';\nimport {localizedTranslation} from '@leav/utils';\nimport {useLang} from '_ui/hooks';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faPlus} from '@fortawesome/free-solid-svg-icons';\n\n/**\n * Hook used to get the action for the `<DataView />` component.\n *\n * When the creation is done, we refresh all data even if the new record is not visible due to some filters.\n *\n * It returns also two parts: one for the call action button - one for displaying the modal required by the action.\n *\n * @param isEnabled - whether the action is present\n * @param isVisible - whether the button should be visible or not\n * @param libraryId - the library's id to add new item\n * @param entrypoint - represent the current entrypoint\n * @param totalCount - used for display purpose only\n * @param onCreate - callback to let outside world known about creating item (and linking)\n * @param refetch - method to call to refresh the list. A new item will be visible if it matches filters and sorts\n * @param refetchCount - method to call to refresh the count of the library. A new item will be visible if it matches filters and sorts\n */\nexport const useCreatePrimaryAction = ({\n    isEnabled,\n    isVisible,\n    libraryId,\n    entrypoint,\n    totalCount,\n    canCreateAndLinkValue,\n    isMultivalue,\n    onCreate,\n    formId,\n    joinLibraryContext,\n    refetch,\n    refetchCount,\n}: FeatureHook<{\n    libraryId: string;\n    entrypoint: Entrypoint;\n    totalCount: number;\n    canCreateAndLinkValue: boolean;\n    isMultivalue: boolean;\n    onCreate?: ({\n        recordIdCreated,\n        saveValuesResultOnLink,\n    }: {\n        recordIdCreated: string;\n        saveValuesResultOnLink?: ISubmitMultipleResult;\n    }) => void;\n    joinLibraryContext?: JoinLibraryContextFragment;\n    formId?: string;\n    refetch: () => void;\n    refetchCount: () => void;\n}>) => {\n    const {t} = useSharedTranslation();\n    const {lang} = useLang();\n\n    const [isModalCreationVisible, setIsModalCreationVisible] = useState(false);\n    const {saveValues} = useSaveValueBatchMutation();\n\n    const _getLibraryId = () =>\n        (joinLibraryContext?.mandatoryAttribute &&\n            'linked_library' in joinLibraryContext.mandatoryAttribute &&\n            joinLibraryContext.mandatoryAttribute.linked_library?.id) ||\n        libraryId;\n\n    const {data, loading, error} = useExplorerLibraryDetailsQuery({\n        variables: {libraryId: _getLibraryId()},\n        skip: !isEnabled,\n    });\n\n    const hasCreateRecordPermission = data?.libraries?.list[0]?.permissions?.create_record ?? false;\n\n    if (error || loading || !isVisible || !hasCreateRecordPermission) {\n        return {createPrimaryAction: null, createModal: null};\n    }\n\n    let canCreateRecord;\n    if (joinLibraryContext?.mandatoryAttribute?.type === AttributeType.tree) {\n        canCreateRecord = false;\n    } else if (entrypoint.type === 'library') {\n        canCreateRecord = true;\n    } else {\n        canCreateRecord = canCreateAndLinkValue && (isMultivalue || totalCount === 0);\n    }\n\n    const _createPrimaryAction: IPrimaryAction = {\n        callback: () => {\n            setIsModalCreationVisible(true);\n        },\n        icon: <FontAwesomeIcon icon={faPlus} />,\n        disabled: !canCreateRecord,\n        label: t('explorer.create-one'),\n    };\n\n    const _notifyNewCreation = (label?: string | null) => {\n        KitAlert.success({\n            showIcon: true,\n            duration: SUCCESS_ALERT_DURATION,\n            message: t('items_list.created_in_success.message', {\n                libName:\n                    localizedTranslation(data?.libraries?.list[0]?.label, lang) ||\n                    t('items_list.created_in_success.item'),\n            }),\n            description: t('items_list.created_in_success.description', {\n                libName:\n                    localizedTranslation(data?.libraries?.list[0]?.label, lang) ||\n                    t('items_list.created_in_success.item'),\n                itemName: label || t('items_list.created_in_success.item'),\n            }),\n            closable: true,\n        });\n    };\n\n    let _createModal: ReactElement | null = null;\n    switch (data?.libraries?.list[0]?.behavior) {\n        case LibraryBehavior.files:\n            _createModal = (\n                <UploadFiles\n                    libraryId={_getLibraryId()}\n                    multiple\n                    onClose={() => setIsModalCreationVisible(false)}\n                    onCompleted={() => {\n                        refetch();\n                        refetchCount();\n                        _notifyNewCreation(t('upload.file'));\n                        setIsModalCreationVisible(false);\n                    }}\n                />\n            );\n            break;\n        case LibraryBehavior.directories:\n            _createModal = (\n                <CreateDirectory\n                    libraryId={_getLibraryId()}\n                    onClose={() => setIsModalCreationVisible(false)}\n                    onCompleted={() => {\n                        refetch();\n                        refetchCount();\n                        _notifyNewCreation(t('upload.folder'));\n                        setIsModalCreationVisible(false);\n                    }}\n                />\n            );\n            break;\n        case LibraryBehavior.standard:\n        case LibraryBehavior.join:\n            _createModal = (\n                <EditRecordModal\n                    className={CREATE_RECORD_MODAL_CLASSNAME}\n                    open\n                    record={null}\n                    library={_getLibraryId()}\n                    creationFormId={formId}\n                    onClose={() => {\n                        setIsModalCreationVisible(false);\n                    }}\n                    onCreate={async newRecord => {\n                        _notifyNewCreation(newRecord.label);\n                        setIsModalCreationVisible(false);\n                        if (entrypoint.type === 'link') {\n                            await saveValues(\n                                {\n                                    id: entrypoint.parentRecordId,\n                                    library: {\n                                        id: entrypoint.parentLibraryId,\n                                    },\n                                },\n                                [\n                                    {\n                                        attribute: entrypoint.linkAttributeId,\n                                        idValue: null,\n                                        value: newRecord.id,\n                                    },\n                                ],\n                            ).then(async saveValuesResult =>\n                                onCreate?.({\n                                    recordIdCreated: newRecord.id,\n                                    saveValuesResultOnLink: saveValuesResult,\n                                }),\n                            );\n                        } else {\n                            await Promise.resolve(onCreate?.({recordIdCreated: newRecord.id}));\n                        }\n                        refetch();\n                        refetchCount();\n                    }}\n                    submitButtons={['create']}\n                />\n            );\n            break;\n    }\n\n    return {\n        createPrimaryAction: isEnabled ? _createPrimaryAction : null,\n        createModal: isModalCreationVisible ? _createModal : null,\n    };\n};\n"]}
+{"version":3,"file":"useCreatePrimaryAction.js","sourceRoot":"","sources":["../../../../src/components/Explorer/actions-primary/useCreatePrimaryAction.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAoB,QAAQ,EAAC,MAAM,OAAO,CAAC;AAClD,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,eAAe,EAAE,eAAe,EAAE,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC7E,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,yBAAyB,MAAM,uFAAuF,CAAC;AAE9H,OAAO,EACH,aAAa,EAEb,eAAe,EACf,8BAA8B,GACjC,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAC,6BAA6B,EAAC,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAC,sBAAsB,EAAC,MAAM,eAAe,CAAC;AACrD,OAAO,EAAC,oBAAoB,EAAC,MAAM,aAAa,CAAC;AACjD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,MAAM,EAAC,MAAM,mCAAmC,CAAC;AAEzD;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACnC,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,UAAU,EACV,qBAAqB,EACrB,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,kBAAkB,EAClB,OAAO,GAiBT,EAAE,EAAE;IACF,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,EAAC,IAAI,EAAC,GAAG,OAAO,EAAE,CAAC;IAEzB,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5E,MAAM,EAAC,UAAU,EAAC,GAAG,yBAAyB,EAAE,CAAC;IAEjD,MAAM,aAAa,GAAG,GAAG,EAAE,CACvB,CAAC,kBAAkB,EAAE,kBAAkB;QACnC,gBAAgB,IAAI,kBAAkB,CAAC,kBAAkB;QACzD,kBAAkB,CAAC,kBAAkB,CAAC,cAAc,EAAE,EAAE,CAAC;QAC7D,SAAS,CAAC;IAEd,MAAM,EAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAC,GAAG,8BAA8B,CAAC;QAC1D,SAAS,EAAE,EAAC,SAAS,EAAE,aAAa,EAAE,EAAC;QACvC,IAAI,EAAE,CAAC,SAAS;KACnB,CAAC,CAAC;IAEH,MAAM,yBAAyB,GAAG,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,aAAa,IAAI,KAAK,CAAC;IAEhG,IAAI,KAAK,IAAI,OAAO,IAAI,CAAC,SAAS,IAAI,CAAC,yBAAyB,EAAE,CAAC;QAC/D,OAAO,EAAC,mBAAmB,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAC,CAAC;IAC1D,CAAC;IAED,IAAI,eAAe,CAAC;IACpB,IAAI,kBAAkB,EAAE,kBAAkB,EAAE,IAAI,KAAK,aAAa,CAAC,IAAI,EAAE,CAAC;QACtE,eAAe,GAAG,KAAK,CAAC;IAC5B,CAAC;SAAM,IAAI,UAAU,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QACvC,eAAe,GAAG,IAAI,CAAC;IAC3B,CAAC;SAAM,CAAC;QACJ,eAAe,GAAG,qBAAqB,IAAI,CAAC,YAAY,IAAI,UAAU,KAAK,CAAC,CAAC,CAAC;IAClF,CAAC;IAED,MAAM,oBAAoB,GAAmB;QACzC,QAAQ,EAAE,GAAG,EAAE;YACX,yBAAyB,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC;QACD,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,MAAM,GAAI;QACvC,QAAQ,EAAE,CAAC,eAAe;QAC1B,KAAK,EAAE,CAAC,CAAC,qBAAqB,CAAC;KAClC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAAqB,EAAE,EAAE;QACjD,QAAQ,CAAC,OAAO,CAAC;YACb,QAAQ,EAAE,IAAI;YACd,QAAQ,EAAE,sBAAsB;YAChC,OAAO,EAAE,CAAC,CAAC,uCAAuC,EAAE;gBAChD,OAAO,EACH,oBAAoB,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC;oBAC3D,CAAC,CAAC,oCAAoC,CAAC;aAC9C,CAAC;YACF,WAAW,EAAE,CAAC,CAAC,2CAA2C,EAAE;gBACxD,OAAO,EACH,oBAAoB,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC;oBAC3D,CAAC,CAAC,oCAAoC,CAAC;gBAC3C,QAAQ,EAAE,KAAK,IAAI,CAAC,CAAC,oCAAoC,CAAC;aAC7D,CAAC;YACF,QAAQ,EAAE,IAAI;SACjB,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,IAAI,YAAY,GAAwB,IAAI,CAAC;IAC7C,QAAQ,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC;QACzC,KAAK,eAAe,CAAC,KAAK;YACtB,YAAY,GAAG,CACX,KAAC,WAAW,IACR,SAAS,EAAE,aAAa,EAAE,EAC1B,QAAQ,QACR,OAAO,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,KAAK,CAAC,EAC/C,WAAW,EAAE,GAAG,EAAE;oBACd,OAAO,EAAE,CAAC;oBACV,kBAAkB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC;oBACrC,yBAAyB,CAAC,KAAK,CAAC,CAAC;gBACrC,CAAC,GACH,CACL,CAAC;YACF,MAAM;QACV,KAAK,eAAe,CAAC,WAAW;YAC5B,YAAY,GAAG,CACX,KAAC,eAAe,IACZ,SAAS,EAAE,aAAa,EAAE,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,KAAK,CAAC,EAC/C,WAAW,EAAE,GAAG,EAAE;oBACd,OAAO,EAAE,CAAC;oBACV,kBAAkB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC;oBACvC,yBAAyB,CAAC,KAAK,CAAC,CAAC;gBACrC,CAAC,GACH,CACL,CAAC;YACF,MAAM;QACV,KAAK,eAAe,CAAC,QAAQ,CAAC;QAC9B,KAAK,eAAe,CAAC,IAAI;YACrB,YAAY,GAAG,CACX,KAAC,eAAe,IACZ,SAAS,EAAE,6BAA6B,EACxC,IAAI,QACJ,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,aAAa,EAAE,EACxB,cAAc,EAAE,MAAM,EACtB,OAAO,EAAE,GAAG,EAAE;oBACV,yBAAyB,CAAC,KAAK,CAAC,CAAC;gBACrC,CAAC,EACD,QAAQ,EAAE,KAAK,EAAC,SAAS,EAAC,EAAE;oBACxB,kBAAkB,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;oBACpC,yBAAyB,CAAC,KAAK,CAAC,CAAC;oBACjC,IAAI,UAAU,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;wBAC7B,MAAM,UAAU,CACZ;4BACI,EAAE,EAAE,UAAU,CAAC,cAAc;4BAC7B,OAAO,EAAE;gCACL,EAAE,EAAE,UAAU,CAAC,eAAe;6BACjC;yBACJ,EACD;4BACI;gCACI,SAAS,EAAE,UAAU,CAAC,eAAe;gCACrC,OAAO,EAAE,IAAI;gCACb,KAAK,EAAE,SAAS,CAAC,EAAE;6BACtB;yBACJ,CACJ,CAAC,IAAI,CAAC,KAAK,EAAC,gBAAgB,EAAC,EAAE,CAC5B,QAAQ,EAAE,CAAC;4BACP,eAAe,EAAE,SAAS,CAAC,EAAE;4BAC7B,sBAAsB,EAAE,gBAAgB;yBAC3C,CAAC,CACL,CAAC;oBACN,CAAC;yBAAM,CAAC;wBACJ,MAAM,OAAO,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,EAAC,eAAe,EAAE,SAAS,CAAC,EAAE,EAAC,CAAC,CAAC,CAAC;oBACvE,CAAC;oBACD,OAAO,EAAE,CAAC;gBACd,CAAC,EACD,aAAa,EAAE,CAAC,QAAQ,CAAC,GAC3B,CACL,CAAC;YACF,MAAM;IACd,CAAC;IAED,OAAO;QACH,mBAAmB,EAAE,SAAS,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,IAAI;QAC5D,WAAW,EAAE,sBAAsB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI;KAC5D,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 {type ReactElement, useState} from 'react';\nimport {KitAlert} from 'aristid-ds';\nimport {CreateDirectory, EditRecordModal, UploadFiles} from '_ui/components';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport useSaveValueBatchMutation from '_ui/components/RecordEdition/EditRecordContent/hooks/useExecuteSaveValueBatchMutation';\nimport {type ISubmitMultipleResult} from '_ui/components/RecordEdition/EditRecordContent/_types';\nimport {\n    AttributeType,\n    type JoinLibraryContextFragment,\n    LibraryBehavior,\n    useExplorerLibraryDetailsQuery,\n} from '_ui/_gqlTypes';\nimport {type FeatureHook, type Entrypoint, type IPrimaryAction} from '../_types';\nimport {CREATE_RECORD_MODAL_CLASSNAME} from '../_constants';\nimport {SUCCESS_ALERT_DURATION} from '_ui/constants';\nimport {localizedTranslation} from '@leav/utils';\nimport {useLang} from '_ui/hooks';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faPlus} from '@fortawesome/free-solid-svg-icons';\n\n/**\n * Hook used to get the action for the `<DataView />` component.\n *\n * When the creation is done, we refresh all data even if the new record is not visible due to some filters.\n *\n * It returns also two parts: one for the call action button - one for displaying the modal required by the action.\n *\n * @param isEnabled - whether the action is present\n * @param isVisible - whether the button should be visible or not\n * @param libraryId - the library's id to add new item\n * @param entrypoint - represent the current entrypoint\n * @param totalCount - used for display purpose only\n * @param onCreate - callback to let outside world known about creating item (and linking)\n * @param refetch - method to call to refresh the list. A new item will be visible if it matches filters and sorts\n */\nexport const useCreatePrimaryAction = ({\n    isEnabled,\n    isVisible,\n    libraryId,\n    entrypoint,\n    totalCount,\n    canCreateAndLinkValue,\n    isMultivalue,\n    onCreate,\n    formId,\n    joinLibraryContext,\n    refetch,\n}: FeatureHook<{\n    libraryId: string;\n    entrypoint: Entrypoint;\n    totalCount: number;\n    canCreateAndLinkValue: boolean;\n    isMultivalue: boolean;\n    onCreate?: ({\n        recordIdCreated,\n        saveValuesResultOnLink,\n    }: {\n        recordIdCreated: string;\n        saveValuesResultOnLink?: ISubmitMultipleResult;\n    }) => void;\n    joinLibraryContext?: JoinLibraryContextFragment;\n    formId?: string;\n    refetch: () => void;\n}>) => {\n    const {t} = useSharedTranslation();\n    const {lang} = useLang();\n\n    const [isModalCreationVisible, setIsModalCreationVisible] = useState(false);\n    const {saveValues} = useSaveValueBatchMutation();\n\n    const _getLibraryId = () =>\n        (joinLibraryContext?.mandatoryAttribute &&\n            'linked_library' in joinLibraryContext.mandatoryAttribute &&\n            joinLibraryContext.mandatoryAttribute.linked_library?.id) ||\n        libraryId;\n\n    const {data, loading, error} = useExplorerLibraryDetailsQuery({\n        variables: {libraryId: _getLibraryId()},\n        skip: !isEnabled,\n    });\n\n    const hasCreateRecordPermission = data?.libraries?.list[0]?.permissions?.create_record ?? false;\n\n    if (error || loading || !isVisible || !hasCreateRecordPermission) {\n        return {createPrimaryAction: null, createModal: null};\n    }\n\n    let canCreateRecord;\n    if (joinLibraryContext?.mandatoryAttribute?.type === AttributeType.tree) {\n        canCreateRecord = false;\n    } else if (entrypoint.type === 'library') {\n        canCreateRecord = true;\n    } else {\n        canCreateRecord = canCreateAndLinkValue && (isMultivalue || totalCount === 0);\n    }\n\n    const _createPrimaryAction: IPrimaryAction = {\n        callback: () => {\n            setIsModalCreationVisible(true);\n        },\n        icon: <FontAwesomeIcon icon={faPlus} />,\n        disabled: !canCreateRecord,\n        label: t('explorer.create-one'),\n    };\n\n    const _notifyNewCreation = (label?: string | null) => {\n        KitAlert.success({\n            showIcon: true,\n            duration: SUCCESS_ALERT_DURATION,\n            message: t('items_list.created_in_success.message', {\n                libName:\n                    localizedTranslation(data?.libraries?.list[0]?.label, lang) ||\n                    t('items_list.created_in_success.item'),\n            }),\n            description: t('items_list.created_in_success.description', {\n                libName:\n                    localizedTranslation(data?.libraries?.list[0]?.label, lang) ||\n                    t('items_list.created_in_success.item'),\n                itemName: label || t('items_list.created_in_success.item'),\n            }),\n            closable: true,\n        });\n    };\n\n    let _createModal: ReactElement | null = null;\n    switch (data?.libraries?.list[0]?.behavior) {\n        case LibraryBehavior.files:\n            _createModal = (\n                <UploadFiles\n                    libraryId={_getLibraryId()}\n                    multiple\n                    onClose={() => setIsModalCreationVisible(false)}\n                    onCompleted={() => {\n                        refetch();\n                        _notifyNewCreation(t('upload.file'));\n                        setIsModalCreationVisible(false);\n                    }}\n                />\n            );\n            break;\n        case LibraryBehavior.directories:\n            _createModal = (\n                <CreateDirectory\n                    libraryId={_getLibraryId()}\n                    onClose={() => setIsModalCreationVisible(false)}\n                    onCompleted={() => {\n                        refetch();\n                        _notifyNewCreation(t('upload.folder'));\n                        setIsModalCreationVisible(false);\n                    }}\n                />\n            );\n            break;\n        case LibraryBehavior.standard:\n        case LibraryBehavior.join:\n            _createModal = (\n                <EditRecordModal\n                    className={CREATE_RECORD_MODAL_CLASSNAME}\n                    open\n                    record={null}\n                    library={_getLibraryId()}\n                    creationFormId={formId}\n                    onClose={() => {\n                        setIsModalCreationVisible(false);\n                    }}\n                    onCreate={async newRecord => {\n                        _notifyNewCreation(newRecord.label);\n                        setIsModalCreationVisible(false);\n                        if (entrypoint.type === 'link') {\n                            await saveValues(\n                                {\n                                    id: entrypoint.parentRecordId,\n                                    library: {\n                                        id: entrypoint.parentLibraryId,\n                                    },\n                                },\n                                [\n                                    {\n                                        attribute: entrypoint.linkAttributeId,\n                                        idValue: null,\n                                        value: newRecord.id,\n                                    },\n                                ],\n                            ).then(async saveValuesResult =>\n                                onCreate?.({\n                                    recordIdCreated: newRecord.id,\n                                    saveValuesResultOnLink: saveValuesResult,\n                                }),\n                            );\n                        } else {\n                            await Promise.resolve(onCreate?.({recordIdCreated: newRecord.id}));\n                        }\n                        refetch();\n                    }}\n                    submitButtons={['create']}\n                />\n            );\n            break;\n    }\n\n    return {\n        createPrimaryAction: isEnabled ? _createPrimaryAction : null,\n        createModal: isModalCreationVisible ? _createModal : null,\n    };\n};\n"]}

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

@@ -1,13 +1,27 @@
 // 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 { useGetLibraryByIdQuery, useGetTreeNodeChildrenWithAccessByDefaultPermissionQueryLazyQuery, } from '../../../_gqlTypes';
+import { useLazyQuery } from '@apollo/client';
+import { useGetLibraryByIdQuery, } from '../../../_gqlTypes';
+import { getTreeContentQuery } from '../../../_queries/trees/getTreeContentQuery';
 import { useEffect, useState } from 'react';
-import { defaultPaginationPageSize } from '../../../constants';
+const _flattenNodes = (nodes) => nodes.flatMap(node => [
+    ...(node.accessRecordByDefaultPermission
+        ? [
+            {
+                nodeId: node.id,
+                libraryId: node.record.whoAmI.library.id,
+                value: node.record.id,
+                label: node.record.whoAmI.label,
+            },
+        ]
+        : []),
+    ..._flattenNodes(node.children ?? []),
+]);
 export const useGetTreeFilters = ({ libraryId, skip }) => {
     const [treeFilters, setTreeFilters] = useState({});
     const [treeFiltersLoading, setTreeFiltersLoading] = useState(true);
-    const [loadTreeContent] = useGetTreeNodeChildrenWithAccessByDefaultPermissionQueryLazyQuery();
+    const [loadTreeContent] = useLazyQuery(getTreeContentQuery());
     const { data: libraryData, loading: libraryLoading } = useGetLibraryByIdQuery({
         variables: {
             id: libraryId,
@@ -23,50 +37,20 @@ export const useGetTreeFilters = ({ libraryId, skip }) => {
                 attributeId: attribute.id,
                 treeId: libraryData?.libraries.list[0]?.attributes.find(tree => tree.id === attribute.id)?.linked_tree?.id,
             })) || [];
-            const _fetchChildrenPage = async (treeId, attributeId, parentNodeKey, offset) => {
+            const treeResponse = await Promise.all(treeAttributesWithExtendedPermissions.map(async (attribute) => {
                 const { data } = await loadTreeContent({
                     variables: {
-                        treeId,
-                        node: parentNodeKey,
-                        pagination: { offset, limit: defaultPaginationPageSize },
+                        treeId: attribute.treeId,
                         accessRecordByDefaultPermission: {
-                            attributeId,
+                            attributeId: attribute.attributeId,
                             libraryId,
                         },
                     },
                 });
-                const { list, totalCount } = data?.treeNodeChildren ?? { list: [], totalCount: 0 };
-                const records = [];
-                for (const node of list) {
-                    if (node.accessRecordByDefaultPermission) {
-                        records.push({
-                            nodeId: node.id,
-                            libraryId: node.record.whoAmI.library.id,
-                            value: node.record.id,
-                            label: node.record.whoAmI.label,
-                        });
-                    }
-                    if (node.childrenCount > 0) {
-                        const childrenRecords = await _fetchAllChildren(treeId, attributeId, node.id);
-                        records.push(...childrenRecords);
-                    }
-                }
-                return { records, totalCount };
-            };
-            const _fetchAllChildren = async (treeId, attributeId, parentNodeKey, offset = 0, accumulated = []) => {
-                const { records, totalCount } = await _fetchChildrenPage(treeId, attributeId, parentNodeKey, offset);
-                const allRecords = [...accumulated, ...records];
-                const nextOffset = offset + defaultPaginationPageSize;
-                if (nextOffset < totalCount) {
-                    return _fetchAllChildren(treeId, attributeId, parentNodeKey, nextOffset, allRecords);
-                }
-                return allRecords;
-            };
-            const treeResponse = await Promise.all(treeAttributesWithExtendedPermissions.map(async (attribute) => {
-                const recordIds = await _fetchAllChildren(attribute.treeId, attribute.attributeId, null);
+                const flatNodes = _flattenNodes(data?.treeContent ?? []);
                 return {
                     attributeId: attribute.attributeId,
-                    recordIds,
+                    recordIds: flatNodes,
                 };
             }));
             const attributeRecords = treeResponse.reduce((acc, item) => {

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 {\n    type TreeAttributeDetailsFragment,\n    useGetLibraryByIdQuery,\n    useGetTreeNodeChildrenWithAccessByDefaultPermissionQueryLazyQuery,\n} from '_ui/_gqlTypes';\nimport {useEffect, useState} from 'react';\nimport {defaultPaginationPageSize} from '_ui/constants';\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\nexport const useGetTreeFilters = ({libraryId, skip}: {libraryId: string; skip: boolean}) => {\n    const [treeFilters, setTreeFilters] = useState<ITreeFilters>({});\n    const [treeFiltersLoading, setTreeFiltersLoading] = useState(true);\n    const [loadTreeContent] = useGetTreeNodeChildrenWithAccessByDefaultPermissionQueryLazyQuery();\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 _fetchChildrenPage = async (\n                treeId: string,\n                attributeId: string,\n                parentNodeKey: string | null,\n                offset: number,\n            ) => {\n                const {data} = await loadTreeContent({\n                    variables: {\n                        treeId,\n                        node: parentNodeKey,\n                        pagination: {offset, limit: defaultPaginationPageSize},\n                        accessRecordByDefaultPermission: {\n                            attributeId,\n                            libraryId,\n                        },\n                    },\n                });\n\n                const {list, totalCount} = data?.treeNodeChildren ?? {list: [], totalCount: 0};\n\n                const records: ITreeNode[] = [];\n\n                for (const node of list) {\n                    if (node.accessRecordByDefaultPermission) {\n                        records.push({\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                    if (node.childrenCount > 0) {\n                        const childrenRecords = await _fetchAllChildren(treeId, attributeId, node.id);\n                        records.push(...childrenRecords);\n                    }\n                }\n\n                return {records, totalCount};\n            };\n\n            const _fetchAllChildren = async (\n                treeId: string,\n                attributeId: string,\n                parentNodeKey: string | null,\n                offset = 0,\n                accumulated: ITreeNode[] = [],\n            ): Promise<ITreeNode[]> => {\n                const {records, totalCount} = await _fetchChildrenPage(treeId, attributeId, parentNodeKey, offset);\n                const allRecords = [...accumulated, ...records];\n\n                const nextOffset = offset + defaultPaginationPageSize;\n                if (nextOffset < totalCount) {\n                    return _fetchAllChildren(treeId, attributeId, parentNodeKey, nextOffset, allRecords);\n                }\n\n                return allRecords;\n            };\n\n            const treeResponse = await Promise.all(\n                treeAttributesWithExtendedPermissions.map(async attribute => {\n                    const recordIds = await _fetchAllChildren(attribute.treeId, attribute.attributeId, null);\n\n                    return {\n                        attributeId: attribute.attributeId,\n                        recordIds,\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 {\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"]}

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

@@ -1,50 +1,23 @@
 // 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 { useGetTreeNodeChildrenWithAccessByDefaultPermissionQueryLazyQuery } from '../../../../../_gqlTypes';
-import { defaultPaginationPageSize } from '../../../../../constants';
+import { getTreeContentQuery } from '../../../../../_queries/trees/getTreeContentQuery';
+const _toTreeNode = (node) => ({
+    title: node.record.whoAmI.label ?? node.record.whoAmI.id,
+    id: node.id,
+    key: node.id,
+    children: (node.children ?? []).map(_toTreeNode),
+    accessRecordByDefaultPermission: node.accessRecordByDefaultPermission ?? undefined,
+    libraryId: node.record.whoAmI.library.id,
+    recordId: node.record.id,
+});
 export const useGetTreeData = ({ treeId, attributeId, libraryId }) => {
-    const [loadTreeContent] = useGetTreeNodeChildrenWithAccessByDefaultPermissionQueryLazyQuery();
+    const [loadTreeContent] = useLazyQuery(getTreeContentQuery());
     const [treeData, setTreeData] = useState([]);
     const [isLoading, setIsLoading] = useState(true);
     const [error, setError] = useState(null);
-    const _fetchChildrenPage = async (parentNodeKey, offset) => {
-        const { data } = await loadTreeContent({
-            variables: {
-                treeId,
-                node: parentNodeKey,
-                pagination: { offset, limit: defaultPaginationPageSize },
-                accessRecordByDefaultPermission: {
-                    attributeId,
-                    libraryId,
-                },
-            },
-        });
-        const { list, totalCount } = data?.treeNodeChildren ?? { list: [], totalCount: 0 };
-        const nodes = await Promise.all(list.map(async (node) => {
-            const children = node.childrenCount ? await _fetchAllChildren(node.id) : [];
-            return {
-                title: node.record.whoAmI.label || node.record.whoAmI.id,
-                id: node.id,
-                key: node.id,
-                children,
-                accessRecordByDefaultPermission: node.accessRecordByDefaultPermission,
-                libraryId: node.record.whoAmI.library.id,
-                recordId: node.record.id,
-            };
-        }));
-        return { nodes, totalCount };
-    };
-    const _fetchAllChildren = async (parentNodeKey, offset = 0, accumulated = []) => {
-        const { nodes, totalCount } = await _fetchChildrenPage(parentNodeKey, offset);
-        const allNodes = [...accumulated, ...nodes];
-        const nextOffset = offset + defaultPaginationPageSize;
-        if (nextOffset < totalCount) {
-            return _fetchAllChildren(parentNodeKey, nextOffset, allNodes);
-        }
-        return allNodes;
-    };
     useEffect(() => {
         if (!treeId) {
             setTreeData([]);
@@ -55,8 +28,16 @@ export const useGetTreeData = ({ treeId, attributeId, libraryId }) => {
             setIsLoading(true);
             setError(null);
             try {
-                const children = await _fetchAllChildren(null);
-                setTreeData(children);
+                const { data } = await loadTreeContent({
+                    variables: {
+                        treeId,
+                        accessRecordByDefaultPermission: {
+                            attributeId,
+                            libraryId,
+                        },
+                    },
+                });
+                setTreeData((data?.treeContent ?? []).map(node => _toTreeNode(node)));
             }
             catch (err) {
                 setError(err instanceof Error ? err : new Error('Failed to load tree'));

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":"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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 {useEffect, useState} from 'react';\nimport {useGetTreeNodeChildrenWithAccessByDefaultPermissionQueryLazyQuery} from '_ui/_gqlTypes';\nimport {defaultPaginationPageSize} from '_ui/constants';\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\nexport const useGetTreeData = ({treeId, attributeId, libraryId}: IUseGetTreeDataProps) => {\n    const [loadTreeContent] = useGetTreeNodeChildrenWithAccessByDefaultPermissionQueryLazyQuery();\n    const [treeData, setTreeData] = useState<ITreeNode[]>([]);\n    const [isLoading, setIsLoading] = useState(true);\n    const [error, setError] = useState<Error | null>(null);\n\n    const _fetchChildrenPage = async (parentNodeKey: string | null, offset: number) => {\n        const {data} = await loadTreeContent({\n            variables: {\n                treeId,\n                node: parentNodeKey,\n                pagination: {offset, limit: defaultPaginationPageSize},\n                accessRecordByDefaultPermission: {\n                    attributeId,\n                    libraryId,\n                },\n            },\n        });\n\n        const {list, totalCount} = data?.treeNodeChildren ?? {list: [], totalCount: 0};\n\n        const nodes = await Promise.all(\n            list.map(async node => {\n                const children = node.childrenCount ? await _fetchAllChildren(node.id) : [];\n\n                return {\n                    title: node.record.whoAmI.label || node.record.whoAmI.id,\n                    id: node.id,\n                    key: node.id,\n                    children,\n                    accessRecordByDefaultPermission: node.accessRecordByDefaultPermission,\n                    libraryId: node.record.whoAmI.library.id,\n                    recordId: node.record.id,\n                };\n            }),\n        );\n\n        return {nodes, totalCount};\n    };\n\n    const _fetchAllChildren = async (\n        parentNodeKey: string | null,\n        offset = 0,\n        accumulated: ITreeNode[] = [],\n    ): Promise<ITreeNode[]> => {\n        const {nodes, totalCount} = await _fetchChildrenPage(parentNodeKey, offset);\n        const allNodes = [...accumulated, ...nodes];\n\n        const nextOffset = offset + defaultPaginationPageSize;\n        if (nextOffset < totalCount) {\n            return _fetchAllChildren(parentNodeKey, nextOffset, allNodes);\n        }\n\n        return allNodes;\n    };\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 children = await _fetchAllChildren(null);\n                setTreeData(children);\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,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"]}

package/dist/components/RecordEdition/EditRecordContent/_types.d.ts

@@ -56,10 +56,6 @@ export type SubmittedValue = ISubmittedValueStandard | ISubmittedValueLink | ISu
 export type SubmitValueFunc = (values: SubmittedValue[], version: IValueVersion) => Promise<ISubmitMultipleResult>;
 export type DeleteValueFunc = (value: ValueInput | null, attribute: string) => Promise<IDeleteValueResult>;
 export type CreateEmptyRecordFunc = (library: string) => Promise<ICreateRecordResult>;
-export type CreateRecordFunc = (library: string, skipActivate?: boolean, data?: {
-    values: Array<Omit<IValueToSubmit, 'idValue'>>;
-    version: IValueVersion;
-}) => Promise<ICreateRecordResult>;
 export type DeleteMultipleValuesFunc = (attribute: string, values: RecordProperty[], version: IValueVersion) => Promise<ISubmitMultipleResult>;
 export type MetadataSubmitValueFunc = (value: RecordProperty, attribute: RecordFormAttributeFragment, metadata: IKeyValue<AnyPrimitive>) => Promise<ISubmitMultipleResult>;
 export interface ISubmittedValueBase {

package/dist/components/RecordEdition/EditRecordContent/_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"_types.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecordContent/_types.ts"],"names":[],"mappings":"AAoCA,MAAM,CAAN,IAAY,aAIX;AAJD,WAAY,aAAa;IACrB,oCAAmB,CAAA;IACnB,gCAAe,CAAA;IACf,oCAAmB,CAAA;AACvB,CAAC,EAJW,aAAa,KAAb,aAAa,QAIxB;AA4GD,MAAM,CAAN,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IACzB,4CAAuB,CAAA;IACvB,wCAAmB,CAAA;AACvB,CAAC,EAHW,iBAAiB,KAAjB,iBAAiB,QAG5B","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 FunctionComponent} from 'react';\nimport {\n    type AnyPrimitive,\n    type FormFieldTypes,\n    type FormUIElementTypes,\n    type IRequiredFieldsSettings,\n    type IKeyValue,\n    type Override,\n} from '@leav/utils';\nimport {type RecordFormElementsValue} from '_ui/hooks/useGetRecordForm';\nimport {type IRecordIdentity, type IRecordIdentityWhoAmI} from '_ui/types/records';\nimport {type ITreeNodeWithRecord} from '_ui/types/trees';\nimport {type IValueVersion} from '_ui/types/values';\nimport {\n    type RecordFormAttributeFragment,\n    type SaveValueBatchMutation,\n    type CreateRecordMutation,\n    type RecordFormElementFragment,\n    type RecordIdentityFragment,\n    type ValueDetailsFragment,\n    type ValueInput,\n} from '_ui/_gqlTypes';\nimport {type RecordProperty} from '_ui/_queries/records/getRecordPropertiesQuery';\nimport {type FormInstance} from 'antd/lib/form/Form';\nimport {type GetRecordColumnsValuesRecord} from '_ui/_queries/records/getRecordColumnsValues';\n\nexport interface IValueToSubmit {\n    attribute: string;\n    value: AnyPrimitive | null;\n    idValue: string | null;\n    metadata?: IKeyValue<AnyPrimitive>;\n}\n\nexport enum APICallStatus {\n    SUCCESS = 'SUCCESS',\n    ERROR = 'ERROR',\n    PARTIAL = 'PARTIAL',\n}\n\nexport type FieldSubmitMultipleFunc = (\n    record: IRecordIdentityWhoAmI,\n    values: IValueToSubmit[],\n    version?: IValueVersion,\n    deleteEmpty?: boolean,\n) => Promise<ISubmitMultipleResult>;\n\nexport interface ISubmitMultipleResult {\n    status: APICallStatus;\n    error?: string;\n    values?: ValueDetailsFragment[];\n    errors?: SaveValueBatchMutation['saveValueBatch']['errors'];\n}\n\nexport interface IDeleteValueResult {\n    status: APICallStatus;\n    error?: string;\n}\n\nexport interface ICreateRecordResult {\n    status: APICallStatus;\n    record?: RecordIdentityFragment['whoAmI'];\n    errors?: CreateRecordMutation['createRecord']['valuesErrors'];\n}\n\nexport interface IRecordEditionContext {\n    elements: IFormElementsByContainer;\n    readOnly: boolean;\n    record: IRecordIdentityWhoAmI;\n}\n\nexport interface IFormElementsByContainer {\n    [containerId: string]: Array<FormElement<unknown>>;\n}\n\nexport interface ISubmittedValueStandard extends ISubmittedValueBase {\n    value: AnyPrimitive;\n}\n\nexport interface ISubmittedValueLink extends ISubmittedValueBase {\n    value: IRecordIdentity;\n}\n\nexport interface ISubmittedValueTree extends ISubmittedValueBase {\n    value: ITreeNodeWithRecord;\n}\n\nexport type SubmittedValue = ISubmittedValueStandard | ISubmittedValueLink | ISubmittedValueTree;\n\nexport type SubmitValueFunc = (values: SubmittedValue[], version: IValueVersion) => Promise<ISubmitMultipleResult>;\nexport type DeleteValueFunc = (value: ValueInput | null, attribute: string) => Promise<IDeleteValueResult>;\nexport type CreateEmptyRecordFunc = (library: string) => Promise<ICreateRecordResult>;\nexport type CreateRecordFunc = (\n    library: string,\n    skipActivate?: boolean,\n    data?: {\n        values: Array<Omit<IValueToSubmit, 'idValue'>>;\n        version: IValueVersion;\n    },\n) => Promise<ICreateRecordResult>;\nexport type DeleteMultipleValuesFunc = (\n    attribute: string,\n    values: RecordProperty[],\n    version: IValueVersion,\n) => Promise<ISubmitMultipleResult>;\n\nexport type MetadataSubmitValueFunc = (\n    value: RecordProperty,\n    attribute: RecordFormAttributeFragment,\n    metadata: IKeyValue<AnyPrimitive>,\n) => Promise<ISubmitMultipleResult>;\n\nexport interface ISubmittedValueBase {\n    attribute: RecordFormAttributeFragment;\n    idValue: string;\n    metadata?: IKeyValue<AnyPrimitive>;\n}\n\nexport interface IFormElementProps<SettingsType, RecordFormElements = RecordFormElementsValue> {\n    element: FormElement<SettingsType, RecordFormElements>;\n    readonly?: boolean;\n    onValueSubmit?: SubmitValueFunc;\n    onValueDelete?: DeleteValueFunc;\n    onDeleteMultipleValues?: DeleteMultipleValuesFunc;\n    metadataEdit?: boolean;\n    isFormCreationMode?: boolean;\n}\n\nexport type FormElement<SettingsType, RecordFormElements = RecordFormElementsValue> = Override<\n    RecordFormElementFragment,\n    {\n        settings: SettingsType;\n        uiElementType: FormUIElementTypes | FormFieldTypes;\n        values: RecordFormElements[];\n    }\n> & {\n    uiElement: FunctionComponent<\n        IFormElementProps<unknown> & {\n            antdForm?: FormInstance;\n            computedValues?: GetRecordColumnsValuesRecord;\n        }\n    >;\n};\n\nexport type StandardValueTypes = AnyPrimitive;\n\nexport enum VersionFieldScope {\n    INHERITED = 'INHERITED', // inherited values\n    CURRENT = 'CURRENT', // values of \"current\" version, eg. the version selected in the form\n}\n\nexport interface ICommonFieldsReducerState<ValuesType, RecordFormAttributeFragmentType = RecordFormAttributeFragment> {\n    record: IRecordIdentityWhoAmI;\n    formElement: FormElement<IRequiredFieldsSettings>;\n    attribute: RecordFormAttributeFragmentType;\n    isReadOnly: boolean;\n    activeScope: VersionFieldScope;\n    values: {\n        [scope in VersionFieldScope]: {\n            version: IValueVersion;\n            values: ValuesType;\n        } | null;\n    };\n}\n\nexport interface IProvidedByAntFormItem<\n    InputFieldProps extends {value?: unknown; onChange?: unknown},\n    AntNotifier extends {onChange?: unknown} = InputFieldProps,\n> {\n    value?: InputFieldProps['value'];\n    onChange?: AntNotifier['onChange'];\n}\n"]}
+{"version":3,"file":"_types.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecordContent/_types.ts"],"names":[],"mappings":"AAoCA,MAAM,CAAN,IAAY,aAIX;AAJD,WAAY,aAAa;IACrB,oCAAmB,CAAA;IACnB,gCAAe,CAAA;IACf,oCAAmB,CAAA;AACvB,CAAC,EAJW,aAAa,KAAb,aAAa,QAIxB;AAoGD,MAAM,CAAN,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IACzB,4CAAuB,CAAA;IACvB,wCAAmB,CAAA;AACvB,CAAC,EAHW,iBAAiB,KAAjB,iBAAiB,QAG5B","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 FunctionComponent} from 'react';\nimport {\n    type AnyPrimitive,\n    type FormFieldTypes,\n    type FormUIElementTypes,\n    type IRequiredFieldsSettings,\n    type IKeyValue,\n    type Override,\n} from '@leav/utils';\nimport {type RecordFormElementsValue} from '_ui/hooks/useGetRecordForm';\nimport {type IRecordIdentity, type IRecordIdentityWhoAmI} from '_ui/types/records';\nimport {type ITreeNodeWithRecord} from '_ui/types/trees';\nimport {type IValueVersion} from '_ui/types/values';\nimport {\n    type RecordFormAttributeFragment,\n    type SaveValueBatchMutation,\n    type CreateRecordMutation,\n    type RecordFormElementFragment,\n    type RecordIdentityFragment,\n    type ValueDetailsFragment,\n    type ValueInput,\n} from '_ui/_gqlTypes';\nimport {type RecordProperty} from '_ui/_queries/records/getRecordPropertiesQuery';\nimport {type FormInstance} from 'antd/lib/form/Form';\nimport {type GetRecordColumnsValuesRecord} from '_ui/_queries/records/getRecordColumnsValues';\n\nexport interface IValueToSubmit {\n    attribute: string;\n    value: AnyPrimitive | null;\n    idValue: string | null;\n    metadata?: IKeyValue<AnyPrimitive>;\n}\n\nexport enum APICallStatus {\n    SUCCESS = 'SUCCESS',\n    ERROR = 'ERROR',\n    PARTIAL = 'PARTIAL',\n}\n\nexport type FieldSubmitMultipleFunc = (\n    record: IRecordIdentityWhoAmI,\n    values: IValueToSubmit[],\n    version?: IValueVersion,\n    deleteEmpty?: boolean,\n) => Promise<ISubmitMultipleResult>;\n\nexport interface ISubmitMultipleResult {\n    status: APICallStatus;\n    error?: string;\n    values?: ValueDetailsFragment[];\n    errors?: SaveValueBatchMutation['saveValueBatch']['errors'];\n}\n\nexport interface IDeleteValueResult {\n    status: APICallStatus;\n    error?: string;\n}\n\nexport interface ICreateRecordResult {\n    status: APICallStatus;\n    record?: RecordIdentityFragment['whoAmI'];\n    errors?: CreateRecordMutation['createRecord']['valuesErrors'];\n}\n\nexport interface IRecordEditionContext {\n    elements: IFormElementsByContainer;\n    readOnly: boolean;\n    record: IRecordIdentityWhoAmI;\n}\n\nexport interface IFormElementsByContainer {\n    [containerId: string]: Array<FormElement<unknown>>;\n}\n\nexport interface ISubmittedValueStandard extends ISubmittedValueBase {\n    value: AnyPrimitive;\n}\n\nexport interface ISubmittedValueLink extends ISubmittedValueBase {\n    value: IRecordIdentity;\n}\n\nexport interface ISubmittedValueTree extends ISubmittedValueBase {\n    value: ITreeNodeWithRecord;\n}\n\nexport type SubmittedValue = ISubmittedValueStandard | ISubmittedValueLink | ISubmittedValueTree;\n\nexport type SubmitValueFunc = (values: SubmittedValue[], version: IValueVersion) => Promise<ISubmitMultipleResult>;\nexport type DeleteValueFunc = (value: ValueInput | null, attribute: string) => Promise<IDeleteValueResult>;\nexport type CreateEmptyRecordFunc = (library: string) => Promise<ICreateRecordResult>;\nexport type DeleteMultipleValuesFunc = (\n    attribute: string,\n    values: RecordProperty[],\n    version: IValueVersion,\n) => Promise<ISubmitMultipleResult>;\n\nexport type MetadataSubmitValueFunc = (\n    value: RecordProperty,\n    attribute: RecordFormAttributeFragment,\n    metadata: IKeyValue<AnyPrimitive>,\n) => Promise<ISubmitMultipleResult>;\n\nexport interface ISubmittedValueBase {\n    attribute: RecordFormAttributeFragment;\n    idValue: string;\n    metadata?: IKeyValue<AnyPrimitive>;\n}\n\nexport interface IFormElementProps<SettingsType, RecordFormElements = RecordFormElementsValue> {\n    element: FormElement<SettingsType, RecordFormElements>;\n    readonly?: boolean;\n    onValueSubmit?: SubmitValueFunc;\n    onValueDelete?: DeleteValueFunc;\n    onDeleteMultipleValues?: DeleteMultipleValuesFunc;\n    metadataEdit?: boolean;\n    isFormCreationMode?: boolean;\n}\n\nexport type FormElement<SettingsType, RecordFormElements = RecordFormElementsValue> = Override<\n    RecordFormElementFragment,\n    {\n        settings: SettingsType;\n        uiElementType: FormUIElementTypes | FormFieldTypes;\n        values: RecordFormElements[];\n    }\n> & {\n    uiElement: FunctionComponent<\n        IFormElementProps<unknown> & {\n            antdForm?: FormInstance;\n            computedValues?: GetRecordColumnsValuesRecord;\n        }\n    >;\n};\n\nexport type StandardValueTypes = AnyPrimitive;\n\nexport enum VersionFieldScope {\n    INHERITED = 'INHERITED', // inherited values\n    CURRENT = 'CURRENT', // values of \"current\" version, eg. the version selected in the form\n}\n\nexport interface ICommonFieldsReducerState<ValuesType, RecordFormAttributeFragmentType = RecordFormAttributeFragment> {\n    record: IRecordIdentityWhoAmI;\n    formElement: FormElement<IRequiredFieldsSettings>;\n    attribute: RecordFormAttributeFragmentType;\n    isReadOnly: boolean;\n    activeScope: VersionFieldScope;\n    values: {\n        [scope in VersionFieldScope]: {\n            version: IValueVersion;\n            values: ValuesType;\n        } | null;\n    };\n}\n\nexport interface IProvidedByAntFormItem<\n    InputFieldProps extends {value?: unknown; onChange?: unknown},\n    AntNotifier extends {onChange?: unknown} = InputFieldProps,\n> {\n    value?: InputFieldProps['value'];\n    onChange?: AntNotifier['onChange'];\n}\n"]}

package/dist/components/RecordEdition/EditRecordModal/EditRecordModal.js

@@ -3,10 +3,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { useEffect, useRef, useState } from 'react';
-import { KitButton, KitLoader, KitModal, KitSpace, KitTypography } from 'aristid-ds';
+import { KitButton, KitModal, KitSpace, KitTypography } from 'aristid-ds';
 import styled from 'styled-components';
 import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
-import { useCreateRecordMutation, usePurgeRecordMutation } from '../../../_gqlTypes';
+import { usePurgeRecordMutation } from '../../../_gqlTypes';
 import { EditRecord } from '../EditRecord';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faXmark } from '@fortawesome/free-solid-svg-icons';
@@ -14,8 +14,8 @@ import { useGetSubmitButtons } from '../hooks/useGetSubmitButtons';
 import { useForm } from 'antd/lib/form/Form';
 import { useCreateCancelConfirm } from '../hooks/useCreateCancelConfirm';
 import { EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS } from '../constants';
-import { useGetInitialRecordValues } from '../EditRecordPage/getInitialRecordValues';
-import { ErrorComponent } from '../EditRecordPage/ErrorComponent';
+import useExecuteCreateEmptyRecordMutation from '../EditRecordContent/hooks/useCreateEmptyRecordMutation';
+import { APICallStatus } from '../EditRecordContent/_types';
 const MODAL_HEIGHT = '80vh';
 const MODAL_WIDTH = '90vw';
 const MODAL_MAX_WIDTH = '656px';
@@ -60,40 +60,29 @@ export const EditRecordModal = ({ className, open, record, creationFormId, editi
     const { t } = useSharedTranslation();
     const [antdForm] = useForm();
     const [currentRecord, setCurrentRecord] = useState(record);
-    const clickedSubmitButton = useRef(null);
-    const [createRecord] = useCreateRecordMutation();
+    const [clickedSubmitButton, setClickedSubmitButton] = useState(null);
+    const { createEmptyRecord } = useExecuteCreateEmptyRecordMutation();
     const [purgeRecordMutation] = usePurgeRecordMutation();
     const formElementId = useRef(window.crypto.randomUUID());
     const [isCreation, setIsCreation] = useState(!record);
-    const [isReady, setIsReady] = useState(!!record);
-    const [isError, setIsError] = useState(false);
     const [formId, setFormId] = useState(isCreation ? (creationFormId ?? 'creation') : (editionFormId ?? 'edition'));
     const closeButtonLabel = isCreation ? t('global.cancel') : t('global.close');
     const modalTitle = currentRecord?.label && currentRecord.label.trim() ? currentRecord.label : t('record_edition.new_record');
     useEffect(() => {
         const createEmptyRecordFunction = async () => {
-            const values = useGetInitialRecordValues();
-            const { data } = await createRecord({
-                variables: {
-                    library,
-                    skipActivate: true,
-                    data: { values },
-                },
-            });
-            const recordId = data?.createRecord.record?.id;
-            setCurrentRecord(data?.createRecord.record.whoAmI ?? null);
-            if (!recordId) {
-                setIsError(true);
-                return;
+            const res = await createEmptyRecord(library);
+            if (res?.status === APICallStatus.ERROR) {
+                // TODO : call KitNotification error
+                return null;
             }
-            setIsReady(true);
+            setCurrentRecord(res?.record ?? null);
         };
         if (open && isCreation && !currentRecord) {
             createEmptyRecordFunction();
         }
     }, [open, currentRecord]);
     const _handleClickSubmit = (button) => {
-        clickedSubmitButton.current = button;
+        setClickedSubmitButton(button);
     };
     const _purgeRecordOnCreationCancel = () => purgeRecordMutation({
         errorPolicy: 'ignore',
@@ -109,15 +98,16 @@ export const EditRecordModal = ({ className, open, record, creationFormId, editi
         return onClose();
     };
     const showCancelConfirm = useCreateCancelConfirm(_closeAfterConfirm);
+    const displayedSubmitButtons = useGetSubmitButtons(submitButtons, formElementId.current, isCreation, _handleClickSubmit);
     const _handleCreate = (newRecord) => {
         setCurrentRecord(newRecord);
-        if (onCreateAndEdit && clickedSubmitButton.current === 'createAndEdit') {
+        if (onCreateAndEdit && clickedSubmitButton === 'createAndEdit') {
             setFormId(editionFormId ?? 'edition');
             setIsCreation(false);
             onCreateAndEdit(newRecord);
             return;
         }
-        if (onCreate && clickedSubmitButton.current === 'create') {
+        if (onCreate && clickedSubmitButton === 'create') {
             onCreate(newRecord);
             return;
         }
@@ -133,10 +123,9 @@ export const EditRecordModal = ({ className, open, record, creationFormId, editi
         }
         return onClose();
     };
-    const displayedSubmitButtons = useGetSubmitButtons(submitButtons, formElementId.current, isCreation, _handleClickSubmit, _handleClose);
-    return (_jsxs(KitModalStyled, { appElement: document.getElementById('root'), className: className, height: autoHeight ? 'auto' : MODAL_HEIGHT, maxHeight: autoHeight ? MODAL_HEIGHT : undefined, width: MODAL_WIDTH, isOpen: open, close: _handleClose, title: _jsxs(KitSpace, { children: [_jsx(KitTypography.Title, { level: "h2", style: { margin: 0 }, children: modalTitle }), _jsx("div", { id: EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS })] }), footer: _jsx(KitSpace, { children: [
+    return (_jsx(KitModalStyled, { appElement: document.getElementById('root'), className: className, height: autoHeight ? 'auto' : MODAL_HEIGHT, maxHeight: autoHeight ? MODAL_HEIGHT : undefined, width: MODAL_WIDTH, isOpen: open, close: _handleClose, title: _jsxs(KitSpace, { children: [_jsx(KitTypography.Title, { level: "h2", style: { margin: 0 }, children: modalTitle }), _jsx("div", { id: EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS })] }), footer: _jsx(KitSpace, { children: [
                 _jsx(KitButton, { "aria-label": closeButtonLabel, icon: _jsx(FontAwesomeIcon, { icon: faXmark }), onClick: _handleClose, children: closeButtonLabel }, "close"),
                 ...displayedSubmitButtons,
-            ] }), closeIcon: _jsx(FontAwesomeIcon, { icon: faXmark }), showCloseIcon: true, destroyOnClose: true, children: [isError && _jsx(ErrorComponent, {}), !isReady && _jsx(KitLoader, {}), isReady && (_jsx(EditRecord, { antdForm: antdForm, isFormCreationMode: isCreation, formId: formId, formElementId: formElementId.current, record: currentRecord, library: library, onCreate: _handleCreate, valuesVersion: valuesVersion, showSidebar: showSidebar, enableSidebar: enableSidebar, withInfoButton: withInfoButton }))] }));
+            ] }), closeIcon: _jsx(FontAwesomeIcon, { icon: faXmark }), showCloseIcon: true, destroyOnClose: true, children: _jsx(EditRecord, { antdForm: antdForm, isFormCreationMode: isCreation, formId: formId, formElementId: formElementId.current, record: currentRecord, library: library, onCreate: _handleCreate, valuesVersion: valuesVersion, showSidebar: showSidebar, enableSidebar: enableSidebar, withInfoButton: withInfoButton }) }));
 };
 //# sourceMappingURL=EditRecordModal.js.map