@sellgar/kit 0.0.169 → 0.0.170

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sellgar/kit",
   "type": "module",
-  "version": "0.0.169",
+  "version": "0.0.170",
   "description": "Sellgar kit",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/types/components/table3/cell/cell.context.d.ts

@@ -1,7 +1,6 @@
 import { default as React } from 'react';
-interface IContext {
-    data: any;
+export interface IContext<T> {
+    data: T;
 }
-export declare const context: React.Context<IContext>;
-export declare const Provider: React.Provider<IContext>;
-export {};
+export declare const context: React.Context<IContext<any>>;
+export declare const Provider: React.Provider<IContext<any>>;

package/types/components/table3/cell/cell.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-interface IProps {
-    data: any;
+interface IProps<T> {
+    data: T;
 }
-export declare const Cell: React.FC<React.PropsWithChildren<IProps>>;
+export declare const Cell: <T>(props: React.PropsWithChildren<IProps<T>>) => React.JSX.Element;
 export {};

package/types/components/table3/cell/cell.provider.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-interface IProps {
-    data: any;
+interface IProps<T> {
+    data: T;
 }
-export declare const CellProvider: React.FC<React.PropsWithChildren<IProps>>;
+export declare const CellProvider: <T>(props: React.PropsWithChildren<IProps<T>>) => React.JSX.Element;
 export {};

package/types/components/table3/cell/hook/cell-data.hook.d.ts

@@ -1 +1,3 @@
-export declare const useCellData: () => any;
+import { TTableDataItem } from '../../table.tsx';
+import { IContext } from '../cell.context.ts';
+export declare const useCellData: <T extends TTableDataItem = TTableDataItem>() => IContext<T>;

package/types/components/table3/get-columns-width.hook.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { IConfigColumn } from './table.tsx';
+export declare const getColumnWidth: <T>(tableRef: React.RefObject<HTMLTableElement | null>, config: IConfigColumn<T>[]) => number[];

package/types/components/table3/index.d.ts

@@ -1,2 +1,2 @@
 export { Table } from './table.tsx';
-export { useCellData } from './cell';
+export { useCellData } from './table-rows/cell';

package/types/components/table3/select/index.d.ts

@@ -0,0 +1,3 @@
+export { RowCheckbox } from './row-checkbox';
+export { TitleCheckbox } from './title-checkbox';
+export { SelectProvider } from './select.provider.tsx';

package/types/components/table3/select/row-checkbox/index.d.ts

@@ -0,0 +1 @@
+export { RowCheckbox } from './row-checkbox.tsx';

package/types/components/table3/select/row-checkbox/row-checkbox.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface IRowCheckboxProps {
+    item: any;
+}
+export declare const RowCheckbox: React.FC<IRowCheckboxProps>;
+export {};

package/types/components/table3/select/select.context.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+interface IContext {
+    isSelectedAll: boolean;
+    isIndeterminate: boolean;
+    selectedItems: any[];
+    hasSelected: (item: any) => boolean;
+    addItem: (item: any) => void;
+    deleteItem: (item: any) => void;
+    selectAll: () => void;
+    deleteAll: () => void;
+}
+export declare const context: React.Context<IContext>;
+export declare const Provider: React.Provider<IContext>;
+export {};

package/types/components/table3/select/select.provider.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface IProps<T = any> {
+    onSelect: (items: T[]) => void;
+}
+export declare const SelectProvider: React.FC<React.PropsWithChildren<IProps>>;
+export {};

package/types/components/table3/select/title-checkbox/index.d.ts

@@ -0,0 +1 @@
+export { TitleCheckbox } from './title-checkbox.tsx';

package/types/components/table3/select/title-checkbox/title-checkbox.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const TitleCheckbox: React.FC;

package/types/components/table3/table-cell/cell/cell.context.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface IContext<T> {
+    data: T;
+}
+export declare const context: React.Context<IContext<any>>;
+export declare const Provider: React.Provider<IContext<any>>;

package/types/components/table3/table-cell/cell/cell.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface IProps<T> {
+    data: T;
+    collapse: boolean;
+    columnIndex: number;
+}
+export declare const Cell: <T>(props: React.PropsWithChildren<IProps<T>>) => React.JSX.Element;
+export {};

package/types/components/table3/table-cell/cell/cell.provider.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface IProps<T> {
+    data: T;
+}
+export declare const CellProvider: <T>(props: React.PropsWithChildren<IProps<T>>) => React.JSX.Element;
+export {};

package/types/components/table3/table-cell/cell/hook/cell-data.hook.d.ts

@@ -0,0 +1,3 @@
+import { TTableDataItem } from '../../../table.tsx';
+import { IContext } from '../cell.context.ts';
+export declare const useCellData: <T extends TTableDataItem = TTableDataItem>() => IContext<T>;

package/types/components/table3/table-cell/cell/index.d.ts

@@ -0,0 +1,3 @@
+export { Cell } from './cell.tsx';
+export { CellProvider } from './cell.provider.tsx';
+export { useCellData } from './hook/cell-data.hook.ts';

package/types/components/table3/table-cell/index.d.ts

@@ -0,0 +1,2 @@
+export { TableCell } from './table-cell.tsx';
+export type { ITableCellProps } from './table-cell.tsx';

package/types/components/table3/table-cell/table-cell.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { TTableDataItem } from '../table.tsx';
+export interface ITableCellProps<T> {
+    render?: (item: T) => React.ReactNode;
+}
+interface ITableCellPropsWithDisplayName extends React.FC<React.PropsWithChildren<ITableCellProps<TTableDataItem>>> {
+    displayName: string;
+}
+export declare const TableCell: ITableCellPropsWithDisplayName;
+export {};

package/types/components/table3/table-rows/cell/cell.context.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface IContext<T> {
+    data: T;
+    deps: number;
+}
+export declare const context: React.Context<IContext<any>>;
+export declare const Provider: React.Provider<IContext<any>>;

package/types/components/table3/table-rows/cell/cell.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface IProps<T> {
+    data: T;
+    collapse: boolean;
+    columnIndex: number;
+}
+export declare const Cell: <T>(props: React.PropsWithChildren<IProps<T>>) => React.JSX.Element;
+export {};

package/types/components/table3/table-rows/cell/cell.provider.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface IProps<T> {
+    data: T;
+    deps: number;
+}
+export declare const CellProvider: <T>(props: React.PropsWithChildren<IProps<T>>) => React.JSX.Element;
+export {};

package/types/components/table3/table-rows/cell/hook/cell-data.hook.d.ts

@@ -0,0 +1,3 @@
+import { TTableDataItem } from '../../../table.tsx';
+import { IContext } from '../cell.context.ts';
+export declare const useCellData: <T extends TTableDataItem = TTableDataItem>() => IContext<T>;

package/types/components/table3/table-rows/cell/index.d.ts

@@ -0,0 +1,3 @@
+export { Cell } from './cell.tsx';
+export { CellProvider } from './cell.provider.tsx';
+export { useCellData } from './hook/cell-data.hook.ts';

package/types/components/table3/table-rows/index.d.ts

@@ -0,0 +1 @@
+export { TableRows } from './table-rows.tsx';

package/types/components/table3/table-rows/row/index.d.ts

@@ -0,0 +1 @@
+export { Row } from './row.tsx';

package/types/components/table3/table-rows/row/row.context.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface IContext<T> {
+    data: T;
+    expanded: boolean;
+    setExpanded: (expanded: boolean) => void;
+}
+export declare const context: React.Context<IContext<any>>;
+export declare const Provider: React.Provider<IContext<any>>;

package/types/components/table3/table-rows/row/row.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface IProps<T> {
+    data: T;
+    deps: number;
+}
+export declare const Row: <T>(props: IProps<T>) => React.JSX.Element;
+export {};

package/types/components/table3/table-rows/row/row.provider.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface IProps<T> {
+    data: T;
+}
+export declare const RowProvider: <T>(props: React.PropsWithChildren<IProps<T>>) => React.JSX.Element;
+export {};

package/types/components/table3/table-rows/table-row.context.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export interface IContext<T> {
+    data: T;
+    deps: number;
+    expanded: boolean;
+    setExpanded: (expanded: boolean) => void;
+}
+export declare const context: React.Context<IContext<any>>;
+export declare const Provider: React.Provider<IContext<any>>;

package/types/components/table3/table-rows/table-row.provider.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface IProps<T> {
+    data: T;
+    deps: number;
+    onCallback(state: boolean): void;
+}
+export declare const TableRowProvider: <T>(props: React.PropsWithChildren<IProps<T>>) => React.JSX.Element;
+export {};

package/types/components/table3/table-rows/table-rows.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { ITree } from '../table.tsx';
+interface ITableRowsProps<T> {
+    data: T;
+    tree?: ITree<T>;
+    deps: number;
+    index: number;
+}
+export declare const TableRows: <T>(props: React.PropsWithChildren<ITableRowsProps<T>>) => React.ReactNode[];
+export {};

package/types/components/table3/table.context.d.ts

@@ -1,13 +1,9 @@
 import { default as React } from 'react';
+import { IConfigColumn } from './table.tsx';
 interface IContext {
-    isSelectedAll: boolean;
-    isIndeterminate: boolean;
-    selectedItems: any[];
-    hasSelected: (item: any) => boolean;
-    addItem: (item: any) => void;
-    deleteItem: (item: any) => void;
-    selectAll: () => void;
-    deleteAll: () => void;
+    data: any[];
+    config: IConfigColumn<any>[];
+    columnsWidth: number[];
 }
 export declare const context: React.Context<IContext>;
 export declare const Provider: React.Provider<IContext>;

package/types/components/table3/table.d.ts

@@ -1,4 +1,6 @@
 import { default as React } from 'react';
+import { TableCell } from './table-cell';
+export type TTableDataItem = Record<string, any>;
 interface IColumnProps {
     width?: number;
     align?: 'left' | 'center' | 'right';
@@ -23,26 +25,48 @@ interface ICaptionPropsWithDisplayName extends React.FC<ICaptionProps> {
     displayName: string;
 }
 declare const Caption: ICaptionPropsWithDisplayName;
-interface ICellProps {
-    render?: (item: any) => React.ReactNode;
-}
-interface ICellPropsWithDisplayName extends React.FC<React.PropsWithChildren<ICellProps>> {
-    displayName: string;
+interface ITableSelectProps<T> {
+    isUse: boolean;
+    onChange: (items: T[]) => void;
 }
-declare const Cell: ICellPropsWithDisplayName;
-interface ITableSelectProps {
+export interface ITree<T> {
     isUse: boolean;
-    onChange: (items: any[]) => void;
+    accessor: keyof T;
+    defaultExpanded?: boolean;
 }
-interface ITableProps {
-    data: any[];
-    select?: ITableSelectProps;
+interface ITableProps<T> {
+    data: T[];
+    tree?: ITree<T>;
+    select?: ITableSelectProps<T>;
 }
-export declare const TableComponent: React.FC<React.PropsWithChildren<ITableProps>>;
+export interface IConfigColumn<T> {
+    type: 'control' | 'data';
+    label: React.ReactNode;
+    align?: 'left' | 'center' | 'right';
+    width?: number;
+    collapse?: boolean;
+    pinLeft?: boolean;
+    pinRight?: boolean;
+    renderCell: (items: T) => React.ReactNode;
+}
+export declare const getPinColumnStyles: <T>(columnIndex: number, config: IConfigColumn<T>[], columnWidths: number[]) => {
+    left?: undefined;
+    zIndex?: undefined;
+    right?: undefined;
+} | {
+    left: string;
+    zIndex: number;
+    right?: undefined;
+} | {
+    right: string;
+    zIndex: number;
+    left?: undefined;
+};
+export declare const TableComponent: <TDataValue extends TTableDataItem>(props: React.PropsWithChildren<ITableProps<TDataValue>>) => React.JSX.Element;
 type TTable = typeof TableComponent & {
     Column: typeof Column;
     Head: typeof Head;
-    Cell: typeof Cell;
+    Cell: typeof TableCell;
     Caption: typeof Caption;
 };
 export declare const Table: TTable;

package/types/components/table3/table.provider.d.ts

@@ -1,7 +1,9 @@
 import { default as React } from 'react';
-interface IProviderProps {
-    data: any[];
-    onSelect: (items: any[]) => void;
+import { IConfigColumn } from './table.tsx';
+interface IProviderProps<T> {
+    data: T[];
+    columnsWidth: number[];
+    config: IConfigColumn<T>[];
 }
-export declare const TableProvider: React.FC<React.PropsWithChildren<IProviderProps>>;
+export declare const TableProvider: <T>(props: React.PropsWithChildren<IProviderProps<T>>) => React.JSX.Element;
 export {};

package/types/components/table3/tree/index.d.ts

@@ -0,0 +1,3 @@
+export { RowArrow } from './row-arrow';
+export { TitleArrow } from './title-arrow';
+export { TreeProvider } from './tree.provider.tsx';

package/types/components/table3/tree/row-arrow/index.d.ts

@@ -0,0 +1 @@
+export { RowArrow } from './row-arrow.tsx';

package/types/components/table3/tree/row-arrow/row-arrow.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+interface IRowCheckboxProps {
+}
+export declare const RowArrow: React.FC<IRowCheckboxProps>;
+export {};

package/types/components/table3/tree/title-arrow/index.d.ts

@@ -0,0 +1 @@
+export { TitleArrow } from './title-arrow.tsx';

package/types/components/table3/tree/title-arrow/title-arrow.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const TitleArrow: React.FC;

package/types/components/table3/tree/tree.context.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface IContext {
+}
+export declare const context: React.Context<IContext>;
+export declare const Provider: React.Provider<IContext>;
+export {};

package/types/components/table3/tree/tree.provider.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const TreeProvider: React.FC<React.PropsWithChildren>;