dawn-ui-react 1.0.0-alpha.20 → 1.0.0-alpha.21

package/dist/components/layer-tree/index.d.ts

@@ -1,5 +1,5 @@
-export type { LayerTreeBodyProps, LayerTreeExpandAllProps, LayerTreeNodeProps, LayerTreeNodeToggleProps, LayerTreeProps, LayerTreeRowProps, LayerTreeSearchProps, LayerTreeDataSet, LayerTreeNodeActionProps, LayerTreeFooterProps, LayerTreeSortProps, } from './layer-tree.types';
-export type { LayerTreeNodeData } from './layer-tree-utils';
+export type { LayerTreeBodyProps, LayerTreeExpandAllProps, LayerTreeNodeProps, LayerTreeNodeToggleProps, LayerTreeProps, LayerTreeRowProps, LayerTreeSearchProps, LayerTreeNodeActionProps, LayerTreeFooterProps, LayerTreeSortProps, } from './layer-tree.types';
+export type { LayerTreeNodeBase } from './layer-tree-utils';
 export { findLayerTreeNode, insertLayerTreeNode, moveLayerTreeNode, moveLayerTreeNodeToRoot, removeLayerTreeNode, } from './layer-tree-utils';
 export { LayerTree } from './layer-tree';
 export { LayerTreeBody } from './layer-tree-body';

package/dist/components/layer-tree/layer-tree-node-toggle.d.ts

@@ -1,2 +1,2 @@
 import { LayerTreeNodeToggleProps } from './layer-tree.types';
