@sellgar/kit 0.0.173 → 0.0.175

package/package.json

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

package/types/components/drawer/close/close.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const Close: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/types/components/drawer/close/index.d.ts

@@ -0,0 +1 @@
+export { Close } from './close.tsx';

package/types/components/drawer/drawer.d.ts

@@ -1,13 +1,15 @@
 import { default as React } from 'react';
+import { Close } from './close';
 interface IProps {
     isClosable?: boolean;
+    isEscapeClosable?: boolean;
     isOverlayClosable?: boolean;
     open?: boolean;
     initialOpen?: boolean;
     onOpen?(): void;
     onClose?(): void;
 }
-export declare function useDrawer({ initialOpen, isClosable, isOverlayClosable, open: controlledOpen, onOpen, onClose }?: IProps): {
+export declare function useDrawer({ initialOpen, isClosable, isEscapeClosable, isOverlayClosable, open: controlledOpen, onOpen, onClose, }?: IProps): {
     placement: import('@floating-ui/utils').Placement;
     strategy: import('@floating-ui/utils').Strategy;
     middlewareData: import('@floating-ui/core').MiddlewareData;
@@ -50,10 +52,10 @@ export declare function useDrawer({ initialOpen, isClosable, isOverlayClosable,
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;
-    open: boolean;
+    open: boolean | undefined;
     onOpen: (() => void) | undefined;
     onClose: (() => void) | undefined;
-    isClosable: boolean;
+    isClosable: boolean | undefined;
 };
 export declare const useDrawerContext: () => {
     placement: import('@floating-ui/utils').Placement;
@@ -98,13 +100,16 @@ export declare const useDrawerContext: () => {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;
-    open: boolean;
+    open: boolean | undefined;
     onOpen: (() => void) | undefined;
     onClose: (() => void) | undefined;
-    isClosable: boolean;
+    isClosable: boolean | undefined;
 };
 export declare const Dialog: React.FC<React.PropsWithChildren<IProps>>;
 export declare const DialogContent: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const DialogClose: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export declare const Drawer: React.FC<React.PropsWithChildren<IProps>>;
+export declare const DrawerComponent: React.FC<React.PropsWithChildren<IProps>>;
+type TDrawer = typeof DrawerComponent & {
+    Close: typeof Close;
+};
+export declare const Drawer: TDrawer;
 export {};

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

@@ -1,9 +1,4 @@
 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 {};
+import { ITableNode } from '../../../table.types.ts';
+export declare const CellContext: React.Context<ITableNode<unknown> | null>;
+export declare const useCellData: <T>(source?: string) => ITableNode<T>;

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

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

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

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

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

@@ -1,6 +1,5 @@
 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';
@@ -13,4 +12,4 @@ export interface IConfigColumn<T> {
     cellClassName?: string;
     renderCell: (nodes: T) => React.ReactNode;
 }
-export declare const createColumnConfig: <T extends INode>(children: React.ReactNode) => IConfigColumn<T>[];
+export declare const createColumnConfig: <T>(children: React.ReactNode) => IConfigColumn<T>[];

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

@@ -1,2 +1,19 @@
-import { IData, INode } from '../table.tsx';
-export declare const createDataNodes: <T extends INode>(data: IData<T>) => IData<T>;
+import { IData } from '../table.tsx';
+import { ITableNode, TNodeId } from '../table.types.ts';
+interface ITreeConfig<T> {
+    isUse: boolean;
+    accessor: keyof T;
+}
+interface ICreateNodesOptions<T> {
+    tree?: ITreeConfig<T>;
+    getRowId?(node: T): TNodeId;
+}
+export declare const createDataNodes: <T>(data: IData<T>, options: ICreateNodesOptions<T>) => {
+    data: IData<ITableNode<T>>;
+    nodeIdByData: Map<T, TNodeId>;
+    tree?: {
+        childrenById: Map<TNodeId, TNodeId[]>;
+        parentById: Map<TNodeId, TNodeId | null>;
+    };
+};
+export {};

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

@@ -1,6 +1,5 @@
 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;
+export declare const createExpandConfig: <T>(children: React.ReactNode) => IConfigExpand<T> | null;

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

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

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

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

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

@@ -1,5 +1,5 @@
 export { Head } from './head';
 export { Cell } from './cell';
-export { useContext } from './select.context.ts';
+export { useSelectContext } 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

@@ -9,6 +9,6 @@ interface IContext<T> {
     selectAll: () => void;
     deleteAll: () => void;
 }
-export declare const createContext: <T>() => React.Context<IContext<T>>;
-export declare const useContext: <T>() => IContext<T>;
+export declare const SelectContext: React.Context<IContext<any> | null>;
+export declare const useSelectContext: <T>(source?: string) => IContext<T>;
 export {};

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

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

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

@@ -3,6 +3,6 @@ interface IContext {
     direction?: 'asc' | 'desc';
     onToggle(): void;
 }
-export declare const createContext: () => React.Context<IContext>;
-export declare const useContext: () => IContext;
+export declare const SortContext: React.Context<IContext | null>;
+export declare const useSortContext: (source?: string) => IContext;
 export {};

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

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

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

@@ -1,5 +1,5 @@
 export { Head } from './head';
 export { Cell } from './cell';
-export { useContext } from './tree.context.ts';
+export { useTreeContext } 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

@@ -1,6 +1,9 @@
 import { default as React } from 'react';
-interface IContext<T> {
+import { TNodeId } from '../../table.types.ts';
+export interface ITreeContext {
+    isExpanded(id: TNodeId): boolean;
+    toggle(id: TNodeId): void;
+    hasChildren(id: TNodeId): boolean;
 }
-export declare const createContext: <T>() => React.Context<IContext<T>>;
-export declare const useContext: <T>() => IContext<T>;
-export {};
+export declare const TreeContext: React.Context<ITreeContext | null>;
+export declare const useTreeContext: (source?: string) => ITreeContext;

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

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

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

@@ -1,16 +1,18 @@
 import { default as React } from 'react';
 import { IData } from './table.tsx';
+import { ITableNode, TNodeId } from './table.types.ts';
 import { IConfigColumn } from './configuration/create-columns-config.ts';
 interface IContext<T> {
-    data: IData<T>;
+    data: IData<ITableNode<T>>;
     columns: IConfigColumn<T>[];
     columnsWidth: number[];
+    resolveNodeId(node: T): TNodeId | undefined;
     expand?: {
-        isExpanded(id: string | number): boolean;
-        toggle(node: T): void;
+        isExpanded(id: TNodeId): boolean;
+        toggleById(id: TNodeId): void;
         renderExpanded(node: T): React.ReactNode;
     };
 }
-export declare const createContext: <T>() => React.Context<IContext<T>>;
-export declare const useContext: <T>() => IContext<T>;
+export declare const TableContext: React.Context<IContext<any> | null>;
+export declare const useTableContext: <T>(source?: string) => IContext<T>;
 export {};

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

@@ -4,29 +4,27 @@ 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;
-}
+import { TNodeId } from './table.types.ts';
 export interface IData<T> {
     nodes: T[];
 }
 interface ITreeProps<T> {
     isUse: boolean;
     accessor: keyof T;
+    defaultExpanded?: boolean;
 }
 interface ISelectProps<T> {
     isUse: boolean;
     onSelect(nodes: T[]): void;
 }
-interface IProps<T extends INode> {
+interface IProps<T> {
     data: IData<T>;
     tree?: ITreeProps<T>;
     select?: ISelectProps<T>;
     isBordered?: boolean;
+    getRowId?(node: T): TNodeId;
 }
-export declare const TableComponent: <T extends INode>(props: React.PropsWithChildren<IProps<T>>) => React.JSX.Element;
+export declare const TableComponent: <T>(props: React.PropsWithChildren<IProps<T>>) => React.JSX.Element;
 type TTable = typeof TableComponent & {
     Column: typeof Column;
     Head: typeof Head;

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

@@ -0,0 +1,8 @@
+export type TNodeId = string | number;
+export interface ITableNode<T> {
+    id: TNodeId;
+    data: T;
+    deps: number;
+}
+export declare const toNodeId: (value: unknown) => TNodeId | undefined;
+export declare const getFallbackRowId: (node: unknown) => TNodeId | undefined;