pne-ui 4.3.0-rc.1 → 4.3.0-rc.2

package/cjs/component/search-ui/SearchUI.d.ts

@@ -2,7 +2,7 @@ import React, { Dispatch, SetStateAction } from 'react';
 import { SearchUIFiltersConfig } from './filters/SearchUIFilters';
 import { CriterionTypeEnum, ExactCriterionSearchLabelEnum, SearchCriteria, SearchUIConditions } from './filters/types';
 import { GetPagedOrderedSortedListRequest, Order } from '../../common';
-import { TableCreateHeaderType } from '../..';
+import { PneTableViewOption, PneTableViewSelectorProps, TableCreateHeaderType } from '../..';
 import { UseTableParams } from '../table/useTable';
 /**
  * Параметры запроса поиска, отправляемые в обработчик данных таблицы.
@@ -14,7 +14,7 @@ export type SearchParams = Omit<SearchCriteria & GetPagedOrderedSortedListReques
  * Свойства компонента {@link SearchUI}.
  * @template D Тип строки данных, возвращаемых запросом поиска и отображаемых в таблице.
  */
-export type SearchUIProps<D extends object> = {
+type SearchUICommonProps<D extends object> = {
     /**
      * Stable non-secret Selenium scope shared by the filters and results table.
      * Defaults to settingsContextName; set it explicitly when multiple instances may render together.
@@ -44,22 +44,6 @@ export type SearchUIProps<D extends object> = {
      * Внешнее управление состоянием фильтров. При изменении значения происходит синхронизация стора.
      */
     searchConditions?: Partial<SearchUIConditions>;
-    /**
-     * Функция загрузки данных по текущим параметрам поиска.
-     */
-    searchData: (searchParams: SearchParams) => Promise<D[]>;
-    /**
-     * Фабрика заголовка таблицы.
-     */
-    createTableHeader: TableCreateHeaderType;
-    /**
-     * Фабрика строки таблицы.
-     * @param rowData Данные текущей строки.
-     * @param index Индекс строки.
-     * @param data Все текущие данные таблицы.
-     * @param setData Сеттер для обновления данных таблицы.
-     */
-    createTableRow: (rowData: D, index: number, data: D[], setData: Dispatch<SetStateAction<D[]>>) => React.ReactElement;
     /**
      * Кастомизация поведения таблицы (пагинация, отображение, дублирование пагинатора).
      */
@@ -73,12 +57,60 @@ export type SearchUIProps<D extends object> = {
      */
     config?: SearchUIFiltersConfig;
 };
+export type SearchUIDataSource<D extends object> = (searchParams: SearchParams) => Promise<D[]>;
+export type SearchUITableRowFactory<D extends object> = (rowData: D, index: number, data: D[], setData: Dispatch<SetStateAction<D[]>>) => React.ReactElement;
+export type SearchUIViewSort = 'preserve' | {
+    sortColumnIndex: number;
+    sortAsc: boolean;
+};
+export type SearchUIView<D extends object, TViewId extends string = string> = PneTableViewOption<TViewId> & {
+    /** Data source used only while this view is selected. */
+    searchData: SearchUIDataSource<D>;
+    /** Header rendered only while this view is selected. */
+    createTableHeader: TableCreateHeaderType;
+    /** Row renderer used only while this view is selected. */
+    createTableRow: SearchUITableRowFactory<D>;
+    /** Optional consumer-owned actions rendered while this view is selected. */
+    actions?: React.ReactNode;
+    /** Defaults to the common safe sort; preserving another view's sort must be explicit. */
+    sortOnActivate?: SearchUIViewSort;
+};
+type SearchUIViewsAccessibleName = {
+    'aria-label': string;
+    'aria-labelledby'?: never;
+} | {
+    'aria-label'?: never;
+    'aria-labelledby': string;
+};
+type SearchUIViewsBaseConfig<TViewId extends string> = Omit<PneTableViewSelectorProps<TViewId>, 'actions' | 'aria-label' | 'aria-labelledby' | 'views'>;
+export type SearchUIViewsConfig<D extends object, TViewId extends string = string> = SearchUIViewsBaseConfig<TViewId> & SearchUIViewsAccessibleName & {
+    views: readonly SearchUIView<D, TViewId>[];
+    /** Optional compatibility/layout wrapper around the library-owned selector. */
+    renderViewSelector?: (selector: React.ReactElement) => React.ReactNode;
+};
+type SearchUILegacyTableProps<D extends object> = {
+    tableViews?: never;
+    /** Function that loads rows for the current search and table state. */
+    searchData: SearchUIDataSource<D>;
+    /** Table header factory. */
+    createTableHeader: TableCreateHeaderType;
+    /** Table row factory. */
+    createTableRow: SearchUITableRowFactory<D>;
+};
+type SearchUIViewTableProps<D extends object, TViewId extends string> = {
+    /** Controlled generic table-view configuration. */
+    tableViews: SearchUIViewsConfig<D, TViewId>;
+    searchData?: never;
+    createTableHeader?: never;
+    createTableRow?: never;
+};
+export type SearchUIProps<D extends object, TViewId extends string = string> = SearchUICommonProps<D> & (SearchUILegacyTableProps<D> | SearchUIViewTableProps<D, TViewId>);
 /**
  * Высокоуровневый компонент поискового UI, объединяющий фильтры и таблицу с результатами.
  * @template D Тип строки данных, отображаемых в таблице.
  * @param props Свойства компонента.
  */
-export declare const SearchUI: <D extends object>(props: SearchUIProps<D>) => React.ReactElement;
+export declare const SearchUI: <D extends object, TViewId extends string = string>(props: SearchUIProps<D, TViewId>) => React.ReactElement;
 /**
  * Преобразует внутреннее состояние фильтров и таблицы в параметры запроса для загрузки данных.
  * @param searchCriteria Текущее состояние критериев поиска.
@@ -91,3 +123,4 @@ export declare const createSearchParams: (searchCriteria: SearchCriteria, option
     order?: Order;
     sortIndex: number;
 }) => SearchParams;
+export {};

package/cjs/component/search-ui/SearchUI.js

@@ -19,25 +19,44 @@ const SearchUI = (props) => {
 };
 exports.SearchUI = SearchUI;
 const SearchUIContent = (props) => {
-    const { autoTestId = props.settingsContextName, settingsContextName, possibleCriteria, predefinedCriteria, exactSearchLabels, initialSearchConditions, searchConditions, searchData, createTableHeader, createTableRow, tableParams, dataUseState, config, } = props;
+    const { autoTestId = props.settingsContextName, settingsContextName, possibleCriteria, predefinedCriteria, exactSearchLabels, initialSearchConditions, searchConditions, tableParams, dataUseState, config, } = props;
+    const resolvedTable = resolveSearchUITable(props);
     const searchCriteria = (0, store_1.useSearchUIFiltersStore)(store => store.appliedSearchCriteria);
     const filtersSettingsContextName = (0, store_1.useSearchUIFiltersStore)(store => store.settingsContextName);
     const filtersContextReady = filtersSettingsContextName === settingsContextName;
     // const [criteria, setCriteria] = useSearchCriteria()
-    const [displayOptions, setDisplayOptions] = (0, react_1.useState)({
+    const defaultDisplayOptions = {
         ...initialDisplayOptions,
         ...tableParams?.displayOptions,
-    });
-    const fetchDataExtraDeps = (0, react_1.useMemo)(() => [searchCriteria, filtersContextReady], [searchCriteria, filtersContextReady]);
+    };
+    const [displayOptions, setDisplayOptions] = (0, react_1.useState)(defaultDisplayOptions);
+    const resolvedDisplayOptions = resolvedTable.viewId === undefined
+        || resolvedTable.sortOnActivate === 'preserve'
+        ? displayOptions
+        : {
+            ...defaultDisplayOptions,
+            pageSize: displayOptions.pageSize,
+            ...resolvedTable.sortOnActivate,
+        };
+    const fetchDataExtraDeps = (0, react_1.useMemo)(() => [searchCriteria, filtersContextReady, resolvedTable.viewId], [searchCriteria, filtersContextReady, resolvedTable.viewId]);
     const { loading, paginator, data, setData, sortIndex, setSortIndex, order, setOrder, onSortChange, } = (0, __1.useTable)({
         rowsPerPageOptions: tableParams?.rowsPerPageOptions,
         duplicatePagination: tableParams?.duplicatePagination,
         paginatorActiveActionSx: tableParams?.paginatorActiveActionSx,
-        displayOptions: displayOptions,
+        displayOptions: resolvedDisplayOptions,
         onDisplayOptionsChange: setDisplayOptions,
         settingsContextName: settingsContextName,
         dataUseState: dataUseState,
         fetchDataExtraDeps: fetchDataExtraDeps,
+        resetDisplayOptions: resolvedTable.viewId === undefined
+            ? undefined
+            : resolvedTable.sortOnActivate === 'preserve'
+                ? 'preserve'
+                : {
+                    sortColumnIndex: resolvedDisplayOptions.sortColumnIndex,
+                    sortAsc: resolvedDisplayOptions.sortAsc,
+                },
+        resetKey: resolvedTable.viewId,
         fetchData: ({ page, pageSize, order, sortIndex }) => {
             if (!searchCriteria?.initialized || !filtersContextReady) {
                 return Promise.resolve([]);
@@ -48,20 +67,73 @@ const SearchUIContent = (props) => {
                 order,
                 sortIndex,
             });
-            return searchData(searchParams);
+            return resolvedTable.searchData(searchParams);
         },
     });
+    const tableViewSelector = props.tableViews
+        ? createTableViewSelector(props.tableViews, resolvedTable.viewId, resolvedTable.actions, autoTestId)
+        : undefined;
     return react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(SearchUIFilters_1.SearchUIFiltersContent, { autoTestId: autoTestId, settingsContextName: settingsContextName, possibleCriteria: possibleCriteria, predefinedCriteria: predefinedCriteria, exactSearchLabels: exactSearchLabels, initialSearchConditions: initialSearchConditions, searchConditions: searchConditions, onFiltersUpdate: ignoreAppliedSearchCriteria, config: config, searchLoading: loading }),
         react_1.default.createElement(material_1.Divider, null),
         react_1.default.createElement(material_1.Box, { sx: tableBoxSx },
-            react_1.default.createElement(__1.PneTable, { autoTestId: autoTestId, data: data, createTableHeader: createTableHeader, sortOptions: {
+            react_1.default.createElement(__1.PneTable, { autoTestId: autoTestId, data: data, createTableHeader: resolvedTable.createTableHeader, sortOptions: {
                     order,
                     setOrder,
                     sortIndex,
                     setSortIndex,
                     onSortChange,
-                }, createRow: (item, index, arr) => createTableRow(item, index, arr, setData), paginator: paginator, loading: loading })));
+                }, createRow: (item, index, arr) => resolvedTable.createTableRow(item, index, arr, setData), paginator: paginator, loading: loading, loadingKey: resolvedTable.viewId, toolbar: tableViewSelector })));
+};
+const resolveSearchUITable = (props) => {
+    if (!props.tableViews) {
+        return {
+            searchData: props.searchData,
+            createTableHeader: props.createTableHeader,
+            createTableRow: props.createTableRow,
+        };
+    }
+    if (props.tableViews.views.length === 0) {
+        throw new Error('SearchUI: table views must not be empty');
+    }
+    const seenIds = new Set();
+    for (const view of props.tableViews.views) {
+        if (seenIds.has(view.id)) {
+            throw new Error(`SearchUI: duplicate table view ID "${view.id}"`);
+        }
+        seenIds.add(view.id);
+    }
+    let activeView = props.tableViews.views.find(view => view.id === props.tableViews.value);
+    if (!activeView) {
+        if (process.env.NODE_ENV !== 'production') {
+            throw new Error(`SearchUI: selected table view "${props.tableViews.value}" is not configured`);
+        }
+        activeView = props.tableViews.views[0];
+    }
+    return {
+        searchData: activeView.searchData,
+        createTableHeader: activeView.createTableHeader,
+        createTableRow: activeView.createTableRow,
+        actions: activeView.actions,
+        sortOnActivate: activeView.sortOnActivate,
+        viewId: activeView.id,
+    };
+};
+const createTableViewSelector = (config, value, actions, searchUIAutoTestId) => {
+    const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, autoTestId = searchUIAutoTestId, renderViewSelector, value: _configuredValue, views, ...selectorProps } = config;
+    const options = views.map(view => ({
+        id: view.id,
+        label: view.label,
+        disabled: view.disabled,
+    }));
+    let selector;
+    if (ariaLabel !== undefined) {
+        selector = react_1.default.createElement(__1.PneTableViewSelector, { ...selectorProps, "aria-label": ariaLabel, actions: actions, autoTestId: autoTestId, value: value, views: options });
+    }
+    else {
+        selector = react_1.default.createElement(__1.PneTableViewSelector, { ...selectorProps, "aria-labelledby": ariaLabelledBy, actions: actions, autoTestId: autoTestId, value: value, views: options });
+    }
+    return renderViewSelector ? react_1.default.createElement(react_1.default.Fragment, null, renderViewSelector(selector)) : selector;
 };
 const ignoreAppliedSearchCriteria = () => {
     // SearchUI reads the applied criteria from its instance-scoped filter store.

package/cjs/component/search-ui/SearchUI.js.map

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

package/cjs/component/table/AbstractTable.d.ts

@@ -26,6 +26,8 @@ export type TableProps<D> = {
     lastRow?: React.ReactElement;
     paginator?: PaginatorProps;
     loading?: boolean;
+    /** Identity that makes a structural loading transition visible immediately without remounting controls. */
+    loadingKey?: string | number;
     stickyHeader?: boolean;
     showNothingIsFoundRow?: boolean;
     /** Accessible name forwarded to the semantic table independently from autoTestId. */
@@ -36,6 +38,9 @@ export type TableProps<D> = {
     boxSx?: SxProps;
     noRowsMessage?: string;
     skeletonRowHeight?: number;
+    /** Optional controls rendered inside the table root before top pagination and table content. */
+    toolbar?: React.ReactNode;
+    toolbarSx?: SxProps;
 };
 export type TableSortOptions = {
     order: Order;

package/cjs/component/table/AbstractTable.js

@@ -18,10 +18,11 @@ const AutoTestAttribute_1 = require("../AutoTestAttribute");
 const TABLE_AUTOTEST_ID = 'table';
 const TABLE_EMPTY_STATE_AUTOTEST_ID = 'empty-state';
 const TABLE_PAGINATION_AUTOTEST_ID = 'pagination';
+const TABLE_TOOLBAR_AUTOTEST_ID = 'table-toolbar';
 const AbstractTable = (props) => {
-    const { data, autoTestId, createTableHeader, sortOptions, createRow, lastRow = null, paginator, loading = false, stickyHeader = false, showNothingIsFoundRow = true, tableAriaLabel, tableAriaLabelledBy, tableSx = {}, boxSx = {}, noRowsMessage, skeletonRowHeight, } = props;
+    const { data, autoTestId, createTableHeader, sortOptions, createRow, lastRow = null, paginator, loading = false, loadingKey, stickyHeader = false, showNothingIsFoundRow = true, tableAriaLabel, tableAriaLabelledBy, tableSx = {}, boxSx = {}, noRowsMessage, skeletonRowHeight, toolbar, toolbarSx, } = props;
     const { t } = (0, react_i18next_1.useTranslation)();
-    const showSkeleton = (0, useDelayedLoading_1.default)(loading);
+    const showSkeleton = (0, useDelayedLoading_1.default)(loading, loadingKey);
     const containerRef = (0, react_1.useRef)(null);
     const tableContainerRef = (0, react_1.useRef)(null);
     const lastRowHeightRef = (0, react_1.useRef)(undefined);
@@ -86,6 +87,18 @@ const AbstractTable = (props) => {
     const skeletonTableHeight = showSkeleton && actualSkeletonRowHeight && lastHeaderHeightRef.current > 0
         ? lastHeaderHeightRef.current + actualSkeletonRowHeight * skeletonRowCount
         : undefined;
+    const hasToolbar = toolbar !== undefined
+        && toolbar !== null
+        && typeof toolbar !== 'boolean';
+    const resolvedToolbarSx = [
+        {
+            alignItems: 'center',
+            display: 'flex',
+            justifyContent: 'flex-end',
+            marginBottom: '8px',
+        },
+        ...(Array.isArray(toolbarSx) ? toolbarSx : [toolbarSx]),
+    ];
     const SKELETON_COL_HIDDEN = 30;
     const SKELETON_COL_NARROW = 120;
     const skeletonCellContent = (row, col) => {
@@ -99,6 +112,7 @@ const AbstractTable = (props) => {
         return react_1.default.createElement(Skeleton_1.default, { variant: "rounded", width: width, height: skeletonItemHeight });
     };
     return react_1.default.createElement(Box_1.default, { ...(0, AutoTestAttribute_1.createAutoTestAttributes)(TABLE_AUTOTEST_ID, autoTestId), sx: { ...boxSx }, ref: containerRef },
+        hasToolbar ? react_1.default.createElement(Box_1.default, { ...(0, AutoTestAttribute_1.createAutoTestAttributes)(TABLE_TOOLBAR_AUTOTEST_ID), sx: resolvedToolbarSx }, toolbar) : null,
         paginator && paginator.duplicatePagination && getPneTablePagination('top'),
         react_1.default.createElement(TableContainer_1.default, { ref: tableContainerRef },
             react_1.default.createElement(Table_1.default, { "aria-busy": showSkeleton, "aria-label": tableAriaLabel, "aria-labelledby": tableAriaLabelledBy, stickyHeader: stickyHeader, sx: { ...tableSx, ...(skeletonTableHeight ? { height: skeletonTableHeight } : {}) } },

package/cjs/component/table/AbstractTable.js.map

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

package/cjs/component/table/PneTableViewSelector.d.ts

@@ -0,0 +1,30 @@
+import React, { ReactNode } from 'react';
+import { BoxProps } from '@mui/material';
+export type PneTableViewOption<TViewId extends string = string> = {
+    id: TViewId;
+    label: ReactNode;
+    disabled?: boolean;
+};
+export type PneTableViewSelectorProps<TViewId extends string = string> = Omit<BoxProps, 'aria-label' | 'aria-labelledby' | 'children' | 'component' | 'onChange' | 'ref'> & ({
+    /** Accessible name applied to the semantic view group. */
+    'aria-label': string;
+    'aria-labelledby'?: never;
+} | {
+    /** ID of the element that names the semantic view group. */
+    'aria-label'?: never;
+    'aria-labelledby': string;
+}) & {
+    /** Stable, non-secret instance identifier used to scope Selenium locators. */
+    autoTestId?: string;
+    /** Disables view selection. Consumer-provided actions retain their own disabled state. */
+    disabled?: boolean;
+    /** Optional consumer-owned actions, such as table-view settings. */
+    actions?: ReactNode;
+    /** Selected stable view ID. */
+    value: TViewId;
+    /** Ordered application-defined views. */
+    views: readonly PneTableViewOption<TViewId>[];
+    /** Called only when the user selects a different non-null view ID. */
+    onChange: (value: TViewId) => void;
+};
+export declare const PneTableViewSelector: <TViewId extends string = string>(props: PneTableViewSelectorProps<TViewId> & React.RefAttributes<HTMLDivElement>) => React.ReactElement;

package/cjs/component/table/PneTableViewSelector.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PneTableViewSelector = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const material_1 = require("@mui/material");
+const AutoTestAttribute_1 = require("../AutoTestAttribute");
+const TABLE_VIEWS_AUTOTEST_ID = 'table-views';
+const TABLE_VIEW_AUTOTEST_ID = 'table-view';
+const TABLE_VIEW_ACTIONS_AUTOTEST_ID = 'table-view-actions';
+const rootSx = theme => ({
+    alignItems: 'center',
+    border: 1,
+    borderColor: theme.palette.divider,
+    borderRadius: '4px',
+    boxSizing: 'border-box',
+    display: 'flex',
+    gap: '4px',
+    height: '40px',
+    padding: '4px',
+});
+const groupSx = {
+    display: 'flex',
+    [`& .${material_1.toggleButtonGroupClasses.grouped}`]: {
+        border: '0 !important',
+        margin: 0,
+    },
+};
+const viewButtonSx = theme => ({
+    border: 0,
+    borderRadius: '4px !important',
+    flex: '1 1 0',
+    fontWeight: 'bold',
+    height: '32px',
+    letterSpacing: '0.46px',
+    lineHeight: '22px',
+    minWidth: 0,
+    textTransform: 'none',
+    [`&.${material_1.toggleButtonClasses.selected}`]: {
+        backgroundColor: theme.palette.action.selected,
+        color: theme.palette.text.secondary,
+        '&:hover': {
+            backgroundColor: theme.palette.action.selected,
+        },
+    },
+    [`&.${material_1.toggleButtonClasses.disabled}`]: {
+        border: 'none',
+    },
+    '&:hover': {
+        backgroundColor: theme.palette.action.selected,
+        borderRadius: '4px',
+    },
+    '.MuiToggleButtonGroup-root:hover &.Mui-selected:not(:hover):not(.Mui-disabled)': {
+        backgroundColor: 'transparent',
+    },
+    '&.Mui-focusVisible': {
+        outline: `2px solid ${theme.palette.primary.main}`,
+        outlineOffset: '-2px',
+    },
+});
+const PneTableViewSelectorInner = (props, ref) => {
+    const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, actions, autoTestId, disabled = false, onChange, sx, value, views, ...rootProps } = props;
+    const hasActions = actions !== undefined
+        && actions !== null
+        && typeof actions !== 'boolean';
+    const handleChange = (_event, nextValue) => {
+        if (nextValue !== null && nextValue !== value) {
+            onChange(nextValue);
+        }
+    };
+    return react_1.default.createElement(material_1.Box, { ...rootProps, ...(0, AutoTestAttribute_1.createAutoTestAttributes)(TABLE_VIEWS_AUTOTEST_ID, autoTestId), ref: ref, sx: [
+            rootSx,
+            ...(Array.isArray(sx) ? sx : [sx]),
+        ] },
+        react_1.default.createElement(material_1.ToggleButtonGroup, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, disabled: disabled, exclusive: true, onChange: handleChange, sx: groupSx, value: value }, views.map(view => react_1.default.createElement(material_1.ToggleButton, { ...(0, AutoTestAttribute_1.createAutoTestAttributes)(TABLE_VIEW_AUTOTEST_ID, view.id), disabled: view.disabled, key: view.id, sx: viewButtonSx, value: view.id }, view.label))),
+        hasActions ? react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(material_1.Divider, { orientation: 'vertical', sx: { height: '24px', mx: '-4px' } }),
+            react_1.default.createElement(material_1.Box, { ...(0, AutoTestAttribute_1.createAutoTestAttributes)(TABLE_VIEW_ACTIONS_AUTOTEST_ID), sx: { alignItems: 'center', display: 'flex', height: '32px' } }, actions)) : null);
+};
+exports.PneTableViewSelector = (0, react_1.forwardRef)(PneTableViewSelectorInner);
+//# sourceMappingURL=PneTableViewSelector.js.map

package/cjs/component/table/PneTableViewSelector.js.map

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

package/cjs/component/table/useDelayedLoading.d.ts

@@ -5,5 +5,5 @@
  * skeleton. Последующие loading-состояния остаются отложенными, чтобы избежать мерцания
  * при быстрых refetch.
  */
-declare const useDelayedLoading: (loading: boolean) => boolean;
+declare const useDelayedLoading: (loading: boolean, resetKey?: string | number) => boolean;
 export default useDelayedLoading;

package/cjs/component/table/useDelayedLoading.js

@@ -3,6 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 const DELAY_BEFORE_SHOWING = 300;
 const MIN_DISPLAY_DURATION = 500;
+const createLoadingState = (loading, resetKey) => ({
+    resetKey,
+    showSkeleton: loading,
+    skeletonShownAt: loading ? Date.now() : null,
+    waitForStructuralLoading: resetKey !== undefined && !loading,
+});
 /**
  * Хук стабилизации отображения состояния загрузки.
  *
@@ -10,41 +16,63 @@ const MIN_DISPLAY_DURATION = 500;
  * skeleton. Последующие loading-состояния остаются отложенными, чтобы избежать мерцания
  * при быстрых refetch.
  */
-const useDelayedLoading = (loading) => {
-    const [showSkeleton, setShowSkeleton] = (0, react_1.useState)(loading);
-    const isInitialLoadingRef = (0, react_1.useRef)(loading);
-    const initialLoadingHandledRef = (0, react_1.useRef)(false);
-    const skeletonShownAt = (0, react_1.useRef)(loading ? Date.now() : null);
+const useDelayedLoading = (loading, resetKey) => {
+    const [state, setState] = (0, react_1.useState)(() => createLoadingState(loading, resetKey));
+    let renderState = state;
+    if (!Object.is(state.resetKey, resetKey)) {
+        renderState = createLoadingState(loading, resetKey);
+        setState(renderState);
+    }
+    else if (loading && state.waitForStructuralLoading) {
+        renderState = {
+            ...state,
+            showSkeleton: true,
+            skeletonShownAt: Date.now(),
+            waitForStructuralLoading: false,
+        };
+        setState(renderState);
+    }
     (0, react_1.useEffect)(() => {
         if (loading) {
-            if (isInitialLoadingRef.current && !initialLoadingHandledRef.current) {
-                initialLoadingHandledRef.current = true;
-                setShowSkeleton(true);
-                skeletonShownAt.current = skeletonShownAt.current ?? Date.now();
+            if (renderState.showSkeleton) {
                 return undefined;
             }
             const timer = setTimeout(() => {
-                setShowSkeleton(true);
-                skeletonShownAt.current = Date.now();
+                setState(current => Object.is(current.resetKey, resetKey)
+                    ? {
+                        ...current,
+                        showSkeleton: true,
+                        skeletonShownAt: Date.now(),
+                    }
+                    : current);
             }, DELAY_BEFORE_SHOWING);
             return () => clearTimeout(timer);
         }
-        initialLoadingHandledRef.current = true;
-        if (skeletonShownAt.current) {
-            const elapsed = Date.now() - skeletonShownAt.current;
+        if (renderState.skeletonShownAt) {
+            const elapsed = Date.now() - renderState.skeletonShownAt;
             if (elapsed < MIN_DISPLAY_DURATION) {
                 const timer = setTimeout(() => {
-                    setShowSkeleton(false);
-                    skeletonShownAt.current = null;
+                    setState(current => Object.is(current.resetKey, resetKey)
+                        ? {
+                            ...current,
+                            showSkeleton: false,
+                            skeletonShownAt: null,
+                        }
+                        : current);
                 }, MIN_DISPLAY_DURATION - elapsed);
                 return () => clearTimeout(timer);
             }
         }
-        setShowSkeleton(false);
-        skeletonShownAt.current = null;
+        if (renderState.showSkeleton) {
+            setState(current => ({
+                ...current,
+                showSkeleton: false,
+                skeletonShownAt: null,
+            }));
+        }
         return undefined;
-    }, [loading]);
-    return showSkeleton;
+    }, [loading, renderState.showSkeleton, renderState.skeletonShownAt, resetKey]);
+    return renderState.showSkeleton;
 };
 exports.default = useDelayedLoading;
 //# sourceMappingURL=useDelayedLoading.js.map

package/cjs/component/table/useDelayedLoading.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDelayedLoading.js","sourceRoot":"","sources":["../../../src/component/table/useDelayedLoading.ts"],"names":[],"mappings":";;AAAA,iCAAkD;AAElD,MAAM,oBAAoB,GAAG,GAAG,CAAC;AACjC,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAEjC;;;;;;GAMG;AACH,MAAM,iBAAiB,GAAG,CAAC,OAAgB,EAAW,EAAE;IACpD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAC;IAC1D,MAAM,mBAAmB,GAAG,IAAA,cAAM,EAAC,OAAO,CAAC,CAAC;IAC5C,MAAM,wBAAwB,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,eAAe,GAAG,IAAA,cAAM,EAAgB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAE3E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,OAAO,EAAE,CAAC;YACV,IAAI,mBAAmB,CAAC,OAAO,IAAI,CAAC,wBAAwB,CAAC,OAAO,EAAE,CAAC;gBACnE,wBAAwB,CAAC,OAAO,GAAG,IAAI,CAAC;gBACxC,eAAe,CAAC,IAAI,CAAC,CAAC;gBACtB,eAAe,CAAC,OAAO,GAAG,eAAe,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;gBAChE,OAAO,SAAS,CAAC;YACrB,CAAC;YAED,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC1B,eAAe,CAAC,IAAI,CAAC,CAAC;gBACtB,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YACzC,CAAC,EAAE,oBAAoB,CAAC,CAAC;YAEzB,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC;QAED,wBAAwB,CAAC,OAAO,GAAG,IAAI,CAAC;QAExC,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YAC1B,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,eAAe,CAAC,OAAO,CAAC;YACrD,IAAI,OAAO,GAAG,oBAAoB,EAAE,CAAC;gBACjC,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;oBAC1B,eAAe,CAAC,KAAK,CAAC,CAAC;oBACvB,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;gBACnC,CAAC,EAAE,oBAAoB,GAAG,OAAO,CAAC,CAAC;gBACnC,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YACrC,CAAC;QACL,CAAC;QAED,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;QAC/B,OAAO,SAAS,CAAC;IACrB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,YAAY,CAAC;AACxB,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}
+{"version":3,"file":"useDelayedLoading.js","sourceRoot":"","sources":["../../../src/component/table/useDelayedLoading.ts"],"names":[],"mappings":"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"}

package/cjs/component/table/useTable.d.ts

@@ -20,6 +20,10 @@ export type UseTableParams<D> = {
     dataUseState?: [D[], Dispatch<SetStateAction<D[]>>];
     fetchData?: (args: FetchDataArgs) => Promise<D[]>;
     fetchDataExtraDeps?: unknown[];
+    /** Stable identity whose change resets page/sort and invalidates rows from the previous identity. */
+    resetKey?: string | number;
+    /** Sort defaults applied when resetKey changes, or an explicit request to keep the current sort. */
+    resetDisplayOptions?: 'preserve' | Pick<TableDisplayOptions, 'sortColumnIndex' | 'sortAsc'>;
 };
 interface IUseTableResult<D> {
     page: number;