@devbonnysid/ui-kit-default 1.5.1 → 1.6.0

package/dist/components/Table/Table.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { UsePaginationReturn, UseSortReturn } from './hooks';
+import { RowKeyFn, TableColumnType } from './types';
+export type TableProps<D> = {
+    columns: TableColumnType<D>[];
+    data?: D[];
+    emptyPlug?: ReactNode;
+    emptyPlugTitle?: string;
+    emptyPlugText?: string;
+    loadingPlug?: ReactNode;
+    loadingPlugTitle?: string;
+    loadingPlugText?: string;
+    pagination?: UsePaginationReturn;
+    sort?: UseSortReturn<D>;
+    isLoading?: boolean;
+    isFetching?: boolean;
+    sticky?: boolean;
+    isEmpty?: boolean;
+    withoutWrapper?: boolean;
+    onRowClick?: (item: D) => void;
+    rowKey: RowKeyFn<D>;
+    onReset?: () => void;
+};
+declare const TableComponent: <D>({ columns, emptyPlug, emptyPlugTitle, emptyPlugText, sticky, isEmpty, isFetching, isLoading, loadingPlug, loadingPlugTitle, loadingPlugText, sort, pagination, withoutWrapper, onRowClick, rowKey, data, onReset, }: TableProps<D>) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: typeof TableComponent & {
+    displayName: string;
+};
+export {};

package/dist/components/Table/components/Cell/Cell.d.ts

@@ -0,0 +1,14 @@
+import { FC, PropsWithChildren } from 'react';
+import { ColumnAlignVariants, ColumnFixedVariants } from '../../types';
+export type CellProps = PropsWithChildren<{
+    className?: string;
+    fixed?: ColumnFixedVariants;
+    align?: ColumnAlignVariants;
+    paddingLeft?: number;
+    left?: number;
+    right?: number;
+    withBorder?: boolean;
+    withShadow?: boolean;
+    isHead?: boolean;
+}>;
+export declare const Cell: FC<CellProps>;

package/dist/components/Table/components/Cell/index.d.ts

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

package/dist/components/Table/components/HeadCell/HeadCell.d.ts

@@ -0,0 +1,14 @@
+import { FC, ReactNode } from 'react';
+import { Sort } from '../../types';
+import { CellProps } from '../Cell';
+type Props = Omit<CellProps, 'isHead'> & {
+    onClick?: () => void;
+    sortable?: boolean;
+    isActive?: boolean;
+    disabled?: boolean;
+    tooltip?: ReactNode;
+    withTooltipIcon?: boolean;
+    sortDirection?: Sort<string>['order'];
+};
+export declare const HeadCell: FC<Props>;
+export {};

package/dist/components/Table/components/HeadCell/index.d.ts

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

package/dist/components/Table/components/Pagination/Pagination.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { UsePaginationReturn } from '../../hooks';
+type PaginationProps = {
+    pagination: UsePaginationReturn;
+    sticky?: boolean;
+    disabled?: boolean;
+};
+export declare const Pagination: FC<PaginationProps>;
+export {};

package/dist/components/Table/components/Pagination/index.d.ts

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

package/dist/components/Table/components/Row/Row.d.ts

@@ -0,0 +1,26 @@
+import { RowKeyFn, Sort, TableColumnType } from '../../types';
+export declare enum RowVariants {
+    HEAD_ROW = "head",
+    ROW = "row"
+}
+type Props<D> = {
+    columns: TableColumnType<D>[];
+    item?: D;
+    className?: string;
+    variant?: RowVariants;
+    sort?: Sort<D>;
+    onChangeSort?: (column: TableColumnType<D>) => void;
+    level?: number;
+    hasItemsWithChildren?: boolean;
+    hasScroll?: boolean;
+    disabled?: boolean;
+    onRowClick?: (item: D) => void;
+    rowKey: RowKeyFn<D>;
+    parentKey?: string;
+    rowIndex?: number;
+};
+declare const RowComponent: <D>({ className, onRowClick, item, hasItemsWithChildren, hasScroll, columns, variant, sort, disabled, onChangeSort, rowKey, level, parentKey, rowIndex, }: Props<D>) => import("react/jsx-runtime").JSX.Element;
+export declare const Row: typeof RowComponent & {
+    displayName: string;
+};
+export {};

package/dist/components/Table/components/Row/index.d.ts

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

package/dist/components/Table/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Cell';
+export * from './HeadCell';
+export * from './Row';
+export * from './Pagination';

package/dist/components/Table/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './usePagination';
+export * from './useSort';

