@veeqo/ui 5.12.5 → 5.14.0

package/dist/components/Choice/Choice.d.ts

@@ -1,4 +1,5 @@
 import React, { ReactNode } from 'react';
+import { TextVariant } from '../Text/types';
 export interface ForwardedChoiceProps {
     className?: string;
     disabled?: boolean;
@@ -10,9 +11,11 @@ export interface ForwardedChoiceProps {
     Badge?: ReactNode;
     Accessory?: ReactNode;
     Footer?: ReactNode;
+    inputPosition?: 'left' | 'right';
+    labelVariant?: TextVariant;
 }
 export interface ChoiceProps extends ForwardedChoiceProps {
     id: string;
     children: ReactNode;
 }
-export declare const Choice: ({ id, className, label, hint, tooltip, error, bordered, Badge, Accessory, Footer, children, disabled, }: ChoiceProps) => React.JSX.Element;
+export declare const Choice: ({ id, className, label, hint, tooltip, error, bordered, Badge, Accessory, Footer, children, disabled, labelVariant, inputPosition, }: ChoiceProps) => React.JSX.Element;

package/dist/components/Choice/components/styled.d.ts

@@ -5,7 +5,6 @@ export interface InputLayoutProps {
 export declare const InputLayout: import("styled-components").StyledComponent<"div", any, InputLayoutProps, never>;
 export declare const AccessoryLayout: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TextLayout: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const LabelText: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const HintText: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ErrorText: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Wrapper: import("styled-components").StyledComponent<"label", any, {

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;

package/dist/components/Toggle/Toggle.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ToggleProps } from './types';
 /**
- * A toggle switch component, use-cases should wrap with a label or
+ * A toggle switch component, use-cases should provide a label, wrap with a custom one or pass in an aria-label.
  */
 export declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -1,5 +1,6 @@
+import { ForwardedChoiceProps } from '../Choice';
 import { EventHandlerProps } from '../types';
-export interface ToggleProps extends EventHandlerProps {
+export interface ToggleProps extends EventHandlerProps, ForwardedChoiceProps {
     id?: string;
     switched?: boolean;
     name?: string;

package/dist/hoc/withLabels/withLabels.d.ts

@@ -1,5 +1,6 @@
 import React, { ComponentType, FC } from 'react';
 export interface WithLabelsProps {
+    id?: string;
     label?: string;
     hint?: string | React.ReactNode;
     error?: string;

package/dist/hooks/index.d.ts

@@ -5,3 +5,4 @@ export { useFocusVisible, FocusVisibleManager } from './useFocusVisible';
 export { useHover } from './useHover';
 export { useIsOverflowing } from './useIsOverflowing';
 export { useTabs } from './useTabs';
+export { useId } from './useId';

package/dist/hooks/useId.d.ts

@@ -0,0 +1,4 @@
+export declare const useId: ({ id, prefix }: {
+    id?: string | undefined;
+    prefix?: string | undefined;
+}) => string;

package/dist/hooks/useId.test.d.ts

@@ -0,0 +1 @@
+export {};