@leav/ui 0.3.6-fa687e8 → 0.4.0-025a3e54

package/dist/components/Explorer/DataView.js

@@ -2,74 +2,152 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 // Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { cloneElement } from 'react';
-import { KitButton, KitDropDown, KitIdCard, KitSpace, KitTable } from 'aristid-ds';
+import { cloneElement, memo } from 'react';
+import { KitButton, KitDropDown, KitPagination, KitTable } from 'aristid-ds';
 import { FaEllipsisH } from 'react-icons/fa';
+import styled from 'styled-components';
+import isEqual from 'lodash/isEqual';
 import { useSharedTranslation } from '../../hooks/useSharedTranslation';
-import { AttributeType } from '../../_gqlTypes';
+import { TableCell } from './TableCell';
+import { IdCard } from './IdCard';
+import { defaultPaginationHeight, useTableScrollableHeight } from './useTableScrollableHeight';
+import { useColumnWidth } from './useColumnWidth';
 const USELESS = '';
-const _getIdCard = ({ id, label, library, preview, subLabel }) => {
-    const avatarProps = { label: label ?? undefined };
-    if (preview) {
-        avatarProps.src = preview.small;
+const tableRowHeight = 56;
+const tableHeaderMinLineHeight = 22;
+const DataViewContainerDivStyled = styled.div `
+    flex: 1 1 min-content;
+    max-height: minmax(0, 1fr);
+    overflow: hidden;
+
+    &.headless {
+        overflow-y: auto;
     }
-    return _jsx(KitIdCard, { avatarProps: avatarProps, title: label ?? id, description: subLabel ?? library.id });
-};
-export const DataView = ({ dataGroupedFilteredSorted, attributesToDisplay, columnsLabels, itemActions }) => {
+
+    .kit-table {
+        padding-bottom: ${defaultPaginationHeight}px;
+        position: relative;
+    }
+
+    .pagination {
+        flex: 0 0 auto;
+        justify-content: center;
+        display: flex;
+        padding-top: calc(var(--general-spacing-xs) * 1px);
+    }
+`;
+const StyledActionsList = styled.div `
+    display: inline-flex;
+    gap: calc(var(--general-spacing-xs) * 1px);
+`;
+// TODO: Table component should be updated fix header display
+const StyledTable = styled(KitTable) `
+    .ant-table-thead > tr > th {
+        padding-top: calc(var(--general-spacing-xxs) * 1px) !important;
+        padding-bottom: calc(var(--general-spacing-xxs) * 1px) !important;
+        height: ${tableRowHeight}px;
+
+        .ant-table-cell {
+            min-height: ${tableHeaderMinLineHeight}px;
+            height: auto !important;
+            padding: 0 calc(var(--general-spacing-s) * 1px) 0 0;
+        }
+
+        &.actions {
+            .ant-table-cell {
+                padding-right: 0;
+            }
+        }
+    }
+
+    .ant-table-tbody > tr {
+        .ant-table-cell {
+            min-height: ${tableRowHeight}px;
+            height: auto !important;
+        }
+    }
+`;
+const ActionsHeaderStyledDiv = styled.div `
+    justify-self: right;
+    text-align: left;
+`;
+// TODO: tests will fail if we don't check attributeToDisplay because we have a render with no attributes but data is present. We should check why there's this behavior
+const arePropsEqual = (prevProps, nextProps) => isEqual({
+    attributesToDisplay: prevProps.attributesToDisplay,
+    data: prevProps.dataGroupedFilteredSorted,
+    selectedKeys: prevProps.selection.selectedKeys
+}, {
+    attributesToDisplay: nextProps.attributesToDisplay,
+    data: nextProps.dataGroupedFilteredSorted,
+    selectedKeys: nextProps.selection.selectedKeys
+});
+export const resolveItemActionProp = (itemData, itemActionProp) => typeof itemActionProp === 'function' ? itemActionProp(itemData) : itemActionProp;
+export const DataView = memo(({ dataGroupedFilteredSorted, attributesToDisplay, attributesProperties, paginationProps, itemActions, selection: { onSelectionChange, selectedKeys, isMassSelectionAll, mode }, iconsOnlyItemActions, hideTableHeader = false }) => {
     const { t } = useSharedTranslation();
-    const _getActionButtons = (actions) => {
+    const { containerRef, scrollHeight } = useTableScrollableHeight(!!paginationProps);
+    const { ref, getFieldColumnWidth, columnWidth, actionsColumnHeaderWidth } = useColumnWidth();
+    const _getActionButtons = (actions, item, columnRef) => {
         const isLessThanFourActions = actions.length < 4;
-        return isLessThanFourActions ? (_jsx(KitSpace, { children: actions.map(({ label, icon, isDanger, callback }, index) => (_jsx(KitButton, { title: label, icon: icon, onClick: callback, danger: isDanger, children: label }, index))) })) : (_jsxs(_Fragment, { children: [_jsx(KitButton, { type: "tertiary", icon: actions[0].icon, onClick: actions[0].callback, title: actions[0].label, danger: actions[0].isDanger }), _jsx(KitButton, { type: "tertiary", icon: actions[1].icon, onClick: actions[1].callback, title: actions[1].label, danger: actions[1].isDanger }), _jsx(KitDropDown, { menu: {
-                        items: actions.slice(2).map(({ callback, icon, label, isDanger }) => ({
-                            key: label,
-                            title: label,
-                            danger: isDanger,
-                            label,
-                            icon: icon ? cloneElement(icon, { size: '2em' }) : null, // TODO: find better tuning
-                            onClick: callback
-                        }))
-                    }, children: _jsx(KitButton, { title: t('explorer.more-actions') ?? undefined, type: "tertiary", icon: _jsx(FaEllipsisH, {}) }) })] }));
-    };
-    const _getColumnName = (attributeName) => columnsLabels?.[attributeName] ?? attributeName;
-    const renderCell = (propertiesById, attributeName) => {
-        // TODO: handle inherited and calculated values
-        const isLinkValue = (v) => [AttributeType.simple_link, AttributeType.advanced_link].includes(v.attribute.type);
-        const isTreeValue = (v) => [AttributeType.tree].includes(v.attribute.type);
-        const isStandardValue = (v) => [AttributeType.simple, AttributeType.advanced].includes(v.attribute.type);
-        const defaultValue = '';
-        return propertiesById[attributeName]
-            .map(value => {
-            if (isStandardValue(value)) {
-                return value.valuePayload;
-            }
-            if (isTreeValue(value)) {
-                return value.treePayload?.record.id ?? defaultValue;
-            }
-            if (isLinkValue(value)) {
-                return value.linkPayload?.id ?? defaultValue;
-            }
-        })
-            .join(', ');
+        return (_jsx(StyledActionsList, { ref: columnRef, children: isLessThanFourActions ? (_jsx(_Fragment, { children: actions.map(({ label, icon, isDanger, iconOnly, callback, disabled }, actionIndex) => (_jsx(KitButton, { title: resolveItemActionProp(item, label), icon: resolveItemActionProp(item, icon), onClick: callback, danger: resolveItemActionProp(item, isDanger), size: "m", disabled: resolveItemActionProp(item, disabled), children: !iconsOnlyItemActions &&
+                        !iconOnly &&
+                        (typeof label === 'function' ? label(item) : label) }, actionIndex))) })) : (_jsxs(_Fragment, { children: [_jsx(KitButton, { type: "tertiary", icon: resolveItemActionProp(item, actions[0].icon), title: resolveItemActionProp(item, actions[0].label), onClick: actions[0].callback, danger: resolveItemActionProp(item, actions[0].isDanger), disabled: resolveItemActionProp(item, actions[0].disabled) }), _jsx(KitButton, { type: "tertiary", icon: resolveItemActionProp(item, actions[1].icon), onClick: actions[1].callback, title: resolveItemActionProp(item, actions[1].label), danger: resolveItemActionProp(item, actions[1].isDanger), disabled: resolveItemActionProp(item, actions[1].disabled) }), _jsx(KitDropDown, { menu: {
+                            items: actions.slice(2).map(({ callback, icon, label, isDanger, disabled }) => ({
+                                key: resolveItemActionProp(item, label),
+                                title: resolveItemActionProp(item, label),
+                                danger: resolveItemActionProp(item, isDanger),
+                                disabled: resolveItemActionProp(item, disabled),
+                                label: resolveItemActionProp(item, label),
+                                icon: icon
+                                    ? cloneElement(resolveItemActionProp(item, icon), {
+                                        size: '2em'
+                                    })
+                                    : null, // TODO: find better tuning
+                                onClick: callback
+                            }))
+                        }, children: _jsx(KitButton, { title: t('explorer.more-actions') ?? undefined, type: "tertiary", icon: _jsx(FaEllipsisH, {}) }) })] })) }));
     };
     const columns = attributesToDisplay
         .map(attributeName => ({
-        title: attributeName === 'whoAmI' ? '' : _getColumnName(attributeName),
+        title: attributeName === 'whoAmI' ? t('explorer.name') : attributesProperties[attributeName].label,
         dataIndex: USELESS,
-        render: (_, { whoAmI, propertiesById }) => attributeName === 'whoAmI' ? _getIdCard(whoAmI) : renderCell(propertiesById, attributeName)
+        width: getFieldColumnWidth(attributesProperties[attributeName]),
+        shouldCellUpdate: (record, prevRecord) => attributeName === 'whoAmI'
+            ? record.whoAmI !== prevRecord.whoAmI
+            : record.propertiesById[attributeName] !== prevRecord.propertiesById[attributeName],
+        render: (_, { whoAmI, propertiesById }) => attributeName === 'whoAmI' ? (_jsx(IdCard, { item: whoAmI })) : (_jsx(TableCell, { attributeProperties: attributesProperties[attributeName], values: propertiesById[attributeName] }))
     }))
         .concat(itemActions.length === 0
         ? []
         : [
             {
-                title: t('explorer.actions'),
-                fixed: 'right',
+                title: (_jsx(ActionsHeaderStyledDiv, { style: { width: `${actionsColumnHeaderWidth}px` }, children: t('explorer.actions') })),
                 dataIndex: USELESS,
-                render: (_, item) => _getActionButtons(itemActions.map(action => ({
+                align: 'right',
+                className: 'actions',
+                shouldCellUpdate: () => false,
+                width: columnWidth,
+                render: (_, item, index) => _getActionButtons(itemActions.map(action => ({
                     ...action,
                     callback: () => action.callback(item)
-                })))
+                })), item, index === 0 ? ref : null)
             }
         ]);
-    return _jsx(KitTable, { columns: columns, pagination: false, dataSource: dataGroupedFilteredSorted });
-};
+    const _rowSelection = onSelectionChange === null
+        ? undefined
+        : {
+            type: mode === 'simple' ? 'radio' : 'checkbox',
+            columnTitle: ' ', // blank string to hide select all checkbox from <KitTable />
+            selectedRowKeys: selectedKeys,
+            preserveSelectedRowKeys: true,
+            // TODO: review types from antd directly
+            onChange: (selectedRowKeys) => onSelectionChange(selectedRowKeys),
+            getCheckboxProps: isMassSelectionAll
+                ? () => ({
+                    disabled: true
+                })
+                : undefined
+        };
+    // TODO: handle columns width based on attribute type/format
+    return (_jsxs(DataViewContainerDivStyled, { ref: containerRef, className: hideTableHeader ? 'headless' : '', children: [_jsx(StyledTable, { showHeader: dataGroupedFilteredSorted.length > 0 && !hideTableHeader, columns: columns, tableLayout: "fixed", scroll: { y: hideTableHeader ? '100%' : scrollHeight, x: '100%' }, dataSource: dataGroupedFilteredSorted, pagination: false, rowSelection: _rowSelection }), paginationProps && (_jsx("div", { className: "pagination", children: _jsx(KitPagination, { "aria-label": "pagination", showSizeChanger: true, showTotal: (total, [from, to]) => t('explorer.pagination-total-number', { from, to, count: total }), total: paginationProps.totalCount, defaultCurrent: paginationProps.currentPage, defaultPageSize: paginationProps.pageSize, pageSizeOptions: paginationProps.pageSizeOptions, onChange: paginationProps.setNewPage, onShowSizeChange: paginationProps.setNewPageSize }) }))] }));
+}, arePropsEqual);
 //# sourceMappingURL=DataView.js.map

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

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

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

@@ -1,12 +1,55 @@
-import { FunctionComponent } from 'react';
-import { IItemAction, IPrimaryAction } from './_types';
-interface IExplorerProps {
-    library: string;
+import { ReactNode } from 'react';
+import { ISubmitMultipleResult } from '../../components/RecordEdition/EditRecordContent/_types';
+import { DefaultViewSettings, Entrypoint, IMassActions, IPrimaryAction, IItemAction } from './_types';
+import { JoinLibraryContextFragment } from '../../_gqlTypes';
+export interface IExplorerProps {
+    entrypoint: Entrypoint;
+    noPagination?: true;
     itemActions?: IItemAction[];
+    iconsOnlyItemActions?: boolean;
     primaryActions?: IPrimaryAction[];
+    massActions?: IMassActions[];
     title?: string;
-    defaultActionsForItem?: Array<'edit' | 'deactivate'>;
+    selectionMode?: 'multiple' | 'simple';
+    emptyPlaceholder?: ReactNode;
+    defaultActionsForItem?: Array<'edit' | 'replaceLink' | 'remove' | 'activate'>;
     defaultPrimaryActions?: Array<'create'>;
+    defaultMassActions?: Array<'deactivate'>;
+    defaultViewSettings?: DefaultViewSettings;
+    defaultCallbacks?: {
+        item?: {
+            edit?: IItemAction['callback'];
+            replaceLink?: (replaceValuesResult: ISubmitMultipleResult) => void;
+            remove?: IItemAction['callback'];
+        };
+        primary?: {
+            create?: ({ recordIdCreated, saveValuesResultOnLink }: {
+                recordIdCreated: string;
+                saveValuesResultOnLink?: ISubmitMultipleResult;
+            }) => void;
+            link?: (saveValuesResult: ISubmitMultipleResult) => void;
+        };
+        mass?: {
+            deactivate?: IMassActions['callback'];
+        };
+    };
+    showFilters?: boolean;
+    showSorts?: boolean;
+    enableConfigureView?: boolean;
+    ignoreViewByDefault?: boolean;
+    showTitle?: boolean;
+    showSearch?: boolean;
+    disableSelection?: boolean;
+    hideSelectAllAction?: boolean;
+    hidePrimaryActions?: boolean;
+    hideTableHeader?: boolean;
+    creationFormId?: string;
+    editionFormId?: string;
+    joinLibraryContext?: JoinLibraryContextFragment;
 }
-export declare const Explorer: FunctionComponent<IExplorerProps>;
-export {};
+export interface IExplorerRef {
+    createAction: IPrimaryAction | null;
+    linkAction: IPrimaryAction | null;
+    totalCount: number;
+}
+export declare const Explorer: import("react").ForwardRefExoticComponent<IExplorerProps & import("react").RefAttributes<IExplorerRef>>;

package/dist/components/Explorer/Explorer.js

@@ -1,44 +1,172 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { KitSpace, KitTypography } from 'aristid-ds';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { forwardRef, useImperativeHandle } from 'react';
+import { createPortal } from 'react-dom';
+import { KitEmpty, KitSpace, KitTypography } from 'aristid-ds';
 import styled from 'styled-components';
-import { DataView } from './DataView';
-import { useOpenSettings } from './edit-settings/useOpenSettings';
+import { Loading } from '../../components/Loading';
+import { useSharedTranslation } from '../../hooks/useSharedTranslation';
 import { useExplorerData } from './_queries/useExplorerData';
-import { useDeactivateAction } from './useDeactivateAction';
-import { useEditAction } from './useEditAction';
-import { usePrimaryActionsButton as usePrimaryActionsButton } from './usePrimaryActions';
+import { DataView } from './DataView';
 import { ExplorerTitle } from './ExplorerTitle';
-import { useCreateAction } from './useCreateAction';
-import { useViewSettingsContext } from './edit-settings/useViewSettingsContext';
+import { ExplorerToolbar } from './ExplorerToolbar';
+import { useEditStatusItemAction } from './actions-item/useEditStatusItemAction';
+import { useEditItemAction } from './actions-item/useEditItemAction';
+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 { defaultPageSizeOptions, SidePanel, useEditSettings, useOpenViewSettings, ViewSettingsContext } from './manage-view-settings';
+import { useSearchInput } from './useSearchInput';
+import { usePagination } from './usePagination';
+import { useViewSettingsReducer } from './useViewSettingsReducer';
+import { MASS_SELECTION_ALL } from './_constants';
+import { useDeleteLinkValues } from './actions-mass/useDeleteLinkValues';
+import { useReplaceItemAction } from './actions-item/useReplaceItemAction';
 const isNotEmpty = (union) => union.length > 0;
+const emptyArray = [];
+const emptyObject = {};
 const ExplorerHeaderDivStyled = styled.div `
+    display: flex;
+    align-items: flex-start;
+    padding: calc(var(--general-spacing-xs) * 1px);
+`;
+const ExplorerActionsDivStyled = styled.div `
     display: flex;
     justify-content: space-between;
+    padding: calc(var(--general-spacing-xs) * 1px);
+`;
+const ExplorerPageDivStyled = styled.div `
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    overflow: hidden;
+`;
+const ExplorerEmptyDataStyled = styled.div `
+    flex: 1;
+    display: flex;
+    flex-direction: column;
     align-items: center;
-    padding-bottom: calc(var(--general-spacing-xs) * 1px);
+    justify-content: center;
 `;
-export const Explorer = ({ library, itemActions, primaryActions, title, defaultActionsForItem = ['edit', 'deactivate'], defaultPrimaryActions = ['create'] }) => {
-    const { view } = useViewSettingsContext();
-    const { data, loading, refetch } = useExplorerData(library, view.fields); // TODO: refresh when go back on page
-    const { deactivateAction } = useDeactivateAction({
-        isEnabled: isNotEmpty(defaultActionsForItem) && defaultActionsForItem.includes('deactivate')
+export const Explorer = forwardRef(({ entrypoint, itemActions = [], primaryActions = [], massActions = [], title, selectionMode, emptyPlaceholder, noPagination, creationFormId, editionFormId, showFilters = false, showSorts = false, enableConfigureView = false, disableSelection = false, hideSelectAllAction = false, iconsOnlyItemActions = false, showTitle = false, showSearch = false, hidePrimaryActions = false, hideTableHeader = false, ignoreViewByDefault = false, defaultActionsForItem = ['edit', 'replaceLink', 'remove', 'activate'], defaultPrimaryActions = ['create'], defaultMassActions = ['deactivate'], defaultCallbacks, defaultViewSettings, joinLibraryContext }, ref) => {
+    const { t } = useSharedTranslation();
+    const { panelElement: settingsPanelElement } = useEditSettings();
+    const { loading: viewSettingsLoading, view, dispatch } = useViewSettingsReducer(entrypoint, defaultViewSettings, ignoreViewByDefault);
+    const { currentPage, setNewPageSize, setNewPage } = usePagination(dispatch);
+    const { data, isMultivalue, canEditLinkAttributeValues, loading: loadingData, refetch } = useExplorerData({
+        entrypoint,
+        libraryId: view.libraryId,
+        attributeIds: view.attributesIds,
+        fulltextSearch: view.fulltextSearch,
+        pagination: noPagination ? null : { limit: view.pageSize, offset: view.pageSize * (currentPage - 1) },
+        sorts: view.sort,
+        filters: view.filters,
+        filtersOperator: view.filtersOperator,
+        skip: viewSettingsLoading
+    }); // TODO: refresh when go back on page
+    const isMassSelectionAll = view.massSelection === MASS_SELECTION_ALL;
+    const isLink = entrypoint.type === 'link';
+    const { editStatusItemAction } = useEditStatusItemAction({
+        isEnabled: isNotEmpty(defaultActionsForItem) &&
+            (defaultActionsForItem.includes('remove') || defaultActionsForItem.includes('activate')),
+        onRemove: defaultCallbacks?.item?.remove,
+        canDeleteLinkValues: canEditLinkAttributeValues,
+        store: { view, dispatch },
+        entrypoint
     });
-    const { editAction, editModal } = useEditAction({
-        isEnabled: isNotEmpty(defaultActionsForItem) && defaultActionsForItem.includes('edit')
+    const { replaceItemAction, replaceItemModal } = useReplaceItemAction({
+        isEnabled: isLink && isNotEmpty(defaultActionsForItem) && defaultActionsForItem.includes('replaceLink'),
+        onReplace: defaultCallbacks?.item?.replaceLink,
+        canReplaceLinkValues: canEditLinkAttributeValues
     });
-    const { createAction, createModal } = useCreateAction({
+    const { editItemAction, editItemModal } = useEditItemAction({
+        isEnabled: isNotEmpty(defaultActionsForItem) && defaultActionsForItem.includes('edit'),
+        onEdit: defaultCallbacks?.item?.edit,
+        formId: editionFormId,
+        refetch
+    });
+    const totalCount = data?.totalCount ?? 0;
+    const { createPrimaryAction, createModal } = useCreatePrimaryAction({
         isEnabled: isNotEmpty(defaultPrimaryActions) && defaultPrimaryActions.includes('create'),
-        library,
+        libraryId: view.libraryId,
+        canCreateAndLinkValue: canEditLinkAttributeValues,
+        onCreate: defaultCallbacks?.primary?.create,
+        joinLibraryContext,
+        entrypoint,
+        totalCount,
+        formId: creationFormId,
+        refetch
+    });
+    const { linkPrimaryAction, linkModal } = useLinkPrimaryAction({
+        entrypoint,
+        isEnabled: isLink,
+        canAddLinkValue: canEditLinkAttributeValues,
+        onLink: defaultCallbacks?.primary?.link,
+        linkId: data?.totalCount === 0 ? undefined : data?.records[0]?.id_value,
+        maxItemsLeft: null // TODO: use KitTable.row
+    });
+    const allVisibleKeys = data?.records.map(({ key }) => key) ?? [];
+    const { deactivateMassAction } = useDeactivateMassAction({
+        isEnabled: !isLink && isNotEmpty(defaultMassActions) && defaultMassActions.includes('deactivate'),
+        store: { view, dispatch },
+        allVisibleKeys,
+        totalCount,
+        onDeactivate: defaultCallbacks?.mass?.deactivate,
         refetch
     });
-    // TODO: move to `useCreateAction` directly?
-    const enabledDefaultActions = createAction ? [createAction] : [];
-    const { primaryButton } = usePrimaryActionsButton([...enabledDefaultActions, ...(primaryActions ?? [])]);
-    // TODO: harmonize to other hook signature that return only object
-    const settingsButton = useOpenSettings(library);
-    // TODO: remove SET
-    const dedupItemActions = [...new Set([editAction, deactivateAction, ...(itemActions ?? [])].filter(Boolean))];
-    return (_jsxs(_Fragment, { children: [loading ? ('Loading...' // TODO: handle loading properly
-            ) : (_jsxs(_Fragment, { children: [_jsxs(ExplorerHeaderDivStyled, { children: [_jsx(KitTypography.Title, { level: "h1", children: _jsx(ExplorerTitle, { library: library, title: title }) }), _jsxs(KitSpace, { size: "xs", children: [settingsButton, primaryButton] })] }), _jsx(DataView, { dataGroupedFilteredSorted: data?.records ?? [], itemActions: dedupItemActions, columnsLabels: data?.attributes ?? {}, attributesToDisplay: ['whoAmI', ...view.fields] })] })), editModal, createModal] }));
-};
+    const { unlinkMassAction } = useDeleteLinkValues({
+        isEnabled: isLink && isNotEmpty(defaultMassActions) && defaultMassActions.includes('deactivate'),
+        store: { view, dispatch },
+        pagination: noPagination ? null : { limit: view.pageSize, offset: view.pageSize * (currentPage - 1) },
+        allVisibleKeys,
+        onDelete: defaultCallbacks?.mass?.deactivate,
+        refetch
+    });
+    const _isSelectionDisable = disableSelection || (isLink && !isMultivalue && totalCount > 0);
+    const { setSelectedKeys, selectAllButton } = useMassActions({
+        isEnabled: totalCount > 0 && !_isSelectionDisable && (isNotEmpty(defaultMassActions) || isNotEmpty(massActions)),
+        store: { view, dispatch },
+        totalCount,
+        allVisibleKeys,
+        massActions: [deactivateMassAction, unlinkMassAction, ...massActions].filter(Boolean)
+    });
+    const { primaryButton } = usePrimaryActionsButton({
+        view,
+        actions: [createPrimaryAction, linkPrimaryAction, ...primaryActions].filter(Boolean)
+    });
+    const { viewSettingsButton, viewListButton } = useOpenViewSettings({ view, isEnabled: !isMassSelectionAll });
+    const { searchInput } = useSearchInput({ view, dispatch, setNewPage });
+    useImperativeHandle(ref, () => ({
+        createAction: createPrimaryAction,
+        linkAction: linkPrimaryAction,
+        totalCount
+    }), [createPrimaryAction?.disabled, linkPrimaryAction?.disabled, totalCount]);
+    const hasNoResults = data === null || data.totalCount === 0;
+    return (_jsxs(ViewSettingsContext.Provider, { value: { view, dispatch }, 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*/ }) })), (showSearch || enableConfigureView || !hidePrimaryActions) && (_jsxs(ExplorerActionsDivStyled, { children: [_jsx("div", { children: showSearch && searchInput }), _jsxs(KitSpace, { size: "xs", children: [enableConfigureView && viewListButton, enableConfigureView && viewSettingsButton, !hidePrimaryActions && primaryButton] })] })), !viewSettingsLoading && (_jsx(ExplorerToolbar, { showFilters: showFilters, showSorts: showSorts, isMassSelectionAll: isMassSelectionAll, headless: hideTableHeader, children: !hideSelectAllAction && selectAllButton })), 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', ...view.attributesIds], iconsOnlyItemActions: iconsOnlyItemActions, hideTableHeader: hideTableHeader, paginationProps: entrypoint.type === 'library' && !noPagination
+                            ? {
+                                pageSizeOptions: defaultPageSizeOptions,
+                                currentPage,
+                                pageSize: view.pageSize,
+                                setNewPageSize,
+                                setNewPage,
+                                totalCount
+                            }
+                            : undefined, itemActions: [editItemAction, replaceItemAction, editStatusItemAction, ...itemActions]
+                            .filter(Boolean)
+                            .map(action => ({
+                            ...action,
+                            disabled: isMassSelectionAll || action.disabled
+                        })), selection: {
+                            onSelectionChange: _isSelectionDisable ? null : setSelectedKeys,
+                            isMassSelectionAll,
+                            selectedKeys: isMassSelectionAll
+                                ? data?.records.map(({ whoAmI }) => whoAmI.id)
+                                : view.massSelection,
+                            mode: selectionMode
+                        } }))] }), settingsPanelElement && createPortal(_jsx(SidePanel, {}), settingsPanelElement?.() ?? document.body), editItemModal, replaceItemModal, createModal, linkModal] }));
+});
 //# sourceMappingURL=Explorer.js.map

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

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

