@cloud-ru/uikit-product-mobile-table 0.16.3 → 1.0.1-preview-b95fca4e.0

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/helperComponents/RowActionsCell/styles.module.scss

@@ -1,4 +1,4 @@
-@use '@sbercloud/figma-tokens-cloud-platform/build/scss/components/styles-tokens-table';
+@use '@cloud-ru/figma-tokens-cloud-platform/build/scss/components/styles-tokens-table';
 
 .rowActionsCell {
   position: relative;

package/src/helperComponents/TableCard/styles.module.scss

@@ -1,4 +1,4 @@
-@use '@sbercloud/figma-tokens-cloud-platform/build/scss/styles-theme-variables';
+@use '@cloud-ru/figma-tokens-cloud-platform/build/scss/styles-theme-variables';
 
 .selectionController {
   position: absolute;

package/src/helperComponents/TableEmptyState/styles.module.scss

@@ -1,4 +1,4 @@
-@use '@sbercloud/figma-tokens-cloud-platform/build/scss/components/styles-tokens-table';
+@use '@cloud-ru/figma-tokens-cloud-platform/build/scss/components/styles-tokens-table';
 
 .tableEmptyStateWrapper {
   display: flex;

package/src/helperComponents/TablePagination/styles.module.scss

@@ -1,4 +1,4 @@
-@use '@sbercloud/figma-tokens-cloud-platform/build/scss/styles-theme-variables';
+@use '@cloud-ru/figma-tokens-cloud-platform/build/scss/styles-theme-variables';
 
 .pagination {
   display: flex;

package/src/helperComponents/TableSorting/styles.module.scss

@@ -1,4 +1,4 @@
-@use '@sbercloud/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as stv;
+@use '@cloud-ru/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as stv;
 
 .clearSortItem {
   &[data-disabled='true'] {

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 };
-}