@sellgar/kit 0.0.171 → 0.0.173

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sellgar/kit",
   "type": "module",
-  "version": "0.0.171",
+  "version": "0.0.173",
   "description": "Sellgar kit",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -34,14 +34,14 @@
   },
   "dependencies": {
     "@emotion/react": "11.14.0",
-    "@floating-ui/dom": "1.7.4",
-    "@floating-ui/react": "0.27.16",
+    "@floating-ui/dom": "1.7.5",
+    "@floating-ui/react": "0.27.17",
     "@react-input/mask": "2.0.4",
     "@react-input/number-format": "2.0.3",
     "classnames": "2.5.1",
     "date-fns": "4.1.0",
     "moment": "2.30.1",
-    "overlayscrollbars": "2.13.0",
+    "overlayscrollbars": "2.14.0",
     "overlayscrollbars-react": "0.5.6",
     "react-baron": "3.0.0",
     "react-slider": "2.0.6"
@@ -59,9 +59,9 @@
     }
   },
   "devDependencies": {
-    "@storybook/react-vite": "10.1.11",
+    "@storybook/react-vite": "10.2.7",
     "@types/react-slider": "1.3.6",
-    "@vitejs/plugin-react": "5.1.2",
+    "@vitejs/plugin-react": "5.1.3",
     "typescript": "5.9.3",
     "vite": "7.3.1",
     "vite-plugin-dts": "4.5.4",

package/types/components/table/components/get-pinned-styles.hook.d.ts

@@ -0,0 +1,19 @@
+export declare const useGetPinnedStyles: <T>(columnIndex: number) => {
+    left?: undefined;
+    zIndex?: undefined;
+    borderRight?: undefined;
+    right?: undefined;
+    borderLeft?: undefined;
+} | {
+    left: string;
+    zIndex: number;
+    borderRight: string | undefined;
+    right?: undefined;
+    borderLeft?: undefined;
+} | {
+    right: string;
+    zIndex: number;
+    borderLeft: string | undefined;
+    left?: undefined;
+    borderRight?: undefined;
+};

package/types/components/table/components/tbody/cell/cell.context.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { INode } from '../../../table.tsx';
+interface IContext<T> {
+    data: T;
+    deps: number;
+}
+export declare const createContext: <T>() => React.Context<IContext<T>>;
+export declare const useCellData: <T extends INode>() => IContext<T>;
+export {};

package/types/components/table/components/tbody/cell/cell.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+interface IProps<T> {
+    originIndex: number;
+    align?: 'left' | 'center' | 'right';
+    collapse?: boolean;
+    data: T;
+    className?: string;
+}
+export declare const Cell: <T>(props: React.PropsWithChildren<IProps<T>>) => React.JSX.Element;
+export {};

package/types/components/table/components/tbody/cell/index.d.ts

@@ -0,0 +1,2 @@
+export { Cell } from './cell.tsx';
+export { useCellData } from './cell.context.ts';

package/types/components/table/components/tbody/index.d.ts

@@ -0,0 +1 @@
+export { TBody } from './tbody.tsx';

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+export declare const TBody: <T extends {
+    id: string | number;
+}>() => React.JSX.Element;

package/types/components/table/components/thead/cell/cell.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { ISort } from '../../../configuration/column';
+interface IProps {
+    originIndex: number;
+    align?: 'left' | 'center' | 'right';
+    collapse?: boolean;
+    sort?: ISort;
+}
+export declare const Cell: (props: React.PropsWithChildren<IProps>) => React.JSX.Element;
+export {};

package/types/components/table/components/thead/cell/index.d.ts

@@ -0,0 +1 @@
+export { Cell } from './cell.tsx';

package/types/components/table/components/thead/index.d.ts

@@ -0,0 +1 @@
+export { THead } from './thead.tsx';

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

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const THead: <T>() => React.JSX.Element;

package/types/components/table/configuration/cell/cell.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export interface IProps {
+    className?: string;
+}
+interface ITableCellPropsWithDisplayName extends React.FC<React.PropsWithChildren<IProps>> {
+    displayName: string;
+}
+export declare const Cell: ITableCellPropsWithDisplayName;
+export {};

package/types/components/table/configuration/cell/index.d.ts

@@ -0,0 +1,2 @@
+export { Cell } from './cell.tsx';
+export type { IProps } from './cell.tsx';

package/types/components/table/configuration/column/column.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+export interface ISort {
+    directionDefault?: 'asc' | 'desc';
+    onToggle(direction?: 'asc' | 'desc'): void;
+    onReset?(): void;
+}
+export interface IProps {
+    width?: number;
+    align?: 'left' | 'center' | 'right';
+    pinLeft?: boolean;
+    pinRight?: boolean;
+    sort?: ISort;
+}
+interface IColumnPropsWithDisplayName extends React.FC<React.PropsWithChildren<IProps>> {
+    displayName: string;
+}
+export declare const Column: IColumnPropsWithDisplayName;
+export {};

package/types/components/table/configuration/column/index.d.ts

@@ -0,0 +1,2 @@
+export { Column } from './column.tsx';
+export type { IProps, ISort } from './column.tsx';

package/types/components/table/configuration/create-columns-config.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { ISort } from './column';
+import { INode } from '../table.tsx';
+export interface IConfigColumn<T> {
+    label: React.ReactNode;
+    align?: 'left' | 'center' | 'right';
+    sort?: ISort;
+    width?: number;
+    collapse?: boolean;
+    pinLeft?: boolean;
+    pinRight?: boolean;
+    pinSource?: 'user' | 'system';
+    cellClassName?: string;
+    renderCell: (nodes: T) => React.ReactNode;
+}
+export declare const createColumnConfig: <T extends INode>(children: React.ReactNode) => IConfigColumn<T>[];

package/types/components/table/configuration/create-data-nodes.d.ts

@@ -0,0 +1,2 @@
+import { IData, INode } from '../table.tsx';
+export declare const createDataNodes: <T extends INode>(data: IData<T>) => IData<T>;

package/types/components/table/configuration/create-expand-config.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { INode } from '../table.tsx';
+export interface IConfigExpand<T> {
+    renderExpanded: (node: T) => React.ReactNode;
+}
+export declare const createExpandConfig: <T extends INode>(children: React.ReactNode) => IConfigExpand<T> | null;

package/types/components/table/configuration/create-grid-template.hook.d.ts

@@ -0,0 +1,2 @@
+import { IConfigColumn } from './create-columns-config.ts';
+export declare const useCreateTableGridTemplate: <T>(columns: IConfigColumn<T>[]) => string;

package/types/components/table/configuration/expand/expand.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface IExpandProps {
+}
+interface IExpandPropsWithDisplayName extends React.FC<React.PropsWithChildren<IExpandProps>> {
+    displayName: string;
+}
+export declare const Expand: IExpandPropsWithDisplayName;
+export {};

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

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

package/types/components/table/configuration/head/head.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export interface IProps {
+    label?: string;
+}
+interface IHeadPropsWithDisplayName extends React.FC<IProps> {
+    displayName: string;
+}
+export declare const Head: IHeadPropsWithDisplayName;
+export {};

package/types/components/table/configuration/head/index.d.ts

@@ -0,0 +1,2 @@
+export { Head } from './head.tsx';
+export type { IProps } from './head.tsx';

package/types/components/table/feature/expand/expand.trigger.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface IProps {
+    children: React.ReactNode;
+}
+export declare const ExpandTrigger: (props: IProps) => React.JSX.Element;
+export {};

package/types/components/table/feature/expand/hooks/expanded.hook.d.ts

@@ -0,0 +1,5 @@
+import { INode } from '../../../table.tsx';
+export declare const useRowExpanded: <T extends INode>(node?: T) => {
+    expanded: boolean;
+    onToggle: (nextNode?: T) => void;
+};

package/types/components/table/feature/expand/index.d.ts

@@ -0,0 +1,2 @@
+export { ExpandTrigger } from './expand.trigger.tsx';
+export { useRowExpanded } from './hooks/expanded.hook.ts';

package/types/components/table/feature/select/cell/cell.d.ts

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

package/types/components/table/feature/select/cell/index.d.ts

@@ -0,0 +1 @@
+export { Cell } from './cell.tsx';

package/types/components/table/feature/select/compare-columns-config.d.ts

@@ -0,0 +1,2 @@
+import { IConfigColumn } from '../../configuration/create-columns-config.ts';
+export declare const compareColumnsConfig: <T>(columns: IConfigColumn<T>[]) => IConfigColumn<T>[];

package/types/components/table/feature/select/head/head.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const Head: <T>() => React.JSX.Element;

package/types/components/table/feature/select/head/index.d.ts

@@ -0,0 +1 @@
+export { Head } from './head.tsx';

package/types/components/table/feature/select/index.d.ts

@@ -0,0 +1,5 @@
+export { Head } from './head';
+export { Cell } from './cell';
+export { useContext } from './select.context.ts';
+export { SelectProvider } from './select.provider.tsx';
+export { compareColumnsConfig } from './compare-columns-config.tsx';

package/types/components/table/feature/select/select.context.d.ts

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

package/types/components/table/feature/select/select.provider.d.ts

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

package/types/components/table/feature/sort/arrow/arrow.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const Arrow: () => React.JSX.Element;

package/types/components/table/feature/sort/arrow/index.d.ts

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

package/types/components/table/feature/sort/index.d.ts

@@ -0,0 +1,3 @@
+export { Arrow } from './arrow';
+export { useContext } from './sort.context.ts';
+export { SortProvider } from './sort.provider.tsx';

package/types/components/table/feature/sort/sort.context.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface IContext {
+    direction?: 'asc' | 'desc';
+    onToggle(): void;
+}
+export declare const createContext: () => React.Context<IContext>;
+export declare const useContext: () => IContext;
+export {};

package/types/components/table/feature/sort/sort.provider.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+interface IProps {
+    directionDefault?: 'asc' | 'desc';
+    onToggle?(direction?: 'asc' | 'desc'): void;
+    isActive?: boolean;
+    onActivate?(): void;
+    onReset?(): void;
+}
+export declare const SortProvider: (props: React.PropsWithChildren<IProps>) => React.JSX.Element;
+export {};

package/types/components/table/feature/tree/cell/cell.d.ts

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

package/types/components/table/feature/tree/cell/index.d.ts

@@ -0,0 +1 @@
+export { Cell } from './cell.tsx';

package/types/components/table/feature/tree/compare-columns-config.d.ts

@@ -0,0 +1,2 @@
+import { IConfigColumn } from '../../configuration/create-columns-config.ts';
+export declare const compareColumnsConfig: <T>(columns: IConfigColumn<T>[]) => IConfigColumn<T>[];

package/types/components/table/feature/tree/head/head.d.ts

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

package/types/components/table/feature/tree/head/index.d.ts

@@ -0,0 +1 @@
+export { Head } from './head.tsx';

package/types/components/table/feature/tree/index.d.ts

@@ -0,0 +1,5 @@
+export { Head } from './head';
+export { Cell } from './cell';
+export { useContext } from './tree.context.ts';
+export { TreeProvider } from './tree.provider.tsx';
+export { compareColumnsConfig } from './compare-columns-config.tsx';

package/types/components/table/feature/tree/tree.context.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface IContext<T> {
+}
+export declare const createContext: <T>() => React.Context<IContext<T>>;
+export declare const useContext: <T>() => IContext<T>;
+export {};

package/types/components/table/feature/tree/tree.provider.d.ts

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

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

@@ -1,8 +1,3 @@
 export { Table } from './table.tsx';
-export { Column } from './column';
-export { Expand } from './expand';
-export { context as rowContext } from './row';
-export { context as cellContext } from './cell';
-export { useCellData } from './cell/hook/useCellData.ts';
-export { type ITitleProps } from './title';
-export { type ICellProps } from './cell';
+export { useRowExpanded } from './feature/expand';
+export { useCellData } from './components/tbody/cell';

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

@@ -1,11 +1,16 @@
 import { default as React } from 'react';
-export interface ITree<T> {
-    accessor: keyof T;
-    defaultExpanded?: boolean;
+import { IData } from './table.tsx';
+import { IConfigColumn } from './configuration/create-columns-config.ts';
+interface IContext<T> {
+    data: IData<T>;
+    columns: IConfigColumn<T>[];
+    columnsWidth: number[];
+    expand?: {
+        isExpanded(id: string | number): boolean;
+        toggle(node: T): void;
+        renderExpanded(node: T): React.ReactNode;
+    };
 }
-export interface IContext<T> {
-    tree?: ITree<T>;
-    target?: HTMLTableElement;
-}
-export declare const context: React.Context<IContext<any>>;
-export declare const Provider: React.Provider<IContext<any>>;
+export declare const createContext: <T>() => React.Context<IContext<T>>;
+export declare const useContext: <T>() => IContext<T>;
+export {};

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

@@ -1,12 +1,38 @@
 import { default as React } from 'react';
-interface ITree<T> {
+import { Cell } from './configuration/cell';
+import { Head } from './configuration/head';
+import { Column } from './configuration/column';
+import { Expand } from './configuration/expand/expand';
+import { ExpandTrigger } from './feature/expand';
+export interface INode {
+    id: string | number;
+    nodes?: INode[];
+    [prop: string]: any;
+}
+export interface IData<T> {
+    nodes: T[];
+}
+interface ITreeProps<T> {
+    isUse: boolean;
     accessor: keyof T;
-    defaultExpanded?: boolean;
 }
-interface IProps<T> {
-    data: T[];
-    tree?: ITree<T>;
-    empty?: React.ReactNode;
+interface ISelectProps<T> {
+    isUse: boolean;
+    onSelect(nodes: T[]): void;
+}
+interface IProps<T extends INode> {
+    data: IData<T>;
+    tree?: ITreeProps<T>;
+    select?: ISelectProps<T>;
+    isBordered?: boolean;
 }
-export declare const Table: <T extends Record<string, any>>(props: React.PropsWithChildren<IProps<T>>) => React.JSX.Element;
+export declare const TableComponent: <T extends INode>(props: React.PropsWithChildren<IProps<T>>) => React.JSX.Element;
+type TTable = typeof TableComponent & {
+    Column: typeof Column;
+    Head: typeof Head;
+    Cell: typeof Cell;
+    Expand: typeof Expand;
+    ExpandTrigger: typeof ExpandTrigger;
+};
+export declare const Table: TTable;
 export {};

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

@@ -4,6 +4,8 @@ export interface IContext<T> {
     deps: number;
     expanded: boolean;
     setExpanded: (expanded: boolean) => void;
+    selected: boolean;
+    setSelected: (selected: boolean) => void;
 }
 export declare const context: React.Context<IContext<any>>;
 export declare const Provider: React.Provider<IContext<any>>;

package/types/components/table4/components/get-pinned-styles.d.ts

@@ -0,0 +1,13 @@
+export declare const useGetPinnedStyles: <T>(columnIndex: number) => {
+    left?: undefined;
+    zIndex?: undefined;
+    right?: undefined;
+} | {
+    left: string;
+    zIndex: number;
+    right?: undefined;
+} | {
+    right: string;
+    zIndex: number;
+    left?: undefined;
+};

package/types/components/table4/components/get-pinned-styles.hook.d.ts

@@ -0,0 +1,13 @@
+export declare const useGetPinnedStyles: <T>(columnIndex: number) => {
+    left?: undefined;
+    zIndex?: undefined;
+    right?: undefined;
+} | {
+    left: string;
+    zIndex: number;
+    right?: undefined;
+} | {
+    right: string;
+    zIndex: number;
+    left?: undefined;
+};

package/types/components/table4/components/tbody/cell/cell.context.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { INode } from '../../../table.tsx';
+export declare const CellProvider: React.Provider<INode<any> | null>;
+export declare const useCellData: <T = any>() => INode<T>;

package/types/components/table4/components/tbody/cell/cell.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { INode } from '../../../table.tsx';
+interface IProps<T> {
+    originIndex: number;
+    align?: 'left' | 'center' | 'right';
+    collapse?: boolean;
+    node: INode<T>;
+}
+export declare const Cell: <T>(props: React.PropsWithChildren<IProps<T>>) => React.JSX.Element;
+export {};

package/types/components/table4/components/tbody/cell/index.d.ts

@@ -0,0 +1,2 @@
+export { Cell } from './cell.tsx';
+export { useCellData } from './cell.context.ts';

package/types/components/table4/components/tbody/index.d.ts

@@ -0,0 +1 @@
+export { TBody } from './tbody.tsx';

package/types/components/table4/components/tbody/tbody.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const TBody: <T>() => React.JSX.Element;

package/types/components/table4/components/thead/cell/cell.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { ISort } from '../../../configuration/column';
+interface IProps {
+    originIndex: number;
+    align?: 'left' | 'center' | 'right';
+    collapse?: boolean;
+    sort?: ISort;
+}
+export declare const Cell: (props: React.PropsWithChildren<IProps>) => React.JSX.Element;
+export {};

package/types/components/table4/components/thead/cell/index.d.ts

@@ -0,0 +1 @@
+export { Cell } from './cell.tsx';

package/types/components/table4/components/thead/index.d.ts

@@ -0,0 +1 @@
+export { THead } from './thead.tsx';

package/types/components/table4/components/thead/thead.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const THead: <T>() => React.JSX.Element;

package/types/components/table4/configuration/cell/cell.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface IProps {
+}
+interface ITableCellPropsWithDisplayName extends React.FC<React.PropsWithChildren<IProps>> {
+    displayName: string;
+}
+export declare const Cell: ITableCellPropsWithDisplayName;
+export {};

package/types/components/table4/configuration/cell/index.d.ts

@@ -0,0 +1,2 @@
+export { Cell } from './cell.tsx';
+export type { IProps } from './cell.tsx';

package/types/components/table4/configuration/column/column.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+export interface ISort {
+    directionDefault?: 'asc' | 'desc';
+    onToggle(direction?: 'asc' | 'desc'): void;
+}
+export interface IProps {
+    width?: number;
+    align?: 'left' | 'center' | 'right';
+    pinLeft?: boolean;
+    pinRight?: boolean;
+    sort?: ISort;
+}
+interface IColumnPropsWithDisplayName extends React.FC<React.PropsWithChildren<IProps>> {
+    displayName: string;
+}
+export declare const Column: IColumnPropsWithDisplayName;
+export {};

package/types/components/table4/configuration/column/index.d.ts

@@ -0,0 +1,2 @@
+export { Column } from './column.tsx';
+export type { IProps, ISort } from './column.tsx';

package/types/components/table4/configuration/create-columns-config.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { ISort } from './column';
+export interface IConfigColumn<T> {
+    label: React.ReactNode;
+    align?: 'left' | 'center' | 'right';
+    sort?: ISort;
+    width?: number;
+    collapse?: boolean;
+    pinLeft?: boolean;
+    pinRight?: boolean;
+    renderCell: (nodes: T) => React.ReactNode;
+}
+export declare const createColumnConfig: <T>(children: React.ReactNode) => IConfigColumn<T>[];

package/types/components/table4/configuration/create-data-nodes.d.ts

@@ -0,0 +1,4 @@
+import { IData, INode } from '../table.tsx';
+export declare const createDataNodes: <T extends {
+    id: string | number;
+}>(data: IData<T>, treeAccessor?: keyof T) => IData<INode<T>>;

package/types/components/table4/configuration/create-grid-template.hook.d.ts

@@ -0,0 +1,2 @@
+import { IConfigColumn } from './create-columns-config.ts';
+export declare const useCreateTableGridTemplate: <T>(columns: IConfigColumn<T>[]) => string;

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

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