@cloud-ru/uikit-product-mobile-table 0.16.2 → 0.17.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-mobile-table",
   "title": "Mobile Table",
-  "version": "0.16.2",
+  "version": "0.17.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -36,12 +36,14 @@
   },
   "scripts": {},
   "dependencies": {
-    "@cloud-ru/uikit-product-icons": "16.1.0",
-    "@cloud-ru/uikit-product-mobile-chips": "0.8.46",
-    "@cloud-ru/uikit-product-mobile-dropdown": "0.9.30",
-    "@cloud-ru/uikit-product-mobile-toolbar": "0.4.13",
-    "@cloud-ru/uikit-product-utils": "8.0.2",
+    "@cloud-ru/ft-request-payload-transform": "0.3.0",
+    "@cloud-ru/uikit-product-icons": "16.1.1",
+    "@cloud-ru/uikit-product-mobile-chips": "0.8.47",
+    "@cloud-ru/uikit-product-mobile-dropdown": "0.9.31",
+    "@cloud-ru/uikit-product-mobile-toolbar": "0.5.0",
+    "@cloud-ru/uikit-product-utils": "8.1.0",
     "@snack-uikit/button": "0.19.16",
+    "@snack-uikit/chips": "0.28.12",
     "@snack-uikit/figma-tokens": "18.0.1",
     "@snack-uikit/icons": "0.27.4",
     "@snack-uikit/info-block": "0.6.35",
@@ -51,11 +53,12 @@
     "@snack-uikit/status": "0.10.7",
     "@snack-uikit/table": "0.37.25",
     "@snack-uikit/toggles": "0.13.23",
+    "@snack-uikit/toolbar": "0.14.15",
+    "@snack-uikit/utils": "4.0.1",
     "@tanstack/match-sorter-utils": "8.19.4",
     "@tanstack/react-table": "8.12.0",
     "classnames": "2.5.1",
-    "lodash.debounce": "4.0.8",
-    "uncontrollable": "8.0.4"
+    "lodash.debounce": "4.0.8"
   },
   "peerDependencies": {
     "@cloud-ru/uikit-product-locale": "*"
@@ -63,5 +66,5 @@
   "devDependencies": {
     "@types/lodash.debounce": "4.0.9"
   },
-  "gitHead": "7303f734eef30f1ac7ac3a279bcf324dcd549059"
+  "gitHead": "b8c76e1a66bd22f7c266466eb340860b06581d10"
 }

package/src/components/AdaptiveServerTable/AdaptiveServerTable.tsx

@@ -3,11 +3,12 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
 import { FiltersState } from '@cloud-ru/uikit-product-mobile-chips';
 import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
 import { PaginationState, ServerTable as DesktopTable, ServerTableProps } from '@snack-uikit/table';
+import { useValueControl } from '@snack-uikit/utils';
 
-import { DEFAULT_PAGE_SIZE, DEFAULT_PAGINATION_LIMIT } from '../constants';
-import { useStateControl } from '../hooks';
+import { DEFAULT_PAGE_SIZE } from '../../constants';
 import { MobileTable, MobileTableProps } from '../MobileTable';
-import { onSearchDebounced } from '../utils';
+import { DEFAULT_PAGINATION_LIMIT } from './constants';
+import { onSearchDebounced } from './utils';
 
 export type AdaptiveServerTableProps<TData extends object, TFilters extends FiltersState> = Omit<
   ServerTableProps<TData, TFilters>,
@@ -34,7 +35,7 @@ export function AdaptiveServerTable<TData extends object, TFilters extends Filte
     ...rest
   } = props;
 
-  const { state: search, onStateChange: setSearch } = useStateControl<string>(searchProp, '');
+  const [search, setSearch] = useValueControl<string>(searchProp ?? { defaultValue: '' });
 
   const [tempSearch, setTempSearch] = useState(search || '');
 

package/src/components/{constants.ts → AdaptiveServerTable/constants.ts}

