@veeqo/ui 7.1.0 → 7.2.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, onResizeColumns, }: DataTableProps): React.JSX.Element;
+    ({ ActionBarSlot, borderMode, columns: initialColumns, emptyState, expandedRowIds, loading, loadingRowCount, onChangeSort, rows, disabledRowIds, selectionMode, selectionState, setExpanded, sortState, stripingMode, enableStickyHeader, resizeableColumns, onResizeColumns, columnWidths, }: DataTableProps): React.JSX.Element;
     defaultProps: {
         loading: boolean;
         loadingRowCount: number;

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

@@ -1,9 +1,10 @@
 import { RefObject } from 'react';
 import { ColumnConfigs, ColumnWidthsType, ColumnWidthHandler, ColumnId } from '../types';
-export declare const useColumnWidths: ({ tableRef, columns, columnIds, }: {
+export declare const useColumnWidths: ({ tableRef, columns, columnIds, columnWidths: initialColumnWidths, }: {
     tableRef: RefObject<HTMLElement>;
     columns: ColumnConfigs;
     columnIds: ColumnId[];
+    columnWidths?: ColumnWidthsType | undefined;
 }) => {
     setColumnWidth: ColumnWidthHandler;
     columnWidths: ColumnWidthsType;

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

@@ -1,59 +1,9 @@
 import { RefObject } from 'react';
-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;
-        align?: import("../types").ColumnAlignment | undefined;
-        hidden?: boolean | undefined;
-        icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-        pinned?: import("../types").ColumnPinned | undefined;
-        sortable?: boolean | undefined;
-        spacing?: keyof import("../../Stack/types").SizeScale | undefined;
-        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;
-    }[];
-    pinnedLeft: {
-        width: import("../types").ColumnWidth | import("../types").ColumnWidthBounded | undefined;
-        id: import("../types").ColumnId;
-        align?: import("../types").ColumnAlignment | undefined;
-        hidden?: boolean | undefined;
-        icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-        pinned?: import("../types").ColumnPinned | undefined;
-        sortable?: boolean | undefined;
-        spacing?: keyof import("../../Stack/types").SizeScale | undefined;
-        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;
-    }[];
-    pinnedRight: {
-        width: import("../types").ColumnWidth | import("../types").ColumnWidthBounded | undefined;
-        id: import("../types").ColumnId;
-        align?: import("../types").ColumnAlignment | undefined;
-        hidden?: boolean | undefined;
-        icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-        pinned?: import("../types").ColumnPinned | undefined;
-        sortable?: boolean | undefined;
-        spacing?: keyof import("../../Stack/types").SizeScale | undefined;
-        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;
-    }[];
+import { ColumnConfigs, ColumnWidthState, ColumnWidthsType, ResizeColumnData } from '../types';
+export declare function useColumns(columns: ColumnConfigs, tableRef: RefObject<HTMLElement>, onResizeColumns?: (columnWidths: ResizeColumnData) => void, columnWidths?: ColumnWidthsType): {
+    visible: import("../types").ColumnConfig[];
+    columnWidths: ColumnWidthsType;
+    pinnedLeft: import("../types").ColumnConfig[];
+    pinnedRight: import("../types").ColumnConfig[];
     setColumnWidth: ({ columnId, width }: ColumnWidthState) => void;
 };

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

@@ -51,7 +51,7 @@ export type ColumnWidthState = {
     columnId: ColumnId;
     width: number | string;
 };
-export type ColumnWidthHandler = (columnWidthState: ColumnWidthState) => void;
+export type ColumnWidthHandler = (columnWidthState: ColumnWidthState) => ColumnWidthsType | void;
 export type RowId = number | string;
 export interface NestedTableRow {
     id: RowId;
@@ -140,13 +140,11 @@ export interface DataTableProps {
     resizeableColumns?: boolean;
     /** Callback for when columns are resized */
     onResizeColumns?: (columnWidths: ResizeColumnData) => void;
+    columnWidths?: ColumnWidthsType;
 }
 export type ColumnWidthsType = {
     [key: ColumnId]: ColumnWidthType;
 };
 export type ColumnWidthType = ColumnWidthFixed | ColumnWidthBounded | undefined;
-export type ResizeColumnData = {
-    id: ColumnId;
-    columnWidth?: ColumnWidth | ColumnWidthBounded;
-}[];
+export type ResizeColumnData = ColumnWidthsType;
 export {};

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

@@ -1,10 +1,10 @@
-import { ColumnConfigs, ScrollPosition, StripingMode } from '../types';
+import { ColumnConfigs, ColumnWidthsType, ScrollPosition, StripingMode } from '../types';
 export type GenerateTableCssArgs = {
     pinnedLeft: ColumnConfigs;
     pinnedRight: ColumnConfigs;
     cellWidths: Array<number>;
     scrollPosition: ScrollPosition;
-    visible: ColumnConfigs;
     stripingMode?: StripingMode;
+    columnWidths: ColumnWidthsType;
 };
-export declare function generateTableCss({ pinnedLeft, pinnedRight, cellWidths, scrollPosition, visible, stripingMode, }: GenerateTableCssArgs): string;
+export declare function generateTableCss({ pinnedLeft, pinnedRight, cellWidths, scrollPosition, stripingMode, columnWidths, }: GenerateTableCssArgs): string;