package/dist/components/Table/hooks/usePagination.d.ts

@@ -0,0 +1,19 @@
+export type UsePaginationProps = {
+    initialPage?: number;
+    initialPageSize?: number;
+    totalItems: number;
+};
+export declare const usePagination: ({ totalItems, initialPageSize, initialPage, }: UsePaginationProps) => {
+    page: number;
+    apiPage: number;
+    pageSize: number;
+    totalItems: number;
+    totalPages: number;
+    hasPrevious: boolean;
+    hasNext: boolean;
+    onChangePage: (newPage: number) => void;
+    onChangePageSize: (newPageSize: number) => void;
+    onNextPage: () => void;
+    onPrevPage: () => void;
+};
+export type UsePaginationReturn = ReturnType<typeof usePagination>;

package/dist/components/Table/hooks/useSort.d.ts

@@ -0,0 +1,9 @@
+import { Sort } from '../types';
+export type UseSortProps<D = string> = {
+    initialSort?: Sort<D>;
+};
+export type UseSortReturn<D> = {
+    value?: Sort<D>;
+    onChange: (column: string) => void;
+};
+export declare const useSort: <D>({ initialSort }: UseSortProps<D>) => UseSortReturn<D>;

package/dist/components/Table/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Table';
+export * from './components';
+export * from './types';
+export * from './hooks';

package/dist/components/Table/types.d.ts

@@ -0,0 +1,48 @@
+import { ReactNode } from 'react';
+export declare enum ColumnFixedVariants {
+    LEFT = "left",
+    RIGHT = "right"
+}
+export declare enum ColumnAlignVariants {
+    LEFT = "left",
+    CENTER = "center",
+    RIGHT = "right"
+}
+export declare enum SortDirectionsVariants {
+    ASC = "asc",
+    DESC = "desc"
+}
+export type Sort<D = string> = {
+    column: keyof D;
+    order: SortDirectionsVariants;
+};
+export type ColumnWidthType = string | number | undefined;
+export type ColumnClassname<D> = string | ((record: D) => string);
+export type DefaultColumnType<D> = {
+    title?: ReactNode;
+    sortable?: boolean;
+    fixed?: ColumnFixedVariants;
+    align?: ColumnAlignVariants;
+    width?: ColumnWidthType;
+    maxWidth?: ColumnWidthType;
+    minWidth?: ColumnWidthType;
+    tooltip?: ReactNode;
+    withTooltipIcon?: boolean;
+    className?: ColumnClassname<D>;
+};
+export type KnownColumnType<D, K extends keyof D = keyof D> = DefaultColumnType<D> & {
+    key: K;
+    render?: (value: D[K], record: D, index: number) => ReactNode;
+};
+export type CustomColumnType<D> = DefaultColumnType<D> & {
+    key: `custom-column-${string}`;
+    render?: (value: undefined, record: D, index: number) => ReactNode;
+};
+export type TableColumnKey<D> = KnownColumnType<D>['key'] | CustomColumnType<D>['key'];
+export type TableColumnType<D> = {
+    [K in keyof D]: KnownColumnType<D, K>;
+}[keyof D] | CustomColumnType<D>;
+export type RowKeyFn<D> = (item: D) => string;
+export type TableDataItem<D> = D & {
+    children?: D[];
+};

package/dist/components/Table/utils/formatWidth.d.ts

@@ -0,0 +1,2 @@
+import { ColumnWidthType } from '../types';
+export declare const formatWidth: (width: ColumnWidthType) => string | undefined;

package/dist/components/Table/utils/index.d.ts

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

package/dist/components/index.d.ts

@@ -13,6 +13,7 @@ export * from './Popover';
 export * from './Portal';
 export * from './Select';
 export * from './Tab';
+export * from './Table';
 export * from './Textarea';
 export * from './TextShorter';
 export * from './Tooltip';

package/dist/i18n/index.d.ts

@@ -7,6 +7,13 @@ export declare const uiKitResources: {
             resetAll: string;
             search: string;
             selectAll: string;
+            NoData: string;
+            LoadingData: string;
+            pagination: {
+                itemsOnPage: string;
+                ofPages: string;
+                currentItems: string;
+            };
         };
     };
     readonly ru: {
@@ -15,6 +22,13 @@ export declare const uiKitResources: {
             resetAll: string;
             search: string;
             selectAll: string;
+            NoDate: string;
+            LoadingData: string;
+            pagination: {
+                itemsOnPage: string;
+                ofPages: string;
+                currentItems: string;
+            };
         };
     };
 };