@@ -1,3 +1,2 @@
-export const DEFAULT_PAGE_SIZE = 5;
 export const SEARCH_DELAY = 500;
 export const DEFAULT_PAGINATION_LIMIT = 10;

package/src/components/AdaptiveServerTable/utils.ts

@@ -0,0 +1,12 @@
+import debounce from 'lodash.debounce';
+
+import { SEARCH_DELAY } from './constants';
+
+type OnSearchDebouncedType = (newValue: string, onChange: (newValue: string) => void) => void;
+
+export const onSearchDebounced: OnSearchDebouncedType = debounce(
+  (newValue: string, onChange: (newValue: string) => void) => {
+    onChange(newValue);
+  },
+  SEARCH_DELAY,
+);

package/src/components/{MobileTable.tsx → MobileTable/MobileTable.tsx}

@@ -12,20 +12,22 @@ import cn from 'classnames';
 import { useCallback, useEffect, useMemo } from 'react';
 
 import { useLocale } from '@cloud-ru/uikit-product-locale';
-import { FiltersState, MobileChipChoiceRowProps } from '@cloud-ru/uikit-product-mobile-chips';
+import { FiltersState } from '@cloud-ru/uikit-product-mobile-chips';
 import { MobileToolbar, MobileToolbarProps } from '@cloud-ru/uikit-product-mobile-toolbar';
-import { extractSupportProps, WithSupportProps } from '@cloud-ru/uikit-product-utils';
+import { extractSupportProps } from '@cloud-ru/uikit-product-utils';
 import { SkeletonContextProvider } from '@snack-uikit/skeleton';
 import {
   getPinnedGroups,
   PaginationState,
-  TableProps,
   useColumnOrderByDrag,
   useColumnSettings,
   usePageReset,
 } from '@snack-uikit/table';
+import { useValueControl } from '@snack-uikit/utils';
 
+import { DEFAULT_PAGE_SIZE } from '../../constants';
 import {
+  ColumnsSettings,
   getRowActionsColumnDef,
   getStatusColumnDef,
   TableCard,
@@ -33,50 +35,18 @@ import {
   TablePagination,
   TableSorting,
   useEmptyState,
-} from '../helperComponents';
-import { ColumnsSettings } from '../helperComponents/ColumnsSettings';
-import { DEFAULT_PAGE_SIZE } from './constants';
-import { useLoadingTable, useStateControl } from './hooks';
+} from '../../helperComponents';
+import { useFilters, useLoadingTable } from './hooks';
 import styles from './styles.module.scss';