-export declare const LayerTreeNodeToggle: <TData>({ value, columnId, rows, children, className, ref, ...props }: LayerTreeNodeToggleProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const LayerTreeNodeToggle: <TData>({ value, accessorKey, rows, onToggle, children, className, ref, ...props }: LayerTreeNodeToggleProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/layer-tree/layer-tree-utils.d.ts

@@ -1,9 +1,9 @@
 /**
  * Base constraint for tree node data types used by layer tree utilities.
  */
-export type LayerTreeNodeData = {
+export type LayerTreeNodeBase = {
     id: string;
-    children?: LayerTreeNodeData[];
+    children?: LayerTreeNodeBase[];
 };
 /**
  * Recursively searches for a node by ID in a nested tree structure.
@@ -18,7 +18,7 @@ export type LayerTreeNodeData = {
  * if (node) console.log(node.name)
  * ```
  */
-export declare const findLayerTreeNode: <TData extends LayerTreeNodeData>(nodes: TData[], nodeId: string) => TData | null;
+export declare const findLayerTreeNode: <TData extends LayerTreeNodeBase>(nodes: TData[], nodeId: string) => TData | null;
 /**
  * Removes a node from a nested tree structure by ID.
  *
@@ -32,7 +32,7 @@ export declare const findLayerTreeNode: <TData extends LayerTreeNodeData>(nodes:
  * if (removedNode) setLayers(nextNodes)
  * ```
  */
-export declare const removeLayerTreeNode: <TData extends LayerTreeNodeData>(nodes: TData[], nodeId: string) => {
+export declare const removeLayerTreeNode: <TData extends LayerTreeNodeBase>(nodes: TData[], nodeId: string) => {
     nextNodes: TData[];
     removedNode: TData | null;
 };
@@ -50,7 +50,7 @@ export declare const removeLayerTreeNode: <TData extends LayerTreeNodeData>(node
  * setLayers(newTree)
  * ```
  */
-export declare const insertLayerTreeNode: <TData extends LayerTreeNodeData>(nodes: TData[], folderId: string, nodeToInsert: TData) => TData[];
+export declare const insertLayerTreeNode: <TData extends LayerTreeNodeBase>(nodes: TData[], folderId: string, nodeToInsert: TData) => TData[];
 /**
  * Moves a node from its current position into a target folder.
  * Prevents circular references by checking if target is a descendant of source.
@@ -66,7 +66,7 @@ export declare const insertLayerTreeNode: <TData extends LayerTreeNodeData>(node
  * setLayers(newTree)
  * ```
  */
-export declare const moveLayerTreeNode: <TData extends LayerTreeNodeData>(nodes: TData[], sourceId: string, targetId: string) => TData[];
+export declare const moveLayerTreeNode: <TData extends LayerTreeNodeBase>(nodes: TData[], sourceId: string, targetId: string) => TData[];
 /**
  * Moves a node to the root level of the tree.
  *
@@ -80,4 +80,4 @@ export declare const moveLayerTreeNode: <TData extends LayerTreeNodeData>(nodes:
  * setLayers(newTree)
  * ```
  */
-export declare const moveLayerTreeNodeToRoot: <TData extends LayerTreeNodeData>(nodes: TData[], sourceId: string) => TData[];
+export declare const moveLayerTreeNodeToRoot: <TData extends LayerTreeNodeBase>(nodes: TData[], sourceId: string) => TData[];

package/dist/components/layer-tree/layer-tree.d.ts

@@ -1,10 +1,7 @@
-import { default as React } from 'react';
-import { LayerTreeDataSet, LayerTreeProps } from './layer-tree.types';
+import { LayerTreeProps } from './layer-tree.types';
 type LayerTreeContextType<TData> = LayerTreeProps<TData> & {
-    dataSet: LayerTreeDataSet<TData>;
-    setDataSet: React.Dispatch<React.SetStateAction<LayerTreeDataSet<TData>>>;
     draggingNodeId: string | null;
 };
-export declare const LayerTree: <TData>({ table, dataSet, setDataSet, className, children, ref, ...props }: LayerTreeProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const LayerTree: <TData>({ table, onDNDStart: onDragStart, onDNDEnd: onDragEnd, className, children, ref, ...props }: LayerTreeProps<TData>) => import("react/jsx-runtime").JSX.Element;
 export declare const useLayerTree: <TData>() => LayerTreeContextType<TData>;
 export {};

package/dist/components/layer-tree/layer-tree.types.d.ts

@@ -1,26 +1,28 @@
 import { InputGroup } from '../input-group';
 import { Button } from '../button';
-import { Row, Table as TanstackTable } from '@tanstack/react-table';
-export type LayerTreeDataSet<TData> = {
-    data: TData[];
+import { DeepKeys, Row, Table as TanstackTable } from '@tanstack/react-table';
+import { default as React } from 'react';
+export type LayerTreeNodeToggleProps<TData> = Omit<React.ComponentProps<typeof Button>, 'value' | 'children'> & {
+    value: boolean;
+    accessorKey: DeepKeys<TData>;
+    rows: Row<TData>[];
+    onToggle?: () => void;
+    children: (value: boolean) => React.ReactNode;
 };
 export type LayerTreeProps<TData> = React.ComponentProps<'div'> & {
     table: TanstackTable<TData>;
-    dataSet?: LayerTreeDataSet<TData>;
-    setDataSet?: React.Dispatch<React.SetStateAction<LayerTreeDataSet<TData>>>;
+    onDNDStart?: (event: {
+        nodeId: string;
+    }) => void;
+    onDNDEnd?: (event: {
+        sourceNodeId: string;
+        targetNodeId: string | null;
+    }) => void;
 };
 export type LayerTreeBodyProps = React.ComponentProps<'div'>;
 export type LayerTreeRowProps<TData> = React.ComponentProps<'div'> & {
     row: Row<TData>;
 };
-export type LayerTreeNodeToggleProps<TData> = Omit<React.ComponentProps<typeof Button>, 'value' | 'children'> & {
-    value: boolean;
-    columnId: {
-        [K in keyof TData]: TData[K] extends boolean ? K : never;
-    }[keyof TData];
-    rows: Row<TData>[];
-    children: (value: boolean) => React.ReactNode;
-};
 export type LayerTreeNodeProps<TData> = React.ComponentProps<'button'> & {
     row: Row<TData>;
     icon?: React.ElementType;

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

@@ -1,6 +1,7 @@
 export { Table, useTable } from './table';
-export type { TableBodyProps, FilterOperator, FilterType, FilterValue, NumberFilterValue, NumberOperator, SelectFilterValue, SelectOperator, TableColumnToggleProps, TableContainerProps, TableContentProps, TableDataSet, TableDataSetSelectProps, TableDataSetTabsProps, TableFilterFormProps, TableFilterProps, TableFiltersProps, TableFirstPageProps, TableFooterProps, TableHeaderProps, TableLastPageProps, TableNavProps, TableNextPageProps, TablePaginationProps, TablePagingProps, TablePreviousPageProps, TableProps, TableRefreshProps, TableResultsProps, TableRowGridProps, TableRowListProps, TableSearchProps, TableSortProps, TableToolbarProps, TableView, TextFilterValue, TextOperator, } from './table.types';
-export { TableBody } from './table-body';
+export type { FilterOperator, FilterType, FilterValue, NumberFilterValue, NumberOperator, SelectFilterValue, SelectOperator, TableBodyGridProps, TableBodyListProps, TableChangeViewProps, TableColumnToggleProps, TableContainerProps, TableContentProps, TableDataSet, TableDataSetSelectProps, TableDataSetTabsProps, TableFilterFormProps, TableFilterProps, TableFiltersProps, TableFirstPageProps, TableFooterProps, TableHeaderProps, TableLastPageProps, TableNavProps, TableNextPageProps, TablePaginationProps, TablePagingProps, TablePreviousPageProps, TableProps, TableRefreshProps, TableResultsProps, TableRowGridProps, TableRowListProps, TableSearchProps, TableSortProps, TableToolbarProps, TableView, TextFilterValue, TextOperator, } from './table.types';
+export { TableBodyList } from './table-body-list';
+export { TableBodyGrid } from './table-body-grid';
 export { TableColumnToggle } from './table-column-toggle';
 export { TableContainer } from './table-container';
 export { TableContent } from './table-content';
@@ -25,5 +26,6 @@ export { TableRowList } from './table-row-list';
 export { TableSearch } from './table-search';
 export { TableSort } from './table-sort';
 export { TableToolbar } from './table-toolbar';
+export { TableChangeView } from './table-change-view';
 export { textFilterFn, selectFilterFn } from './table.utils';
 export { defaultOperatorLabels, filterDefinitions, numberFilterOperators, numberOperatorKeys, selectFilterOperators, selectOperatorKeys, textFilterOperators, textOperatorKeys, } from './table.constants';

package/dist/components/table/table-body-grid.d.ts

@@ -0,0 +1,2 @@
+import { TableBodyGridProps } from './table.types';
+export declare const TableBodyGrid: <TData>({ className, children, ref, ...props }: TableBodyGridProps<TData>) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/table/table-body-list.d.ts

@@ -0,0 +1,2 @@
+import { TableBodyListProps } from './table.types';
+export declare const TableBodyList: ({ className, children, ref, ...props }: TableBodyListProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/table/table-change-view.d.ts

@@ -1,4 +1,2 @@
-import { Button } from '../button';
-type TableChangeViewProps = React.ComponentProps<typeof Button>;
+import { TableChangeViewProps } from './table.types';
 export declare const TableChangeView: ({ className, children, ref, ...props }: TableChangeViewProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/table/table-header.d.ts

@@ -1,2 +1,2 @@
 import { TableHeaderProps } from './table.types';
-export declare const TableHeader: ({ className, children, ref, ...props }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableHeader: ({ className, children, ref, ...props }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -53,10 +53,9 @@ export type TableColumnToggleProps = React.ComponentProps<typeof MenuTrigger>;
 export type TableRowListProps<TData> = React.ComponentProps<'tr'> & {
     row: Row<TData>;
 };
-export type TableBodyProps<TData> = Omit<React.ComponentProps<'tbody'>, 'children'> & {
+export type TableBodyListProps = React.ComponentProps<'tbody'>;
+export type TableBodyGridProps<TData> = Omit<React.ComponentProps<'tbody'>, 'children'> & {
     children?: (row: Row<TData>) => React.ReactNode;
-    rowGridOverride?: React.ComponentType<TableRowGridProps<TData>>;
-    rowListOverride?: React.ComponentType<TableRowListProps<TData>>;
 };
 export type TableRowGridProps<TData> = React.ComponentProps<'tr'> & {
     row: Row<TData>;
@@ -95,3 +94,4 @@ export type TableDataSet<TData, TValue> = {
 export type TableView = 'grid' | 'list';
 export type TableDataSetSelectProps = React.ComponentProps<typeof SelectTrigger>;
 export type TableDataSetTabsProps = React.ComponentProps<typeof Tabs>;
+export type TableChangeViewProps = React.ComponentProps<typeof Button>;