@scbt-ecom/ui 0.46.6 → 0.47.0

package/dist/shared/ui/index.d.ts

@@ -15,6 +15,8 @@ export * from './progressBar';
 export * from './tabSwitcher';
 export * from './modal';
 export * from './notification';
+export * from './table';
+export * from './pagination';
 export * from './providers';
 export * from './heading';
 export * from './icon';

package/dist/shared/ui/pagination/Pagination.d.ts

@@ -0,0 +1,38 @@
+type PaginationClasses = {
+    root?: string;
+    button?: string;
+    ellipsis?: string;
+};
+export type PaginationProps = {
+    /**
+     * активная страница
+     */
+    page?: number;
+    /**
+     * количество элементов после сужения страниц пример 1 - (1...6 7 8...n)
+     *                                                            ^   ^
+     */
+    between?: number;
+    /**
+     * количество элементов на странице
+     */
+    totalPages: number;
+    /**
+     * функция для переключения страницы
+     */
+    changePage: (page: number) => void;
+    /**
+     * включить переход на следующую/предыдущую страницу
+     */
+    next?: boolean;
+    /**
+     * количество страниц для сужения
+     */
+    ellipsis?: number;
+    /**
+     * дополнительные стили
+     */
+    classes?: PaginationClasses;
+};
+export declare const Pagination: ({ page, between, totalPages, changePage, next, ellipsis, classes }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/pagination/index.d.ts

@@ -0,0 +1 @@
+export { Pagination, type PaginationProps } from './Pagination';

package/dist/shared/ui/table/Desktop.d.ts

@@ -0,0 +1,7 @@
+import { Table as TTable } from '@tanstack/react-table';
+import { DataTableProps } from './model';
+type DesktopTableProps<TData extends {}> = Pick<DataTableProps<TData>, 'enableHeaders' | 'classes' | 'mode' | 'pagination'> & {
+    table: TTable<TData>;
+};
+export declare const Desktop: <TData extends {}>({ mode, enableHeaders, table, classes, pagination }: DesktopTableProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/table/Mobile.d.ts

@@ -0,0 +1,5 @@
+import { Table } from '@tanstack/react-table';
+import { DataTableProps } from './model';
+export declare const Mobile: <TData extends {}>({ mode, enableHeaders, table, classes }: Pick<DataTableProps<TData>, "enableHeaders" | "classes" | "mode"> & {
+    table: Table<TData>;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/table/Table.d.ts

@@ -0,0 +1,2 @@
+import { DataTableProps } from './model';
+export declare const DataTable: <TData extends {}>({ columns, data, enableHeaders, mode, classes, pagination }: DataTableProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/table/TablePagination.d.ts

@@ -0,0 +1,16 @@
+import { PaginationProps } from '../pagination';
+type TablePaginationClasses = {
+    root?: string;
+    displayShown?: string;
+    pagination?: PaginationProps['classes'];
+};
+export type TablePaginationProps = {
+    pageSize: number;
+    page: number;
+    rowsCount: number;
+    pageCount: number;
+    onPageIndexChange: (page: number) => void;
+    classes?: TablePaginationClasses;
+};
+export declare const TablePagination: ({ page, pageCount, pageSize, onPageIndexChange, rowsCount, classes }: TablePaginationProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/table/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ui';
+export { DataTable } from './Table';
+export { TableUtils } from './model';

package/dist/shared/ui/table/model/TableUtils.d.ts

@@ -0,0 +1,13 @@
+import { CellContext, ColumnDef, ColumnHelper, HeaderContext } from '@tanstack/react-table';
+type ColumnDefOptions<TData, TValue> = {
+    enableSorting?: (keyof TData)[] | boolean;
+    enableColumnFilter?: (keyof TData)[] | boolean;
+    helper?: ColumnHelper<TData>;
+    cellAccessor?: Partial<Record<keyof TData, (cellContext: CellContext<TData, TValue>) => React.ReactNode>>;
+    headerAccessor?: Partial<Record<keyof TData, (key: keyof TData, headerContext: HeaderContext<TData, TValue>) => React.ReactNode>>;
+};
+export declare class TableUtils {
+    static getColumnHelper<TData extends {}>(): ColumnHelper<TData>;
+    static getColumns<TData extends {}, TValue = TData[keyof TData]>(template: TData, options?: ColumnDefOptions<TData, TValue>): ColumnDef<TData>[];
+}
+export {};

package/dist/shared/ui/table/model/index.d.ts

@@ -0,0 +1,2 @@
+export { TableUtils } from './TableUtils';
+export type { DataTableProps } from './types';

package/dist/shared/ui/table/model/types.d.ts

@@ -0,0 +1,59 @@
+import { ColumnDef } from '@tanstack/react-table';
+import { TablePaginationProps } from '../TablePagination';
+type DataTableClasses = {
+    /**
+     * Стили родителя
+     */
+    root?: string;
+    /**
+     * Стили таблицы
+     */
+    table?: string;
+    /**
+     * Стили строки заголовков
+     */
+    tableHeader?: string;
+    /**
+     * Стили ячейки заголовка
+     */
+    tableHead?: string;
+    /**
+     * Стили строки
+     */
+    tableRow?: string;
+    /**
+     * Стили ячейки
+     */
+    tableCell?: string;
+    /**
+     * Стили пагинации
+     */
+    pagination?: TablePaginationProps['classes'];
+};
+export type DataTableProps<TData extends {}> = {
+    /**
+     * Столбцы для построения таблицы
+     */
+    columns: ColumnDef<TData>[];
+    /**
+     * Список данных
+     */
+    data: TData[];
+    /**
+     * Включить рендеринг заголовков
+     */
+    enableHeaders?: boolean;
+    /**
+     * Дополнительные стили компонентов
+     */
+    classes?: DataTableClasses;
+    /**
+     * Режим отображения таблицы
+     */
+    mode?: 'solid' | 'odd';
+    /**
+     * пагинация
+     */
+    pagination: ((props: TablePaginationProps) => React.JSX.Element) | boolean;
+};
+export {};

package/dist/shared/ui/table/ui/dataTableColumnHeader/DataTableColumnHeader.d.ts

@@ -0,0 +1,16 @@
+import { SortDirection } from '@tanstack/react-table';
+type DataTableColumnHeaderClasses = {
+    root?: string;
+    content?: string;
+    icon?: string;
+};
+type DataTableColumnHeaderProps = {
+    children: React.ReactNode;
+    isSorted: boolean | SortDirection;
+    toggleSorting: (desc: boolean) => void;
+    nextSortingOrder: boolean | SortDirection;
+    canSort: boolean;
+    classes?: DataTableColumnHeaderClasses;
+};
+export declare const DataTableColumnHeader: ({ children, canSort, toggleSorting, nextSortingOrder, isSorted, classes }: DataTableColumnHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/table/ui/dataTableColumnHeader/index.d.ts

@@ -0,0 +1 @@
+export { DataTableColumnHeader } from './DataTableColumnHeader';

package/dist/shared/ui/table/ui/index.d.ts

@@ -0,0 +1,2 @@
+export * from './primitives';
+export * from './dataTableColumnHeader';

package/dist/shared/ui/table/ui/primitives/Primitives.d.ts

@@ -0,0 +1,8 @@
+export declare const Table: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLTableElement> & import('react').RefAttributes<HTMLTableElement>>;
+export declare const TableHeader: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLTableSectionElement> & import('react').RefAttributes<HTMLTableSectionElement>>;
+export declare const TableBody: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLTableSectionElement> & import('react').RefAttributes<HTMLTableSectionElement>>;
+export declare const TableFooter: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLTableSectionElement> & import('react').RefAttributes<HTMLTableSectionElement>>;
+export declare const TableRow: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLTableRowElement> & import('react').RefAttributes<HTMLTableRowElement>>;
+export declare const TableHead: import('react').ForwardRefExoticComponent<import('react').ThHTMLAttributes<HTMLTableCellElement> & import('react').RefAttributes<HTMLTableCellElement>>;
+export declare const TableCell: import('react').ForwardRefExoticComponent<import('react').TdHTMLAttributes<HTMLTableCellElement> & import('react').RefAttributes<HTMLTableCellElement>>;
+export declare const TableCaption: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLTableCaptionElement> & import('react').RefAttributes<HTMLTableCaptionElement>>;

package/dist/shared/ui/table/ui/primitives/index.d.ts

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

package/dist/shared/utils/typeGuards.d.ts

@@ -1,5 +1,6 @@
 export declare class TypeGuards {
     static isString(value: unknown): value is string;
+    static isBoolean(value: unknown): value is boolean;
     static isStringEmpty(value: unknown): value is string;
     static isNull(value: unknown): value is null;
     static isUndefined(value: unknown): value is undefined;

package/dist/{typeGuards-CSJS99k6.js → typeGuards-BigW-JS1.js}

@@ -2273,6 +2273,9 @@ class Oe {
   static isString(r) {
     return typeof r == "string";
   }
+  static isBoolean(r) {
+    return typeof r == "boolean";
+  }
   static isStringEmpty(r) {
     return this.isString(r) && !r.length;
   }
@@ -2300,4 +2303,4 @@ export {
   ne as a,
   We as c
 };
-//# sourceMappingURL=typeGuards-CSJS99k6.js.map
+//# sourceMappingURL=typeGuards-BigW-JS1.js.map