@@ -1,7 +1,9 @@
 import { FunctionComponent } from 'react';
+import { Entrypoint } from './_types';
 interface IExplorerTitleProps {
     title?: string;
     library: string;
+    entrypoint: Entrypoint;
 }
 export declare const ExplorerTitle: FunctionComponent<IExplorerTitleProps>;
 export {};

package/dist/components/Explorer/ExplorerTitle.js

@@ -3,28 +3,45 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { localizedTranslation } from '@leav/utils';
-import { useExplorerLibraryDataQuery } from '../../_gqlTypes';
+import { useExplorerLibraryDetailsQuery, useExplorerLinkAttributeQuery } from '../../_gqlTypes';
 import useLang from '../../hooks/useLang';
 import { AntSkeleton } from 'aristid-ds';
 // TODO: use <h1 /> tag
-export const ExplorerTitle = ({ title, library }) => {
-    const { data, loading, error } = useExplorerLibraryDataQuery({ variables: { libraryId: library }, skip: !!title });
+export const ExplorerTitle = ({ title, library, entrypoint }) => {
+    const { data, loading, error } = useExplorerLibraryDetailsQuery({ variables: { libraryId: library }, skip: !!title });
+    const { data: attributeData, loading: attributeLoading, error: attributeError } = useExplorerLinkAttributeQuery({
+        skip: !!title || entrypoint.type !== 'link',
+        variables: {
+            id: entrypoint.linkAttributeId
+        }
+    });
     const { lang } = useLang();
     if (title) {
         return _jsx("span", { children: title });
     }
-    if (loading) {
+    if (loading || attributeLoading) {
         return _jsx(AntSkeleton.Input, { style: { width: 400 }, active: true });
     }
     // TODO: handle error and bad library ID
-    if (error) {
-        return _jsx("span", { children: error.message });
+    if (error || attributeError) {
+        return _jsx("span", { children: error?.message ?? attributeError?.message });
     }
-    const libraryData = data?.libraries?.list[0];
-    if (!libraryData) {
-        // TODO: make it i18n
-        return _jsx("span", { children: "Unknown library" });
+    let label;
+    if (entrypoint.type === 'library') {
+        const libraryData = data?.libraries?.list[0];
+        if (!libraryData) {
+            // TODO: make it i18n
+            return _jsx("span", { children: "Unknown library" });
+        }
+        label = libraryData.label;
     }
-    return _jsx("span", { children: localizedTranslation(libraryData.label, lang) });
+    else {
+        const linkAttributeData = attributeData?.attributes?.list[0];
+        if (!linkAttributeData) {
+            return _jsx("span", { children: "Unknown link attribute" });
+        }
+        label = 'label' in linkAttributeData ? linkAttributeData.label : null;
+    }
+    return _jsx("span", { children: localizedTranslation(label, lang) });
 };
 //# sourceMappingURL=ExplorerTitle.js.map