@leav/ui 1.6.0-e2820b2f → 1.6.0-f4ee7377

package/dist/components/Explorer/actions-mass/useExportMassAction.js

@@ -2,13 +2,15 @@ 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 { useMemo } from 'react';
-import { FaFileExport } from 'react-icons/fa';
-import { KitAlert, KitModal, KitNotification } from 'aristid-ds';
+import { useCallback, useMemo, useState } from 'react';
+import { KitAlert, KitNotification } from 'aristid-ds';
 import { useExportLazyQuery } from '../../../_gqlTypes';
 import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
-import { BREAK_TWO_LINES, MASS_SELECTION_ALL } from '../_constants';
+import { MASS_SELECTION_ALL } from '../_constants';
 import { ERROR_ALERT_DURATION, INFO_NOTIFICATION_DURATION } from '../../../constants';
+import { ExportProfileSelectionModal } from './export/ExportProfileSelectionModal';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faFileExport } from '@fortawesome/free-solid-svg-icons';
 /**
  * Hook that provides a mass action configuration for exporting selected or all items
  * from a view/data set
@@ -16,81 +18,86 @@ import { ERROR_ALERT_DURATION, INFO_NOTIFICATION_DURATION } from '../../../const
 export const useExportMassAction = ({ isEnabled, store: { view, dispatch }, totalCount, onExport, }) => {
     const { t } = useSharedTranslation();
     const [exportQuery] = useExportLazyQuery();
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    const [isExporting, setIsExporting] = useState(false);
+    const [massSelectionFilter, setMassSelectionFilter] = useState();
+    const _handleConfirmExport = useCallback(async (profileLabel) => {
+        if (!massSelectionFilter) {
+            return;
+        }
+        const total = view.massSelection === MASS_SELECTION_ALL ? totalCount : view.massSelection.length;
+        setIsExporting(true);
+        try {
+            const { error } = await exportQuery({
+                fetchPolicy: 'no-cache',
+                variables: {
+                    library: view.libraryId,
+                    filters: massSelectionFilter,
+                    profile: profileLabel,
+                },
+            });
+            if (error) {
+                // Preserve the extensions property which contains the error code
+                const graphQLError = error.graphQLErrors?.[0];
+                const errorWithExtensions = new Error(error.message);
+                errorWithExtensions.extensions = graphQLError?.extensions;
+                throw errorWithExtensions;
+            }
+            KitNotification.info({
+                message: t('explorer.massAction.export_message'),
+                description: t('explorer.massAction.export_description', {
+                    count: total,
+                    total,
+                }),
+                duration: INFO_NOTIFICATION_DURATION,
+                closable: true,
+            });
+            onExport?.(massSelectionFilter, view.massSelection);
+            setIsModalOpen(false);
+        }
+        catch (e) {
+            if (e.extensions?.code === 'CUSTOM_CONFIG_ERROR') {
+                KitAlert.error({
+                    showIcon: true,
+                    duration: ERROR_ALERT_DURATION,
+                    message: t('error.error_occurred', { count: total }),
+                    description: t('explorer.massAction.export_config_error_description', {
+                        library: view.libraryId,
+                    }),
+                    closable: true,
+                });
+            }
+            else {
+                KitAlert.error({
+                    showIcon: true,
+                    duration: ERROR_ALERT_DURATION,
+                    message: t('error.error_occurred'),
+                    description: t('explorer.massAction.export_error_description', { count: total }),
+                    closable: true,
+                });
+            }
+        }
+        finally {
+            setIsExporting(false);
+        }
+    }, [exportQuery, view.libraryId, view.massSelection, totalCount, massSelectionFilter, onExport, t]);
+    const _handleCloseModal = useCallback(() => {
+        setIsModalOpen(false);
+        setMassSelectionFilter(undefined);
+    }, []);
     const _exportMassAction = useMemo(() => ({
         label: t('explorer.massAction.export'),
-        icon: _jsx(FaFileExport, {}),
+        icon: _jsx(FontAwesomeIcon, { icon: faFileExport }),
         deselectAll: false,
-        callback: massSelectionFilter => {
-            KitModal.confirm({
-                width: '100%',
-                style: { content: { width: '90vw', maxWidth: '656px' } },
-                icon: false,
-                type: 'confirm',
-                title: t('explorer.export_item', {
-                    count: view.massSelection === MASS_SELECTION_ALL ? Infinity : view.massSelection.length,
-                }) ?? undefined,
-                content: t('explorer.export_item_description', {
-                    count: view.massSelection === MASS_SELECTION_ALL ? Infinity : view.massSelection.length,
-                }) +
-                    BREAK_TWO_LINES +
-                    t('global.are_you_sure'),
-                okText: t('global.confirm') ?? undefined,
-                cancelText: t('global.cancel') ?? undefined,
-                onOk: async () => {
-                    const total = view.massSelection === MASS_SELECTION_ALL ? totalCount : view.massSelection.length;
-                    try {
-                        const { error } = await exportQuery({
-                            fetchPolicy: 'no-cache',
-                            variables: {
-                                library: view.libraryId,
-                                filters: massSelectionFilter,
-                                profile: 'default', // Set 'default' by default, it'll change when we can select a profile from the UI
-                            },
-                        });
-                        if (error) {
-                            // Preserve the extensions property which contains the error code
-                            const graphQLError = error.graphQLErrors?.[0];
-                            const errorWithExtensions = new Error(error.message);
-                            errorWithExtensions.extensions = graphQLError?.extensions;
-                            throw errorWithExtensions;
-                        }
-                        KitNotification.info({
-                            message: t('explorer.massAction.export_message'),
-                            description: t('explorer.massAction.export_description', {
-                                count: total,
-                                total,
-                            }),
-                            duration: INFO_NOTIFICATION_DURATION,
-                            closable: true,
-                        });
-                        onExport?.(massSelectionFilter, view.massSelection);
-                    }
-                    catch (e) {
-                        if (e.extensions?.code === 'CUSTOM_CONFIG_ERROR') {
-                            KitAlert.error({
-                                showIcon: true,
-                                duration: ERROR_ALERT_DURATION,
-                                message: t('explorer.massAction.export_config_error_message'),
-                                description: t('explorer.massAction.export_config_error_description'),
-                                closable: true,
-                            });
-                        }
-                        else {
-                            KitAlert.error({
-                                showIcon: true,
-                                duration: ERROR_ALERT_DURATION,
-                                message: t('explorer.massAction.export_error_message'),
-                                description: t('explorer.massAction.export_error_description', { count: total }),
-                                closable: true,
-                            });
-                        }
-                    }
-                },
-            });
+        callback: filter => {
+            setMassSelectionFilter(filter);
+            setIsModalOpen(true);
         },
-    }), [t, exportQuery, view.massSelection, dispatch, view.libraryId]);
+    }), [t]);
+    const exportModal = isEnabled ? (_jsx(ExportProfileSelectionModal, { open: isModalOpen, libraryId: view.libraryId, isLoading: isExporting, onClose: _handleCloseModal, onConfirm: _handleConfirmExport })) : null;
     return {
         exportMassAction: isEnabled ? _exportMassAction : null,
+        ExportModal: exportModal,
     };
 };
 //# sourceMappingURL=useExportMassAction.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useExportMassAction.js","sourceRoot":"","sources":["../../../../src/components/Explorer/actions-mass/useExportMassAction.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 Dispatch, useMemo} from 'react';\nimport {FaFileExport} from 'react-icons/fa';\nimport {KitAlert, KitModal, KitNotification} from 'aristid-ds';\nimport {useExportLazyQuery} from '_ui/_gqlTypes';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type FeatureHook, type IMassActions} from '../_types';\nimport {type IViewSettingsAction, type IViewSettingsState} from '../manage-view-settings';\nimport {BREAK_TWO_LINES, MASS_SELECTION_ALL} from '../_constants';\nimport {ERROR_ALERT_DURATION, INFO_NOTIFICATION_DURATION} from '_ui/constants';\n\n/**\n * Hook that provides a mass action configuration for exporting selected or all items\n * from a view/data set\n */\nexport const useExportMassAction = ({\n    isEnabled,\n    store: {view, dispatch},\n    totalCount,\n    onExport,\n}: FeatureHook<{\n    store: {\n        view: IViewSettingsState;\n        dispatch: Dispatch<IViewSettingsAction>;\n    };\n    totalCount: number;\n    onExport?: IMassActions['callback'];\n}>) => {\n    const {t} = useSharedTranslation();\n\n    const [exportQuery] = useExportLazyQuery();\n\n    const _exportMassAction: IMassActions = useMemo(\n        () => ({\n            label: t('explorer.massAction.export'),\n            icon: <FaFileExport />,\n            deselectAll: false,\n            callback: massSelectionFilter => {\n                KitModal.confirm({\n                    width: '100%',\n                    style: {content: {width: '90vw', maxWidth: '656px'}},\n                    icon: false,\n                    type: 'confirm',\n                    title:\n                        t('explorer.export_item', {\n                            count: view.massSelection === MASS_SELECTION_ALL ? Infinity : view.massSelection.length,\n                        }) ?? undefined,\n                    content:\n                        t('explorer.export_item_description', {\n                            count: view.massSelection === MASS_SELECTION_ALL ? Infinity : view.massSelection.length,\n                        }) +\n                        BREAK_TWO_LINES +\n                        t('global.are_you_sure'),\n                    okText: t('global.confirm') ?? undefined,\n                    cancelText: t('global.cancel') ?? undefined,\n                    onOk: async () => {\n                        const total =\n                            view.massSelection === MASS_SELECTION_ALL ? totalCount : view.massSelection.length;\n                        try {\n                            const {error} = await exportQuery({\n                                fetchPolicy: 'no-cache',\n                                variables: {\n                                    library: view.libraryId,\n                                    filters: massSelectionFilter,\n                                    profile: 'default', // Set 'default' by default, it'll change when we can select a profile from the UI\n                                },\n                            });\n                            if (error) {\n                                // Preserve the extensions property which contains the error code\n                                const graphQLError = error.graphQLErrors?.[0];\n                                const errorWithExtensions = new Error(error.message);\n                                (errorWithExtensions as any).extensions = graphQLError?.extensions;\n                                throw errorWithExtensions;\n                            }\n\n                            KitNotification.info({\n                                message: t('explorer.massAction.export_message'),\n                                description: t('explorer.massAction.export_description', {\n                                    count: total,\n                                    total,\n                                }),\n                                duration: INFO_NOTIFICATION_DURATION,\n                                closable: true,\n                            });\n\n                            onExport?.(massSelectionFilter, view.massSelection);\n                        } catch (e) {\n                            if (e.extensions?.code === 'CUSTOM_CONFIG_ERROR') {\n                                KitAlert.error({\n                                    showIcon: true,\n                                    duration: ERROR_ALERT_DURATION,\n                                    message: t('explorer.massAction.export_config_error_message'),\n                                    description: t('explorer.massAction.export_config_error_description'),\n                                    closable: true,\n                                });\n                            } else {\n                                KitAlert.error({\n                                    showIcon: true,\n                                    duration: ERROR_ALERT_DURATION,\n                                    message: t('explorer.massAction.export_error_message'),\n                                    description: t('explorer.massAction.export_error_description', {count: total}),\n                                    closable: true,\n                                });\n                            }\n                        }\n                    },\n                });\n            },\n        }),\n        [t, exportQuery, view.massSelection, dispatch, view.libraryId],\n    );\n\n    return {\n        exportMassAction: isEnabled ? _exportMassAction : null,\n    };\n};\n"]}
+{"version":3,"file":"useExportMassAction.js","sourceRoot":"","sources":["../../../../src/components/Explorer/actions-mass/useExportMassAction.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 Dispatch, type ReactElement, useCallback, useMemo, useState} from 'react';\nimport {KitAlert, KitNotification} from 'aristid-ds';\nimport {useExportLazyQuery, type RecordFilterInput} from '_ui/_gqlTypes';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type FeatureHook, type IMassActions} from '../_types';\nimport {type IViewSettingsAction, type IViewSettingsState} from '../manage-view-settings';\nimport {MASS_SELECTION_ALL} from '../_constants';\nimport {ERROR_ALERT_DURATION, INFO_NOTIFICATION_DURATION} from '_ui/constants';\nimport {ExportProfileSelectionModal} from './export/ExportProfileSelectionModal';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faFileExport} from '@fortawesome/free-solid-svg-icons';\n\ninterface IUseExportMassActionReturn {\n    exportMassAction: IMassActions | null;\n    ExportModal: ReactElement | null;\n}\n\n/**\n * Hook that provides a mass action configuration for exporting selected or all items\n * from a view/data set\n */\nexport const useExportMassAction = ({\n    isEnabled,\n    store: {view, dispatch},\n    totalCount,\n    onExport,\n}: FeatureHook<{\n    store: {\n        view: IViewSettingsState;\n        dispatch: Dispatch<IViewSettingsAction>;\n    };\n    totalCount: number;\n    onExport?: IMassActions['callback'];\n}>): IUseExportMassActionReturn => {\n    const {t} = useSharedTranslation();\n\n    const [exportQuery] = useExportLazyQuery();\n\n    const [isModalOpen, setIsModalOpen] = useState(false);\n    const [isExporting, setIsExporting] = useState(false);\n    const [massSelectionFilter, setMassSelectionFilter] = useState<RecordFilterInput[] | undefined>();\n\n    const _handleConfirmExport = useCallback(\n        async (profileLabel: string) => {\n            if (!massSelectionFilter) {\n                return;\n            }\n\n            const total = view.massSelection === MASS_SELECTION_ALL ? totalCount : view.massSelection.length;\n            setIsExporting(true);\n\n            try {\n                const {error} = await exportQuery({\n                    fetchPolicy: 'no-cache',\n                    variables: {\n                        library: view.libraryId,\n                        filters: massSelectionFilter,\n                        profile: profileLabel,\n                    },\n                });\n\n                if (error) {\n                    // Preserve the extensions property which contains the error code\n                    const graphQLError = error.graphQLErrors?.[0];\n                    const errorWithExtensions = new Error(error.message);\n                    (errorWithExtensions as any).extensions = graphQLError?.extensions;\n                    throw errorWithExtensions;\n                }\n\n                KitNotification.info({\n                    message: t('explorer.massAction.export_message'),\n                    description: t('explorer.massAction.export_description', {\n                        count: total,\n                        total,\n                    }),\n                    duration: INFO_NOTIFICATION_DURATION,\n                    closable: true,\n                });\n\n                onExport?.(massSelectionFilter, view.massSelection);\n                setIsModalOpen(false);\n            } catch (e) {\n                if (e.extensions?.code === 'CUSTOM_CONFIG_ERROR') {\n                    KitAlert.error({\n                        showIcon: true,\n                        duration: ERROR_ALERT_DURATION,\n                        message: t('error.error_occurred', {count: total}),\n                        description: t('explorer.massAction.export_config_error_description', {\n                            library: view.libraryId,\n                        }),\n                        closable: true,\n                    });\n                } else {\n                    KitAlert.error({\n                        showIcon: true,\n                        duration: ERROR_ALERT_DURATION,\n                        message: t('error.error_occurred'),\n                        description: t('explorer.massAction.export_error_description', {count: total}),\n                        closable: true,\n                    });\n                }\n            } finally {\n                setIsExporting(false);\n            }\n        },\n        [exportQuery, view.libraryId, view.massSelection, totalCount, massSelectionFilter, onExport, t],\n    );\n\n    const _handleCloseModal = useCallback(() => {\n        setIsModalOpen(false);\n        setMassSelectionFilter(undefined);\n    }, []);\n\n    const _exportMassAction: IMassActions = useMemo(\n        () => ({\n            label: t('explorer.massAction.export'),\n            icon: <FontAwesomeIcon icon={faFileExport} />,\n            deselectAll: false,\n            callback: filter => {\n                setMassSelectionFilter(filter);\n                setIsModalOpen(true);\n            },\n        }),\n        [t],\n    );\n\n    const exportModal = isEnabled ? (\n        <ExportProfileSelectionModal\n            open={isModalOpen}\n            libraryId={view.libraryId}\n            isLoading={isExporting}\n            onClose={_handleCloseModal}\n            onConfirm={_handleConfirmExport}\n        />\n    ) : null;\n\n    return {\n        exportMassAction: isEnabled ? _exportMassAction : null,\n        ExportModal: exportModal,\n    };\n};\n"]}

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

@@ -4,13 +4,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { closeKitSnackBar, KitCheckbox, KitDropDown, KitSpace, openKitSnackBar } from 'aristid-ds';
 import { useCallback, useEffect } from 'react';
-import { FaChevronDown } from 'react-icons/fa';
 import { RecordFilterCondition, RecordFilterOperator } from '../../../_gqlTypes';
 import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
 import { interleaveElement } from '../../../_utils/interleaveElement';
 import { MASS_SELECTION_ALL } from '../_constants';
 import { ViewSettingsActionTypes } from '../manage-view-settings';
 import { prepareFiltersForRequest } from '../../../components/Filters';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faChevronDown } from '@fortawesome/free-solid-svg-icons';
 /**
  * Hook used to manage mass selection as the snackbar and all kind of selection (manual, all in page, all in filters)
  *
@@ -102,7 +103,7 @@ export const useMassActions = ({ isEnabled, store: { dispatch, view }, filtersSt
                     },
                 },
             ],
-        }, children: _jsx(KitCheckbox, { "aria-checked": hasSelectedSomeItems ? 'mixed' : hasSelectedAllAvailableItems ? 'true' : 'false', indeterminate: hasSelectedSomeItems, checked: hasSelectedAllAvailableItems, children: _jsxs(KitSpace, { size: "s", children: [t('explorer.massAction.itemsTotal', { count: totalCount }), _jsx(FaChevronDown, {})] }) }) }));
+        }, children: _jsx(KitCheckbox, { "aria-checked": hasSelectedSomeItems ? 'mixed' : hasSelectedAllAvailableItems ? 'true' : 'false', indeterminate: hasSelectedSomeItems, checked: hasSelectedAllAvailableItems, children: _jsxs(KitSpace, { size: "s", children: [t('explorer.massAction.itemsTotal', { count: totalCount }), _jsx(FontAwesomeIcon, { icon: faChevronDown })] }) }) }));
     const _setSelectedKeys = useCallback((keys) => dispatch({
         type: ViewSettingsActionTypes.SET_SELECTED_KEYS,
         payload: keys,

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, openKitSnackBar} from 'aristid-ds';\nimport {type Dispatch, useCallback, useEffect, useRef} from 'react';\nimport {FaChevronDown} from 'react-icons/fa';\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';\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                    <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"]}
+{"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.js

@@ -3,7 +3,6 @@ import { jsx as _jsx } 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 { useState } from 'react';
-import { FaPlus } from 'react-icons/fa';
 import { KitAlert } from 'aristid-ds';
 import { CreateDirectory, EditRecordModal, UploadFiles } from '../../../components';
 import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
@@ -13,6 +12,8 @@ import { CREATE_RECORD_MODAL_CLASSNAME } from '../_constants';
 import { SUCCESS_ALERT_DURATION } from '../../../constants';
 import { localizedTranslation } from '@leav/utils';
 import { useLang } from '../../../hooks';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faPlus } from '@fortawesome/free-solid-svg-icons';
 /**
  * Hook used to get the action for the `<DataView />` component.
  *
@@ -59,7 +60,7 @@ export const useCreatePrimaryAction = ({ isEnabled, isVisible, libraryId, entryp
         callback: () => {
             setIsModalCreationVisible(true);
         },
-        icon: _jsx(FaPlus, {}),
+        icon: _jsx(FontAwesomeIcon, { icon: faPlus }),
         disabled: !canCreateRecord,
         label: t('explorer.create-one'),
     };

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 {FaPlus} from 'react-icons/fa';\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';\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: <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"]}
+{"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 */\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/Explorer/actions-primary/useLinkPrimaryAction.d.ts

@@ -13,13 +13,14 @@ import { type JoinLibraryContextFragment } from '../../../_gqlTypes';
  * @param maxItemsLeft - the number of items that can be added
  * @param onLink - callback to let outside world know about linking feedback
  */
-export declare const useLinkPrimaryAction: ({ isEnabled, isVisible, maxItemsLeft, linkId, canAddLinkValue, joinLibraryContext, isMultivalue, onLink, }: FeatureHook<{
+export declare const useLinkPrimaryAction: ({ isEnabled, isVisible, maxItemsLeft, linkId, canAddLinkValue, joinLibraryContext, isMultivalue, onLink, columnsToDisplay, }: FeatureHook<{
     linkId?: string;
     maxItemsLeft: number | null;
     canAddLinkValue: boolean;
     joinLibraryContext?: JoinLibraryContextFragment;
     isMultivalue: boolean;
     onLink?: (saveValuesResult: ISubmitMultipleResult) => void;
+    columnsToDisplay: string[];
 }>) => {
     linkPrimaryAction: IPrimaryAction;
     linkModal: JSX.Element;

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

@@ -3,9 +3,10 @@ import { jsx as _jsx } 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 { useState } from 'react';
-import { FaPlus } from 'react-icons/fa';
 import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
 import { LinkModal } from '../link-item/LinkModal';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faPlus } from '@fortawesome/free-solid-svg-icons';
 /**
  * Hook used to get the action for `<DataView />` component.
  *
@@ -18,7 +19,7 @@ import { LinkModal } from '../link-item/LinkModal';
  * @param maxItemsLeft - the number of items that can be added
  * @param onLink - callback to let outside world know about linking feedback
  */
-export const useLinkPrimaryAction = ({ isEnabled, isVisible, maxItemsLeft, linkId, canAddLinkValue, joinLibraryContext, isMultivalue, onLink, }) => {
+export const useLinkPrimaryAction = ({ isEnabled, isVisible, maxItemsLeft, linkId, canAddLinkValue, joinLibraryContext, isMultivalue, onLink, columnsToDisplay, }) => {
     const { t } = useSharedTranslation();
     const [isLinkModalVisible, setIsLinkModalVisible] = useState(false);
     const disableAddItemAction = maxItemsLeft === 0 || !canAddLinkValue;
@@ -27,7 +28,7 @@ export const useLinkPrimaryAction = ({ isEnabled, isVisible, maxItemsLeft, linkI
         callback: () => {
             setIsLinkModalVisible(true);
         },
-        icon: _jsx(FaPlus, {}),
+        icon: _jsx(FontAwesomeIcon, { icon: faPlus }),
         disabled: disableAddItemAction,
         label: replacementMode ? t('record_edition.replace-by-existing-item') : t('explorer.add-existing-item'),
     };
@@ -35,7 +36,7 @@ export const useLinkPrimaryAction = ({ isEnabled, isVisible, maxItemsLeft, linkI
         linkPrimaryAction: isEnabled && isVisible ? _linkPrimaryAction : null,
         linkModal: isLinkModalVisible ? (_jsx(LinkModal, { open: true, onLink: onLink, joinLibraryContext: joinLibraryContext, isMultivalue: isMultivalue, linkId: replacementMode ? linkId : undefined, onClose: () => {
                 setIsLinkModalVisible(false);
-            } })) : null,
+            }, columnsToDisplay: columnsToDisplay })) : null,
     };
 };
 //# sourceMappingURL=useLinkPrimaryAction.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useLinkPrimaryAction.js","sourceRoot":"","sources":["../../../../src/components/Explorer/actions-primary/useLinkPrimaryAction.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAGpE,OAAO,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAC;AAGjD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACjC,SAAS,EACT,SAAS,EACT,YAAY,EACZ,MAAM,EACN,eAAe,EACf,kBAAkB,EAClB,YAAY,EACZ,MAAM,GAQR,EAAE,EAAE;IACF,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpE,MAAM,oBAAoB,GAAG,YAAY,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC;IAEpE,MAAM,eAAe,GAAG,MAAM,IAAI,CAAC,YAAY,CAAC;IAEhD,MAAM,kBAAkB,GAAmB;QACvC,QAAQ,EAAE,GAAG,EAAE;YACX,qBAAqB,CAAC,IAAI,CAAC,CAAC;QAChC,CAAC;QACD,IAAI,EAAE,KAAC,MAAM,KAAG;QAChB,QAAQ,EAAE,oBAAoB;QAC9B,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,4BAA4B,CAAC;KAC1G,CAAC;IAEF,OAAO;QACH,iBAAiB,EAAE,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI;QACrE,SAAS,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAC5B,KAAC,SAAS,IACN,IAAI,QACJ,MAAM,EAAE,MAAM,EACd,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5C,OAAO,EAAE,GAAG,EAAE;gBACV,qBAAqB,CAAC,KAAK,CAAC,CAAC;YACjC,CAAC,GACH,CACL,CAAC,CAAC,CAAC,IAAI;KACX,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 {useState} from 'react';\nimport {FaPlus} from 'react-icons/fa';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type ISubmitMultipleResult} from '_ui/components/RecordEdition/EditRecordContent/_types';\nimport {type FeatureHook, type IPrimaryAction} from '../_types';\nimport {LinkModal} from '../link-item/LinkModal';\nimport {type JoinLibraryContextFragment} from '_ui/_gqlTypes';\n\n/**\n * Hook used to get the action for `<DataView />` component.\n *\n * When items are linked, the view is refreshed\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 - wether the button should be visible or not\n * @param maxItemsLeft - the number of items that can be added\n * @param onLink - callback to let outside world know about linking feedback\n */\nexport const useLinkPrimaryAction = ({\n    isEnabled,\n    isVisible,\n    maxItemsLeft,\n    linkId,\n    canAddLinkValue,\n    joinLibraryContext,\n    isMultivalue,\n    onLink,\n}: FeatureHook<{\n    linkId?: string;\n    maxItemsLeft: number | null;\n    canAddLinkValue: boolean;\n    joinLibraryContext?: JoinLibraryContextFragment;\n    isMultivalue: boolean;\n    onLink?: (saveValuesResult: ISubmitMultipleResult) => void;\n}>) => {\n    const {t} = useSharedTranslation();\n\n    const [isLinkModalVisible, setIsLinkModalVisible] = useState(false);\n\n    const disableAddItemAction = maxItemsLeft === 0 || !canAddLinkValue;\n\n    const replacementMode = linkId && !isMultivalue;\n\n    const _linkPrimaryAction: IPrimaryAction = {\n        callback: () => {\n            setIsLinkModalVisible(true);\n        },\n        icon: <FaPlus />,\n        disabled: disableAddItemAction,\n        label: replacementMode ? t('record_edition.replace-by-existing-item') : t('explorer.add-existing-item'),\n    };\n\n    return {\n        linkPrimaryAction: isEnabled && isVisible ? _linkPrimaryAction : null,\n        linkModal: isLinkModalVisible ? (\n            <LinkModal\n                open\n                onLink={onLink}\n                joinLibraryContext={joinLibraryContext}\n                isMultivalue={isMultivalue}\n                linkId={replacementMode ? linkId : undefined}\n                onClose={() => {\n                    setIsLinkModalVisible(false);\n                }}\n            />\n        ) : null,\n    };\n};\n"]}
+{"version":3,"file":"useLinkPrimaryAction.js","sourceRoot":"","sources":["../../../../src/components/Explorer/actions-primary/useLinkPrimaryAction.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAGpE,OAAO,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,MAAM,EAAC,MAAM,mCAAmC,CAAC;AAEzD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACjC,SAAS,EACT,SAAS,EACT,YAAY,EACZ,MAAM,EACN,eAAe,EACf,kBAAkB,EAClB,YAAY,EACZ,MAAM,EACN,gBAAgB,GASlB,EAAE,EAAE;IACF,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpE,MAAM,oBAAoB,GAAG,YAAY,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC;IAEpE,MAAM,eAAe,GAAG,MAAM,IAAI,CAAC,YAAY,CAAC;IAEhD,MAAM,kBAAkB,GAAmB;QACvC,QAAQ,EAAE,GAAG,EAAE;YACX,qBAAqB,CAAC,IAAI,CAAC,CAAC;QAChC,CAAC;QACD,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,MAAM,GAAI;QACvC,QAAQ,EAAE,oBAAoB;QAC9B,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,4BAA4B,CAAC;KAC1G,CAAC;IAEF,OAAO;QACH,iBAAiB,EAAE,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI;QACrE,SAAS,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAC5B,KAAC,SAAS,IACN,IAAI,QACJ,MAAM,EAAE,MAAM,EACd,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5C,OAAO,EAAE,GAAG,EAAE;gBACV,qBAAqB,CAAC,KAAK,CAAC,CAAC;YACjC,CAAC,EACD,gBAAgB,EAAE,gBAAgB,GACpC,CACL,CAAC,CAAC,CAAC,IAAI;KACX,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 {useState} from 'react';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type ISubmitMultipleResult} from '_ui/components/RecordEdition/EditRecordContent/_types';\nimport {type FeatureHook, type IPrimaryAction} from '../_types';\nimport {LinkModal} from '../link-item/LinkModal';\nimport {type JoinLibraryContextFragment} from '_ui/_gqlTypes';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faPlus} from '@fortawesome/free-solid-svg-icons';\n\n/**\n * Hook used to get the action for `<DataView />` component.\n *\n * When items are linked, the view is refreshed\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 - wether the button should be visible or not\n * @param maxItemsLeft - the number of items that can be added\n * @param onLink - callback to let outside world know about linking feedback\n */\nexport const useLinkPrimaryAction = ({\n    isEnabled,\n    isVisible,\n    maxItemsLeft,\n    linkId,\n    canAddLinkValue,\n    joinLibraryContext,\n    isMultivalue,\n    onLink,\n    columnsToDisplay,\n}: FeatureHook<{\n    linkId?: string;\n    maxItemsLeft: number | null;\n    canAddLinkValue: boolean;\n    joinLibraryContext?: JoinLibraryContextFragment;\n    isMultivalue: boolean;\n    onLink?: (saveValuesResult: ISubmitMultipleResult) => void;\n    columnsToDisplay: string[];\n}>) => {\n    const {t} = useSharedTranslation();\n\n    const [isLinkModalVisible, setIsLinkModalVisible] = useState(false);\n\n    const disableAddItemAction = maxItemsLeft === 0 || !canAddLinkValue;\n\n    const replacementMode = linkId && !isMultivalue;\n\n    const _linkPrimaryAction: IPrimaryAction = {\n        callback: () => {\n            setIsLinkModalVisible(true);\n        },\n        icon: <FontAwesomeIcon icon={faPlus} />,\n        disabled: disableAddItemAction,\n        label: replacementMode ? t('record_edition.replace-by-existing-item') : t('explorer.add-existing-item'),\n    };\n\n    return {\n        linkPrimaryAction: isEnabled && isVisible ? _linkPrimaryAction : null,\n        linkModal: isLinkModalVisible ? (\n            <LinkModal\n                open\n                onLink={onLink}\n                joinLibraryContext={joinLibraryContext}\n                isMultivalue={isMultivalue}\n                linkId={replacementMode ? linkId : undefined}\n                onClose={() => {\n                    setIsLinkModalVisible(false);\n                }}\n                columnsToDisplay={columnsToDisplay}\n            />\n        ) : null,\n    };\n};\n"]}

package/dist/components/Explorer/link-item/LinkModal.d.ts

@@ -9,6 +9,7 @@ interface ILinkModalProps {
     onClose: () => void;
     onLink?: (saveValuesResult: ISubmitMultipleResult) => void;
     onReplace?: (replaceValuesResult: ISubmitMultipleResult) => void;
+    columnsToDisplay: string[];
 }
 export declare const LinkModal: FunctionComponent<ILinkModalProps>;
 export {};

package/dist/components/Explorer/link-item/LinkModal.js

@@ -11,7 +11,7 @@ import { useReplaceLinkMassAction } from './useReplaceLinkMassAction';
 import { LINK_RECORDS_MODAL_CLASSNAME } from '../_constants';
 import { SelectTreeNodeModal } from '../../../components';
 import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
-export const LinkModal = ({ open, linkId, joinLibraryContext, isMultivalue, onLink, onReplace, onClose, }) => {
+export const LinkModal = ({ open, linkId, joinLibraryContext, isMultivalue, onLink, onReplace, onClose, columnsToDisplay, }) => {
     const { t } = useSharedTranslation();
     const { view } = useViewSettingsContext();
     const linkedLibraryId = joinLibraryContext &&
@@ -68,6 +68,6 @@ export const LinkModal = ({ open, linkId, joinLibraryContext, isMultivalue, onLi
                     },
                 });
             }
-        } })) : (_jsx(SelectRecordForLinkModal, { className: LINK_RECORDS_MODAL_CLASSNAME, open: open, childLibraryId: linkedLibraryId || view.libraryId, onSelectionCompleted: isReplacement ? replaceLink : createLinks, replacementMode: isReplacement, selectionMode: isReplacement || !isMultivalue ? 'simple' : 'multiple', hideSelectAllAction: (isReplacement || !isMultivalue) && view.entrypoint.type === 'link', valuesList: valuesList, allowFreeEntry: allowFreeEntry, isMultivalue: isMultivalue, onClose: onClose }));
+        } })) : (_jsx(SelectRecordForLinkModal, { className: LINK_RECORDS_MODAL_CLASSNAME, open: open, childLibraryId: linkedLibraryId || view.libraryId, onSelectionCompleted: isReplacement ? replaceLink : createLinks, replacementMode: isReplacement, selectionMode: isReplacement || !isMultivalue ? 'simple' : 'multiple', hideSelectAllAction: (isReplacement || !isMultivalue) && view.entrypoint.type === 'link', valuesList: valuesList, allowFreeEntry: allowFreeEntry, isMultivalue: isMultivalue, onClose: onClose, columnsToDisplay: columnsToDisplay }));
 };
 //# sourceMappingURL=LinkModal.js.map

package/dist/components/Explorer/link-item/LinkModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkModal.js","sourceRoot":"","sources":["../../../../src/components/Explorer/link-item/LinkModal.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 FunctionComponent, useMemo} from 'react';\nimport {type JoinLibraryContextFragment, useExplorerLinkAttributeQuery} from '_ui/_gqlTypes';\nimport {type ISubmitMultipleResult} from '_ui/components/RecordEdition/EditRecordContent/_types';\nimport {SelectRecordForLinkModal} from '_ui/components/SelectRecordForLinkModal';\nimport {type IEntrypointLink} from '../_types';\nimport {useAddLinkMassAction} from './useAddLinkMassAction';\nimport {useViewSettingsContext} from '../manage-view-settings/store-view-settings/useViewSettingsContext';\nimport {useReplaceLinkMassAction} from './useReplaceLinkMassAction';\nimport {LINK_RECORDS_MODAL_CLASSNAME} from '../_constants';\nimport {SelectTreeNodeModal} from '_ui/components';\nimport {ITreeNodeWithRecord} from '_ui/types';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\n\ninterface ILinkModalProps {\n    open: boolean;\n    linkId?: string;\n    joinLibraryContext?: JoinLibraryContextFragment;\n    isMultivalue: boolean;\n    onClose: () => void;\n    onLink?: (saveValuesResult: ISubmitMultipleResult) => void;\n    onReplace?: (replaceValuesResult: ISubmitMultipleResult) => void;\n}\n\nexport const LinkModal: FunctionComponent<ILinkModalProps> = ({\n    open,\n    linkId,\n    joinLibraryContext,\n    isMultivalue,\n    onLink,\n    onReplace,\n    onClose,\n}) => {\n    const {t} = useSharedTranslation();\n    const {view} = useViewSettingsContext();\n    const linkedLibraryId =\n        joinLibraryContext &&\n        'linked_library' in joinLibraryContext.mandatoryAttribute &&\n        joinLibraryContext.mandatoryAttribute.linked_library?.id;\n    const linkedTreeId =\n        joinLibraryContext &&\n        'linked_tree' in joinLibraryContext.mandatoryAttribute &&\n        joinLibraryContext.mandatoryAttribute.linked_tree?.id;\n\n    const isReplacement = !!linkId;\n\n    const {data: attributeData} = useExplorerLinkAttributeQuery({\n        skip: view.entrypoint.type !== 'link',\n        variables: {\n            id: (view.entrypoint as IEntrypointLink).linkAttributeId,\n        },\n    });\n\n    const {createLinks} = useAddLinkMassAction({\n        store: {view},\n        linkAttributeId: (view.entrypoint as IEntrypointLink).linkAttributeId,\n        onLink,\n        closeModal: onClose,\n    });\n\n    const {replaceLink} = useReplaceLinkMassAction({\n        store: {view},\n        linkAttributeId: (view.entrypoint as IEntrypointLink).linkAttributeId,\n        linkId,\n        onReplace,\n        closeModal: onClose,\n    });\n\n    const linkAttributeData = attributeData?.attributes?.list[0];\n    const isValuesListEnabled =\n        linkAttributeData && 'valuesList' in linkAttributeData && linkAttributeData.valuesList?.enable;\n\n    const valuesList = useMemo(\n        () => (isValuesListEnabled ? linkAttributeData.valuesList?.linkedValues?.map(value => value.id) : undefined),\n        [isValuesListEnabled, linkAttributeData],\n    );\n    const allowFreeEntry = useMemo(\n        () => (isValuesListEnabled ? Boolean(linkAttributeData.valuesList?.allowFreeEntry) : true),\n        [isValuesListEnabled, linkAttributeData],\n    );\n\n    return linkedTreeId ? (\n        <SelectTreeNodeModal\n            open\n            attribute={{\n                multiple_values: isMultivalue,\n                linked_tree: {\n                    id: linkedTreeId,\n                },\n            }}\n            title={t(isMultivalue ? 'tree-node-selection.title_many' : 'tree-node-selection.title')}\n            // We can select new node(s), ignoring current value(s).\n            // Selected element might be duplicated in link attribute in backend for now.\n            backendValues={[]}\n            onClose={onClose}\n            onConfirm={selectedNodes => {\n                const nodeIds = selectedNodes.map(node => node.id);\n                if (isReplacement) {\n                    replaceLink({\n                        records: {\n                            list: nodeIds.map(id => ({id})),\n                        },\n                    });\n                } else {\n                    createLinks({\n                        records: {\n                            list: nodeIds.map(id => ({id})),\n                        },\n                    });\n                }\n            }}\n        />\n    ) : (\n        <SelectRecordForLinkModal\n            className={LINK_RECORDS_MODAL_CLASSNAME}\n            open={open}\n            childLibraryId={linkedLibraryId || view.libraryId}\n            onSelectionCompleted={isReplacement ? replaceLink : createLinks}\n            replacementMode={isReplacement}\n            selectionMode={isReplacement || !isMultivalue ? 'simple' : 'multiple'}\n            hideSelectAllAction={(isReplacement || !isMultivalue) && view.entrypoint.type === 'link'}\n            valuesList={valuesList}\n            allowFreeEntry={allowFreeEntry}\n            isMultivalue={isMultivalue}\n            onClose={onClose}\n        />\n    );\n};\n"]}
+{"version":3,"file":"LinkModal.js","sourceRoot":"","sources":["../../../../src/components/Explorer/link-item/LinkModal.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 FunctionComponent, useMemo} from 'react';\nimport {type JoinLibraryContextFragment, useExplorerLinkAttributeQuery} from '_ui/_gqlTypes';\nimport {type ISubmitMultipleResult} from '_ui/components/RecordEdition/EditRecordContent/_types';\nimport {SelectRecordForLinkModal} from '_ui/components/SelectRecordForLinkModal';\nimport {type IEntrypointLink} from '../_types';\nimport {useAddLinkMassAction} from './useAddLinkMassAction';\nimport {useViewSettingsContext} from '../manage-view-settings/store-view-settings/useViewSettingsContext';\nimport {useReplaceLinkMassAction} from './useReplaceLinkMassAction';\nimport {LINK_RECORDS_MODAL_CLASSNAME} from '../_constants';\nimport {SelectTreeNodeModal} from '_ui/components';\nimport {ITreeNodeWithRecord} from '_ui/types';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\n\ninterface ILinkModalProps {\n    open: boolean;\n    linkId?: string;\n    joinLibraryContext?: JoinLibraryContextFragment;\n    isMultivalue: boolean;\n    onClose: () => void;\n    onLink?: (saveValuesResult: ISubmitMultipleResult) => void;\n    onReplace?: (replaceValuesResult: ISubmitMultipleResult) => void;\n    columnsToDisplay: string[];\n}\n\nexport const LinkModal: FunctionComponent<ILinkModalProps> = ({\n    open,\n    linkId,\n    joinLibraryContext,\n    isMultivalue,\n    onLink,\n    onReplace,\n    onClose,\n    columnsToDisplay,\n}) => {\n    const {t} = useSharedTranslation();\n    const {view} = useViewSettingsContext();\n    const linkedLibraryId =\n        joinLibraryContext &&\n        'linked_library' in joinLibraryContext.mandatoryAttribute &&\n        joinLibraryContext.mandatoryAttribute.linked_library?.id;\n    const linkedTreeId =\n        joinLibraryContext &&\n        'linked_tree' in joinLibraryContext.mandatoryAttribute &&\n        joinLibraryContext.mandatoryAttribute.linked_tree?.id;\n\n    const isReplacement = !!linkId;\n\n    const {data: attributeData} = useExplorerLinkAttributeQuery({\n        skip: view.entrypoint.type !== 'link',\n        variables: {\n            id: (view.entrypoint as IEntrypointLink).linkAttributeId,\n        },\n    });\n\n    const {createLinks} = useAddLinkMassAction({\n        store: {view},\n        linkAttributeId: (view.entrypoint as IEntrypointLink).linkAttributeId,\n        onLink,\n        closeModal: onClose,\n    });\n\n    const {replaceLink} = useReplaceLinkMassAction({\n        store: {view},\n        linkAttributeId: (view.entrypoint as IEntrypointLink).linkAttributeId,\n        linkId,\n        onReplace,\n        closeModal: onClose,\n    });\n\n    const linkAttributeData = attributeData?.attributes?.list[0];\n    const isValuesListEnabled =\n        linkAttributeData && 'valuesList' in linkAttributeData && linkAttributeData.valuesList?.enable;\n\n    const valuesList = useMemo(\n        () => (isValuesListEnabled ? linkAttributeData.valuesList?.linkedValues?.map(value => value.id) : undefined),\n        [isValuesListEnabled, linkAttributeData],\n    );\n    const allowFreeEntry = useMemo(\n        () => (isValuesListEnabled ? Boolean(linkAttributeData.valuesList?.allowFreeEntry) : true),\n        [isValuesListEnabled, linkAttributeData],\n    );\n\n    return linkedTreeId ? (\n        <SelectTreeNodeModal\n            open\n            attribute={{\n                multiple_values: isMultivalue,\n                linked_tree: {\n                    id: linkedTreeId,\n                },\n            }}\n            title={t(isMultivalue ? 'tree-node-selection.title_many' : 'tree-node-selection.title')}\n            // We can select new node(s), ignoring current value(s).\n            // Selected element might be duplicated in link attribute in backend for now.\n            backendValues={[]}\n            onClose={onClose}\n            onConfirm={selectedNodes => {\n                const nodeIds = selectedNodes.map(node => node.id);\n                if (isReplacement) {\n                    replaceLink({\n                        records: {\n                            list: nodeIds.map(id => ({id})),\n                        },\n                    });\n                } else {\n                    createLinks({\n                        records: {\n                            list: nodeIds.map(id => ({id})),\n                        },\n                    });\n                }\n            }}\n        />\n    ) : (\n        <SelectRecordForLinkModal\n            className={LINK_RECORDS_MODAL_CLASSNAME}\n            open={open}\n            childLibraryId={linkedLibraryId || view.libraryId}\n            onSelectionCompleted={isReplacement ? replaceLink : createLinks}\n            replacementMode={isReplacement}\n            selectionMode={isReplacement || !isMultivalue ? 'simple' : 'multiple'}\n            hideSelectAllAction={(isReplacement || !isMultivalue) && view.entrypoint.type === 'link'}\n            valuesList={valuesList}\n            allowFreeEntry={allowFreeEntry}\n            isMultivalue={isMultivalue}\n            onClose={onClose}\n            columnsToDisplay={columnsToDisplay}\n        />\n    );\n};\n"]}

package/dist/components/Explorer/list-saved-views/SavedViews.js

@@ -14,10 +14,11 @@ import { useLoadView } from '../useLoadView';
 import { useMeQuery } from '../../../_gqlTypes';
 import { useDeleteView } from '../manage-view-settings/save-view/useDeleteView';
 import { useEditLabelView } from '../manage-view-settings/save-view/useEditLabelView';
-import { IoCopy } from 'react-icons/io5';
 import classNames from 'classnames';
 import { DefaultViewId } from '../manage-view-settings/store-view-settings/viewSettingsInitialState';
 import { INFO_NOTIFICATION_DURATION } from '../../../constants';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faCopy } from '@fortawesome/free-solid-svg-icons';
 const ContentWrapperStyledDiv = styled.div `
     display: flex;
     flex-direction: column;
@@ -99,7 +100,7 @@ export const SavedViews = () => {
                                                                 duration: INFO_NOTIFICATION_DURATION,
                                                                 closable: true,
                                                             });
-                                                        }, children: _jsx(IoCopy, {}) }))] }), _jsx(StyledIconsDiv, { children: _jsxs(KitSpace, { children: [iconEditLabel(viewItem), iconDelete(viewItem)] }) })] }, viewItem.id)))] }), _jsxs(StyleKitRadioGroup, { onChange: _onClickLoadView, value: currentView?.id, children: [_jsx(KitTypography.Title, { level: "h4", children: t('explorer.viewList.shared-views') }), sharedViews.length === 0 ? (_jsx(KitTypography.Text, { size: "fontSize5", children: t('explorer.viewList.no-shared-views') })) : (sharedViews.map(viewItem => (_jsxs(StyledViewDiv, { className: _selectedViewClass(viewItem.id), children: [_jsxs(KitRadio, { value: viewItem.id, children: [localizedTranslation(viewItem.label, availableLangs), viewItem?.id && (_jsx(StyledCopySpan, { title: `${t('explorer.viewList.copy-id')} : ${viewItem?.id}`, onClick: async (e) => {
+                                                        }, children: _jsx(FontAwesomeIcon, { icon: faCopy }) }))] }), _jsx(StyledIconsDiv, { children: _jsxs(KitSpace, { children: [iconEditLabel(viewItem), iconDelete(viewItem)] }) })] }, viewItem.id)))] }), _jsxs(StyleKitRadioGroup, { onChange: _onClickLoadView, value: currentView?.id, children: [_jsx(KitTypography.Title, { level: "h4", children: t('explorer.viewList.shared-views') }), sharedViews.length === 0 ? (_jsx(KitTypography.Text, { size: "fontSize5", children: t('explorer.viewList.no-shared-views') })) : (sharedViews.map(viewItem => (_jsxs(StyledViewDiv, { className: _selectedViewClass(viewItem.id), children: [_jsxs(KitRadio, { value: viewItem.id, children: [localizedTranslation(viewItem.label, availableLangs), viewItem?.id && (_jsx(StyledCopySpan, { title: `${t('explorer.viewList.copy-id')} : ${viewItem?.id}`, onClick: async (e) => {
                                                             e.preventDefault();
                                                             e.stopPropagation();
                                                             await navigator.clipboard.writeText(viewItem.id || '');
@@ -109,6 +110,6 @@ export const SavedViews = () => {
                                                                 duration: INFO_NOTIFICATION_DURATION,
                                                                 closable: true,
                                                             });
-                                                        }, children: _jsx(IoCopy, {}) }))] }), isOwnerView(viewItem.ownerId) ? (_jsx(StyledIconsDiv, { children: _jsxs(KitSpace, { children: [iconEditLabel(viewItem), iconDelete(viewItem)] }) })) : null] }, viewItem.id))))] })] }), _jsx(ViewActionsButtons, {})] })] }));
+                                                        }, children: _jsx(FontAwesomeIcon, { icon: faCopy }) }))] }), isOwnerView(viewItem.ownerId) ? (_jsx(StyledIconsDiv, { children: _jsxs(KitSpace, { children: [iconEditLabel(viewItem), iconDelete(viewItem)] }) })) : null] }, viewItem.id))))] })] }), _jsx(ViewActionsButtons, {})] })] }));
 };
 //# sourceMappingURL=SavedViews.js.map