-import { fuzzyFilter } from './utils';
-
-export type MobileTableProps<TData extends object, TFilters extends FiltersState = Record<string, unknown>> = Pick<
-  TableProps<TData, TFilters>,
-  | 'data'
-  | 'columnDefinitions'
-  | 'suppressPagination'
-  | 'suppressToolbar'
-  | 'suppressSearch'
-  | 'search'
-  | 'onRefresh'
-  | 'moreActions'
-  | 'className'
-  | 'enableFuzzySearch'
-  | 'loading'
-  | 'dataError'
-  | 'dataFiltered'
-  | 'noDataState'
-  | 'noResultsState'
-  | 'errorDataState'
-  | 'sorting'
-  | 'pagination'
-  | 'pageCount'
-  | 'manualFiltering'
-  | 'manualPagination'
-  | 'manualSorting'
-  | 'getRowId'
-  | 'rowSelection'
-  | 'bulkActions'
-  | 'columnsSettings'
-  | 'savedState'
-  | 'autoResetPageIndex'
-  | 'toolbarAfter'
-> &
-  WithSupportProps<{
-    headlineId?: string;
-    headerBackground?: 'default' | '1-level' | '2-level';
-    columnFilters?: MobileChipChoiceRowProps<FiltersState>;
-  }>;
+import { MobileTableProps } from './types';
+import {
+  fuzzyFilter,
+  getPersistedStateValidator,
+  mapPaginationToRequestPayload,
+  mapPaginationToTableState,
+  mapSortToRequestPayload,
+  mapSortToTableState,
+} from './utils';
 
 export function MobileTable<TData extends object, TFilters extends FiltersState = Record<string, unknown>>({
   data,
@@ -115,16 +85,14 @@ export function MobileTable<TData extends object, TFilters extends FiltersState
 }: MobileTableProps<TData, TFilters>) {
   const defaultPaginationState = useMemo(() => ({ pageIndex: 0, pageSize: DEFAULT_PAGE_SIZE }), []);
 
-  const { state: sorting, onStateChange: onSortingChange } = useStateControl<SortingState>(sortingProp, []);
-  const { state: globalFilter, onStateChange: onGlobalFilterChange } = useStateControl<string>(search, '');
-  const { state: pagination, onStateChange: onPaginationChange } = useStateControl<PaginationState>(
-    paginationProp,
-    defaultPaginationState,
+  const [sorting = [], onSortingChange] = useValueControl<SortingState>(sortingProp ?? { defaultValue: [] });
+  const [globalFilter = '', onGlobalFilterChange] = useValueControl<string>(search ?? { defaultValue: '' });
+  const [pagination = defaultPaginationState, onPaginationChange] = useValueControl<PaginationState>(
+    paginationProp ?? { defaultValue: defaultPaginationState },
   );
 
-  const { state: rowSelection, onStateChange: onRowSelectionChange } = useStateControl<RowSelectionState>(
-    rowSelectionProp,
-    {},
+  const [rowSelection = {}, onRowSelectionChange] = useValueControl<RowSelectionState>(
+    rowSelectionProp ?? { defaultValue: {} },
   );
 
   const enableRowSelection = useCallback(
@@ -311,6 +279,9 @@ export function MobileTable<TData extends object, TFilters extends FiltersState
 
   const tableFilteredRows = table.getFilteredRowModel().rows;
 
+  const { filter, patchedFilter, setFilter, setFilterVisibility } = useFilters({ columnFilters });
+  const validatePersistedState = useMemo(() => getPersistedStateValidator(columnFilters), [columnFilters]);
+
   usePageReset({
     manualPagination,
     maximumAvailablePage: pageCount || tableFilteredRows.length / pagination.pageSize,
@@ -336,7 +307,7 @@ export function MobileTable<TData extends object, TFilters extends FiltersState
             }
             onRefresh={onRefresh ? handleOnRefresh : undefined}
             outline
-            filterRow={columnFilters}
+            filterRow={patchedFilter}
             after={
               toolbarAfter || shouldShowSorting || (areColumnsSettingsEnabled && columnsSettings) ? (
                 <>
@@ -366,6 +337,30 @@ export function MobileTable<TData extends object, TFilters extends FiltersState
             onCheck={enableSelection ? handleOnToolbarCheck : undefined}
             checked={table.getIsAllPageRowsSelected()}
             indeterminate={table.getIsSomePageRowsSelected()}
+            persist={
+              savedState?.id && savedState?.filterQueryKey
+                ? {
+                    id: savedState.id,
+                    filterQueryKey: savedState.filterQueryKey,
+                    validateData: data => validatePersistedState(data),
+                    state: {
+                      pagination: mapPaginationToRequestPayload(pagination),
+                      ordering: mapSortToRequestPayload(sorting),
+                      filter,
+                      search: globalFilter || '',
+                    },
+                    onLoad: state => {
+                      state.pagination && onPaginationChange(mapPaginationToTableState(state.pagination));
+                      state.search && onGlobalFilterChange(state.search);
+                      state.ordering && onSortingChange(mapSortToTableState(state.ordering));
+                      if (state.filter) {
+                        setFilter(state.filter as TFilters);
+                        setFilterVisibility(Object.keys(state.filter));
+                      }
+                    },
+                  }
+                : undefined
+            }
           />
         </div>
       )}

package/src/components/MobileTable/hooks/index.ts

@@ -0,0 +1,2 @@
+export * from './useLoadingTable';
+export * from './useFilters';

package/src/components/MobileTable/hooks/useFilters/index.ts

@@ -0,0 +1 @@
+export * from './useFilters';

package/src/components/MobileTable/hooks/useFilters/useFilters.ts

@@ -0,0 +1,57 @@
+import { useMemo, useState } from 'react';
+
+import { FiltersState } from '@cloud-ru/uikit-product-mobile-chips';
+import { useValueControl } from '@snack-uikit/utils';
+
+import { MobileTableProps } from '../../types';
+import { getInitialColumnsFiltersOpenValue } from './utils';
+
+type useFiltersProps<TData extends object, TFilters extends FiltersState = Record<string, unknown>> = Pick<
+  MobileTableProps<TData, TFilters>,
+  'columnFilters'
+>;
+
+export function useFilters<TData extends object, TFilters extends FiltersState = Record<string, unknown>>({
+  columnFilters,
+}: useFiltersProps<TData, TFilters>) {
+  const [areColumnFiltersOpen, setAreColumnFiltersOpen] = useState<boolean>(() =>
+    getInitialColumnsFiltersOpenValue(columnFilters),
+  );
+
+  const [filter, setFilter] = useValueControl<TFilters | undefined>({
+    value: columnFilters?.value,
+    defaultValue: columnFilters?.defaultValue as TFilters,
+    onChange: columnFilters?.onChange,
+  });
+
+  const [filterVisibility = [], setFilterVisibility] = useValueControl<string[]>({
+    value: columnFilters?.visibleFilters,
+    defaultValue: [],
+    onChange: columnFilters?.onVisibleFiltersChange,
+  });
+
+  const patchedFilter = useMemo(() => {
+    if (!columnFilters) {
+      return undefined;
+    }
+
+    return {
+      open: areColumnFiltersOpen,
+      onOpenChange: setAreColumnFiltersOpen,
+      ...columnFilters,
+      value: filter,
+      onChange: setFilter as (filter: TFilters) => void,
+      visibleFilters: filterVisibility,
+      onVisibleFiltersChange: setFilterVisibility,
+    };
+  }, [columnFilters, areColumnFiltersOpen, filter, setFilter, filterVisibility, setFilterVisibility]);
+
+  return {
+    filter,
+    setFilter,
+
+    patchedFilter,
+
+    setFilterVisibility,
+  };
+}

package/src/components/MobileTable/hooks/useFilters/utils/getInitialColumnsFiltersOpenValue.ts

@@ -0,0 +1,13 @@
+import { MobileTableProps } from '../../../types';
+
+export function getInitialColumnsFiltersOpenValue<TData extends object>(
+  columnFilters: MobileTableProps<TData>['columnFilters'],
+) {
+  if (!columnFilters) {
+    return false;
+  }
+
+  return 'initialOpen' in columnFilters && typeof columnFilters.initialOpen === 'boolean'
+    ? columnFilters.initialOpen
+    : true;
+}

package/src/components/MobileTable/hooks/useFilters/utils/index.ts

@@ -0,0 +1 @@
+export * from './getInitialColumnsFiltersOpenValue';

package/src/components/{hooks.tsx → MobileTable/hooks/useLoadingTable.tsx}

@@ -1,32 +1,11 @@
 import { getCoreRowModel, useReactTable } from '@tanstack/react-table';
 import { useMemo } from 'react';
-import { useUncontrolledProp } from 'uncontrollable';
 
 import { FiltersState } from '@cloud-ru/uikit-product-mobile-chips';
 import { SkeletonText } from '@snack-uikit/skeleton';
 import { TableProps } from '@snack-uikit/table';
 
-import { ROW_ACTIONS_COLUMN_ID } from '../constants';
-
-export function useStateControl<TState>(
-  control: { initialState?: TState; state?: TState; onChange?(state: TState): void } | undefined,
-  defaultState: TState,
-) {
-  const [state, onStateChange] = useUncontrolledProp<TState>(
-    control?.state,
-    control?.state ?? control?.initialState ?? defaultState,
-    (controlState: TState) => {
-      const newState = typeof controlState === 'function' ? controlState(state) : controlState;
-
-      control?.onChange?.(newState);
-    },
-  );
-
-  return {
-    state,
-    onStateChange,
-  };
-}
+import { ROW_ACTIONS_COLUMN_ID } from '../../../constants';
 
 type UseLoadingTableProps<TData extends object, TFilters extends FiltersState> = {
   columnDefinitions: TableProps<TData, TFilters>['columnDefinitions'];

package/src/components/MobileTable/index.ts

@@ -0,0 +1,3 @@
+export * from './MobileTable';
+export * from './types';
+export { formatTableStateToRequestPayload } from './utils/saveTableState/mappers';

package/src/components/MobileTable/types.ts

@@ -0,0 +1,44 @@
+import { FiltersState, MobileChipChoiceRowProps } from '@cloud-ru/uikit-product-mobile-chips';
+import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
+import { TableProps } from '@snack-uikit/table';
+
+export type MobileTableProps<TData extends object, TFilters extends FiltersState = Record<string, unknown>> = Pick<
+  TableProps<TData, TFilters>,
+  | 'data'
+  | 'columnDefinitions'
+  | 'suppressPagination'
+  | 'suppressToolbar'
+  | 'suppressSearch'
+  | 'search'
+  | 'onRefresh'
+  | 'moreActions'
+  | 'className'
+  | 'enableFuzzySearch'
+  | 'loading'
+  | 'dataError'
+  | 'dataFiltered'
+  | 'noDataState'
+  | 'noResultsState'
+  | 'errorDataState'
+  | 'sorting'
+  | 'pagination'
+  | 'pageCount'
+  | 'manualFiltering'
+  | 'manualPagination'
+  | 'manualSorting'
+  | 'getRowId'
+  | 'rowSelection'
+  | 'bulkActions'
+  | 'columnsSettings'
+  | 'savedState'
+  | 'autoResetPageIndex'
+  | 'toolbarAfter'
+> &
+  WithSupportProps<{
+    headlineId?: string;
+    headerBackground?: 'default' | '1-level' | '2-level';
+    /** Фильтры */
+    columnFilters?: MobileChipChoiceRowProps<TFilters> & {
+      initialOpen?: boolean;
+    };
+  }>;

package/src/components/{utils.ts → MobileTable/utils/fuzzyFilter.ts}

@@ -1,8 +1,5 @@
 import { RankingInfo, rankItem } from '@tanstack/match-sorter-utils';
 import { FilterFn } from '@tanstack/react-table';
-import debounce from 'lodash.debounce';
-
-import { SEARCH_DELAY } from './constants';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const fuzzyFilter: FilterFn<any> = (row, columnId, value, addMeta) => {
@@ -14,12 +11,3 @@ export const fuzzyFilter: FilterFn<any> = (row, columnId, value, addMeta) => {
 
   return itemRank.passed;
 };
-
-type OnSearchDebouncedType = (newValue: string, onChange: (newValue: string) => void) => void;
-
-export const onSearchDebounced: OnSearchDebouncedType = debounce(
-  (newValue: string, onChange: (newValue: string) => void) => {
-    onChange(newValue);
-  },
-  SEARCH_DELAY,
-);

package/src/components/MobileTable/utils/index.ts

@@ -0,0 +1,2 @@
+export * from './fuzzyFilter';
+export * from './saveTableState';

package/src/components/MobileTable/utils/saveTableState/getPersistedStateValidator.ts

@@ -0,0 +1,21 @@
+import { FiltersState } from '@snack-uikit/chips';
+import { PersistedFilterState } from '@snack-uikit/toolbar';
+
+import { MobileTableProps } from '../../types';
+import { validateFilter, validatePaging, validateSorting } from './validators';
+
+export const getPersistedStateValidator =
+  <TData extends object, TFilters extends FiltersState = Record<string, unknown>>(
+    columnFilters: MobileTableProps<TData, TFilters>['columnFilters'],
+  ) =>
+  (data: unknown): data is PersistedFilterState<TFilters> => {
+    const dataAsSettings = data as PersistedFilterState<TFilters>;
+    const isPaginationValid = validatePaging(dataAsSettings?.pagination);
+    const isSortingValid = validateSorting(dataAsSettings?.ordering);
+    const isSearchValid = !dataAsSettings?.search || typeof dataAsSettings?.search === 'string';
+    const isFilterValid = Boolean(
+      columnFilters?.filters && validateFilter(dataAsSettings.filter, columnFilters.filters),
+    );
+
+    return isPaginationValid && isSortingValid && isSearchValid && isFilterValid;
+  };

package/src/components/MobileTable/utils/saveTableState/index.ts

@@ -0,0 +1,3 @@
+export * from './validators';
+export * from './mappers';
+export * from './getPersistedStateValidator';

package/src/components/MobileTable/utils/saveTableState/mappers.ts

@@ -0,0 +1,62 @@
+import { RequestPayloadParams, SortDirection } from '@cloud-ru/ft-request-payload-transform';
+import { PaginationState, SortingState } from '@tanstack/react-table';
+
+import { FiltersState } from '@snack-uikit/chips';
+import { formatFilterStateToRequestPayload, PersistedFilterState } from '@snack-uikit/toolbar';
+
+import { DEFAULT_PAGE_SIZE } from '../../../../constants';
+
+export const mapPaginationToTableState = (value?: RequestPayloadParams['pagination']): PaginationState => {
+  if (!value || value.offset === undefined || value.limit === undefined) {
+    return { pageSize: DEFAULT_PAGE_SIZE, pageIndex: 0 };
+  }
+
+  return {
+    pageSize: value.limit || DEFAULT_PAGE_SIZE,
+    pageIndex: Math.floor(value.offset / value.limit),
+  };
+};
+
+export const mapSortToTableState = (value: RequestPayloadParams['ordering'] = []): SortingState =>
+  value.map(column => ({
+    id: column.field,
+    desc: column.direction === '-',
+  }));
+
+export const mapPaginationToRequestPayload = (
+  value?: PaginationState | RequestPayloadParams['pagination'],
+): RequestPayloadParams['pagination'] => {
+  if (!value) return undefined;
+
+  if ('limit' in value || 'offset' in value) {
+    return value;
+  }
+
+  return {
+    limit: value.pageSize,
+    offset: value.pageSize * value.pageIndex,
+  };
+};
+
+export const mapSortToRequestPayload = (value?: SortingState): RequestPayloadParams['ordering'] =>
+  value?.map(column => ({
+    field: column.id,
+    direction: (column.desc ? '-' : '+') as SortDirection,
+  }));
+
+/** Вспомогательная функция для преобразования состояния таблицы к формату RequestPayloadParams */
+export const formatTableStateToRequestPayload = <T extends FiltersState>({
+  pagination,
+  sorting,
+  search,
+  filter,
+}: Omit<PersistedFilterState<T>, 'pagination' | 'sorting'> & {
+  pagination?: PaginationState | RequestPayloadParams['pagination'];
+  sorting?: SortingState;
+}) =>
+  formatFilterStateToRequestPayload({
+    filter,
+    search,
+    pagination: mapPaginationToRequestPayload(pagination),
+    ordering: mapSortToRequestPayload(sorting),
+  });

package/src/components/MobileTable/utils/saveTableState/validators.ts

@@ -0,0 +1,21 @@
+import { RequestPayloadParams } from '@cloud-ru/ft-request-payload-transform';
+
+import { ChipChoiceRowProps } from '@snack-uikit/chips';
+
+export const validatePaging = (value: unknown): value is RequestPayloadParams['pagination'] =>
+  typeof (value as RequestPayloadParams['pagination'])?.limit === 'number' &&
+  typeof (value as RequestPayloadParams['pagination'])?.offset === 'number';
+
+export const validateSorting = (value: unknown): value is RequestPayloadParams['ordering'] =>
+  !value ||
+  (value as NonNullable<RequestPayloadParams['ordering']>).every(
+    column => typeof column?.field === 'string' && typeof column?.direction === 'string',
+  );
+
+export const validateFilter = <TFilters extends Record<string, unknown>>(
+  value: unknown,
+  filterSettings: ChipChoiceRowProps<TFilters>['filters'],
+): value is TFilters =>
+  typeof value === 'object' &&
+  value !== null &&
+  Object.keys(value).every(field => Boolean(filterSettings.find(setting => setting.id === field)));

package/src/constants.ts

@@ -16,3 +16,5 @@ export const TEST_IDS = {
 };
 
 export const ROW_ACTIONS_COLUMN_ID = 'rowActions';
+
+export const DEFAULT_PAGE_SIZE = 5;

package/src/helperComponents/ColumnsSettings/ColumnsSettings.tsx

@@ -4,6 +4,7 @@ import { FunctionSettingsSVG } from '@snack-uikit/icons';
 import { GroupSelectItemProps } from '@snack-uikit/list';
 
 import styles from './styles.module.scss';
+
 export type ColumnsSettingsProps = {
   enabledColumns: string[];
   setEnabledColumns(enabledColumns: string[]): void;

package/src/index.ts

@@ -1 +1,2 @@
 export * from './components';
+export * from './helperComponents';

package/dist/cjs/components/MobileTable.d.ts

@@ -1,13 +0,0 @@
-import { FiltersState, MobileChipChoiceRowProps } from '@cloud-ru/uikit-product-mobile-chips';
-import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
-import { TableProps } from '@snack-uikit/table';
-export type MobileTableProps<TData extends object, TFilters extends FiltersState = Record<string, unknown>> = Pick<TableProps<TData, TFilters>, 'data' | 'columnDefinitions' | 'suppressPagination' | 'suppressToolbar' | 'suppressSearch' | 'search' | 'onRefresh' | 'moreActions' | 'className' | 'enableFuzzySearch' | 'loading' | 'dataError' | 'dataFiltered' | 'noDataState' | 'noResultsState' | 'errorDataState' | 'sorting' | 'pagination' | 'pageCount' | 'manualFiltering' | 'manualPagination' | 'manualSorting' | 'getRowId' | 'rowSelection' | 'bulkActions' | 'columnsSettings' | 'savedState' | 'autoResetPageIndex' | 'toolbarAfter'> & WithSupportProps<{
-    headlineId?: string;
-    headerBackground?: 'default' | '1-level' | '2-level';
-    columnFilters?: MobileChipChoiceRowProps<FiltersState>;
-}>;
-export declare function MobileTable<TData extends object, TFilters extends FiltersState = Record<string, unknown>>({ data, columnDefinitions, headlineId, suppressPagination, suppressToolbar, suppressSearch, enableFuzzySearch, search, onRefresh, toolbarAfter, moreActions, columnFilters, className, headerBackground, noDataState, noResultsState, errorDataState, loading, dataError, dataFiltered, pagination: paginationProp, pageCount, sorting: sortingProp, manualSorting, manualPagination, manualFiltering, autoResetPageIndex, getRowId, rowSelection: rowSelectionProp, bulkActions: bulkActionsProp, columnsSettings: columnsSettingsProp, savedState, ...rest }: MobileTableProps<TData, TFilters>): import("react/jsx-runtime").JSX.Element;
-export declare namespace MobileTable {
-    var getRowActionsColumnDef: typeof import("../helperComponents").getRowActionsColumnDef;
-    var getStatusColumnDef: typeof import("../helperComponents").getStatusColumnDef;
-}

package/dist/esm/components/MobileTable.d.ts

@@ -1,13 +0,0 @@
-import { FiltersState, MobileChipChoiceRowProps } from '@cloud-ru/uikit-product-mobile-chips';
-import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
-import { TableProps } from '@snack-uikit/table';
-export type MobileTableProps<TData extends object, TFilters extends FiltersState = Record<string, unknown>> = Pick<TableProps<TData, TFilters>, 'data' | 'columnDefinitions' | 'suppressPagination' | 'suppressToolbar' | 'suppressSearch' | 'search' | 'onRefresh' | 'moreActions' | 'className' | 'enableFuzzySearch' | 'loading' | 'dataError' | 'dataFiltered' | 'noDataState' | 'noResultsState' | 'errorDataState' | 'sorting' | 'pagination' | 'pageCount' | 'manualFiltering' | 'manualPagination' | 'manualSorting' | 'getRowId' | 'rowSelection' | 'bulkActions' | 'columnsSettings' | 'savedState' | 'autoResetPageIndex' | 'toolbarAfter'> & WithSupportProps<{
-    headlineId?: string;
-    headerBackground?: 'default' | '1-level' | '2-level';
-    columnFilters?: MobileChipChoiceRowProps<FiltersState>;
-}>;
-export declare function MobileTable<TData extends object, TFilters extends FiltersState = Record<string, unknown>>({ data, columnDefinitions, headlineId, suppressPagination, suppressToolbar, suppressSearch, enableFuzzySearch, search, onRefresh, toolbarAfter, moreActions, columnFilters, className, headerBackground, noDataState, noResultsState, errorDataState, loading, dataError, dataFiltered, pagination: paginationProp, pageCount, sorting: sortingProp, manualSorting, manualPagination, manualFiltering, autoResetPageIndex, getRowId, rowSelection: rowSelectionProp, bulkActions: bulkActionsProp, columnsSettings: columnsSettingsProp, savedState, ...rest }: MobileTableProps<TData, TFilters>): import("react/jsx-runtime").JSX.Element;
-export declare namespace MobileTable {
-    var getRowActionsColumnDef: typeof import("../helperComponents").getRowActionsColumnDef;
-    var getStatusColumnDef: typeof import("../helperComponents").getStatusColumnDef;
-}

package/dist/esm/components/hooks.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { getCoreRowModel, useReactTable } from '@tanstack/react-table';
-import { useMemo } from 'react';
-import { useUncontrolledProp } from 'uncontrollable';
-import { SkeletonText } from '@snack-uikit/skeleton';
-import { ROW_ACTIONS_COLUMN_ID } from '../constants';
-export function useStateControl(control, defaultState) {
-    var _a, _b;
-    const [state, onStateChange] = useUncontrolledProp(control === null || control === void 0 ? void 0 : control.state, (_b = (_a = control === null || control === void 0 ? void 0 : control.state) !== null && _a !== void 0 ? _a : control === null || control === void 0 ? void 0 : control.initialState) !== null && _b !== void 0 ? _b : defaultState, (controlState) => {
-        var _a;
-        const newState = typeof controlState === 'function' ? controlState(state) : controlState;
-        (_a = control === null || control === void 0 ? void 0 : control.onChange) === null || _a === void 0 ? void 0 : _a.call(control, newState);
-    });
-    return {
-        state,
-        onStateChange,
-    };
-}
-export function useLoadingTable({ pageSize, columnDefinitions, }) {
-    const data = useMemo(() => (Array.from({ length: pageSize }).map(() => ({})) || []), [pageSize]);
-    const columns = useMemo(() => columnDefinitions
-        .filter(column => column.id !== ROW_ACTIONS_COLUMN_ID)
-        .map(column => (Object.assign(Object.assign({}, column), { cell: () => _jsx(SkeletonText, { lines: 1, width: '100%' }) }))), [columnDefinitions]);
-    const loadingTable = useReactTable({
-        data,
-        columns,
-        getCoreRowModel: getCoreRowModel(),
-    });
-    return { loadingTable };
-}