@leav/ui 0.3.6-df40eff → 0.3.6-e0c1773

package/dist/components/Explorer/useMassActions.js

@@ -0,0 +1,111 @@
+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';
+export const SNACKBAR_MASS_ID = 'SNACKBAR_MASS_ID';
+/**
+ * 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,
+                snackbarId: SNACKBAR_MASS_ID,
+                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(SNACKBAR_MASS_ID);
+        }
+    }, [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/usePagination.d.ts

@@ -0,0 +1,7 @@
+import { Dispatch } from 'react';
+import { IViewSettingsAction } from './manage-view-settings';
+export declare const usePagination: (dispatch: Dispatch<IViewSettingsAction>) => {
+    currentPage: number;
+    setNewPage: (newCurrentPage: number, ignoredPageSize: number) => void;
+    setNewPageSize: (ignoredCurrentPage: number, newPageSize: number) => void;
+};

package/dist/components/Explorer/usePagination.js

@@ -0,0 +1,25 @@
+// 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 { useState } from 'react';
+import { ViewSettingsActionTypes } from './manage-view-settings';
+export const usePagination = (dispatch) => {
+    const [currentPage, setCurrentPage] = useState(1);
+    const setNewPage = (newCurrentPage, ignoredPageSize) => {
+        setCurrentPage(newCurrentPage);
+    };
+    const setNewPageSize = (ignoredCurrentPage, newPageSize) => {
+        dispatch({
+            type: ViewSettingsActionTypes.CHANGE_PAGE_SIZE,
+            payload: {
+                pageSize: newPageSize
+            }
+        });
+    };
+    return {
+        currentPage,
+        setNewPage,
+        setNewPageSize
+    };
+};
+//# sourceMappingURL=usePagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.js","sourceRoot":"","sources":["../../../src/components/Explorer/usePagination.tsx"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAW,QAAQ,EAAC,MAAM,OAAO,CAAC;AACzC,OAAO,EAAsB,uBAAuB,EAAC,MAAM,wBAAwB,CAAC;AAEpF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,QAAuC,EAAE,EAAE;IACrE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElD,MAAM,UAAU,GAAG,CAAC,cAAsB,EAAE,eAAuB,EAAE,EAAE;QACnE,cAAc,CAAC,cAAc,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,kBAA0B,EAAE,WAAmB,EAAE,EAAE;QACvE,QAAQ,CAAC;YACL,IAAI,EAAE,uBAAuB,CAAC,gBAAgB;YAC9C,OAAO,EAAE;gBACL,QAAQ,EAAE,WAAW;aACxB;SACJ,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,OAAO;QACH,WAAW;QACX,UAAU;QACV,cAAc;KACjB,CAAC;AACN,CAAC,CAAC"}

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

@@ -5,15 +5,7 @@ import { IPrimaryAction } from './_types';
  * Based on default actions and custom actions, it returns a primary with first action as "main" action and the others
  * in the dropdown accessible via a split button.
  *
- * When the creation is done, we refresh all data even if the new record will not be visible due to some filters.
- *
- * It returns also two parts : one for the call action button - one for displayed the modal required by the action.
- * It also returns the modal required for default actions (like create record).
- *
- * TODO: change params to match to signature
- * @param isEnabled - whether the action is present
- * @param library - the library's id to add new item
- * @param refetch - method to call to refresh the list. New item will be visible if it matches filters and sorts
+ * @param {Object[]} actions - list of actions to be display as one button: the primary action button
  */
 export declare const usePrimaryActionsButton: (actions: IPrimaryAction[]) => {
     primaryButton: JSX.Element;

package/dist/components/Explorer/usePrimaryActions.js

@@ -1,29 +1,28 @@
-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.
  *
  * Based on default actions and custom actions, it returns a primary with first action as "main" action and the others
  * in the dropdown accessible via a split button.
  *
- * When the creation is done, we refresh all data even if the new record will not be visible due to some filters.
- *
- * It returns also two parts : one for the call action button - one for displayed the modal required by the action.
- * It also returns the modal required for default actions (like create record).
- *
- * TODO: change params to match to signature
- * @param isEnabled - whether the action is present
- * @param library - the library's id to add new item
- * @param refetch - method to call to refresh the list. New item will be visible if it matches filters and sorts
+ * @param {Object[]} actions - list of actions to be display as one button: the primary action button
  */
 export const usePrimaryActionsButton = (actions) => {
-    const [mainAction, ...dropdownActions] = actions;
+    const [firstAction, ...dropdownActions] = actions;
     return {
-        primaryButton: mainAction ? (_jsx(KitButton, { type: "primary", icon: mainAction.icon, onClick: mainAction.callback, items: dropdownActions.map((action, index) => ({
-                key: index,
-                label: (_jsxs(KitSpace, { size: 8, children: [action.icon, " ", action.label] })),
-                onClick: action.callback
-            })), children: mainAction.label })) : null
+        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;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,OAAyB,EAAE,EAAE;IACjE,MAAM,CAAC,UAAU,EAAE,GAAG,eAAe,CAAC,GAAG,OAAO,CAAC;IAEjD,OAAO;QACH,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,CACxB,KAAC,SAAS,IACN,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,OAAO,EAAE,UAAU,CAAC,QAAQ,EAC5B,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,UAAU,CAAC,KAAK,GACT,CACf,CAAC,CAAC,CAAC,IAAI;KACX,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

@@ -0,0 +1,16 @@
+import { Dispatch } from 'react';
+import { IViewSettingsAction, IViewSettingsState } 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 declare const useSearchInput: ({ view, dispatch }: {
+    view: IViewSettingsState;
+    dispatch: Dispatch<IViewSettingsAction>;
+}) => {
+    searchInput: JSX.Element;
+};

package/dist/components/Explorer/useSearchInput.js

@@ -0,0 +1,39 @@
+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 { useSharedTranslation } from '../../hooks/useSharedTranslation';
+import { KitInput } from 'aristid-ds';
+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);
+    const _handleChange = e => {
+        if (!e.target.value) {
+            setSearch('');
+            dispatch({ type: ViewSettingsActionTypes.CLEAR_FULLTEXT_SEARCH });
+        }
+        else {
+            setSearch(e.target.value);
+        }
+    };
+    const _handleSubmit = e => {
+        e.preventDefault();
+        dispatch({ type: ViewSettingsActionTypes.CHANGE_FULLTEXT_SEARCH, payload: { search } });
+    };
+    return {
+        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

@@ -0,0 +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;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/useTableScrollableHeight.d.ts

@@ -0,0 +1,5 @@
+export declare const defaultPaginationHeight = 56;
+export declare const useTableScrollableHeight: (withPagination: boolean) => {
+    containerRef: (instance: Element) => void;
+    scrollHeight: string;
+};

package/dist/components/Explorer/useTableScrollableHeight.js

@@ -0,0 +1,15 @@
+// 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 { useMeasure } from '@uidotdev/usehooks';
+const headerTableHeight = 56;
+export const defaultPaginationHeight = 56;
+export const useTableScrollableHeight = (withPagination) => {
+    const [containerRef, { height }] = useMeasure();
+    const scrollHeight = useMemo(() => height === null
+        ? '100vh'
+        : `${height - headerTableHeight - (withPagination ? defaultPaginationHeight : 0)}px`, [withPagination, height]);
+    return { containerRef, scrollHeight };
+};
+//# sourceMappingURL=useTableScrollableHeight.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTableScrollableHeight.js","sourceRoot":"","sources":["../../../src/components/Explorer/useTableScrollableHeight.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAC,UAAU,EAAC,MAAM,oBAAoB,CAAC;AAE9C,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAC7B,MAAM,CAAC,MAAM,uBAAuB,GAAG,EAAE,CAAC;AAE1C,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,cAAuB,EAAE,EAAE;IAChE,MAAM,CAAC,YAAY,EAAE,EAAC,MAAM,EAAC,CAAC,GAAG,UAAU,EAAE,CAAC;IAE9C,MAAM,YAAY,GAAG,OAAO,CACxB,GAAG,EAAE,CACD,MAAM,KAAK,IAAI;QACX,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,GAAG,MAAM,GAAG,iBAAiB,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAC5F,CAAC,cAAc,EAAE,MAAM,CAAC,CAC3B,CAAC;IAEF,OAAO,EAAC,YAAY,EAAE,YAAY,EAAC,CAAC;AACxC,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+import { DefaultViewSettings, Entrypoint } from './_types';
+import { IViewSettingsState } from './manage-view-settings';
+export declare const useViewSettingsReducer: (entrypoint: Entrypoint, defaultViewSettings?: DefaultViewSettings) => {
+    loading: boolean;
+    error: import("@apollo/client").ApolloError;
+    view: IViewSettingsState;
+    dispatch: import("react").Dispatch<import("./manage-view-settings").IViewSettingsAction>;
+};