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

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ColumnId, ColumnWidthHandler } from '../types';
+export type ColumnDividerProps = {
+    columnId: ColumnId;
+    setColumnWidth?: ColumnWidthHandler;
+};
+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;

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

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

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

@@ -1,6 +1,56 @@
+import { RefObject } from 'react';
 import { ColumnConfigs } from '../types';
-export declare function useColumns(columns: ColumnConfigs): {
-    visible: import("../types").ColumnConfig[];
-    pinnedLeft: import("../types").ColumnConfig[];
-    pinnedRight: import("../types").ColumnConfig[];
+export declare function useColumns(columns: ColumnConfigs, tableRef: RefObject<HTMLElement>): {
+    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;
+        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;
+        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;
+        renderCell: import("../types").CellRenderer;
+        renderFooter?: import("../types").FooterRenderer | undefined;
+        renderHeader?: import("../types").HeaderRenderer | undefined;
+        renderNestedCell?: import("../types").NestedCellRenderer | undefined;
+    }[];
+    setColumnWidth: import("../types").ColumnWidthHandler;
 };

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

@@ -1,9 +1,13 @@
 import { ReactNode } from 'react';
-import { ColumnConfig, SortState, SortChangeHandler } from '../types';
+import { ColumnConfig, SortState, SortChangeHandler, ColumnWidthHandler } from '../types';
 type RenderHeaderParameters = {
     column: ColumnConfig;
     sortState?: SortState;
     onChangeSort?: SortChangeHandler;
+    resizeableColumns?: boolean;
+    setColumnWidth?: ColumnWidthHandler;
+    columnCount?: number;
+    columnI?: number;
 };
 /**
  * Default renderer for table header cells
@@ -11,5 +15,5 @@ type RenderHeaderParameters = {
  * @param column Column configuration object
  * @returns Header cell instance
  */
-export declare function renderHeader({ column, sortState, onChangeSort, }: RenderHeaderParameters): ReactNode;
+export declare function renderHeader({ column, sortState, onChangeSort, resizeableColumns, setColumnWidth, columnCount, columnI, }: RenderHeaderParameters): ReactNode;
 export {};

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

@@ -46,6 +46,11 @@ export type SortState = {
     direction: SortDirection;
 };
 export type SortChangeHandler = (sortState: SortState) => void;
+export type ColumnWidthState = {
+    columnId: ColumnId;
+    width: number | string;
+};
+export type ColumnWidthHandler = (columnWidthState: ColumnWidthState) => void;
 export type RowId = number | string;
 export interface NestedTableRow {
     id: RowId;
@@ -65,9 +70,11 @@ export interface HeaderProps extends React.HtmlHTMLAttributes<HTMLTableCellEleme
     align?: ColumnAlignment;
     spacing?: ColumnSpacing;
     span?: number;
+    zIndex?: number;
 }
 export interface RendererHeaderProps extends HeaderProps {
     key: string;
+    'data-columnid'?: string;
 }
 export interface SelectionHeaderProps extends Omit<HeaderProps, 'onChange'> {
     selected: boolean;
@@ -112,5 +119,10 @@ export interface DataTableProps {
     setExpanded?: SetExpandedAction;
     sortState?: SortState;
     stripingMode?: StripingMode;
+    resizeableColumns?: boolean;
 }
+export type ColumnWidthsType = {
+    [key: ColumnId]: ColumnWidthType;
+};
+export type ColumnWidthType = ColumnWidthFixed | ColumnWidthBounded | undefined;
 export {};

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

@@ -0,0 +1 @@
+export declare const customEventEmitter: (eventType: string, data: any) => void;