@veeqo/ui 6.0.0 → 6.1.0

package/dist/components/DataTable/DataTable.d.ts

@@ -4,7 +4,7 @@ import { ColumnMenu } from './components/ColumnMenu';
 import { SelectionCell } from './components/SelectionCell';
 import { SelectionHeader } from './components/SelectionHeader';
 export declare const DataTable: {
-    ({ ActionBarSlot, borderMode, columns: initialColumns, emptyState, expandedRowIds, loading, loadingRowCount, onChangeSort, rows, disabledRowIds, selectionMode, selectionState, setExpanded, sortState, stripingMode, enableStickyHeader, resizeableColumns, }: DataTableProps): React.JSX.Element;
+    ({ ActionBarSlot, borderMode, columns: initialColumns, emptyState, expandedRowIds, loading, loadingRowCount, onChangeSort, rows, disabledRowIds, selectionMode, selectionState, setExpanded, sortState, stripingMode, enableStickyHeader, resizeableColumns, onResizeColumns, }: DataTableProps): React.JSX.Element;
     defaultProps: {
         loading: boolean;
         loadingRowCount: number;

package/dist/components/DataTable/components/ColumnDivider.d.ts

@@ -3,9 +3,10 @@ import { ColumnId, ColumnWidthHandler } from '../types';
 export type ColumnDividerProps = {
     columnId: ColumnId;
     setColumnWidth?: ColumnWidthHandler;
+    minWidth?: number;
 };
 export type CalculateWidthProps = {
     event: MouseEvent;
 };
 export declare const ResizerBar: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ColumnDivider: ({ columnId, setColumnWidth }: ColumnDividerProps) => React.JSX.Element;
+export declare const ColumnDivider: ({ columnId, setColumnWidth, minWidth }: ColumnDividerProps) => React.JSX.Element;

package/dist/components/DataTable/hooks/useColumns.d.ts

@@ -1,6 +1,6 @@
 import { RefObject } from 'react';
-import { ColumnConfigs } from '../types';
-export declare function useColumns(columns: ColumnConfigs, tableRef: RefObject<HTMLElement>): {
+import { ColumnConfigs, ColumnWidthState, ResizeColumnData } from '../types';
+export declare function useColumns(columns: ColumnConfigs, tableRef: RefObject<HTMLElement>, onResizeColumns?: (columnWidths: ResizeColumnData) => void): {
     visible: {
         width: import("../types").ColumnWidth | import("../types").ColumnWidthBounded | undefined;
         id: import("../types").ColumnId;
@@ -13,6 +13,7 @@ export declare function useColumns(columns: ColumnConfigs, tableRef: RefObject<H
         span?: number | undefined;
         title?: string | undefined;
         tooltip?: string | undefined;
+        resizeMinWidth?: number | undefined;
         renderCell: import("../types").CellRenderer;
         renderFooter?: import("../types").FooterRenderer | undefined;
         renderHeader?: import("../types").HeaderRenderer | undefined;
@@ -30,6 +31,7 @@ export declare function useColumns(columns: ColumnConfigs, tableRef: RefObject<H
         span?: number | undefined;
         title?: string | undefined;
         tooltip?: string | undefined;
+        resizeMinWidth?: number | undefined;
         renderCell: import("../types").CellRenderer;
         renderFooter?: import("../types").FooterRenderer | undefined;
         renderHeader?: import("../types").HeaderRenderer | undefined;
@@ -47,10 +49,11 @@ export declare function useColumns(columns: ColumnConfigs, tableRef: RefObject<H
         span?: number | undefined;
         title?: string | undefined;
         tooltip?: string | undefined;
+        resizeMinWidth?: number | undefined;
         renderCell: import("../types").CellRenderer;
         renderFooter?: import("../types").FooterRenderer | undefined;
         renderHeader?: import("../types").HeaderRenderer | undefined;
         renderNestedCell?: import("../types").NestedCellRenderer | undefined;
     }[];
-    setColumnWidth: import("../types").ColumnWidthHandler;
+    setColumnWidth: ({ columnId, width }: ColumnWidthState) => void;
 };

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

@@ -30,6 +30,7 @@ export type ColumnConfig = {
     title?: string;
     tooltip?: string;
     width?: ColumnWidthFixed | ColumnWidthBounded;
+    resizeMinWidth?: number;
     renderCell: CellRenderer;
     renderFooter?: FooterRenderer;
     renderHeader?: HeaderRenderer;
@@ -103,26 +104,49 @@ export type SelectionMode = 'single' | 'multiple';
 export type SelectionState = [RowId[], (rowIds: RowId[]) => void];
 export type StripingMode = 'row' | 'nested';
 export interface DataTableProps {
+    /** slot for the action bar above the table */
     ActionBarSlot?: ReactNode;
+    /** Type of border for the table */
     borderMode?: BorderMode;
+    /** Columns for the table */
     columns: ColumnConfigs;
+    /** Disable specific rows of the table */
     disabledRowIds?: Array<RowId>;
+    /** Enable sticky header */
     enableStickyHeader?: boolean;
+    /** Render a custom empty state for the table */
     emptyState?: CustomState;
+    /** The rows that can be expanded to show more information */
     expandedRowIds?: Array<RowId>;
+    /** Renders a loading indicator inside the table */
     loading?: boolean;
+    /** Number of rows to display when loading */
     loadingRowCount?: number;
+    /** OnChange handler for sorting functionality */
     onChangeSort?: SortChangeHandler;
+    /** Rows of data to be displayed in the table */
     rows: TableRows;
+    /** Decide how many rows can be selected */
     selectionMode?: SelectionMode;
+    /** The current selected rows */
     selectionState?: SelectionState;
+    /** Handler to expand specific row */
     setExpanded?: SetExpandedAction;
+    /** State of each column's sorting  */
     sortState?: SortState;
+    /** Renders alternate row a slightly different colour */
     stripingMode?: StripingMode;
+    /** Enable column resizing */
     resizeableColumns?: boolean;
+    /** Callback for when columns are resized */
+    onResizeColumns?: (columnWidths: ResizeColumnData) => void;
 }
 export type ColumnWidthsType = {
     [key: ColumnId]: ColumnWidthType;
 };
 export type ColumnWidthType = ColumnWidthFixed | ColumnWidthBounded | undefined;
+export type ResizeColumnData = {
+    id: ColumnId;
+    columnWidth?: ColumnWidth | ColumnWidthBounded;
+}[];
 export {};

package/dist/components/DataTable/utils/getColumnWidth.d.ts

@@ -0,0 +1,2 @@
+import { ColumnConfigs, ColumnId, ColumnWidthsType } from '../types';
+export declare function getColumnWidth(columnId: ColumnId, columnWidths: ColumnWidthsType, columns: ColumnConfigs): string | number | import("../types").ColumnWidthBounded | undefined;