@leav/ui 1.15.0-6555bcdb → 1.15.0-76d60085

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

@@ -1,7 +1,7 @@
 import { type ReactNode } from 'react';
 import { type ISubmitMultipleResult } from '../../components/RecordEdition/EditRecordContent/_types';
-import { type DefaultViewSettings, type Entrypoint, type FiltersChangePayload, type IItemAction, type IMassActions, type IPrimaryAction, type ViewConfigTab } from './_types';
 import { type JoinLibraryContextFragment } from '../../_gqlTypes';
+import { type DefaultViewSettings, type Entrypoint, type FiltersChangePayload, type IItemAction, type IMassActions, type IPrimaryAction, type SerializedView, type ViewSettingsShortcuts } from './_types';
 export interface IExplorerProps {
     entrypoint: Entrypoint;
     noPagination?: true;
@@ -34,9 +34,13 @@ export interface IExplorerProps {
             export?: IMassActions['callback'];
             generatePreviews?: IMassActions['callback'];
         };
-        viewConfig?: {
+        viewSettings?: {
             onFiltersChange?: (payload: FiltersChangePayload) => void;
-            onViewConfigTabClick?: (tab: ViewConfigTab) => void;
+            onViewSettingsShortcutClick?: ({ settingName, viewId, }: {
+                settingName: ViewSettingsShortcuts;
+                viewId: string;
+            }) => void;
+            closeViewSettings?: () => void;
         };
     };
     showCreateOnNoResultOnly?: boolean;
@@ -58,6 +62,8 @@ export interface IExplorerProps {
     tableBodyHeight?: string;
     creationFormId?: string;
     joinLibraryContext?: JoinLibraryContextFragment;
+    currentView?: SerializedView;
+    loadedViewId?: string | null;
 }
 export interface IExplorerRef {
     createAction: IPrimaryAction | null;

package/dist/components/Explorer/Explorer.js

@@ -3,32 +3,33 @@ import { forwardRef, useImperativeHandle, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import { KitEmpty, KitSnackBarProvider, KitTypography } from 'aristid-ds';
 import styled from 'styled-components';
-import { Loading } from '../../components/Loading';
 import { useSharedTranslation } from '../../hooks/useSharedTranslation';
+import { Loading } from '../../components/Loading';
+import { useFiltersReducer } from '../../components/Filters/context/useFiltersReducer';
+import { FiltersContext } from '../../components/Filters/context/filtersContext';
 import { useExplorerData } from './_queries/useExplorerData';
 import { DataView } from './DataView';
 import { ExplorerTitle } from './ExplorerTitle';
 import { ExplorerToolbar } from './ExplorerToolbar';
 import { useEditStatusItemAction } from './actions-item/useEditStatusItemAction';
+import { useReplaceItemAction } from './actions-item/useReplaceItemAction';
 import { usePrimaryActionsButton } from './actions-primary/usePrimaryActions';
 import { useCreatePrimaryAction } from './actions-primary/useCreatePrimaryAction';
 import { useLinkPrimaryAction } from './actions-primary/useLinkPrimaryAction';
 import { useMassActions } from './actions-mass/useMassActions';
 import { useDeactivateMassAction } from './actions-mass/useDeactivateMassAction';
+import { useDeleteLinkValues } from './actions-mass/useDeleteLinkValues';
+import { useExportMassAction } from './actions-mass/useExportMassAction';
+import { useEditAttributeMassAction } from './actions-mass/useEditAttributeMassAction';
+import { useGeneratePreviewsMassAction } from './actions-mass/useGeneratePreviewsMassAction';
 import { defaultPageSizeOptions, SidePanel, useEditSettings, useOpenViewSettings, ViewSettingsContext, } from './manage-view-settings';
+import { useOpenViewSettingsV2 } from './manage-view-settings-v2/useOpenViewSettingsV2';
 import { useSearchInput } from './useSearchInput';
 import { usePagination } from './usePagination';
 import { useViewSettingsReducer } from './useViewSettingsReducer';
 import { MASS_SELECTION_ALL, SNACKBAR_MASS_ID } from './_constants';
-import { useDeleteLinkValues } from './actions-mass/useDeleteLinkValues';
-import { useReplaceItemAction } from './actions-item/useReplaceItemAction';
-import { useFiltersReducer } from '../../components/Filters/context/useFiltersReducer';
-import { FiltersContext } from '../../components/Filters/context/filtersContext';
-import { useExportMassAction } from './actions-mass/useExportMassAction';
-import { useEditAttributeMassAction } from './actions-mass/useEditAttributeMassAction';
 import { useExplorerCountData } from './_queries/useExplorerCountData';
-import { useGeneratePreviewsMassAction } from './actions-mass/useGeneratePreviewsMassAction';
-import { useNotifyFiltersChange } from './useNotifyFiltersChange';
+import { useLoadViewById } from './useLoadViewById';
 const isNotEmpty = (union) => union.length > 0;
 const emptyArray = [];
 const emptyObject = {};
@@ -50,10 +51,10 @@ const ExplorerEmptyDataStyled = styled.div `
     align-items: center;
     justify-content: center;
 `;
-export const Explorer = forwardRef(({ entrypoint, itemActions = [], primaryActions = [], massActions = [], title, selectionMode = 'multiple', emptyPlaceholder, noPagination, creationFormId, showCreateOnNoResultOnly = false, showFilters = false, showSorts = false, hideFirstActionLabel = false, disableSelection = false, hideSelectAllAction = false, showTitle = false, showSearch = false, hidePrimaryActions = false, hideTableHeader = false, useSmallHeaderSize = false, tableBodyHeight, ignoreViewByDefault = false, defaultActionsForItem = ['replaceLink', 'remove', 'activate'], defaultPrimaryActions = ['create'], defaultMassActions = ['deactivate', 'editAttribute', 'export', 'generatePreviews'], defaultCallbacks, defaultViewSettings, joinLibraryContext, }, ref) => {
+export const Explorer = forwardRef(({ entrypoint, itemActions = [], primaryActions = [], massActions = [], title, selectionMode = 'multiple', emptyPlaceholder, noPagination, creationFormId, showCreateOnNoResultOnly = false, showFilters = false, showSorts = false, hideFirstActionLabel = false, disableSelection = false, hideSelectAllAction = false, showTitle = false, showSearch = false, hidePrimaryActions = false, hideTableHeader = false, useSmallHeaderSize = false, tableBodyHeight, ignoreViewByDefault = false, defaultActionsForItem = ['replaceLink', 'remove', 'activate'], defaultPrimaryActions = ['create'], defaultMassActions = ['deactivate', 'editAttribute', 'export', 'generatePreviews'], defaultCallbacks, defaultViewSettings, joinLibraryContext, currentView, loadedViewId, }, ref) => {
     const { t } = useSharedTranslation();
-    const { panelElement: settingsPanelElement } = useEditSettings();
-    const { loading: viewSettingsLoading, view, dispatch: viewSettingsDispatch, } = useViewSettingsReducer(entrypoint, defaultViewSettings, ignoreViewByDefault);
+    const { panelElement: settingsPanelElement } = useEditSettings(); // TODO: should be conditional due to can be manager via app-studio only
+    const { loading: viewSettingsLoading, view, dispatch: viewSettingsDispatch, } = useViewSettingsReducer(entrypoint, defaultViewSettings, ignoreViewByDefault); // TODO: load all views, why should viewConfigPanel have to do it too? Can they communicate with each other (context)?
     const { filtersData, dispatch: filtersDispatch } = useFiltersReducer({
         libraryId: view.libraryId,
         viewId: view.viewId ?? undefined,
@@ -62,11 +63,12 @@ export const Explorer = forwardRef(({ entrypoint, itemActions = [], primaryActio
         ignoreViewByDefault,
         skip: viewSettingsLoading,
     });
-    useNotifyFiltersChange({
+    useLoadViewById({
+        loadedViewId,
         isLoading: viewSettingsLoading,
-        filters: filtersData.filters,
-        filtersOperator: filtersData.filtersOperator,
-        onFiltersChange: defaultCallbacks?.viewConfig?.onFiltersChange,
+        view,
+        viewSettingsDispatch,
+        filtersDispatch,
     });
     const { currentPage, setNewPageSize, setNewPage } = usePagination(viewSettingsDispatch);
     const { data, isMultivalue, canEditLinkAttributeValues, loading: loadingData, refetch, } = useExplorerData({
@@ -196,6 +198,13 @@ export const Explorer = forwardRef(({ entrypoint, itemActions = [], primaryActio
         actions: [createPrimaryAction, linkPrimaryAction, ...primaryActions].filter(Boolean),
         hideFirstActionLabel,
     });
+    const { viewSettingsShortcutsButtons } = useOpenViewSettingsV2({
+        isEnabled: defaultCallbacks?.viewSettings?.onViewSettingsShortcutClick !== undefined,
+        view: view,
+        open: !isMassSelectionAll,
+        closeViewSettings: defaultCallbacks?.viewSettings?.closeViewSettings,
+        onViewSettingsShortcutClick: defaultCallbacks?.viewSettings?.onViewSettingsShortcutClick,
+    });
     const { viewSettingsButton, viewListButton } = useOpenViewSettings({ view, isEnabled: !isMassSelectionAll });
     const { searchInput } = useSearchInput({ view, dispatch: viewSettingsDispatch, setNewPage });
     useImperativeHandle(ref, () => ({
@@ -203,7 +212,13 @@ export const Explorer = forwardRef(({ entrypoint, itemActions = [], primaryActio
         linkAction: linkPrimaryAction,
         totalCount: totalCountFiltered,
     }), [createPrimaryAction?.disabled, linkPrimaryAction?.disabled, totalCountFiltered]);
-    return (_jsxs(_Fragment, { children: [_jsx(FiltersContext.Provider, { value: { filtersData, dispatch: filtersDispatch }, children: _jsxs(ViewSettingsContext.Provider, { value: { view, dispatch: viewSettingsDispatch }, children: [_jsxs(ExplorerPageDivStyled, { children: [showTitle && (_jsx(ExplorerHeaderDivStyled, { children: _jsx(KitTypography.Title, { level: "h3", children: !viewSettingsLoading && (_jsx(ExplorerTitle, { library: view.libraryId, title: title, entrypoint: entrypoint })) /*TODO: manage loading*/ }) })), _jsxs(ExplorerToolbar, { showFilters: showFilters, showSorts: showSorts, isMassSelectionAll: isMassSelectionAll, headless: hideTableHeader, canRemoveFilters: view?.enableConfigureView ?? false, selectAllButton: hideSelectAllAction ? null : selectAllButton, viewSettingsLoading: viewSettingsLoading, children: [view?.enableConfigureView ? viewListButton : null, showSearch ? searchInput : null, view?.enableConfigureView ? viewSettingsButton : null, hidePrimaryActions ? null : primaryButton] }), loadingData || viewSettingsLoading ? (_jsx(Loading, {})) : hasNoResults ? (_jsx(ExplorerEmptyDataStyled, { children: emptyPlaceholder || _jsx(KitEmpty, { title: t('explorer.empty-data') }) })) : (_jsx(DataView, { dataGroupedFilteredSorted: data?.records ?? emptyArray, attributesProperties: data?.attributes ?? emptyObject, attributesToDisplay: 
+    return (_jsxs(_Fragment, { children: [_jsx(FiltersContext.Provider, { value: { filtersData, dispatch: filtersDispatch }, children: _jsxs(ViewSettingsContext.Provider, { value: { view, dispatch: viewSettingsDispatch }, children: [_jsxs(ExplorerPageDivStyled, { children: [showTitle && (_jsx(ExplorerHeaderDivStyled, { children: _jsx(KitTypography.Title, { level: "h3", children: !viewSettingsLoading && (_jsx(ExplorerTitle, { library: view.libraryId, title: title, entrypoint: entrypoint })) /*TODO: manage loading*/ }) })), _jsxs(ExplorerToolbar, { showFilters: showFilters, showSorts: showSorts, isMassSelectionAll: isMassSelectionAll, headless: hideTableHeader, canRemoveFilters: view?.enableConfigureView ?? false, selectAllButton: hideSelectAllAction ? null : selectAllButton, viewSettingsLoading: viewSettingsLoading, children: [view?.enableConfigureView &&
+                                            defaultCallbacks?.viewSettings?.onViewSettingsShortcutClick === undefined // TODO: can be refactored into a constant
+                                            ? viewListButton
+                                            : null, showSearch ? searchInput : null, view?.enableConfigureView &&
+                                            defaultCallbacks?.viewSettings?.onViewSettingsShortcutClick === undefined // TODO: can be refactored into a constant
+                                            ? viewSettingsButton
+                                            : null, view?.enableConfigureView && viewSettingsShortcutsButtons, hidePrimaryActions ? null : primaryButton] }), loadingData || viewSettingsLoading ? (_jsx(Loading, {})) : hasNoResults ? (_jsx(ExplorerEmptyDataStyled, { children: emptyPlaceholder || _jsx(KitEmpty, { title: t('explorer.empty-data') }) })) : (_jsx(DataView, { dataGroupedFilteredSorted: data?.records ?? emptyArray, attributesProperties: data?.attributes ?? emptyObject, attributesToDisplay: 
                                     /* ⚠️ whoAmI column will always be displayed first*/ view.attributesIds, hideTableHeader: hideTableHeader, useSmallHeaderSize: useSmallHeaderSize, paginationProps: entrypoint.type === 'library' && !noPagination
                                         ? {
                                             pageSizeOptions: defaultPageSizeOptions,

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

@@ -1 +1 @@
-{"version":3,"file":"Explorer.js","sourceRoot":"","sources":["../../../src/components/Explorer/Explorer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {forwardRef, type ReactNode, useImperativeHandle, useMemo} from 'react';\nimport {createPortal} from 'react-dom';\nimport {KitEmpty, KitSnackBarProvider, KitTypography} from 'aristid-ds';\nimport styled from 'styled-components';\nimport {Loading} from '_ui/components/Loading';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type ISubmitMultipleResult} from '_ui/components/RecordEdition/EditRecordContent/_types';\nimport {\n    type DefaultViewSettings,\n    type Entrypoint,\n    type FiltersChangePayload,\n    type IItemAction,\n    type IMassActions,\n    type IPrimaryAction,\n    type ViewConfigTab,\n} from './_types';\nimport {useExplorerData} from './_queries/useExplorerData';\nimport {DataView} from './DataView';\nimport {ExplorerTitle} from './ExplorerTitle';\nimport {ExplorerToolbar} from './ExplorerToolbar';\nimport {useEditStatusItemAction} from './actions-item/useEditStatusItemAction';\nimport {usePrimaryActionsButton} from './actions-primary/usePrimaryActions';\nimport {useCreatePrimaryAction} from './actions-primary/useCreatePrimaryAction';\nimport {useLinkPrimaryAction} from './actions-primary/useLinkPrimaryAction';\nimport {useMassActions} from './actions-mass/useMassActions';\nimport {useDeactivateMassAction} from './actions-mass/useDeactivateMassAction';\nimport {\n    defaultPageSizeOptions,\n    SidePanel,\n    useEditSettings,\n    useOpenViewSettings,\n    ViewSettingsContext,\n} from './manage-view-settings';\nimport {useSearchInput} from './useSearchInput';\nimport {usePagination} from './usePagination';\nimport {useViewSettingsReducer} from './useViewSettingsReducer';\nimport {MASS_SELECTION_ALL, SNACKBAR_MASS_ID} from './_constants';\nimport {useDeleteLinkValues} from './actions-mass/useDeleteLinkValues';\nimport {useReplaceItemAction} from './actions-item/useReplaceItemAction';\nimport {type JoinLibraryContextFragment} from '_ui/_gqlTypes';\nimport {useFiltersReducer} from '_ui/components/Filters/context/useFiltersReducer';\nimport {FiltersContext} from '_ui/components/Filters/context/filtersContext';\nimport {useExportMassAction} from './actions-mass/useExportMassAction';\nimport {useEditAttributeMassAction} from './actions-mass/useEditAttributeMassAction';\nimport {useExplorerCountData} from './_queries/useExplorerCountData';\nimport {useGeneratePreviewsMassAction} from './actions-mass/useGeneratePreviewsMassAction';\nimport {useNotifyFiltersChange} from './useNotifyFiltersChange';\n\nconst isNotEmpty = <T extends unknown[]>(union: T): union is Exclude<T, []> => union.length > 0;\n\nconst emptyArray = [];\nconst emptyObject = {};\n\nconst ExplorerHeaderDivStyled = styled.div`\n    display: flex;\n    align-items: flex-start;\n    padding: calc(var(--general-spacing-xs) * 1px);\n`;\n\nconst ExplorerPageDivStyled = styled.div`\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    overflow: hidden;\n`;\n\nconst ExplorerEmptyDataStyled = styled.div`\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n`;\n\nexport interface IExplorerProps {\n    entrypoint: Entrypoint;\n    noPagination?: true;\n    itemActions?: IItemAction[];\n    primaryActions?: IPrimaryAction[];\n    massActions?: IMassActions[];\n    title?: string;\n    selectionMode?: 'multiple' | 'simple';\n    emptyPlaceholder?: ReactNode;\n    defaultActionsForItem?: Array<'replaceLink' | 'remove' | 'activate'>;\n    defaultPrimaryActions?: Array<'create'>;\n    defaultMassActions?: Array<'deactivate' | 'export' | 'editAttribute' | 'generatePreviews'>;\n    defaultViewSettings?: DefaultViewSettings;\n    defaultCallbacks?: {\n        item?: {\n            edit?: IItemAction['callback'];\n            replaceLink?: (replaceValuesResult: ISubmitMultipleResult) => void;\n            remove?: IItemAction['callback'];\n            select?: IItemAction['callback'];\n        };\n        primary?: {\n            create?: ({\n                recordIdCreated,\n                saveValuesResultOnLink,\n            }: {\n                recordIdCreated: string;\n                saveValuesResultOnLink?: ISubmitMultipleResult;\n            }) => void;\n            link?: (saveValuesResult: ISubmitMultipleResult) => void;\n        };\n        mass?: {\n            deactivate?: IMassActions['callback'];\n            export?: IMassActions['callback'];\n            generatePreviews?: IMassActions['callback'];\n        };\n        viewConfig?: {\n            onFiltersChange?: (payload: FiltersChangePayload) => void;\n            onViewConfigTabClick?: (tab: ViewConfigTab) => void;\n        };\n    };\n    showCreateOnNoResultOnly?: boolean;\n    showFilters?: boolean;\n    showSorts?: boolean;\n    hideFirstActionLabel?: boolean;\n    /**\n     * Optional to `false` load the last added view when `props.defaultViewSettings.viewId` is `undefined`,\n     * if set to `true` load default view.\n     */\n    ignoreViewByDefault?: boolean;\n    showTitle?: boolean;\n    showSearch?: boolean;\n    disableSelection?: boolean;\n    hideSelectAllAction?: boolean;\n    hidePrimaryActions?: boolean;\n    hideTableHeader?: boolean;\n    useSmallHeaderSize?: boolean;\n    tableBodyHeight?: string;\n    creationFormId?: string;\n    joinLibraryContext?: JoinLibraryContextFragment;\n}\n\nexport interface IExplorerRef {\n    createAction: IPrimaryAction | null;\n    linkAction: IPrimaryAction | null;\n    totalCount: number;\n}\n\nexport const Explorer = forwardRef<IExplorerRef, IExplorerProps>(\n    (\n        {\n            entrypoint,\n            itemActions = [],\n            primaryActions = [],\n            massActions = [],\n            title,\n            selectionMode = 'multiple',\n            emptyPlaceholder,\n            noPagination,\n            creationFormId,\n            showCreateOnNoResultOnly = false,\n            showFilters = false,\n            showSorts = false,\n            hideFirstActionLabel = false,\n            disableSelection = false,\n            hideSelectAllAction = false,\n            showTitle = false,\n            showSearch = false,\n            hidePrimaryActions = false,\n            hideTableHeader = false,\n            useSmallHeaderSize = false,\n            tableBodyHeight,\n            ignoreViewByDefault = false,\n            defaultActionsForItem = ['replaceLink', 'remove', 'activate'],\n            defaultPrimaryActions = ['create'],\n            defaultMassActions = ['deactivate', 'editAttribute', 'export', 'generatePreviews'],\n            defaultCallbacks,\n            defaultViewSettings,\n            joinLibraryContext,\n        },\n        ref,\n    ) => {\n        const {t} = useSharedTranslation();\n\n        const {panelElement: settingsPanelElement} = useEditSettings();\n\n        const {\n            loading: viewSettingsLoading,\n            view,\n            dispatch: viewSettingsDispatch,\n        } = useViewSettingsReducer(entrypoint, defaultViewSettings, ignoreViewByDefault);\n\n        const {filtersData, dispatch: filtersDispatch} = useFiltersReducer({\n            libraryId: view.libraryId,\n            viewId: view.viewId ?? undefined,\n            filters: defaultViewSettings?.filters ?? undefined,\n            filtersOperator: defaultViewSettings?.filtersOperator ?? undefined,\n            ignoreViewByDefault,\n            skip: viewSettingsLoading,\n        });\n\n        useNotifyFiltersChange({\n            isLoading: viewSettingsLoading,\n            filters: filtersData.filters,\n            filtersOperator: filtersData.filtersOperator,\n            onFiltersChange: defaultCallbacks?.viewConfig?.onFiltersChange,\n        });\n\n        const {currentPage, setNewPageSize, setNewPage} = usePagination(viewSettingsDispatch);\n\n        const {\n            data,\n            isMultivalue,\n            canEditLinkAttributeValues,\n            loading: loadingData,\n            refetch,\n        } = useExplorerData({\n            entrypoint,\n            libraryId: view.libraryId,\n            attributeIds: view.attributesIds,\n            fulltextSearch: view.fulltextSearch,\n            pagination: noPagination ? null : {limit: view.pageSize, offset: view.pageSize * (currentPage - 1)},\n            sorts: view.sort,\n            filters: filtersData.filters,\n            filtersOperator: filtersData.filtersOperator,\n            skip: viewSettingsLoading,\n        }); // TODO: refresh when go back on page\n        const isMassSelectionAll = view.massSelection === MASS_SELECTION_ALL;\n        const isLink = entrypoint.type === 'link';\n\n        const {editStatusItemAction} = useEditStatusItemAction({\n            isEnabled:\n                isNotEmpty(defaultActionsForItem) &&\n                (defaultActionsForItem.includes('remove') || defaultActionsForItem.includes('activate')),\n            onRemove: defaultCallbacks?.item?.remove,\n            canDeleteLinkValues: canEditLinkAttributeValues,\n            store: {view, dispatch: viewSettingsDispatch},\n            entrypoint,\n        });\n\n        const {replaceItemAction, replaceItemModal} = useReplaceItemAction({\n            isEnabled: isLink && isNotEmpty(defaultActionsForItem) && defaultActionsForItem.includes('replaceLink'),\n            isMultivalue,\n            onReplace: defaultCallbacks?.item?.replaceLink,\n            canReplaceLinkValues: canEditLinkAttributeValues,\n            columnsToDisplay: !joinLibraryContext ? view.attributesIds : [],\n        });\n\n        const totalCountFiltered = data?.totalCount ?? 0;\n\n        const {countData: totalCountLibrary, refetchCount} = useExplorerCountData({\n            entrypoint,\n            libraryId: view.libraryId,\n            defaultFilters: defaultViewSettings?.filters ?? [],\n            filters: filtersData.filters,\n            skip: viewSettingsLoading,\n        });\n\n        const hasNoResults = data === null || data.totalCount === 0;\n\n        const isAllowedFreeEntry = !(entrypoint.type === 'library' && !entrypoint.allowFreeEntry);\n\n        const showCreatePrimaryButton = showCreateOnNoResultOnly\n            ? !hidePrimaryActions && !loadingData && hasNoResults && isAllowedFreeEntry\n            : true;\n\n        const {createPrimaryAction, createModal} = useCreatePrimaryAction({\n            isEnabled: isNotEmpty(defaultPrimaryActions) && defaultPrimaryActions.includes('create'),\n            isVisible: showCreatePrimaryButton,\n            libraryId: view.libraryId,\n            canCreateAndLinkValue: canEditLinkAttributeValues,\n            onCreate: defaultCallbacks?.primary?.create,\n            joinLibraryContext,\n            entrypoint,\n            isMultivalue,\n            totalCount: totalCountFiltered,\n            formId: creationFormId,\n            refetch,\n            refetchCount,\n        });\n        const {linkPrimaryAction, linkModal} = useLinkPrimaryAction({\n            isEnabled: isLink,\n            joinLibraryContext,\n            isVisible: showCreatePrimaryButton,\n            canAddLinkValue: canEditLinkAttributeValues,\n            onLink: defaultCallbacks?.primary?.link,\n            linkId: data?.totalCount === 0 ? undefined : data?.records[0]?.id_value,\n            isMultivalue,\n            maxItemsLeft: null, // TODO: use KitTable.row,\n            columnsToDisplay: !joinLibraryContext ? view.attributesIds : [],\n        });\n\n        const allVisibleKeys = data?.records.map(({key}) => key) ?? [];\n\n        const {generatePreviewsMassAction, GeneratePreviewsModal} = useGeneratePreviewsMassAction({\n            isEnabled: !isLink && isNotEmpty(defaultMassActions) && defaultMassActions.includes('generatePreviews'),\n            store: {view},\n            totalCount: totalCountFiltered,\n            onGeneratePreviews: defaultCallbacks?.mass?.generatePreviews,\n        });\n\n        const {exportMassAction, ExportModal} = useExportMassAction({\n            isEnabled: !isLink && isNotEmpty(defaultMassActions) && defaultMassActions.includes('export'),\n            store: {view, dispatch: viewSettingsDispatch},\n            totalCount: totalCountFiltered,\n            onExport: defaultCallbacks?.mass?.export,\n        });\n\n        const {editAttributeMassAction, editAttributeMassActionModal} = useEditAttributeMassAction({\n            isEnabled: !isLink && isNotEmpty(defaultMassActions) && defaultMassActions.includes('editAttribute'),\n            store: {view},\n            totalCount: totalCountFiltered,\n        });\n\n        const {deactivateMassAction} = useDeactivateMassAction({\n            isEnabled: !isLink && isNotEmpty(defaultMassActions) && defaultMassActions.includes('deactivate'),\n            store: {view, dispatch: viewSettingsDispatch},\n            allVisibleKeys,\n            totalCount: totalCountFiltered,\n            onDeactivate: defaultCallbacks?.mass?.deactivate,\n            refetch,\n        });\n\n        const {unlinkMassAction} = useDeleteLinkValues({\n            isEnabled: isLink && isNotEmpty(defaultMassActions) && defaultMassActions.includes('deactivate'),\n            store: {view, dispatch: viewSettingsDispatch},\n            filtersStore: filtersData,\n            pagination: noPagination ? null : {limit: view.pageSize, offset: view.pageSize * (currentPage - 1)},\n            allVisibleKeys,\n            onDelete: defaultCallbacks?.mass?.deactivate,\n            refetch,\n        });\n\n        const _isSelectionDisable = disableSelection || (isLink && !isMultivalue && totalCountFiltered > 0);\n\n        const massActionSnackbarId = useMemo(() => `${SNACKBAR_MASS_ID}_${Date.now()}`, []);\n\n        const {setSelectedKeys, selectAllButton} = useMassActions({\n            isEnabled:\n                totalCountFiltered > 0 &&\n                !_isSelectionDisable &&\n                (isNotEmpty(defaultMassActions) || isNotEmpty(massActions) || !!defaultCallbacks?.item?.select),\n            store: {view, dispatch: viewSettingsDispatch},\n            filtersStore: filtersData,\n            totalCountFiltered,\n            totalCountLibrary,\n            allVisibleKeys,\n            massActions: [\n                generatePreviewsMassAction,\n                exportMassAction,\n                editAttributeMassAction,\n                deactivateMassAction,\n                unlinkMassAction,\n                ...massActions,\n            ].filter(Boolean),\n            snackbarId: massActionSnackbarId,\n        });\n\n        const {primaryButton} = usePrimaryActionsButton({\n            view,\n            actions: [createPrimaryAction, linkPrimaryAction, ...primaryActions].filter(Boolean),\n            hideFirstActionLabel,\n        });\n\n        const {viewSettingsButton, viewListButton} = useOpenViewSettings({view, isEnabled: !isMassSelectionAll});\n\n        const {searchInput} = useSearchInput({view, dispatch: viewSettingsDispatch, setNewPage});\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                createAction: createPrimaryAction,\n                linkAction: linkPrimaryAction,\n                totalCount: totalCountFiltered,\n            }),\n            [createPrimaryAction?.disabled, linkPrimaryAction?.disabled, totalCountFiltered],\n        );\n\n        return (\n            <>\n                <FiltersContext.Provider value={{filtersData, dispatch: filtersDispatch}}>\n                    <ViewSettingsContext.Provider value={{view, dispatch: viewSettingsDispatch}}>\n                        <ExplorerPageDivStyled>\n                            {showTitle && (\n                                <ExplorerHeaderDivStyled>\n                                    <KitTypography.Title level=\"h3\">\n                                        {\n                                            !viewSettingsLoading && (\n                                                <ExplorerTitle\n                                                    library={view.libraryId}\n                                                    title={title}\n                                                    entrypoint={entrypoint}\n                                                />\n                                            ) /*TODO: manage loading*/\n                                        }\n                                    </KitTypography.Title>\n                                </ExplorerHeaderDivStyled>\n                            )}\n                            <ExplorerToolbar\n                                showFilters={showFilters}\n                                showSorts={showSorts}\n                                isMassSelectionAll={isMassSelectionAll}\n                                headless={hideTableHeader}\n                                canRemoveFilters={view?.enableConfigureView ?? false}\n                                selectAllButton={hideSelectAllAction ? null : selectAllButton}\n                                viewSettingsLoading={viewSettingsLoading}\n                            >\n                                {view?.enableConfigureView ? viewListButton : null}\n                                {showSearch ? searchInput : null}\n                                {view?.enableConfigureView ? viewSettingsButton : null}\n                                {hidePrimaryActions ? null : primaryButton}\n                            </ExplorerToolbar>\n                            {loadingData || viewSettingsLoading ? (\n                                <Loading />\n                            ) : hasNoResults ? (\n                                <ExplorerEmptyDataStyled>\n                                    {emptyPlaceholder || <KitEmpty title={t('explorer.empty-data')} />}\n                                </ExplorerEmptyDataStyled>\n                            ) : (\n                                <DataView\n                                    dataGroupedFilteredSorted={data?.records ?? emptyArray}\n                                    attributesProperties={data?.attributes ?? emptyObject}\n                                    attributesToDisplay={\n                                        /* ⚠️ whoAmI column will always be displayed first*/ view.attributesIds\n                                    }\n                                    hideTableHeader={hideTableHeader}\n                                    useSmallHeaderSize={useSmallHeaderSize}\n                                    paginationProps={\n                                        entrypoint.type === 'library' && !noPagination\n                                            ? {\n                                                  pageSizeOptions: defaultPageSizeOptions,\n                                                  currentPage,\n                                                  pageSize: view.pageSize,\n                                                  setNewPageSize,\n                                                  setNewPage,\n                                                  totalCount: totalCountFiltered,\n                                              }\n                                            : undefined\n                                    }\n                                    itemActions={[...itemActions, replaceItemAction, editStatusItemAction]\n                                        .filter(Boolean)\n                                        .map(action => ({\n                                            ...action,\n                                            disabled: isMassSelectionAll || action.disabled,\n                                        }))}\n                                    selection={{\n                                        onSelectItem: _isSelectionDisable ? null : defaultCallbacks?.item?.select,\n                                        onSelectionChange: _isSelectionDisable ? null : setSelectedKeys,\n                                        isMassSelectionAll,\n                                        selectedKeys: isMassSelectionAll\n                                            ? data?.records.map(({whoAmI}) => whoAmI.id)\n                                            : (view.massSelection as string[]),\n                                        mode: selectionMode,\n                                    }}\n                                    tableBodyHeight={tableBodyHeight}\n                                />\n                            )}\n                        </ExplorerPageDivStyled>\n                        {settingsPanelElement && createPortal(<SidePanel />, settingsPanelElement?.() ?? document.body)}\n                        {replaceItemModal}\n                        {createModal}\n                        {linkModal}\n                        {editAttributeMassActionModal}\n                        {ExportModal}\n                        {GeneratePreviewsModal}\n                    </ViewSettingsContext.Provider>\n                </FiltersContext.Provider>\n                <KitSnackBarProvider id={massActionSnackbarId} />\n            </>\n        );\n    },\n);\n"]}
+{"version":3,"file":"Explorer.js","sourceRoot":"","sources":["../../../src/components/Explorer/Explorer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {forwardRef, type ReactNode, useImperativeHandle, useMemo} from 'react';\nimport {createPortal} from 'react-dom';\nimport {KitEmpty, KitSnackBarProvider, KitTypography} from 'aristid-ds';\nimport styled from 'styled-components';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {Loading} from '_ui/components/Loading';\nimport {type ISubmitMultipleResult} from '_ui/components/RecordEdition/EditRecordContent/_types';\nimport {useFiltersReducer} from '_ui/components/Filters/context/useFiltersReducer';\nimport {FiltersContext} from '_ui/components/Filters/context/filtersContext';\nimport {type JoinLibraryContextFragment} from '_ui/_gqlTypes';\nimport {\n    type DefaultViewSettings,\n    type Entrypoint,\n    type FiltersChangePayload,\n    type IItemAction,\n    type IMassActions,\n    type IPrimaryAction,\n    type SerializedView,\n    type ViewSettingsShortcuts,\n} from './_types';\nimport {useExplorerData} from './_queries/useExplorerData';\nimport {DataView} from './DataView';\nimport {ExplorerTitle} from './ExplorerTitle';\nimport {ExplorerToolbar} from './ExplorerToolbar';\nimport {useEditStatusItemAction} from './actions-item/useEditStatusItemAction';\nimport {useReplaceItemAction} from './actions-item/useReplaceItemAction';\nimport {usePrimaryActionsButton} from './actions-primary/usePrimaryActions';\nimport {useCreatePrimaryAction} from './actions-primary/useCreatePrimaryAction';\nimport {useLinkPrimaryAction} from './actions-primary/useLinkPrimaryAction';\nimport {useMassActions} from './actions-mass/useMassActions';\nimport {useDeactivateMassAction} from './actions-mass/useDeactivateMassAction';\nimport {useDeleteLinkValues} from './actions-mass/useDeleteLinkValues';\nimport {useExportMassAction} from './actions-mass/useExportMassAction';\nimport {useEditAttributeMassAction} from './actions-mass/useEditAttributeMassAction';\nimport {useGeneratePreviewsMassAction} from './actions-mass/useGeneratePreviewsMassAction';\nimport {\n    defaultPageSizeOptions,\n    SidePanel,\n    useEditSettings,\n    useOpenViewSettings,\n    ViewSettingsContext,\n} from './manage-view-settings';\nimport {useOpenViewSettingsV2} from './manage-view-settings-v2/useOpenViewSettingsV2';\nimport {useSearchInput} from './useSearchInput';\nimport {usePagination} from './usePagination';\nimport {useViewSettingsReducer} from './useViewSettingsReducer';\nimport {MASS_SELECTION_ALL, SNACKBAR_MASS_ID} from './_constants';\nimport {useExplorerCountData} from './_queries/useExplorerCountData';\nimport {useLoadViewById} from './useLoadViewById';\n\nconst isNotEmpty = <T extends unknown[]>(union: T): union is Exclude<T, []> => union.length > 0;\n\nconst emptyArray = [];\nconst emptyObject = {};\n\nconst ExplorerHeaderDivStyled = styled.div`\n    display: flex;\n    align-items: flex-start;\n    padding: calc(var(--general-spacing-xs) * 1px);\n`;\n\nconst ExplorerPageDivStyled = styled.div`\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    overflow: hidden;\n`;\n\nconst ExplorerEmptyDataStyled = styled.div`\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n`;\n\nexport interface IExplorerProps {\n    entrypoint: Entrypoint;\n    noPagination?: true;\n    itemActions?: IItemAction[];\n    primaryActions?: IPrimaryAction[];\n    massActions?: IMassActions[];\n    title?: string;\n    selectionMode?: 'multiple' | 'simple';\n    emptyPlaceholder?: ReactNode;\n    defaultActionsForItem?: Array<'replaceLink' | 'remove' | 'activate'>;\n    defaultPrimaryActions?: Array<'create'>;\n    defaultMassActions?: Array<'deactivate' | 'export' | 'editAttribute' | 'generatePreviews'>;\n    defaultViewSettings?: DefaultViewSettings;\n    defaultCallbacks?: {\n        item?: {\n            edit?: IItemAction['callback'];\n            replaceLink?: (replaceValuesResult: ISubmitMultipleResult) => void;\n            remove?: IItemAction['callback'];\n            select?: IItemAction['callback'];\n        };\n        primary?: {\n            create?: ({\n                recordIdCreated,\n                saveValuesResultOnLink,\n            }: {\n                recordIdCreated: string;\n                saveValuesResultOnLink?: ISubmitMultipleResult;\n            }) => void;\n            link?: (saveValuesResult: ISubmitMultipleResult) => void;\n        };\n        mass?: {\n            deactivate?: IMassActions['callback'];\n            export?: IMassActions['callback'];\n            generatePreviews?: IMassActions['callback'];\n        };\n        viewSettings?: {\n            onFiltersChange?: (payload: FiltersChangePayload) => void;\n            onViewSettingsShortcutClick?: ({\n                settingName,\n                viewId,\n            }: {\n                settingName: ViewSettingsShortcuts;\n                viewId: string;\n            }) => void;\n            closeViewSettings?: () => void;\n        };\n    };\n    showCreateOnNoResultOnly?: boolean;\n    showFilters?: boolean;\n    showSorts?: boolean;\n    hideFirstActionLabel?: boolean;\n    /**\n     * Optional to `false` load the last added view when `props.defaultViewSettings.viewId` is `undefined`,\n     * if set to `true` load default view.\n     */\n    ignoreViewByDefault?: boolean;\n    showTitle?: boolean;\n    showSearch?: boolean;\n    disableSelection?: boolean;\n    hideSelectAllAction?: boolean;\n    hidePrimaryActions?: boolean;\n    hideTableHeader?: boolean;\n    useSmallHeaderSize?: boolean;\n    tableBodyHeight?: string;\n    creationFormId?: string;\n    joinLibraryContext?: JoinLibraryContextFragment;\n\n    // ViewConfig specific props\n    currentView?: SerializedView;\n    loadedViewId?: string | null;\n}\n\nexport interface IExplorerRef {\n    createAction: IPrimaryAction | null;\n    linkAction: IPrimaryAction | null;\n    totalCount: number;\n}\n\nexport const Explorer = forwardRef<IExplorerRef, IExplorerProps>(\n    (\n        {\n            entrypoint,\n            itemActions = [],\n            primaryActions = [],\n            massActions = [],\n            title,\n            selectionMode = 'multiple',\n            emptyPlaceholder,\n            noPagination,\n            creationFormId,\n            showCreateOnNoResultOnly = false,\n            showFilters = false,\n            showSorts = false,\n            hideFirstActionLabel = false,\n            disableSelection = false,\n            hideSelectAllAction = false,\n            showTitle = false,\n            showSearch = false,\n            hidePrimaryActions = false,\n            hideTableHeader = false,\n            useSmallHeaderSize = false,\n            tableBodyHeight,\n            ignoreViewByDefault = false,\n            defaultActionsForItem = ['replaceLink', 'remove', 'activate'],\n            defaultPrimaryActions = ['create'],\n            defaultMassActions = ['deactivate', 'editAttribute', 'export', 'generatePreviews'],\n            defaultCallbacks,\n            defaultViewSettings,\n            joinLibraryContext,\n            currentView,\n            loadedViewId,\n        },\n        ref,\n    ) => {\n        const {t} = useSharedTranslation();\n\n        const {panelElement: settingsPanelElement} = useEditSettings(); // TODO: should be conditional due to can be manager via app-studio only\n\n        const {\n            loading: viewSettingsLoading,\n            view,\n            dispatch: viewSettingsDispatch,\n        } = useViewSettingsReducer(entrypoint, defaultViewSettings, ignoreViewByDefault); // TODO: load all views, why should viewConfigPanel have to do it too? Can they communicate with each other (context)?\n\n        const {filtersData, dispatch: filtersDispatch} = useFiltersReducer({\n            libraryId: view.libraryId,\n            viewId: view.viewId ?? undefined,\n            filters: defaultViewSettings?.filters ?? undefined,\n            filtersOperator: defaultViewSettings?.filtersOperator ?? undefined,\n            ignoreViewByDefault,\n            skip: viewSettingsLoading,\n        });\n\n        useLoadViewById({\n            loadedViewId,\n            isLoading: viewSettingsLoading,\n            view,\n            viewSettingsDispatch,\n            filtersDispatch,\n        });\n\n        const {currentPage, setNewPageSize, setNewPage} = usePagination(viewSettingsDispatch);\n\n        const {\n            data,\n            isMultivalue,\n            canEditLinkAttributeValues,\n            loading: loadingData,\n            refetch,\n        } = useExplorerData({\n            entrypoint,\n            libraryId: view.libraryId,\n            attributeIds: view.attributesIds,\n            fulltextSearch: view.fulltextSearch,\n            pagination: noPagination ? null : {limit: view.pageSize, offset: view.pageSize * (currentPage - 1)},\n            sorts: view.sort,\n            filters: filtersData.filters,\n            filtersOperator: filtersData.filtersOperator,\n            skip: viewSettingsLoading,\n        }); // TODO: refresh when go back on page\n        const isMassSelectionAll = view.massSelection === MASS_SELECTION_ALL;\n        const isLink = entrypoint.type === 'link';\n\n        const {editStatusItemAction} = useEditStatusItemAction({\n            isEnabled:\n                isNotEmpty(defaultActionsForItem) &&\n                (defaultActionsForItem.includes('remove') || defaultActionsForItem.includes('activate')),\n            onRemove: defaultCallbacks?.item?.remove,\n            canDeleteLinkValues: canEditLinkAttributeValues,\n            store: {view, dispatch: viewSettingsDispatch},\n            entrypoint,\n        });\n\n        const {replaceItemAction, replaceItemModal} = useReplaceItemAction({\n            isEnabled: isLink && isNotEmpty(defaultActionsForItem) && defaultActionsForItem.includes('replaceLink'),\n            isMultivalue,\n            onReplace: defaultCallbacks?.item?.replaceLink,\n            canReplaceLinkValues: canEditLinkAttributeValues,\n            columnsToDisplay: !joinLibraryContext ? view.attributesIds : [],\n        });\n\n        const totalCountFiltered = data?.totalCount ?? 0;\n\n        const {countData: totalCountLibrary, refetchCount} = useExplorerCountData({\n            entrypoint,\n            libraryId: view.libraryId,\n            defaultFilters: defaultViewSettings?.filters ?? [],\n            filters: filtersData.filters,\n            skip: viewSettingsLoading,\n        });\n\n        const hasNoResults = data === null || data.totalCount === 0;\n\n        const isAllowedFreeEntry = !(entrypoint.type === 'library' && !entrypoint.allowFreeEntry);\n\n        const showCreatePrimaryButton = showCreateOnNoResultOnly\n            ? !hidePrimaryActions && !loadingData && hasNoResults && isAllowedFreeEntry\n            : true;\n\n        const {createPrimaryAction, createModal} = useCreatePrimaryAction({\n            isEnabled: isNotEmpty(defaultPrimaryActions) && defaultPrimaryActions.includes('create'),\n            isVisible: showCreatePrimaryButton,\n            libraryId: view.libraryId,\n            canCreateAndLinkValue: canEditLinkAttributeValues,\n            onCreate: defaultCallbacks?.primary?.create,\n            joinLibraryContext,\n            entrypoint,\n            isMultivalue,\n            totalCount: totalCountFiltered,\n            formId: creationFormId,\n            refetch,\n            refetchCount,\n        });\n        const {linkPrimaryAction, linkModal} = useLinkPrimaryAction({\n            isEnabled: isLink,\n            joinLibraryContext,\n            isVisible: showCreatePrimaryButton,\n            canAddLinkValue: canEditLinkAttributeValues,\n            onLink: defaultCallbacks?.primary?.link,\n            linkId: data?.totalCount === 0 ? undefined : data?.records[0]?.id_value,\n            isMultivalue,\n            maxItemsLeft: null, // TODO: use KitTable.row,\n            columnsToDisplay: !joinLibraryContext ? view.attributesIds : [],\n        });\n\n        const allVisibleKeys = data?.records.map(({key}) => key) ?? [];\n\n        const {generatePreviewsMassAction, GeneratePreviewsModal} = useGeneratePreviewsMassAction({\n            isEnabled: !isLink && isNotEmpty(defaultMassActions) && defaultMassActions.includes('generatePreviews'),\n            store: {view},\n            totalCount: totalCountFiltered,\n            onGeneratePreviews: defaultCallbacks?.mass?.generatePreviews,\n        });\n\n        const {exportMassAction, ExportModal} = useExportMassAction({\n            isEnabled: !isLink && isNotEmpty(defaultMassActions) && defaultMassActions.includes('export'),\n            store: {view, dispatch: viewSettingsDispatch},\n            totalCount: totalCountFiltered,\n            onExport: defaultCallbacks?.mass?.export,\n        });\n\n        const {editAttributeMassAction, editAttributeMassActionModal} = useEditAttributeMassAction({\n            isEnabled: !isLink && isNotEmpty(defaultMassActions) && defaultMassActions.includes('editAttribute'),\n            store: {view},\n            totalCount: totalCountFiltered,\n        });\n\n        const {deactivateMassAction} = useDeactivateMassAction({\n            isEnabled: !isLink && isNotEmpty(defaultMassActions) && defaultMassActions.includes('deactivate'),\n            store: {view, dispatch: viewSettingsDispatch},\n            allVisibleKeys,\n            totalCount: totalCountFiltered,\n            onDeactivate: defaultCallbacks?.mass?.deactivate,\n            refetch,\n        });\n\n        const {unlinkMassAction} = useDeleteLinkValues({\n            isEnabled: isLink && isNotEmpty(defaultMassActions) && defaultMassActions.includes('deactivate'),\n            store: {view, dispatch: viewSettingsDispatch},\n            filtersStore: filtersData,\n            pagination: noPagination ? null : {limit: view.pageSize, offset: view.pageSize * (currentPage - 1)},\n            allVisibleKeys,\n            onDelete: defaultCallbacks?.mass?.deactivate,\n            refetch,\n        });\n\n        const _isSelectionDisable = disableSelection || (isLink && !isMultivalue && totalCountFiltered > 0);\n\n        const massActionSnackbarId = useMemo(() => `${SNACKBAR_MASS_ID}_${Date.now()}`, []);\n\n        const {setSelectedKeys, selectAllButton} = useMassActions({\n            isEnabled:\n                totalCountFiltered > 0 &&\n                !_isSelectionDisable &&\n                (isNotEmpty(defaultMassActions) || isNotEmpty(massActions) || !!defaultCallbacks?.item?.select),\n            store: {view, dispatch: viewSettingsDispatch},\n            filtersStore: filtersData,\n            totalCountFiltered,\n            totalCountLibrary,\n            allVisibleKeys,\n            massActions: [\n                generatePreviewsMassAction,\n                exportMassAction,\n                editAttributeMassAction,\n                deactivateMassAction,\n                unlinkMassAction,\n                ...massActions,\n            ].filter(Boolean),\n            snackbarId: massActionSnackbarId,\n        });\n\n        const {primaryButton} = usePrimaryActionsButton({\n            view,\n            actions: [createPrimaryAction, linkPrimaryAction, ...primaryActions].filter(Boolean),\n            hideFirstActionLabel,\n        });\n\n        const {viewSettingsShortcutsButtons} = useOpenViewSettingsV2({\n            isEnabled: defaultCallbacks?.viewSettings?.onViewSettingsShortcutClick !== undefined,\n            view: view as any,\n            open: !isMassSelectionAll,\n            closeViewSettings: defaultCallbacks?.viewSettings?.closeViewSettings,\n            onViewSettingsShortcutClick: defaultCallbacks?.viewSettings?.onViewSettingsShortcutClick,\n        });\n        const {viewSettingsButton, viewListButton} = useOpenViewSettings({view, isEnabled: !isMassSelectionAll});\n\n        const {searchInput} = useSearchInput({view, dispatch: viewSettingsDispatch, setNewPage});\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                createAction: createPrimaryAction,\n                linkAction: linkPrimaryAction,\n                totalCount: totalCountFiltered,\n            }),\n            [createPrimaryAction?.disabled, linkPrimaryAction?.disabled, totalCountFiltered],\n        );\n\n        return (\n            <>\n                <FiltersContext.Provider value={{filtersData, dispatch: filtersDispatch}}>\n                    <ViewSettingsContext.Provider value={{view, dispatch: viewSettingsDispatch}}>\n                        <ExplorerPageDivStyled>\n                            {showTitle && (\n                                <ExplorerHeaderDivStyled>\n                                    <KitTypography.Title level=\"h3\">\n                                        {\n                                            !viewSettingsLoading && (\n                                                <ExplorerTitle\n                                                    library={view.libraryId}\n                                                    title={title}\n                                                    entrypoint={entrypoint}\n                                                />\n                                            ) /*TODO: manage loading*/\n                                        }\n                                    </KitTypography.Title>\n                                </ExplorerHeaderDivStyled>\n                            )}\n                            <ExplorerToolbar\n                                showFilters={showFilters}\n                                showSorts={showSorts}\n                                isMassSelectionAll={isMassSelectionAll}\n                                headless={hideTableHeader}\n                                canRemoveFilters={view?.enableConfigureView ?? false}\n                                selectAllButton={hideSelectAllAction ? null : selectAllButton}\n                                viewSettingsLoading={viewSettingsLoading}\n                            >\n                                {view?.enableConfigureView &&\n                                defaultCallbacks?.viewSettings?.onViewSettingsShortcutClick === undefined // TODO: can be refactored into a constant\n                                    ? viewListButton\n                                    : null}\n                                {showSearch ? searchInput : null}\n                                {view?.enableConfigureView &&\n                                defaultCallbacks?.viewSettings?.onViewSettingsShortcutClick === undefined // TODO: can be refactored into a constant\n                                    ? viewSettingsButton\n                                    : null}\n                                {view?.enableConfigureView && viewSettingsShortcutsButtons}\n                                {hidePrimaryActions ? null : primaryButton}\n                            </ExplorerToolbar>\n                            {loadingData || viewSettingsLoading ? (\n                                <Loading />\n                            ) : hasNoResults ? (\n                                <ExplorerEmptyDataStyled>\n                                    {emptyPlaceholder || <KitEmpty title={t('explorer.empty-data')} />}\n                                </ExplorerEmptyDataStyled>\n                            ) : (\n                                <DataView\n                                    dataGroupedFilteredSorted={data?.records ?? emptyArray}\n                                    attributesProperties={data?.attributes ?? emptyObject}\n                                    attributesToDisplay={\n                                        /* ⚠️ whoAmI column will always be displayed first*/ view.attributesIds\n                                    }\n                                    hideTableHeader={hideTableHeader}\n                                    useSmallHeaderSize={useSmallHeaderSize}\n                                    paginationProps={\n                                        entrypoint.type === 'library' && !noPagination\n                                            ? {\n                                                  pageSizeOptions: defaultPageSizeOptions,\n                                                  currentPage,\n                                                  pageSize: view.pageSize,\n                                                  setNewPageSize,\n                                                  setNewPage,\n                                                  totalCount: totalCountFiltered,\n                                              }\n                                            : undefined\n                                    }\n                                    itemActions={[...itemActions, replaceItemAction, editStatusItemAction]\n                                        .filter(Boolean)\n                                        .map(action => ({\n                                            ...action,\n                                            disabled: isMassSelectionAll || action.disabled,\n                                        }))}\n                                    selection={{\n                                        onSelectItem: _isSelectionDisable ? null : defaultCallbacks?.item?.select,\n                                        onSelectionChange: _isSelectionDisable ? null : setSelectedKeys,\n                                        isMassSelectionAll,\n                                        selectedKeys: isMassSelectionAll\n                                            ? data?.records.map(({whoAmI}) => whoAmI.id)\n                                            : (view.massSelection as string[]),\n                                        mode: selectionMode,\n                                    }}\n                                    tableBodyHeight={tableBodyHeight}\n                                />\n                            )}\n                        </ExplorerPageDivStyled>\n                        {settingsPanelElement && createPortal(<SidePanel />, settingsPanelElement?.() ?? document.body)}\n                        {replaceItemModal}\n                        {createModal}\n                        {linkModal}\n                        {editAttributeMassActionModal}\n                        {ExportModal}\n                        {GeneratePreviewsModal}\n                    </ViewSettingsContext.Provider>\n                </FiltersContext.Provider>\n                <KitSnackBarProvider id={massActionSnackbarId} />\n            </>\n        );\n    },\n);\n"]}

package/dist/components/Explorer/ExplorerFiltersAndSorts.js

@@ -19,6 +19,7 @@ export const ExplorerFiltersAndSorts = ({ isMassSelectionAll, showFilters, showS
     const { t } = useSharedTranslation();
     const { view } = useViewSettingsContext();
     const { sort } = view;
+    // TODO: modify to use app-studio
     const { openSettingsPanel } = useOpenViewSettings({ view, isEnabled: true });
     const { filtersProps } = useFilters(!canRemoveFilters);
     const { attributeDetailsById } = useAttributeDetailsData(view.libraryId);

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

@@ -1 +1 @@
-{"version":3,"file":"ExplorerFiltersAndSorts.js","sourceRoot":"","sources":["../../../src/components/Explorer/ExplorerFiltersAndSorts.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {SortOrder} from '_ui/_gqlTypes';\nimport {useViewSettingsContext} from './manage-view-settings/store-view-settings/useViewSettingsContext';\nimport {useAttributeDetailsData} from './manage-view-settings/_shared/useAttributeDetailsData';\nimport {useOpenViewSettings} from './manage-view-settings';\nimport {type ComponentProps, type FunctionComponent, type ReactNode} from 'react';\nimport {KitDivider, KitFilter} from 'aristid-ds';\nimport styled from 'styled-components';\nimport {CommonFilterItem} from '_ui/components/Filters/filter-items/CommonFilterItem';\nimport {useFilters} from '_ui/components/Filters/useFilters';\nimport {type UIFilter} from '../Filters';\n\nconst FilterStyled = styled(KitFilter)`\n    flex: 0 0 auto;\n`;\n\nconst DividerStyled = styled(KitDivider)`\n    height: 26px;\n    margin-inline: calc(var(--general-spacing-xxs) * 1px);\n`;\n\nexport const ExplorerFiltersAndSorts: FunctionComponent<{\n    isMassSelectionAll: boolean;\n    showFilters: boolean;\n    showSorts: boolean;\n    canRemoveFilters: boolean;\n    selectAllButton: ReactNode | null;\n}> = ({isMassSelectionAll, showFilters, showSorts, canRemoveFilters, selectAllButton}) => {\n    const {t} = useSharedTranslation();\n\n    const {view} = useViewSettingsContext();\n    const {sort} = view;\n\n    const {openSettingsPanel} = useOpenViewSettings({view, isEnabled: true});\n    const {filtersProps} = useFilters(!canRemoveFilters);\n\n    const {attributeDetailsById} = useAttributeDetailsData(view.libraryId);\n    // const visibleFilters = filters.filter(filterItem => !filterItem.hidden);\n\n    if (((filtersProps.length === 0 && sort.length === 0) || (!showFilters && !showSorts)) && !selectAllButton) {\n        return null;\n    }\n\n    const sortValues =\n        sort.length === 0\n            ? undefined\n            : sort.map(\n                  ({field, order}) =>\n                      (attributeDetailsById?.[field]?.label ?? field) +\n                      ' ' +\n                      (order === SortOrder.asc ? t('explorer.sort-ascending') : t('explorer.sort-descending')),\n              );\n\n    const _handleClickOnSort: ComponentProps<typeof FilterStyled>['onClick'] = () =>\n        isMassSelectionAll ? undefined : openSettingsPanel('sort-items');\n\n    if (!Object.keys(attributeDetailsById).length) {\n        return <></>;\n    }\n\n    return (\n        <>\n            {selectAllButton && (\n                <>\n                    <li>{selectAllButton}</li>\n                    {((showFilters && filtersProps.length !== 0) || (showSorts && sort.length > 0)) && (\n                        <DividerStyled type=\"vertical\" />\n                    )}\n                </>\n            )}\n            {(showFilters || showSorts) && (\n                <>\n                    {filtersProps.length > 0 &&\n                        filtersProps.map(filterProps => (\n                            <li key={filterProps.key}>\n                                <CommonFilterItem\n                                    filter={filterProps.filter as UIFilter}\n                                    isPinned={filterProps.isPinned}\n                                    disabled={isMassSelectionAll}\n                                />\n                            </li>\n                        ))}\n                    {showSorts && sort.length > 0 && (\n                        <li>\n                            <FilterStyled\n                                label={t('explorer.sort-items')}\n                                values={sortValues}\n                                disabled={isMassSelectionAll}\n                                onClick={_handleClickOnSort}\n                            />\n                        </li>\n                    )}\n                </>\n            )}\n        </>\n    );\n};\n"]}
+{"version":3,"file":"ExplorerFiltersAndSorts.js","sourceRoot":"","sources":["../../../src/components/Explorer/ExplorerFiltersAndSorts.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {SortOrder} from '_ui/_gqlTypes';\nimport {useViewSettingsContext} from './manage-view-settings/store-view-settings/useViewSettingsContext';\nimport {useAttributeDetailsData} from './manage-view-settings/_shared/useAttributeDetailsData';\nimport {useOpenViewSettings} from './manage-view-settings';\nimport {type ComponentProps, type FunctionComponent, type ReactNode} from 'react';\nimport {KitDivider, KitFilter} from 'aristid-ds';\nimport styled from 'styled-components';\nimport {CommonFilterItem} from '_ui/components/Filters/filter-items/CommonFilterItem';\nimport {useFilters} from '_ui/components/Filters/useFilters';\nimport {type UIFilter} from '../Filters';\n\nconst FilterStyled = styled(KitFilter)`\n    flex: 0 0 auto;\n`;\n\nconst DividerStyled = styled(KitDivider)`\n    height: 26px;\n    margin-inline: calc(var(--general-spacing-xxs) * 1px);\n`;\n\nexport const ExplorerFiltersAndSorts: FunctionComponent<{\n    isMassSelectionAll: boolean;\n    showFilters: boolean;\n    showSorts: boolean;\n    canRemoveFilters: boolean;\n    selectAllButton: ReactNode | null;\n}> = ({isMassSelectionAll, showFilters, showSorts, canRemoveFilters, selectAllButton}) => {\n    const {t} = useSharedTranslation();\n\n    const {view} = useViewSettingsContext();\n    const {sort} = view;\n\n    // TODO: modify to use app-studio\n    const {openSettingsPanel} = useOpenViewSettings({view, isEnabled: true});\n    const {filtersProps} = useFilters(!canRemoveFilters);\n\n    const {attributeDetailsById} = useAttributeDetailsData(view.libraryId);\n    // const visibleFilters = filters.filter(filterItem => !filterItem.hidden);\n\n    if (((filtersProps.length === 0 && sort.length === 0) || (!showFilters && !showSorts)) && !selectAllButton) {\n        return null;\n    }\n\n    const sortValues =\n        sort.length === 0\n            ? undefined\n            : sort.map(\n                  ({field, order}) =>\n                      (attributeDetailsById?.[field]?.label ?? field) +\n                      ' ' +\n                      (order === SortOrder.asc ? t('explorer.sort-ascending') : t('explorer.sort-descending')),\n              );\n\n    const _handleClickOnSort: ComponentProps<typeof FilterStyled>['onClick'] = () =>\n        isMassSelectionAll ? undefined : openSettingsPanel('sort-items');\n\n    if (!Object.keys(attributeDetailsById).length) {\n        return <></>;\n    }\n\n    return (\n        <>\n            {selectAllButton && (\n                <>\n                    <li>{selectAllButton}</li>\n                    {((showFilters && filtersProps.length !== 0) || (showSorts && sort.length > 0)) && (\n                        <DividerStyled type=\"vertical\" />\n                    )}\n                </>\n            )}\n            {(showFilters || showSorts) && (\n                <>\n                    {filtersProps.length > 0 &&\n                        filtersProps.map(filterProps => (\n                            <li key={filterProps.key}>\n                                <CommonFilterItem\n                                    filter={filterProps.filter as UIFilter}\n                                    isPinned={filterProps.isPinned}\n                                    disabled={isMassSelectionAll}\n                                />\n                            </li>\n                        ))}\n                    {showSorts && sort.length > 0 && (\n                        <li>\n                            <FilterStyled\n                                label={t('explorer.sort-items')}\n                                values={sortValues}\n                                disabled={isMassSelectionAll}\n                                onClick={_handleClickOnSort}\n                            />\n                        </li>\n                    )}\n                </>\n            )}\n        </>\n    );\n};\n"]}

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

@@ -1,4 +1,6 @@
 import { type Override } from '@leav/utils';
+import type * as z from 'zod/v4';
+import { type ViewSettingsTabSchema } from '../../hooks/usePanelMessenger/schema';
 import { type AttributePropertiesFragment, type PropertyValueFragment, type RecordFilterInput, type RecordIdentityFragment } from '../../_gqlTypes';
 import { type Key, type ReactElement } from 'react';
 import { type IViewSettingsState } from './manage-view-settings';
@@ -61,7 +63,7 @@ export type DefaultViewSettings = Override<Partial<IViewSettingsState>, {
     filters?: UIFilter[];
 }>;
 export type SerializedView = DefaultViewSettings;
-export type ViewConfigTab = 'display' | 'filters' | 'sorts' | 'catalogue';
+export type ViewSettingsShortcuts = z.infer<typeof ViewSettingsTabSchema>;
 export type FiltersChangePayload = {
     filters: UIFilter[];
     filtersOperator: 'AND' | 'OR';

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

@@ -1 +1 @@
-{"version":3,"file":"_types.js","sourceRoot":"","sources":["../../../src/components/Explorer/_types.ts"],"names":[],"mappings":"","sourcesContent":["import {type Override} from '@leav/utils';\nimport {\n    type AttributePropertiesFragment,\n    type PropertyValueFragment,\n    type RecordFilterInput,\n    type RecordIdentityFragment,\n} from '_ui/_gqlTypes';\nimport {type Key, type ReactElement} from 'react';\nimport {type IViewSettingsState} from './manage-view-settings';\nimport {type IView} from '_ui/types';\nimport {type MASS_SELECTION_ALL} from './_constants';\nimport {type UIFilter, type ValidFilter} from '../Filters/_types';\n\nexport type MassSelection = Key[] | typeof MASS_SELECTION_ALL;\n\nexport interface IExplorerData {\n    totalCount: number;\n    attributes: {\n        [attributeId: string]: Override<AttributePropertiesFragment, {label: string}>;\n    };\n    records: IItemData[];\n}\n\nexport interface IItemData {\n    libraryId: string;\n    key: string;\n    itemId: string;\n    whoAmI: Required<RecordIdentityFragment['whoAmI']>;\n    canActivate: boolean;\n    canDelete: boolean;\n    active: boolean;\n    propertiesById: {\n        [attributeId: string]: PropertyValueFragment[];\n    };\n    /**\n     * Can be named `linkId` too, but for historical reason we keep old name 👴🏼.\n     */\n    id_value?: string;\n}\n\nexport interface IItemAction {\n    callback: (item: IItemData) => void;\n    icon: ReactElement | ((item: IItemData) => ReactElement);\n    label: string | ((item: IItemData) => string);\n    isDanger?: boolean | ((item: IItemData) => boolean);\n    disabled?: boolean | ((item: IItemData) => boolean);\n    useItemActionOnRowClick?: boolean;\n    useItemDeletePermission?: boolean; //TODO: Add for PanelAttributeExplorer custom action (should be deleted later)\n}\n\nexport interface IPrimaryAction {\n    callback: () => void;\n    disabled?: boolean;\n    icon: ReactElement;\n    label: string;\n}\n\nexport interface IMassActions {\n    callback: (massSelectedFilter: RecordFilterInput[], massSelection: MassSelection) => void | Promise<void>;\n    deselectAll: boolean;\n    icon: ReactElement;\n    label: string;\n}\n\nexport type FeatureHook<T = {}> = {isEnabled: boolean; isVisible?: boolean} & T;\n\nexport type DefaultViewSettings = Override<\n    Partial<IViewSettingsState>,\n    {\n        filtersOperator?: 'AND' | 'OR';\n        filters?: UIFilter[];\n    }\n>;\n\nexport type SerializedView = DefaultViewSettings;\n\nexport type ViewConfigTab = 'display' | 'filters' | 'sorts' | 'catalogue';\n\nexport type FiltersChangePayload = {\n    filters: UIFilter[];\n    filtersOperator: 'AND' | 'OR';\n};\n\nexport interface IEntrypointTree {\n    type: 'tree';\n    treeId: string;\n    nodeId: string;\n}\n\nexport interface IEntrypointLibrary {\n    type: 'library';\n    libraryId: string;\n    /**\n     * Used to display a list of values instead of all library records when adding a link\n     */\n    valuesList?: string[];\n    /**\n     * Used to allow free entry when adding a link with values list\n     */\n    allowFreeEntry?: boolean;\n}\n\nexport interface IEntrypointLink {\n    type: 'link';\n    parentLibraryId: string;\n    parentRecordId: string;\n    linkAttributeId: string;\n}\n\nexport type Entrypoint = IEntrypointTree | IEntrypointLibrary | IEntrypointLink;\n\nexport interface IUserView extends Pick<IView, 'shared' | 'display' | 'sort' | 'attributes'> {\n    label: Record<string, string>;\n    id: IView['id'] | null;\n    filters: ValidFilter[];\n    ownerId: string | null;\n}\n\nexport interface IDataViewOnAction {\n    id: string | null;\n    label: Record<string, string> | null;\n}\n\nexport type SetNewPage = (newCurrentPage: number, ignoredPageSize: number) => void;\n"]}
+{"version":3,"file":"_types.js","sourceRoot":"","sources":["../../../src/components/Explorer/_types.ts"],"names":[],"mappings":"","sourcesContent":["import {type Override} from '@leav/utils';\nimport type * as z from 'zod/v4';\nimport {type ViewSettingsTabSchema} from '_ui/hooks/usePanelMessenger/schema';\nimport {\n    type AttributePropertiesFragment,\n    type PropertyValueFragment,\n    type RecordFilterInput,\n    type RecordIdentityFragment,\n} from '_ui/_gqlTypes';\nimport {type Key, type ReactElement} from 'react';\nimport {type IViewSettingsState} from './manage-view-settings';\nimport {type IView} from '_ui/types';\nimport {type MASS_SELECTION_ALL} from './_constants';\nimport {type UIFilter, type ValidFilter} from '../Filters/_types';\n\nexport type MassSelection = Key[] | typeof MASS_SELECTION_ALL;\n\nexport interface IExplorerData {\n    totalCount: number;\n    attributes: {\n        [attributeId: string]: Override<AttributePropertiesFragment, {label: string}>;\n    };\n    records: IItemData[];\n}\n\nexport interface IItemData {\n    libraryId: string;\n    key: string;\n    itemId: string;\n    whoAmI: Required<RecordIdentityFragment['whoAmI']>;\n    canActivate: boolean;\n    canDelete: boolean;\n    active: boolean;\n    propertiesById: {\n        [attributeId: string]: PropertyValueFragment[];\n    };\n    /**\n     * Can be named `linkId` too, but for historical reason we keep old name 👴🏼.\n     */\n    id_value?: string;\n}\n\nexport interface IItemAction {\n    callback: (item: IItemData) => void;\n    icon: ReactElement | ((item: IItemData) => ReactElement);\n    label: string | ((item: IItemData) => string);\n    isDanger?: boolean | ((item: IItemData) => boolean);\n    disabled?: boolean | ((item: IItemData) => boolean);\n    useItemActionOnRowClick?: boolean;\n    useItemDeletePermission?: boolean; //TODO: Add for PanelAttributeExplorer custom action (should be deleted later)\n}\n\nexport interface IPrimaryAction {\n    callback: () => void;\n    disabled?: boolean;\n    icon: ReactElement;\n    label: string;\n}\n\nexport interface IMassActions {\n    callback: (massSelectedFilter: RecordFilterInput[], massSelection: MassSelection) => void | Promise<void>;\n    deselectAll: boolean;\n    icon: ReactElement;\n    label: string;\n}\n\nexport type FeatureHook<T = {}> = {isEnabled: boolean; isVisible?: boolean} & T;\n\nexport type DefaultViewSettings = Override<\n    Partial<IViewSettingsState>,\n    {\n        filtersOperator?: 'AND' | 'OR';\n        filters?: UIFilter[];\n    }\n>;\n\nexport type SerializedView = DefaultViewSettings;\n\nexport type ViewSettingsShortcuts = z.infer<typeof ViewSettingsTabSchema>;\n\nexport type FiltersChangePayload = {\n    filters: UIFilter[];\n    filtersOperator: 'AND' | 'OR';\n};\n\nexport interface IEntrypointTree {\n    type: 'tree';\n    treeId: string;\n    nodeId: string;\n}\n\nexport interface IEntrypointLibrary {\n    type: 'library';\n    libraryId: string;\n    /**\n     * Used to display a list of values instead of all library records when adding a link\n     */\n    valuesList?: string[];\n    /**\n     * Used to allow free entry when adding a link with values list\n     */\n    allowFreeEntry?: boolean;\n}\n\nexport interface IEntrypointLink {\n    type: 'link';\n    parentLibraryId: string;\n    parentRecordId: string;\n    linkAttributeId: string;\n}\n\nexport type Entrypoint = IEntrypointTree | IEntrypointLibrary | IEntrypointLink;\n\nexport interface IUserView extends Pick<IView, 'shared' | 'display' | 'sort' | 'attributes'> {\n    label: Record<string, string>;\n    id: IView['id'] | null;\n    filters: ValidFilter[];\n    ownerId: string | null;\n}\n\nexport interface IDataViewOnAction {\n    id: string | null;\n    label: Record<string, string> | null;\n}\n\nexport type SetNewPage = (newCurrentPage: number, ignoredPageSize: number) => void;\n"]}

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

@@ -8,6 +8,7 @@ import { localizedTranslation } from '@leav/utils';
 import { useLang } from '../../../hooks';
 import { ViewActionsButtons } from '../manage-view-settings/save-view/ViewActionsButtons';
 import { useLoadView } from '../useLoadView';
+import { useFiltersContext } from '../../../components/Filters/useFiltersContext';
 import { useMeQuery } from '../../../_gqlTypes';
 import { useDeleteView } from '../manage-view-settings/save-view/useDeleteView';
 import { useEditLabelView } from '../manage-view-settings/save-view/useEditLabelView';
@@ -69,8 +70,9 @@ const StyledCopySpan = styled.span `
 export const SavedViews = () => {
     const { t } = useSharedTranslation();
     const { availableLangs } = useLang();
-    const { view } = useViewSettingsContext();
-    const { loadView } = useLoadView();
+    const { view, dispatch: viewSettingsDispatch } = useViewSettingsContext();
+    const { dispatch: filtersDispatch } = useFiltersContext();
+    const { loadView } = useLoadView({ view, viewSettingsDispatch, filtersDispatch });
     const { iconDelete, deleteModal } = useDeleteView();
     const { iconEditLabel, editViewModal } = useEditLabelView();
     const [currentView, setCurrentView] = useState(view.savedViews.find(viewItem => view.viewId === viewItem.id) ?? undefined);
@@ -93,7 +95,7 @@ export const SavedViews = () => {
                                                             await navigator.clipboard.writeText(viewItem.id || '');
                                                             KitNotification.info({
                                                                 message: `Id : ${viewItem?.id}`,
-                                                                description: t('explorer.viewList.copied'),
+                                                                description: String(t('explorer.viewList.copied')),
                                                                 duration: INFO_NOTIFICATION_DURATION,
                                                                 closable: true,
                                                             });
@@ -103,7 +105,7 @@ export const SavedViews = () => {
                                                             await navigator.clipboard.writeText(viewItem.id || '');
                                                             KitNotification.info({
                                                                 message: `Id : ${viewItem?.id}`,
-                                                                description: t('explorer.viewList.copied'),
+                                                                description: String(t('explorer.viewList.copied')),
                                                                 duration: INFO_NOTIFICATION_DURATION,
                                                                 closable: true,
                                                             });

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

@@ -1 +1 @@
-{"version":3,"file":"SavedViews.js","sourceRoot":"","sources":["../../../../src/components/Explorer/list-saved-views/SavedViews.tsx"],"names":[],"mappings":"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","sourcesContent":["import {type ComponentProps, type FunctionComponent, useEffect, useState} from 'react';\nimport styled from 'styled-components';\nimport {KitRadio, KitSpace, KitTypography, KitNotification} from 'aristid-ds';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {useViewSettingsContext} from '../manage-view-settings/store-view-settings/useViewSettingsContext';\nimport {localizedTranslation} from '@leav/utils';\nimport {useLang} from '_ui/hooks';\nimport {ViewActionsButtons} from '../manage-view-settings/save-view/ViewActionsButtons';\nimport {useLoadView} from '../useLoadView';\nimport {type Radio} from 'antd';\nimport {useMeQuery} from '_ui/_gqlTypes';\nimport {useDeleteView} from '../manage-view-settings/save-view/useDeleteView';\nimport {useEditLabelView} from '../manage-view-settings/save-view/useEditLabelView';\nimport {type IUserView} from '../_types';\nimport classNames from 'classnames';\nimport {DefaultViewId} from '../manage-view-settings/store-view-settings/viewSettingsInitialState';\nimport {INFO_NOTIFICATION_DURATION} from '_ui/constants';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faCopy} from '@fortawesome/free-solid-svg-icons';\n\nconst ContentWrapperStyledDiv = styled.div`\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    height: 100%;\n`;\n\nconst StyledListViewsDiv = styled.div`\n    display: flex;\n    flex-direction: column;\n`;\n\nconst StyleKitRadioGroup = styled(KitRadio.Group)`\n    padding: calc(var(--general-spacing-s) * 1px) 0;\n    margin: 0 0 calc(var(--general-spacing-xs) * 1px) 0;\n    color: var(--general-utilities-text-primary);\n    gap: calc(var(--general-spacing-xs) * 1px);\n`;\n\nconst StyledViewDiv = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: calc(var(--general-spacing-xs) * 1px);\n    border-radius: calc(var(--general-border-radius-xs) * 1px);\n\n    &.selected,\n    &:has(label:hover),\n    &:has(svg:hover) {\n        background: var(--general-utilities-main-light);\n    }\n`;\n\nconst StyledIconsDiv = styled.div`\n    .edit,\n    .delete {\n        font-size: calc(var(--general-typography-fontSize5) * 1px);\n        flex: 0 0 auto;\n        cursor: pointer;\n        display: inline-block;\n    }\n\n    .edit {\n        color: var(--general-utilities-main-default);\n    }\n\n    .delete {\n        color: var(--general-utilities-error-default);\n    }\n`;\n\nconst StyledCopySpan = styled.span`\n    margin-left: calc(var(--general-spacing-xs) * 1px);\n    color: var(--general-colors-neutral-grey-400);\n`;\n\nexport const SavedViews: FunctionComponent = () => {\n    const {t} = useSharedTranslation();\n    const {availableLangs} = useLang();\n    const {view} = useViewSettingsContext();\n    const {loadView} = useLoadView();\n    const {iconDelete, deleteModal} = useDeleteView();\n    const {iconEditLabel, editViewModal} = useEditLabelView();\n\n    const [currentView, setCurrentView] = useState<IUserView | undefined>(\n        view.savedViews.find(viewItem => view.viewId === viewItem.id) ?? undefined,\n    );\n\n    const {data: userData} = useMeQuery();\n\n    const isOwnerView = (ownerId: string | null) => ownerId === userData?.me?.whoAmI?.id;\n\n    const sharedViews = view.savedViews.filter(viewItem => viewItem.shared);\n    const myViews = view.savedViews.filter(viewItem => !viewItem.shared);\n\n    const _selectedViewClass = (viewId: string | null) =>\n        classNames({\n            selected: view.viewId === viewId,\n        });\n\n    useEffect(() => {\n        setCurrentView(view.savedViews.find(viewItem => view.viewId === viewItem.id) ?? undefined);\n    }, [view.viewId]);\n\n    const _onClickLoadView: ComponentProps<typeof Radio>['onChange'] = e => {\n        loadView(e.target.value);\n    };\n\n    return (\n        <>\n            {editViewModal}\n            {deleteModal}\n            <ContentWrapperStyledDiv>\n                <StyledListViewsDiv>\n                    <StyleKitRadioGroup onChange={_onClickLoadView} value={currentView?.id}>\n                        <KitTypography.Title level=\"h4\">{t('explorer.viewList.my-views')}</KitTypography.Title>\n                        <StyledViewDiv className={_selectedViewClass(DefaultViewId)}>\n                            <KitRadio value={undefined}>{t('explorer.viewList.default-view')}</KitRadio>\n                        </StyledViewDiv>\n                        {myViews.map(viewItem => (\n                            <StyledViewDiv className={_selectedViewClass(viewItem.id)} key={viewItem.id}>\n                                <KitRadio value={viewItem.id}>\n                                    {localizedTranslation(viewItem.label, availableLangs)}\n                                    {viewItem?.id && (\n                                        <StyledCopySpan\n                                            title={`${t('explorer.viewList.copy-id')} : ${viewItem?.id}`}\n                                            onClick={async e => {\n                                                e.preventDefault();\n                                                e.stopPropagation();\n                                                await navigator.clipboard.writeText(viewItem.id || '');\n                                                KitNotification.info({\n                                                    message: `Id : ${viewItem?.id}`,\n                                                    description: t('explorer.viewList.copied'),\n                                                    duration: INFO_NOTIFICATION_DURATION,\n                                                    closable: true,\n                                                });\n                                            }}\n                                        >\n                                            <FontAwesomeIcon icon={faCopy} />\n                                        </StyledCopySpan>\n                                    )}\n                                </KitRadio>\n                                <StyledIconsDiv>\n                                    <KitSpace>\n                                        {iconEditLabel(viewItem)}\n                                        {iconDelete(viewItem)}\n                                    </KitSpace>\n                                </StyledIconsDiv>\n                            </StyledViewDiv>\n                        ))}\n                    </StyleKitRadioGroup>\n                    <StyleKitRadioGroup onChange={_onClickLoadView} value={currentView?.id}>\n                        <KitTypography.Title level=\"h4\">{t('explorer.viewList.shared-views')}</KitTypography.Title>\n                        {sharedViews.length === 0 ? (\n                            <KitTypography.Text size=\"fontSize5\">\n                                {t('explorer.viewList.no-shared-views')}\n                            </KitTypography.Text>\n                        ) : (\n                            sharedViews.map(viewItem => (\n                                <StyledViewDiv className={_selectedViewClass(viewItem.id)} key={viewItem.id}>\n                                    <KitRadio value={viewItem.id}>\n                                        {localizedTranslation(viewItem.label, availableLangs)}\n                                        {viewItem?.id && (\n                                            <StyledCopySpan\n                                                title={`${t('explorer.viewList.copy-id')} : ${viewItem?.id}`}\n                                                onClick={async e => {\n                                                    e.preventDefault();\n                                                    e.stopPropagation();\n                                                    await navigator.clipboard.writeText(viewItem.id || '');\n                                                    KitNotification.info({\n                                                        message: `Id : ${viewItem?.id}`,\n                                                        description: t('explorer.viewList.copied'),\n                                                        duration: INFO_NOTIFICATION_DURATION,\n                                                        closable: true,\n                                                    });\n                                                }}\n                                            >\n                                                <FontAwesomeIcon icon={faCopy} />\n                                            </StyledCopySpan>\n                                        )}\n                                    </KitRadio>\n                                    {isOwnerView(viewItem.ownerId) ? (\n                                        <StyledIconsDiv>\n                                            <KitSpace>\n                                                {iconEditLabel(viewItem)}\n                                                {iconDelete(viewItem)}\n                                            </KitSpace>\n                                        </StyledIconsDiv>\n                                    ) : null}\n                                </StyledViewDiv>\n                            ))\n                        )}\n                    </StyleKitRadioGroup>\n                </StyledListViewsDiv>\n                <ViewActionsButtons />\n            </ContentWrapperStyledDiv>\n        </>\n    );\n};\n"]}
+{"version":3,"file":"SavedViews.js","sourceRoot":"","sources":["../../../../src/components/Explorer/list-saved-views/SavedViews.tsx"],"names":[],"mappings":"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","sourcesContent":["import {type ComponentProps, type FunctionComponent, useEffect, useState} from 'react';\nimport styled from 'styled-components';\nimport {KitRadio, KitSpace, KitTypography, KitNotification} from 'aristid-ds';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {useViewSettingsContext} from '../manage-view-settings/store-view-settings/useViewSettingsContext';\nimport {localizedTranslation} from '@leav/utils';\nimport {useLang} from '_ui/hooks';\nimport {ViewActionsButtons} from '../manage-view-settings/save-view/ViewActionsButtons';\nimport {useLoadView} from '../useLoadView';\nimport {useFiltersContext} from '_ui/components/Filters/useFiltersContext';\nimport {type Radio} from 'antd';\nimport {useMeQuery} from '_ui/_gqlTypes';\nimport {useDeleteView} from '../manage-view-settings/save-view/useDeleteView';\nimport {useEditLabelView} from '../manage-view-settings/save-view/useEditLabelView';\nimport {type IUserView} from '../_types';\nimport classNames from 'classnames';\nimport {DefaultViewId} from '../manage-view-settings/store-view-settings/viewSettingsInitialState';\nimport {INFO_NOTIFICATION_DURATION} from '_ui/constants';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faCopy} from '@fortawesome/free-solid-svg-icons';\n\nconst ContentWrapperStyledDiv = styled.div`\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    height: 100%;\n`;\n\nconst StyledListViewsDiv = styled.div`\n    display: flex;\n    flex-direction: column;\n`;\n\nconst StyleKitRadioGroup = styled(KitRadio.Group)`\n    padding: calc(var(--general-spacing-s) * 1px) 0;\n    margin: 0 0 calc(var(--general-spacing-xs) * 1px) 0;\n    color: var(--general-utilities-text-primary);\n    gap: calc(var(--general-spacing-xs) * 1px);\n`;\n\nconst StyledViewDiv = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: calc(var(--general-spacing-xs) * 1px);\n    border-radius: calc(var(--general-border-radius-xs) * 1px);\n\n    &.selected,\n    &:has(label:hover),\n    &:has(svg:hover) {\n        background: var(--general-utilities-main-light);\n    }\n`;\n\nconst StyledIconsDiv = styled.div`\n    .edit,\n    .delete {\n        font-size: calc(var(--general-typography-fontSize5) * 1px);\n        flex: 0 0 auto;\n        cursor: pointer;\n        display: inline-block;\n    }\n\n    .edit {\n        color: var(--general-utilities-main-default);\n    }\n\n    .delete {\n        color: var(--general-utilities-error-default);\n    }\n`;\n\nconst StyledCopySpan = styled.span`\n    margin-left: calc(var(--general-spacing-xs) * 1px);\n    color: var(--general-colors-neutral-grey-400);\n`;\n\nexport const SavedViews: FunctionComponent = () => {\n    const {t} = useSharedTranslation();\n    const {availableLangs} = useLang();\n    const {view, dispatch: viewSettingsDispatch} = useViewSettingsContext();\n    const {dispatch: filtersDispatch} = useFiltersContext();\n    const {loadView} = useLoadView({view, viewSettingsDispatch, filtersDispatch});\n    const {iconDelete, deleteModal} = useDeleteView();\n    const {iconEditLabel, editViewModal} = useEditLabelView();\n\n    const [currentView, setCurrentView] = useState<IUserView | undefined>(\n        view.savedViews.find(viewItem => view.viewId === viewItem.id) ?? undefined,\n    );\n\n    const {data: userData} = useMeQuery();\n\n    const isOwnerView = (ownerId: string | null) => ownerId === userData?.me?.whoAmI?.id;\n\n    const sharedViews = view.savedViews.filter(viewItem => viewItem.shared);\n    const myViews = view.savedViews.filter(viewItem => !viewItem.shared);\n\n    const _selectedViewClass = (viewId: string | null) =>\n        classNames({\n            selected: view.viewId === viewId,\n        });\n\n    useEffect(() => {\n        setCurrentView(view.savedViews.find(viewItem => view.viewId === viewItem.id) ?? undefined);\n    }, [view.viewId]);\n\n    const _onClickLoadView: ComponentProps<typeof Radio>['onChange'] = e => {\n        loadView(e.target.value);\n    };\n\n    return (\n        <>\n            {editViewModal}\n            {deleteModal}\n            <ContentWrapperStyledDiv>\n                <StyledListViewsDiv>\n                    <StyleKitRadioGroup onChange={_onClickLoadView} value={currentView?.id}>\n                        <KitTypography.Title level=\"h4\">{t('explorer.viewList.my-views')}</KitTypography.Title>\n                        <StyledViewDiv className={_selectedViewClass(DefaultViewId)}>\n                            <KitRadio value={undefined}>{t('explorer.viewList.default-view')}</KitRadio>\n                        </StyledViewDiv>\n                        {myViews.map(viewItem => (\n                            <StyledViewDiv className={_selectedViewClass(viewItem.id)} key={viewItem.id}>\n                                <KitRadio value={viewItem.id}>\n                                    {localizedTranslation(viewItem.label, availableLangs)}\n                                    {viewItem?.id && (\n                                        <StyledCopySpan\n                                            title={`${t('explorer.viewList.copy-id')} : ${viewItem?.id}`}\n                                            onClick={async e => {\n                                                e.preventDefault();\n                                                e.stopPropagation();\n                                                await navigator.clipboard.writeText(viewItem.id || '');\n                                                KitNotification.info({\n                                                    message: `Id : ${viewItem?.id}`,\n                                                    description: String(t('explorer.viewList.copied')),\n                                                    duration: INFO_NOTIFICATION_DURATION,\n                                                    closable: true,\n                                                });\n                                            }}\n                                        >\n                                            <FontAwesomeIcon icon={faCopy} />\n                                        </StyledCopySpan>\n                                    )}\n                                </KitRadio>\n                                <StyledIconsDiv>\n                                    <KitSpace>\n                                        {iconEditLabel(viewItem)}\n                                        {iconDelete(viewItem)}\n                                    </KitSpace>\n                                </StyledIconsDiv>\n                            </StyledViewDiv>\n                        ))}\n                    </StyleKitRadioGroup>\n                    <StyleKitRadioGroup onChange={_onClickLoadView} value={currentView?.id}>\n                        <KitTypography.Title level=\"h4\">{t('explorer.viewList.shared-views')}</KitTypography.Title>\n                        {sharedViews.length === 0 ? (\n                            <KitTypography.Text size=\"fontSize5\">\n                                {t('explorer.viewList.no-shared-views')}\n                            </KitTypography.Text>\n                        ) : (\n                            sharedViews.map(viewItem => (\n                                <StyledViewDiv className={_selectedViewClass(viewItem.id)} key={viewItem.id}>\n                                    <KitRadio value={viewItem.id}>\n                                        {localizedTranslation(viewItem.label, availableLangs)}\n                                        {viewItem?.id && (\n                                            <StyledCopySpan\n                                                title={`${t('explorer.viewList.copy-id')} : ${viewItem?.id}`}\n                                                onClick={async e => {\n                                                    e.preventDefault();\n                                                    e.stopPropagation();\n                                                    await navigator.clipboard.writeText(viewItem.id || '');\n                                                    KitNotification.info({\n                                                        message: `Id : ${viewItem?.id}`,\n                                                        description: String(t('explorer.viewList.copied')),\n                                                        duration: INFO_NOTIFICATION_DURATION,\n                                                        closable: true,\n                                                    });\n                                                }}\n                                            >\n                                                <FontAwesomeIcon icon={faCopy} />\n                                            </StyledCopySpan>\n                                        )}\n                                    </KitRadio>\n                                    {isOwnerView(viewItem.ownerId) ? (\n                                        <StyledIconsDiv>\n                                            <KitSpace>\n                                                {iconEditLabel(viewItem)}\n                                                {iconDelete(viewItem)}\n                                            </KitSpace>\n                                        </StyledIconsDiv>\n                                    ) : null}\n                                </StyledViewDiv>\n                            ))\n                        )}\n                    </StyleKitRadioGroup>\n                </StyledListViewsDiv>\n                <ViewActionsButtons />\n            </ContentWrapperStyledDiv>\n        </>\n    );\n};\n"]}

package/dist/components/Explorer/manage-view-settings-v2/useOpenViewSettingsV2.d.ts

@@ -0,0 +1,18 @@
+import { type ReactElement } from 'react';
+import { type FeatureHook, type ViewSettingsShortcuts } from '../_types';
+import { type IViewSettingsState } from '../../../components/Explorer/manage-view-settings';
+type IViewSettingsStateV2 = IViewSettingsState & {
+    shortcuts: ViewSettingsShortcuts[];
+};
+export declare const useOpenViewSettingsV2: ({ view, open, closeViewSettings, onViewSettingsShortcutClick, isEnabled, }: FeatureHook<{
+    view: IViewSettingsStateV2;
+    open: boolean;
+    closeViewSettings?: () => void;
+    onViewSettingsShortcutClick?: ({ settingName, viewId }: {
+        settingName: ViewSettingsShortcuts;
+        viewId: string;
+    }) => void;
+}>) => {
+    viewSettingsShortcutsButtons: ReactElement<any, string | import("react").JSXElementConstructor<any>>[];
+};
+export {};

package/dist/components/Explorer/manage-view-settings-v2/useOpenViewSettingsV2.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { KitButton, KitTooltip } from 'aristid-ds';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faArrowDownWideShort, faBookmark, faFilter, faList } from '@fortawesome/free-solid-svg-icons';
+import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
+export const useOpenViewSettingsV2 = ({ view, open, closeViewSettings, onViewSettingsShortcutClick, isEnabled = true, }) => {
+    const { t } = useSharedTranslation();
+    const [viewSettingsShortcutsButtons, setViewSettingsShortcutsButtons] = useState([]);
+    useEffect(() => {
+        if (isEnabled) {
+            if (!open) {
+                closeViewSettings?.();
+            }
+        }
+    }, [isEnabled, open]);
+    const mappingShortcutDisplayProps = {
+        display: {
+            icon: _jsx(FontAwesomeIcon, { icon: faList }),
+            'aria-label': String(t('explorer.viewSettings.display')),
+        },
+        filters: {
+            icon: _jsx(FontAwesomeIcon, { icon: faFilter }),
+            'aria-label': String(t('explorer.viewSettings.filters')),
+        },
+        sorts: {
+            icon: _jsx(FontAwesomeIcon, { icon: faArrowDownWideShort }),
+            'aria-label': String(t('explorer.viewSettings.sorts')),
+        },
+        catalog: {
+            icon: _jsx(FontAwesomeIcon, { icon: faBookmark }),
+            'aria-label': String(t('explorer.viewSettings.catalog')),
+        },
+    };
+    useEffect(() => {
+        // TODO: add if view.shortcuts
+        setViewSettingsShortcutsButtons(['display', 'filters', 'sorts', 'catalog'].map(shortcutName => (_jsx(KitTooltip, { title: mappingShortcutDisplayProps[shortcutName]['aria-label'], children: _jsx(KitButton, { type: "secondary", size: "m", ...mappingShortcutDisplayProps[shortcutName], onClick: () => onViewSettingsShortcutClick?.({ settingName: shortcutName, viewId: view.viewId }) }) }, shortcutName))));
+    }, [view.viewId]);
+    return { viewSettingsShortcutsButtons: isEnabled ? viewSettingsShortcutsButtons : null };
+};
+//# sourceMappingURL=useOpenViewSettingsV2.js.map

package/dist/components/Explorer/manage-view-settings-v2/useOpenViewSettingsV2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOpenViewSettingsV2.js","sourceRoot":"","sources":["../../../../src/components/Explorer/manage-view-settings-v2/useOpenViewSettingsV2.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAyC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAGlF,OAAO,EAAC,SAAS,EAAE,UAAU,EAAC,MAAM,YAAY,CAAC;AACjD,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,oBAAoB,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAC,MAAM,mCAAmC,CAAC;AACrG,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAIpE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAClC,IAAI,EACJ,IAAI,EACJ,iBAAiB,EACjB,2BAA2B,EAC3B,SAAS,GAAG,IAAI,GAMlB,EAAE,EAAE;IACF,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,CAAC,4BAA4B,EAAE,+BAA+B,CAAC,GAAG,QAAQ,CAAiB,EAAE,CAAC,CAAC;IAErG,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,SAAS,EAAE,CAAC;YACZ,IAAI,CAAC,IAAI,EAAE,CAAC;gBACR,iBAAiB,EAAE,EAAE,CAAC;YAC1B,CAAC;QACL,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;IAEtB,MAAM,2BAA2B,GAG7B;QACA,OAAO,EAAE;YACL,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,MAAM,GAAI;YACvC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC;SAC3D;QACD,OAAO,EAAE;YACL,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,QAAQ,GAAI;YACzC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC;SAC3D;QACD,KAAK,EAAE;YACH,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,oBAAoB,GAAI;YACrD,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC;SACzD;QACD,OAAO,EAAE;YACL,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,UAAU,GAAI;YAC3C,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC;SAC3D;KACJ,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,8BAA8B;QAC9B,+BAA+B,CAC1B,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,CAAW,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,CACtE,KAAC,UAAU,IAAoB,KAAK,EAAE,2BAA2B,CAAC,YAAY,CAAC,CAAC,YAAY,CAAC,YACzF,KAAC,SAAS,IACN,IAAI,EAAC,WAAW,EAChB,IAAI,EAAC,GAAG,KACJ,2BAA2B,CAAC,YAAY,CAAC,EAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,2BAA2B,EAAE,CAAC,EAAC,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,IAAI,CAAC,MAAO,EAAC,CAAC,GACjG,IANW,YAAY,CAOhB,CAChB,CAAC,CACL,CAAC;IACN,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAElB,OAAO,EAAC,4BAA4B,EAAE,SAAS,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,IAAI,EAAC,CAAC;AAC3F,CAAC,CAAC","sourcesContent":["import {type ComponentProps, type ReactElement, useEffect, useState} from 'react';\nimport {type FeatureHook, type ViewSettingsShortcuts} from '../_types';\nimport {type IViewSettingsState} from '_ui/components/Explorer/manage-view-settings';\nimport {KitButton, KitTooltip} from 'aristid-ds';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faArrowDownWideShort, faBookmark, faFilter, faList} from '@fortawesome/free-solid-svg-icons';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\n\ntype IViewSettingsStateV2 = IViewSettingsState & {shortcuts: ViewSettingsShortcuts[]};\n\nexport const useOpenViewSettingsV2 = ({\n    view,\n    open,\n    closeViewSettings,\n    onViewSettingsShortcutClick,\n    isEnabled = true,\n}: FeatureHook<{\n    view: IViewSettingsStateV2;\n    open: boolean;\n    closeViewSettings?: () => void;\n    onViewSettingsShortcutClick?: ({settingName, viewId}: {settingName: ViewSettingsShortcuts; viewId: string}) => void;\n}>) => {\n    const {t} = useSharedTranslation();\n    const [viewSettingsShortcutsButtons, setViewSettingsShortcutsButtons] = useState<ReactElement[]>([]);\n\n    useEffect(() => {\n        if (isEnabled) {\n            if (!open) {\n                closeViewSettings?.();\n            }\n        }\n    }, [isEnabled, open]);\n\n    const mappingShortcutDisplayProps: Record<\n        ViewSettingsShortcuts,\n        Pick<ComponentProps<typeof KitButton>, 'icon' | 'aria-label'>\n    > = {\n        display: {\n            icon: <FontAwesomeIcon icon={faList} />,\n            'aria-label': String(t('explorer.viewSettings.display')),\n        },\n        filters: {\n            icon: <FontAwesomeIcon icon={faFilter} />,\n            'aria-label': String(t('explorer.viewSettings.filters')),\n        },\n        sorts: {\n            icon: <FontAwesomeIcon icon={faArrowDownWideShort} />,\n            'aria-label': String(t('explorer.viewSettings.sorts')),\n        },\n        catalog: {\n            icon: <FontAwesomeIcon icon={faBookmark} />,\n            'aria-label': String(t('explorer.viewSettings.catalog')),\n        },\n    };\n\n    useEffect(() => {\n        // TODO: add if view.shortcuts\n        setViewSettingsShortcutsButtons(\n            (['display', 'filters', 'sorts', 'catalog'] as const).map(shortcutName => (\n                <KitTooltip key={shortcutName} title={mappingShortcutDisplayProps[shortcutName]['aria-label']}>\n                    <KitButton\n                        type=\"secondary\"\n                        size=\"m\"\n                        {...mappingShortcutDisplayProps[shortcutName]}\n                        onClick={() => onViewSettingsShortcutClick?.({settingName: shortcutName, viewId: view.viewId!})}\n                    />\n                </KitTooltip>\n            )),\n        );\n    }, [view.viewId]);\n\n    return {viewSettingsShortcutsButtons: isEnabled ? viewSettingsShortcutsButtons : null};\n};\n"]}

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

@@ -1,3 +1,12 @@
-export declare const useLoadView: () => {
+import { type Dispatch } from 'react';
+import { type IViewSettingsAction, type IViewSettingsState } from './manage-view-settings/store-view-settings/viewSettingsReducer';
+import { type UIFiltersAction } from '../../components/Filters/context/filtersReducer';
+interface IUseLoadViewArgs {
+    view: IViewSettingsState;
+    viewSettingsDispatch: Dispatch<IViewSettingsAction>;
+    filtersDispatch: Dispatch<UIFiltersAction>;
+}
+export declare const useLoadView: ({ view, viewSettingsDispatch, filtersDispatch }: IUseLoadViewArgs) => {
     loadView: (viewId: string | null) => Promise<void>;
 };
+export {};