@leav/ui 0.3.6-ac37a84 → 0.3.6-af10514

package/dist/components/Explorer/useMassActions.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx, jsxs as _jsxs } 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 { 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 './_queries/prepareFiltersForRequest';
+/**
+ * Hook used to manage mass selection as the snackbar and all kind of selection (manual, all in page, all in filters)
+ *
+ * @param isEnabled - whether the selection is present
+ * @param view - represent the current view
+ * @param dispatch - method to change the current view
+ * @param totalCount - used for display purpose only
+ * @param allVisibleKeys - list of all ids currently selected
+ * @param massActions - array of all actions available on mass selection
+ */
+export const useMassActions = ({ isEnabled, store: { dispatch, view }, totalCount, allVisibleKeys, massActions }) => {
+    const { t } = useSharedTranslation();
+    useEffect(() => {
+        if (view.massSelection === MASS_SELECTION_ALL || view.massSelection.length !== 0) {
+            openKitSnackBar({
+                duration: 0,
+                closable: true,
+                onClose: () => _setSelectedKeys([]),
+                message: t('explorer.massAction.selectedItems', {
+                    count: view.massSelection === MASS_SELECTION_ALL ? totalCount : view.massSelection.length
+                }),
+                actions: massActions.map(({ label, icon, callback }, index) => ({
+                    key: index,
+                    label,
+                    icon,
+                    onClick: async () => {
+                        await callback(view.massSelection === MASS_SELECTION_ALL
+                            ? prepareFiltersForRequest(view.filters)
+                            : interleaveElement({ operator: RecordFilterOperator.OR }, view.massSelection.map(key => [
+                                {
+                                    field: 'id',
+                                    condition: RecordFilterCondition.EQUAL,
+                                    value: key
+                                }
+                            ])));
+                        dispatch({
+                            type: ViewSettingsActionTypes.SET_SELECTED_KEYS,
+                            payload: []
+                        });
+                    }
+                }))
+            });
+        }
+        else {
+            closeKitSnackBar();
+        }
+    }, [view.massSelection, view.filters, totalCount]);
+    const isOnePage = view.pageSize > totalCount;
+    const hasSelectedAllAvailableItems = view.massSelection === MASS_SELECTION_ALL || view.massSelection.length === totalCount;
+    const hasSelectedSomeItems = view.massSelection !== MASS_SELECTION_ALL &&
+        view.massSelection.length > 0 &&
+        view.massSelection.length < totalCount;
+    const _selectAllButton = isOnePage ? (_jsx(KitCheckbox, { indeterminate: hasSelectedSomeItems, checked: hasSelectedAllAvailableItems, onChange: _ => {
+            if (hasSelectedAllAvailableItems) {
+                _setSelectedKeys([]);
+            }
+            else {
+                _setSelectedKeys(allVisibleKeys);
+            }
+        }, children: t('explorer.massAction.itemsTotal', { count: totalCount }) })) : (_jsx(KitDropDown, { trigger: ['click'], menu: {
+            items: [
+                hasSelectedAllAvailableItems
+                    ? null
+                    : {
+                        key: 'toggle_page_selection',
+                        label: t('explorer.massAction.toggle_selection.select_page', { count: view.pageSize }),
+                        onClick: () => {
+                            _setSelectedKeys([...new Set([...view.massSelection, ...allVisibleKeys])]);
+                        }
+                    },
+                {
+                    key: 'toggle_all_selection',
+                    label: hasSelectedAllAvailableItems
+                        ? t('explorer.massAction.toggle_selection.deselect_all', { count: totalCount })
+                        : t('explorer.massAction.toggle_selection.select_all', { count: totalCount }),
+                    onClick: async () => {
+                        if (hasSelectedAllAvailableItems) {
+                            _setSelectedKeys([]);
+                        }
+                        else {
+                            _setSelectedKeys(MASS_SELECTION_ALL);
+                        }
+                    }
+                }
+            ]
+        }, children: _jsx(KitCheckbox, { indeterminate: hasSelectedSomeItems, checked: hasSelectedAllAvailableItems, children: _jsxs(KitSpace, { size: "s", children: [t('explorer.massAction.itemsTotal', { count: totalCount }), _jsx(FaChevronDown, {})] }) }) }));
+    const _setSelectedKeys = useCallback((keys) => dispatch({
+        type: ViewSettingsActionTypes.SET_SELECTED_KEYS,
+        payload: keys
+    }), [dispatch]);
+    return {
+        selectAllButton: isEnabled ? _selectAllButton : null,
+        setSelectedKeys: isEnabled ? _setSelectedKeys : null
+    };
+};
+//# sourceMappingURL=useMassActions.js.map

package/dist/components/Explorer/useMassActions.js.map

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

package/dist/components/Explorer/usePrimaryActions.js

@@ -1,5 +1,9 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { KitButton, KitSpace } from 'aristid-ds';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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 { FaEllipsisV } from 'react-icons/fa';
+import { KitButton, KitDropDown, KitSpace } from 'aristid-ds';
 /**
  * Hook used to get the primary actions for `<DataView />` component.
  *
@@ -11,11 +15,14 @@ import { KitButton, KitSpace } from 'aristid-ds';
 export const usePrimaryActionsButton = (actions) => {
     const [firstAction, ...dropdownActions] = actions;
     return {
-        primaryButton: actions.length === 0 ? null : (_jsx(KitButton, { type: "primary", icon: firstAction.icon, onClick: firstAction.callback, items: dropdownActions.map((action, index) => ({
-                key: index,
-                label: (_jsxs(KitSpace, { size: 8, children: [action.icon, " ", action.label] })),
-                onClick: action.callback
-            })), children: firstAction.label }))
+        primaryButton: actions.length === 0 ? null : (_jsxs(_Fragment, { children: [_jsx(KitButton, { type: "primary", icon: firstAction.icon, disabled: firstAction.disabled, onClick: firstAction.callback, children: firstAction.label }), dropdownActions.length > 0 && (_jsx(KitDropDown, { trigger: ['click'], menu: {
+                        items: dropdownActions.map((action, index) => ({
+                            key: index,
+                            label: (_jsxs(KitSpace, { size: 8, children: [action.icon, " ", action.label] })),
+                            disabled: action.disabled,
+                            onClick: action.callback
+                        }))
+                    }, children: _jsx(KitButton, { "data-testid": "actions-dropdown", type: "secondary", icon: _jsx(FaEllipsisV, {}) }) }))] }))
     };
 };
 //# sourceMappingURL=usePrimaryActions.js.map

package/dist/components/Explorer/usePrimaryActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePrimaryActions.js","sourceRoot":"","sources":["../../../src/components/Explorer/usePrimaryActions.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AAE/C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,OAAyB,EAAE,EAAE;IACjE,MAAM,CAAC,WAAW,EAAE,GAAG,eAAe,CAAC,GAAG,OAAO,CAAC;IAElD,OAAO;QACH,aAAa,EACT,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,KAAC,SAAS,IACN,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,WAAW,CAAC,IAAI,EACtB,OAAO,EAAE,WAAW,CAAC,QAAQ,EAC7B,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;gBAC3C,GAAG,EAAE,KAAK;gBACV,KAAK,EAAE,CACH,MAAC,QAAQ,IAAC,IAAI,EAAE,CAAC,aACZ,MAAM,CAAC,IAAI,OAAG,MAAM,CAAC,KAAK,IACpB,CACd;gBACD,OAAO,EAAE,MAAM,CAAC,QAAQ;aAC3B,CAAC,CAAC,YAEF,WAAW,CAAC,KAAK,GACV,CACf;KACR,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"usePrimaryActions.js","sourceRoot":"","sources":["../../../src/components/Explorer/usePrimaryActions.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAC,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AAE5D;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,OAAyB,EAAE,EAAE;IACjE,MAAM,CAAC,WAAW,EAAE,GAAG,eAAe,CAAC,GAAG,OAAO,CAAC;IAElD,OAAO;QACH,aAAa,EACT,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,8BACI,KAAC,SAAS,IACN,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,WAAW,CAAC,IAAI,EACtB,QAAQ,EAAE,WAAW,CAAC,QAAQ,EAC9B,OAAO,EAAE,WAAW,CAAC,QAAQ,YAE5B,WAAW,CAAC,KAAK,GACV,EACX,eAAe,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,KAAC,WAAW,IACR,OAAO,EAAE,CAAC,OAAO,CAAC,EAClB,IAAI,EAAE;wBACF,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;4BAC3C,GAAG,EAAE,KAAK;4BACV,KAAK,EAAE,CACH,MAAC,QAAQ,IAAC,IAAI,EAAE,CAAC,aACZ,MAAM,CAAC,IAAI,OAAG,MAAM,CAAC,KAAK,IACpB,CACd;4BACD,QAAQ,EAAE,MAAM,CAAC,QAAQ;4BACzB,OAAO,EAAE,MAAM,CAAC,QAAQ;yBAC3B,CAAC,CAAC;qBACN,YAED,KAAC,SAAS,mBAAa,kBAAkB,EAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAE,KAAC,WAAW,KAAG,GAAI,GAC1E,CACjB,IACF,CACN;KACR,CAAC;AACN,CAAC,CAAC"}

package/dist/components/Explorer/useRemoveAction.d.ts

@@ -0,0 +1,23 @@
+import { Dispatch } from 'react';
+import { ActionHook, Entrypoint, IItemAction } from './_types';
+import { IViewSettingsAction, IViewSettingsState } from '../../components/Explorer/manage-view-settings';
+/**
+ * Hook used to get the action for `<DataView />` component.
+ *
+ * When the mutation for removing is done, the Apollo cache will be clean (`Record` and `RecordIdentity`)
+ * from removed record.
+ *
+ * @param isEnabled - whether the action is present
+ * @param view - represent the current view
+ * @param dispatch - method to change the current view
+ * @param entrypoint - represent the current entrypoint
+ */
+export declare const useRemoveAction: ({ isEnabled, store: { view, dispatch }, entrypoint }: ActionHook<{
+    store: {
+        view: IViewSettingsState;
+        dispatch: Dispatch<IViewSettingsAction>;
+    };
+    entrypoint: Entrypoint;
+}>) => {
+    removeAction: IItemAction;
+};

package/dist/components/Explorer/useRemoveAction.js

@@ -0,0 +1,109 @@
+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 { FaTrash } from 'react-icons/fa';
+import { KitModal } from 'aristid-ds';
+import { useDeactivateRecordsMutation, useDeleteValueMutation } from '../../_gqlTypes';
+import { useSharedTranslation } from '../../hooks/useSharedTranslation';
+import { useValuesCacheUpdate } from '../../hooks/useValuesCacheUpdate';
+import { ViewSettingsActionTypes } from '../../components/Explorer/manage-view-settings';
+import { MASS_SELECTION_ALL } from '../../components/Explorer/_constants';
+/**
+ * Hook used to get the action for `<DataView />` component.
+ *
+ * When the mutation for removing is done, the Apollo cache will be clean (`Record` and `RecordIdentity`)
+ * from removed record.
+ *
+ * @param isEnabled - whether the action is present
+ * @param view - represent the current view
+ * @param dispatch - method to change the current view
+ * @param entrypoint - represent the current entrypoint
+ */
+export const useRemoveAction = ({ isEnabled, store: { view, dispatch }, entrypoint }) => {
+    const { t } = useSharedTranslation();
+    const updateValuesCache = useValuesCacheUpdate();
+    const [deactivateRecordsMutation] = useDeactivateRecordsMutation({
+        update(cache, deactivatedRecords) {
+            deactivatedRecords.data?.deactivateRecords.forEach(record => {
+                cache.evict({
+                    id: cache.identify(record)
+                });
+            });
+            cache.modify({
+                fields: {
+                    records: prev => ({
+                        ...prev,
+                        totalCount: prev.totalCount - 1
+                    })
+                },
+                broadcast: false
+            });
+            cache.gc();
+        }
+    });
+    const [deleteRecordLinkMutation] = useDeleteValueMutation({
+        update: (_, deletedRecord) => {
+            const parentRecord = {
+                id: entrypoint.parentRecordId,
+                library: {
+                    id: entrypoint.parentLibraryId
+                }
+            };
+            updateValuesCache(parentRecord, deletedRecord.data?.deleteValue ?? []);
+        }
+    });
+    const _removeAction = useMemo(() => ({
+        label: entrypoint.type === 'library' ? t('explorer.deactivate-item') : t('explorer.delete-item'),
+        icon: _jsx(FaTrash, {}),
+        isDanger: true,
+        callback: ({ itemId, libraryId, id_value }) => {
+            KitModal.confirm({
+                type: 'confirm',
+                dangerConfirm: true,
+                content: entrypoint.type === 'library'
+                    ? t('records_deactivation.confirm_one')
+                    : t('record_edition.delete_link_confirm'),
+                okText: t('global.submit') ?? undefined,
+                cancelText: t('global.cancel') ?? undefined,
+                onOk: async () => {
+                    switch (entrypoint.type) {
+                        case 'library':
+                            const res = await deactivateRecordsMutation({
+                                variables: {
+                                    libraryId,
+                                    recordsIds: [itemId]
+                                }
+                            });
+                            if (view.massSelection !== MASS_SELECTION_ALL) {
+                                dispatch({
+                                    type: ViewSettingsActionTypes.SET_SELECTED_KEYS,
+                                    payload: view.massSelection.filter(key => key !== itemId)
+                                });
+                            }
+                            return res;
+                        case 'link':
+                            return deleteRecordLinkMutation({
+                                variables: {
+                                    library: entrypoint.parentLibraryId,
+                                    attribute: entrypoint.linkAttributeId,
+                                    recordId: entrypoint.parentRecordId,
+                                    value: {
+                                        payload: itemId,
+                                        id_value
+                                    }
+                                }
+                            });
+                        default:
+                            return;
+                    }
+                }
+            });
+        }
+    }), [t, deactivateRecordsMutation, deleteRecordLinkMutation, entrypoint.type, view.massSelection, dispatch]);
+    return {
+        removeAction: isEnabled ? _removeAction : null
+    };
+};
+//# sourceMappingURL=useRemoveAction.js.map

package/dist/components/Explorer/useRemoveAction.js.map

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

package/dist/components/Explorer/useSearchInput.d.ts

@@ -1,10 +1,16 @@
 import { Dispatch } from 'react';
 import { IViewSettingsAction, IViewSettingsState } from './manage-view-settings/store-view-settings/viewSettingsReducer';
-interface IUseSearchInputParams {
+/**
+ * Hook used to handle a full search text in a library
+ *
+ * > The feature is hidden on a link entrypoint.
+ *
+ * @param view - represent the current view
+ * @param dispatch - method to change the current view
+ */
+export declare const useSearchInput: ({ view, dispatch }: {
     view: IViewSettingsState;
     dispatch: Dispatch<IViewSettingsAction>;
-}
-export declare const useSearchInput: ({ view, dispatch }: IUseSearchInputParams) => {
+}) => {
     searchInput: JSX.Element;
 };
-export {};

package/dist/components/Explorer/useSearchInput.js

@@ -8,6 +8,14 @@ import { useState } from 'react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faMagnifyingGlass } from '@fortawesome/free-solid-svg-icons';
 import { ViewSettingsActionTypes } from './manage-view-settings/store-view-settings/viewSettingsReducer';
+/**
+ * Hook used to handle a full search text in a library
+ *
+ * > The feature is hidden on a link entrypoint.
+ *
+ * @param view - represent the current view
+ * @param dispatch - method to change the current view
+ */
 export const useSearchInput = ({ view, dispatch }) => {
     const { t } = useSharedTranslation();
     const [search, setSearch] = useState(view.fulltextSearch);
@@ -25,7 +33,7 @@ export const useSearchInput = ({ view, dispatch }) => {
         dispatch({ type: ViewSettingsActionTypes.CHANGE_FULLTEXT_SEARCH, payload: { search } });
     };
     return {
-        searchInput: (_jsx("form", { onSubmit: _handleSubmit, children: _jsx(KitInput, { prefix: _jsx(FontAwesomeIcon, { icon: faMagnifyingGlass }), title: String(t('global.search')), placeholder: String(t('global.search')), value: search ?? '', onChange: _handleChange }) }))
+        searchInput: view.entrypoint.type === 'library' ? (_jsx("form", { onSubmit: _handleSubmit, children: _jsx(KitInput, { prefix: _jsx(FontAwesomeIcon, { icon: faMagnifyingGlass }), title: String(t('global.search')), placeholder: String(t('global.search')), value: search ?? '', onChange: _handleChange }) })) : null
     };
 };
 //# sourceMappingURL=useSearchInput.js.map

package/dist/components/Explorer/useSearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSearchInput.js","sourceRoot":"","sources":["../../../src/components/Explorer/useSearchInput.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,OAAO,EAA0C,QAAQ,EAAC,MAAM,OAAO,CAAC;AACxE,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,iBAAiB,EAAC,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAGH,uBAAuB,EAC1B,MAAM,gEAAgE,CAAC;AAOxE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAwB,EAAE,EAAE;IACtE,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,IAAI,CAAC,cAAc,CAAC,CAAC;IAElE,MAAM,aAAa,GAAgD,CAAC,CAAC,EAAE;QACnE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;YAClB,SAAS,CAAC,EAAE,CAAC,CAAC;YACd,QAAQ,CAAC,EAAC,IAAI,EAAE,uBAAuB,CAAC,qBAAqB,EAAC,CAAC,CAAC;QACpE,CAAC;aAAM,CAAC;YACJ,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,aAAa,GAA+C,CAAC,CAAC,EAAE;QAClE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,QAAQ,CAAC,EAAC,IAAI,EAAE,uBAAuB,CAAC,sBAAsB,EAAE,OAAO,EAAE,EAAC,MAAM,EAAC,EAAC,CAAC,CAAC;IACxF,CAAC,CAAC;IAEF,OAAO;QACH,WAAW,EAAE,CACT,eAAM,QAAQ,EAAE,aAAa,YACzB,KAAC,QAAQ,IACL,MAAM,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,iBAAiB,GAAI,EACpD,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,EACjC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,EACvC,KAAK,EAAE,MAAM,IAAI,EAAE,EACnB,QAAQ,EAAE,aAAa,GACzB,GACC,CACV;KACJ,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"useSearchInput.js","sourceRoot":"","sources":["../../../src/components/Explorer/useSearchInput.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,OAAO,EAA0C,QAAQ,EAAC,MAAM,OAAO,CAAC;AACxE,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,iBAAiB,EAAC,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAGH,uBAAuB,EAC1B,MAAM,gEAAgE,CAAC;AAExE;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC3B,IAAI,EACJ,QAAQ,EAIX,EAAE,EAAE;IACD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,IAAI,CAAC,cAAc,CAAC,CAAC;IAElE,MAAM,aAAa,GAAgD,CAAC,CAAC,EAAE;QACnE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;YAClB,SAAS,CAAC,EAAE,CAAC,CAAC;YACd,QAAQ,CAAC,EAAC,IAAI,EAAE,uBAAuB,CAAC,qBAAqB,EAAC,CAAC,CAAC;QACpE,CAAC;aAAM,CAAC;YACJ,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,aAAa,GAA+C,CAAC,CAAC,EAAE;QAClE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,QAAQ,CAAC,EAAC,IAAI,EAAE,uBAAuB,CAAC,sBAAsB,EAAE,OAAO,EAAE,EAAC,MAAM,EAAC,EAAC,CAAC,CAAC;IACxF,CAAC,CAAC;IAEF,OAAO;QACH,WAAW,EACP,IAAI,CAAC,UAAU,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACjC,eAAM,QAAQ,EAAE,aAAa,YACzB,KAAC,QAAQ,IACL,MAAM,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,iBAAiB,GAAI,EACpD,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,EACjC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,EACvC,KAAK,EAAE,MAAM,IAAI,EAAE,EACnB,QAAQ,EAAE,aAAa,GACzB,GACC,CACV,CAAC,CAAC,CAAC,IAAI;KACf,CAAC;AACN,CAAC,CAAC"}

package/dist/components/Explorer/useViewSettingsReducer.d.ts

@@ -1,6 +1,6 @@
-import { DefaultViewSettings } from './_types';
+import { DefaultViewSettings, Entrypoint } from './_types';
 import { IViewSettingsState } from './manage-view-settings';
-export declare const useViewSettingsReducer: (library: string, defaultViewSettings?: DefaultViewSettings) => {
+export declare const useViewSettingsReducer: (entrypoint: Entrypoint, defaultViewSettings?: DefaultViewSettings) => {
     loading: boolean;
     error: import("@apollo/client").ApolloError;
     view: IViewSettingsState;

package/dist/components/Explorer/useViewSettingsReducer.js

@@ -1,82 +1,187 @@
 // 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 { useExplorerAttributesQuery, useGetViewsListQuery } from '../../_gqlTypes';
+import { useExplorerAttributesQuery, useExplorerLinkAttributeQuery, useGetViewsListQuery } from '../../_gqlTypes';
 import { localizedTranslation } from '@leav/utils';
 import { useLang } from '../../hooks';
-import { useEffect, useMemo, useReducer } from 'react';
+import { useEffect, useMemo, useReducer, useState } from 'react';
 import { v4 as uuid } from 'uuid';
-import { viewSettingsReducer, viewSettingsInitialState } from './manage-view-settings';
+import { viewSettingsInitialState, viewSettingsReducer } from './manage-view-settings';
 import { mapViewTypeFromLegacyToExplorer } from './_constants';
-const _isValidFieldFilter = (filter) => !!filter.field && !!filter.condition;
-export const useViewSettingsReducer = (library, defaultViewSettings = {}) => {
+import { ThroughConditionFilter } from '../../types';
+import { isLinkAttribute, isStandardAttribute } from '../../_utils/attributeType';
+const _isValidFieldFilter = (filter) => !!filter.field;
+const _isValidFieldFilterThrough = (filter) => filter.condition === ThroughConditionFilter.THROUGH && !!filter.subCondition && !!filter.subField;
+const _isLinkAttributeDetails = (linkAttributeData) => 'linked_library' in linkAttributeData;
+const _entrypointsAreEqual = (entrypoint1, entrypoint2) => Object.keys(entrypoint1).every(key => entrypoint1[key] === entrypoint2[key]);
+export const useViewSettingsReducer = (entrypoint, defaultViewSettings = {}) => {
     const { lang } = useLang();
+    const [loading, setLoading] = useState(true);
+    const [libraryId, setLibraryId] = useState(entrypoint.type === 'library' ? entrypoint.libraryId : null);
     const [view, dispatch] = useReducer(viewSettingsReducer, viewSettingsInitialState);
+    const entrypointsAreEqual = _entrypointsAreEqual(entrypoint, view.entrypoint);
+    useExplorerLinkAttributeQuery({
+        skip: entrypoint.type !== 'link',
+        variables: {
+            id: entrypoint.linkAttributeId
+        },
+        onCompleted: data => {
+            const attributeData = data?.attributes?.list?.[0];
+            if (!attributeData) {
+                throw new Error('Unknown link attribute');
+            }
+            setLibraryId(_isLinkAttributeDetails(attributeData) ? (attributeData.linked_library?.id ?? '') : null);
+        }
+    });
     const { data: viewData, loading: viewsLoading, error: viewError } = useGetViewsListQuery({
+        skip: entrypointsAreEqual || libraryId === null,
+        fetchPolicy: 'network-only',
         variables: {
-            libraryId: library
+            libraryId: libraryId
         }
     });
     // Take the last view from the array
     const userView = viewData?.views?.list?.at(-1);
-    const userViewFilters = userView?.filters
-        ?.filter(filter => _isValidFieldFilter(filter))
-        .map(filter => ({
-        field: filter.field,
-        value: filter.value ?? null,
-        condition: filter.condition
-    })) ?? [];
+    const userViewFilters = userView?.filters?.reduce((acc, filter) => {
+        if (!_isValidFieldFilter(filter)) {
+            return acc;
+        }
+        const _isThroughFilter = filter.field.includes('.');
+        if (_isThroughFilter) {
+            const [field, subField] = filter.field.split('.');
+            const throughFilter = {
+                field,
+                subField,
+                value: filter.value ?? null,
+                condition: ThroughConditionFilter.THROUGH,
+                subCondition: filter.condition
+            };
+            acc.push(throughFilter);
+        }
+        else {
+            acc.push(filter);
+        }
+        return acc;
+    }, []) ?? [];
+    const preparedDefaultFilters = defaultViewSettings.filters?.reduce((acc, filter) => {
+        if (!_isValidFieldFilter(filter)) {
+            return acc;
+        }
+        const _isThroughFilter = filter.field.includes('.');
+        const [field, subField] = filter.field.split('.');
+        if (_isThroughFilter) {
+            const throughFilter = {
+                field,
+                subField,
+                value: filter.value ?? null,
+                condition: ThroughConditionFilter.THROUGH,
+                subCondition: filter.condition
+            };
+            acc.push(throughFilter);
+        }
+        else {
+            acc.push(filter);
+        }
+        return acc;
+    }, []) ?? [];
     const attributesToHydrate = [
         ...new Set([
-            ...(defaultViewSettings.filters?.map(filter => filter.field) ?? []),
-            ...(defaultViewSettings.sort?.map(sort => sort.field) ?? []),
-            ...userViewFilters.map(filter => String(filter.field)),
-            ...(userView?.sort?.map(sort => sort.field) ?? [])
-        ])
+            ...(preparedDefaultFilters ?? []),
+            ...(defaultViewSettings.sort ?? []),
+            ...userViewFilters,
+            ...(userView?.sort ?? [])
+        ].map(({ field }) => field))
     ];
     const { data: attributesData, loading: attributesLoading, error: attributesError } = useExplorerAttributesQuery({
         variables: {
             ids: attributesToHydrate
         },
-        skip: viewsLoading || !attributesToHydrate.length
+        skip: libraryId === null || viewsLoading || attributesToHydrate.length === 0
     });
     const attributesDataById = useMemo(() => (attributesData?.attributes?.list ?? []).reduce((acc, attr) => {
         acc[attr.id] = attr;
         return acc;
     }, {}), [attributesData]);
-    const hydratedSettings = useMemo(() => ({
-        ...viewSettingsInitialState,
-        viewId: userView?.id,
-        attributesIds: (userView?.attributes ?? []).map(attr => attr.id),
-        viewType: userView?.display
-            ? mapViewTypeFromLegacyToExplorer[userView.display.type]
-            : viewSettingsInitialState.viewType,
-        ...defaultViewSettings,
-        sort: [...(defaultViewSettings?.sort ?? []), ...(userView?.sort ?? [])].map(s => ({
-            field: s.field,
-            order: s.order
-        })),
-        filters: [...(defaultViewSettings?.filters ?? []), ...userViewFilters].reduce((acc, filter) => {
-            if (!attributesDataById[filter.field]) {
-                console.warn(`Attribute ${filter.field} from defaultViewSettings or user view not found in database.`);
-                return acc;
-            }
-            return [
-                ...acc,
-                {
-                    ...filter,
-                    value: filter.value ?? null,
-                    id: uuid(),
-                    attribute: {
+    useEffect(() => {
+        setLoading(true);
+        setLibraryId(entrypoint.type === 'library' ? entrypoint.libraryId : null);
+    }, [entrypoint]);
+    useEffect(() => {
+        if (libraryId !== null && !viewsLoading && !attributesLoading) {
+            const allFilters = [...preparedDefaultFilters, ...userViewFilters];
+            const hydratedSettings = {
+                ...viewSettingsInitialState,
+                entrypoint,
+                libraryId,
+                viewId: userView?.id,
+                viewType: userView?.display
+                    ? mapViewTypeFromLegacyToExplorer[userView.display.type]
+                    : viewSettingsInitialState.viewType,
+                ...defaultViewSettings,
+                attributesIds: [
+                    ...(userView?.attributes ?? []).map(attr => attr.id),
+                    ...(defaultViewSettings?.attributesIds ?? [])
+                ],
+                sort: [...(defaultViewSettings?.sort ?? []), ...(userView?.sort ?? [])].map(s => ({
+                    field: s.field,
+                    order: s.order
+                })),
+                filters: allFilters.reduce((acc, filter) => {
+                    if (!attributesDataById[filter.field]) {
+                        console.warn(`Attribute ${filter.field} from defaultViewSettings or user view not found in database.`);
+                        return acc;
+                    }
+                    const filterAttributeBase = {
                         label: localizedTranslation(attributesDataById[filter.field].label, lang),
-                        format: attributesDataById[filter.field].format
+                        type: attributesDataById[filter.field].type
+                    };
+                    // filter is standardFilter
+                    if (isStandardAttribute(filterAttributeBase.type)) {
+                        const newFilter = {
+                            field: filter.field,
+                            value: filter.value ?? null,
+                            id: uuid(),
+                            condition: filter.condition ?? null,
+                            attribute: {
+                                ...filterAttributeBase,
+                                format: attributesDataById[filter.field].format
+                            }
+                        };
+                        acc.push(newFilter);
                     }
-                }
-            ];
-        }, [])
-    }), [defaultViewSettings, attributesDataById, userView, userViewFilters, lang]);
-    useEffect(() => {
-        if (!attributesLoading) {
+                    if (isLinkAttribute(filterAttributeBase.type)) {
+                        if (_isValidFieldFilterThrough(filter)) {
+                            const newFilter = {
+                                field: filter.field,
+                                value: filter.value ?? null,
+                                id: uuid(),
+                                condition: filter.condition,
+                                attribute: {
+                                    ...filterAttributeBase,
+                                    linkedLibrary: attributesDataById[filter.field].linked_library
+                                },
+                                subCondition: filter.subCondition ?? null,
+                                subField: filter.subField
+                            };
+                            acc.push(newFilter);
+                        }
+                        else {
+                            const newFilter = {
+                                field: filter.field,
+                                value: filter.value ?? null,
+                                id: uuid(),
+                                condition: filter.condition,
+                                attribute: {
+                                    ...filterAttributeBase,
+                                    linkedLibrary: attributesDataById[filter.field].linked_library
+                                }
+                            };
+                            acc.push(newFilter);
+                        }
+                    }
+                    return acc;
+                }, [])
+            };
             dispatch({
                 type: 'RESET',
                 payload: {
@@ -90,14 +195,14 @@ export const useViewSettingsReducer = (library, defaultViewSettings = {}) => {
                     }
                 }
             });
+            setLoading(false);
         }
-    }, [attributesLoading]);
-    const res = {
-        loading: attributesLoading || viewsLoading,
+    }, [attributesLoading, viewsLoading, libraryId]);
+    return {
+        loading,
         error: viewError ?? attributesError,
         view,
         dispatch
     };
-    return res;
 };
 //# sourceMappingURL=useViewSettingsReducer.js.map