@veeqo/ui 9.8.0 → 9.9.0

package/dist/components/DataGrid/types/ColumnDefinition.d.ts

@@ -0,0 +1,75 @@
+import { ReactElement } from 'react';
+import { DeepKeys } from '@tanstack/react-table';
+export type ColumnAlignment = 'left' | 'center' | 'right';
+export type ColumnAccessor<T> = (row: T) => any;
+/**
+ * Basic column definition.
+ */
+export type BaseColumnDefinition = {
+    /**
+     * Column ID, this must be a string.
+     */
+    id: string;
+    /**
+     * Column title.
+     */
+    title: string;
+    /**
+     * Column alignment, used to control alignment of content within cells.
+     */
+    align?: ColumnAlignment;
+    /**
+     * Indicates that the cell in this column is the header for its row.
+     */
+    rowHeader?: boolean;
+    /**
+     * Indicates whether the column is resizeable or not. If a column is resizeable, sizing should be
+     * provided to ensure columns are given necessary default width's for your content.
+     */
+    resizeable?: boolean;
+    /**
+     * Column width, only used when resizeable columns are enabled, otherwise the default table
+     * layout algorithm will be used to determine the best fit.
+     * @default 150
+     */
+    width?: number;
+    /**
+     * Minimum column width, only used when resizeable columns are enabled.
+     * @default 120
+     */
+    minWidth?: number;
+    /**
+     * Maximum column width, only used when resizeable columns are enabled.
+     * @default Number.MAX_SAFE_INTEGER
+     */
+    maxWidth?: number;
+    /**
+     * Optional getter used to create an `aria-label` for the column header. If none is provided, the
+     * column's `title` will be used.
+     *
+     * TODO: Add sort direction and other information.
+     */
+    getAriaLabel?: () => string;
+    /**
+     * Optional render method used to render a column footer.
+     */
+    renderFooter?: () => ReactElement;
+    /**
+     * Optional render method used to render a custom column header in place of the column title.
+     */
+    renderHeader?: () => ReactElement;
+};
+/**
+ * Column which has an underlying value in the model, can be sorted.
+ */
+export type DataColumnDefinition<T> = BaseColumnDefinition & {
+    field: DeepKeys<T> | ColumnAccessor<T>;
+    renderCell?: (fieldValue: any, row: T) => ReactElement | null | string;
+};
+/**
+ * Column which is purely for display, not part of the model, cannot be sorted.
+ */
+export type DisplayColumnDefinition<T> = BaseColumnDefinition & {
+    renderCell: (row: T) => ReactElement | null | string;
+};
+export type ColumnDefinition<T> = DataColumnDefinition<T> | DisplayColumnDefinition<T>;

package/dist/components/DataGrid/types/DataGridProps.d.ts

@@ -0,0 +1,70 @@
+import React, { AriaAttributes, ReactElement } from 'react';
+import { SizeScale } from 'Theme/modules/sizes';
+import { BorderMode, ResizeMode } from './enums';
+import { ColumnDefinition } from './ColumnDefinition';
+export type CustomState = {
+    iconSlot: ReactElement;
+    heading: string;
+    subHeading?: string;
+};
+export type DataGridProps = Pick<AriaAttributes, 'aria-label'> & {
+    /** General config */
+    /**
+     * Density, controls the spacing between rows in the table.
+     *
+     * @default 'base'
+     */
+    density?: keyof SizeScale;
+    /**
+     * Enable/disable row striping.
+     *
+     * @default true
+     */
+    striped?: boolean;
+    /**
+     * Border mode, controls the border displayed in the container around the grid.
+     *
+     * @default 'full'
+     */
+    borderMode?: BorderMode;
+    /**
+     * Resize mode, used to control whether or not columns within the grid can be resized. Use `onChange` to have columns resize as the user drags, `onEnd` to have them resize after the user
+     * releases the resize bar, or `off` to disable column resizing.
+     *
+     * If column resizing is disabled, columns will be sized according to the best fit as decided by the browser's table rendering algorithm.
+     *
+     * If column resizing is enabled, columns will be rendered with fixed column widths.
+     *
+     * @default 'off'
+     */
+    resizeMode?: ResizeMode;
+    /**
+     * Additional styles to be applied to the grid container.
+     */
+    containerStyle?: React.CSSProperties;
+    /** Columns */
+    /**
+     * Column definitions. It is not recommended that you modify these once the table has been initialized, since internal state
+     * is built based around the initial set of column definitions passed to the component.
+     *
+     * If you need to control visibility, pinning, or ordering, you can do so through other props (`hiddenColumns`, `columnOrder`, and `pinnedColumns`).
+     */
+    columns: ColumnDefinition<any>[];
+    /**
+     * Hidden columns, an array of column ID's, can be used to hide columns in the table.
+     */
+    hiddenColumns?: string[];
+    /**
+     * Column ordering, an array of column ID's, can be used to reorder columns in the table.
+     */
+    columnOrdering?: string[];
+    /** Rows */
+    /**
+     * Data to render within the table.
+     */
+    data: any[];
+    /**
+     * Getter which returns the ID to use for a row (a string). If one isn't provided, the row index will be used instead.
+     */
+    getRowId?: (row: any, index: number, parent?: any) => string;
+};

package/dist/components/DataGrid/types/declarations.d.ts

@@ -0,0 +1,9 @@
+import { RowData } from '@tanstack/react-table';
+declare module '@tanstack/react-table' {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        rowHeader?: boolean;
+        textAlign: string;
+        justifyContent: string;
+        getAriaLabel?: () => string;
+    }
+}

package/dist/components/DataGrid/types/enums.d.ts

@@ -0,0 +1,2 @@
+export type ResizeMode = 'onChange' | 'onEnd' | 'off';
+export type BorderMode = 'full' | 'vertical' | 'none';

package/dist/components/DataGrid/types/index.d.ts

@@ -0,0 +1,4 @@
+export { ResizeMode, BorderMode } from './enums';
+export { DataGridProps } from './DataGridProps';
+export { AriaRoles } from './AriaRoles';
+export { ColumnDefinition } from './ColumnDefinition';

package/dist/components/DataGrid/utils/ColumnMapper.cjs

@@ -0,0 +1,95 @@
+'use strict';
+
+var reactTable = require('@tanstack/react-table');
+var constants = require('../constants.cjs');
+
+/**
+ * Helper method which checks whether a given column definition is a `DataColumn`.
+ * @param column The column definition to check.
+ * @returns True if the column definition is a `DataColumn`, false otherwise.
+ */
+const isDataColumn = (column) => {
+    return column.field !== undefined;
+};
+/**
+ * Maps a column alignment to the equivalent flexbox alignment.
+ * @param align The column alingment to map.
+ * @returns The flexbox alignment.
+ */
+function alignmentToFlex(align) {
+    switch (align) {
+        case 'left':
+            return 'flex-start';
+        case 'center':
+            return 'center';
+        case 'right':
+            return 'flex-end';
+        default:
+            return 'flex-start';
+    }
+}
+/**
+ * Validates a column definition, ensuring required properties are defined and values make sense.
+ * @param definition The column definition to validate.
+ * @throws Error if the column definition is invalid.
+ */
+const validateColumnDefinition = (definition) => {
+    if (!definition.id) {
+        throw new Error("[ColumnMapper] Column definition is missing an 'id' property.");
+    }
+    if (!isDataColumn(definition)) {
+        if (!definition.renderCell) {
+            throw new Error(`[ColumnMapper] Column '${definition.id}' is a display column but is missing a 'renderCell' property.`);
+        }
+    }
+    if (definition.width && definition.minWidth && definition.width < definition.minWidth) {
+        throw new Error(`[ColumnMapper] Column '${definition.id}' has a size of ${definition.width} which is smaller than its minimum size of ${definition.minWidth}.`);
+    }
+    if (definition.width && definition.maxWidth && definition.width > definition.maxWidth) {
+        throw new Error(`[ColumnMapper] Column '${definition.id}' has a size of ${definition.width} which is larger than its maximum size of ${definition.maxWidth}.`);
+    }
+};
+/**
+ * Mapper which validates and converts our ColumnDefinition's to a ColumnDef for use in TanStack Table.
+ */
+class ColumnMapper {
+    constructor() {
+        this.columnHelper = reactTable.createColumnHelper();
+    }
+    mapColumnDefinition(definition) {
+        var _a, _b, _c, _d, _e, _f;
+        const sharedColumnProps = {
+            id: definition.id,
+            enableResizing: !!definition.resizeable,
+            header: (_a = definition.renderHeader) !== null && _a !== undefined ? _a : definition.title,
+            footer: definition.renderFooter,
+            size: (_b = definition.width) !== null && _b !== undefined ? _b : constants.DEFAULT_COLUMN_WIDTH,
+            maxSize: (_c = definition.maxWidth) !== null && _c !== undefined ? _c : constants.DEFAULT_COLUMN_MAXIMUM_WIDTH,
+            minSize: (_d = definition.minWidth) !== null && _d !== undefined ? _d : constants.DEFAULT_COLUMN_MINIMUM_WIDTH,
+            meta: {
+                rowHeader: !!definition.rowHeader,
+                // Generate flex and text alignment based off column.align
+                justifyContent: alignmentToFlex((_e = definition.align) !== null && _e !== undefined ? _e : constants.DEFAULT_CELL_ALIGN),
+                textAlign: (_f = definition.align) !== null && _f !== undefined ? _f : constants.DEFAULT_CELL_ALIGN,
+                getAriaLabel: definition.getAriaLabel,
+            },
+        };
+        validateColumnDefinition(definition);
+        if (isDataColumn(definition)) {
+            return this.columnHelper.accessor(definition.field, {
+                ...sharedColumnProps,
+                // enableSorting: definition.sortable ?? false,
+                cell: definition.renderCell
+                    ? (context) => definition.renderCell(context.getValue(), context.row.original)
+                    : (context) => context.getValue(),
+            });
+        }
+        return this.columnHelper.display({
+            ...sharedColumnProps,
+            cell: (context) => definition.renderCell(context.row.original),
+        });
+    }
+}
+
+exports.ColumnMapper = ColumnMapper;
+//# sourceMappingURL=ColumnMapper.cjs.map

package/dist/components/DataGrid/utils/ColumnMapper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnMapper.cjs","sources":["../../../../src/components/DataGrid/utils/ColumnMapper.ts"],"sourcesContent":["import { ColumnDef, ColumnHelper, createColumnHelper } from '@tanstack/react-table';\nimport { ColumnDefinition, DataColumnDefinition, ColumnAlignment } from '../types/ColumnDefinition';\nimport {\n  DEFAULT_CELL_ALIGN,\n  DEFAULT_COLUMN_MAXIMUM_WIDTH,\n  DEFAULT_COLUMN_MINIMUM_WIDTH,\n  DEFAULT_COLUMN_WIDTH,\n} from '../constants';\n\n/**\n * Helper method which checks whether a given column definition is a `DataColumn`.\n * @param column The column definition to check.\n * @returns True if the column definition is a `DataColumn`, false otherwise.\n */\nconst isDataColumn = <T>(column: ColumnDefinition<T>): column is DataColumnDefinition<T> => {\n  return (column as DataColumnDefinition<T>).field !== undefined;\n};\n \n/**\n * Maps a column alignment to the equivalent flexbox alignment.\n * @param align The column alingment to map.\n * @returns The flexbox alignment.\n */\nfunction alignmentToFlex(align: ColumnAlignment) {\n  switch (align) {\n    case 'left':\n      return 'flex-start';\n    case 'center':\n      return 'center';\n    case 'right':\n      return 'flex-end';\n    default:\n      return 'flex-start';\n  }\n}\n\n/**\n * Validates a column definition, ensuring required properties are defined and values make sense.\n * @param definition The column definition to validate.\n * @throws Error if the column definition is invalid.\n */\nconst validateColumnDefinition = (definition: ColumnDefinition<any>) => {\n  if (!definition.id) {\n    throw new Error(\"[ColumnMapper] Column definition is missing an 'id' property.\");\n  }\n\n  if (!isDataColumn(definition)) {\n    if (!definition.renderCell) {\n      throw new Error(\n        `[ColumnMapper] Column '${definition.id}' is a display column but is missing a 'renderCell' property.`,\n      );\n    }\n  }\n\n  if (definition.width && definition.minWidth && definition.width < definition.minWidth) {\n    throw new Error(\n      `[ColumnMapper] Column '${definition.id}' has a size of ${definition.width} which is smaller than its minimum size of ${definition.minWidth}.`,\n    );\n  }\n\n  if (definition.width && definition.maxWidth && definition.width > definition.maxWidth) {\n    throw new Error(\n      `[ColumnMapper] Column '${definition.id}' has a size of ${definition.width} which is larger than its maximum size of ${definition.maxWidth}.`,\n    );\n  }\n};\n\n/**\n * Mapper which validates and converts our ColumnDefinition's to a ColumnDef for use in TanStack Table.\n */\nexport class ColumnMapper {\n  private columnHelper: ColumnHelper<any>;\n\n  constructor() {\n    this.columnHelper = createColumnHelper<any>();\n  }\n\n  mapColumnDefinition(definition: ColumnDefinition<any>): ColumnDef<any, any> {\n    const sharedColumnProps = {\n      id: definition.id,\n      enableResizing: !!definition.resizeable,\n\n      header: definition.renderHeader ?? definition.title,\n      footer: definition.renderFooter,\n\n      size: definition.width ?? DEFAULT_COLUMN_WIDTH,\n      maxSize: definition.maxWidth ?? DEFAULT_COLUMN_MAXIMUM_WIDTH,\n      minSize: definition.minWidth ?? DEFAULT_COLUMN_MINIMUM_WIDTH,\n\n      meta: {\n        rowHeader: !!definition.rowHeader,\n        // Generate flex and text alignment based off column.align\n        justifyContent: alignmentToFlex(definition.align ?? DEFAULT_CELL_ALIGN),\n        textAlign: definition.align ?? DEFAULT_CELL_ALIGN,\n        getAriaLabel: definition.getAriaLabel,\n      },\n    };\n\n    validateColumnDefinition(definition);\n\n    if (isDataColumn(definition)) {\n      return this.columnHelper.accessor(definition.field, {\n        ...sharedColumnProps,\n        // enableSorting: definition.sortable ?? false,\n        cell: definition.renderCell\n          ? (context) => definition.renderCell!(context.getValue(), context.row.original)\n          : (context) => context.getValue(),\n      });\n    }\n\n    return this.columnHelper.display({\n      ...sharedColumnProps,\n      cell: (context) => definition.renderCell(context.row.original),\n    });\n  }\n}\n"],"names":["createColumnHelper","DEFAULT_COLUMN_WIDTH","DEFAULT_COLUMN_MAXIMUM_WIDTH","DEFAULT_COLUMN_MINIMUM_WIDTH","DEFAULT_CELL_ALIGN"],"mappings":";;;;;AASA;;;;AAIG;AACH,MAAM,YAAY,GAAG,CAAI,MAA2B,KAAuC;AACzF,IAAA,OAAQ,MAAkC,CAAC,KAAK,KAAK,SAAS;AAChE,CAAC;AAED;;;;AAIG;AACH,SAAS,eAAe,CAAC,KAAsB,EAAA;AAC7C,IAAA,QAAQ,KAAK;AACX,QAAA,KAAK,MAAM;AACT,YAAA,OAAO,YAAY;AACrB,QAAA,KAAK,QAAQ;AACX,YAAA,OAAO,QAAQ;AACjB,QAAA,KAAK,OAAO;AACV,YAAA,OAAO,UAAU;AACnB,QAAA;AACE,YAAA,OAAO,YAAY;AACtB;AACH;AAEA;;;;AAIG;AACH,MAAM,wBAAwB,GAAG,CAAC,UAAiC,KAAI;AACrE,IAAA,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE;AAClB,QAAA,MAAM,IAAI,KAAK,CAAC,+DAA+D,CAAC;AACjF;AAED,IAAA,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE;AAC7B,QAAA,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE;YAC1B,MAAM,IAAI,KAAK,CACb,CAAA,uBAAA,EAA0B,UAAU,CAAC,EAAE,CAA+D,6DAAA,CAAA,CACvG;AACF;AACF;AAED,IAAA,IAAI,UAAU,CAAC,KAAK,IAAI,UAAU,CAAC,QAAQ,IAAI,UAAU,CAAC,KAAK,GAAG,UAAU,CAAC,QAAQ,EAAE;AACrF,QAAA,MAAM,IAAI,KAAK,CACb,CAA0B,uBAAA,EAAA,UAAU,CAAC,EAAE,CAAA,gBAAA,EAAmB,UAAU,CAAC,KAAK,CAA8C,2CAAA,EAAA,UAAU,CAAC,QAAQ,CAAA,CAAA,CAAG,CAC/I;AACF;AAED,IAAA,IAAI,UAAU,CAAC,KAAK,IAAI,UAAU,CAAC,QAAQ,IAAI,UAAU,CAAC,KAAK,GAAG,UAAU,CAAC,QAAQ,EAAE;AACrF,QAAA,MAAM,IAAI,KAAK,CACb,CAA0B,uBAAA,EAAA,UAAU,CAAC,EAAE,CAAA,gBAAA,EAAmB,UAAU,CAAC,KAAK,CAA6C,0CAAA,EAAA,UAAU,CAAC,QAAQ,CAAA,CAAA,CAAG,CAC9I;AACF;AACH,CAAC;AAED;;AAEG;MACU,YAAY,CAAA;AAGvB,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,YAAY,GAAGA,6BAAkB,EAAO;;AAG/C,IAAA,mBAAmB,CAAC,UAAiC,EAAA;;AACnD,QAAA,MAAM,iBAAiB,GAAG;YACxB,EAAE,EAAE,UAAU,CAAC,EAAE;AACjB,YAAA,cAAc,EAAE,CAAC,CAAC,UAAU,CAAC,UAAU;YAEvC,MAAM,EAAE,MAAA,UAAU,CAAC,YAAY,MAAI,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,EAAA,GAAA,UAAU,CAAC,KAAK;YACnD,MAAM,EAAE,UAAU,CAAC,YAAY;AAE/B,YAAA,IAAI,EAAE,CAAA,EAAA,GAAA,UAAU,CAAC,KAAK,sCAAIC,8BAAoB;AAC9C,YAAA,OAAO,EAAE,CAAA,EAAA,GAAA,UAAU,CAAC,QAAQ,sCAAIC,sCAA4B;AAC5D,YAAA,OAAO,EAAE,CAAA,EAAA,GAAA,UAAU,CAAC,QAAQ,sCAAIC,sCAA4B;AAE5D,YAAA,IAAI,EAAE;AACJ,gBAAA,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,SAAS;;gBAEjC,cAAc,EAAE,eAAe,CAAC,CAAA,EAAA,GAAA,UAAU,CAAC,KAAK,MAAI,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,EAAA,GAAAC,4BAAkB,CAAC;AACvE,gBAAA,SAAS,EAAE,CAAA,EAAA,GAAA,UAAU,CAAC,KAAK,sCAAIA,4BAAkB;gBACjD,YAAY,EAAE,UAAU,CAAC,YAAY;AACtC,aAAA;SACF;QAED,wBAAwB,CAAC,UAAU,CAAC;AAEpC,QAAA,IAAI,YAAY,CAAC,UAAU,CAAC,EAAE;YAC5B,OAAO,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,EAAE;AAClD,gBAAA,GAAG,iBAAiB;;gBAEpB,IAAI,EAAE,UAAU,CAAC;sBACb,CAAC,OAAO,KAAK,UAAU,CAAC,UAAW,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,OAAO,CAAC,GAAG,CAAC,QAAQ;sBAC5E,CAAC,OAAO,KAAK,OAAO,CAAC,QAAQ,EAAE;AACpC,aAAA,CAAC;AACH;AAED,QAAA,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC;AAC/B,YAAA,GAAG,iBAAiB;AACpB,YAAA,IAAI,EAAE,CAAC,OAAO,KAAK,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC;AAC/D,SAAA,CAAC;;AAEL;;;;"}

package/dist/components/DataGrid/utils/ColumnMapper.d.ts

@@ -0,0 +1,10 @@
+import { ColumnDef } from '@tanstack/react-table';
+import { ColumnDefinition } from '../types/ColumnDefinition';
+/**
+ * Mapper which validates and converts our ColumnDefinition's to a ColumnDef for use in TanStack Table.
+ */
+export declare class ColumnMapper {
+    private columnHelper;
+    constructor();
+    mapColumnDefinition(definition: ColumnDefinition<any>): ColumnDef<any, any>;
+}

package/dist/components/DataGrid/utils/ColumnMapper.js

@@ -0,0 +1,93 @@
+import { createColumnHelper } from '@tanstack/react-table';
+import { DEFAULT_COLUMN_WIDTH, DEFAULT_COLUMN_MAXIMUM_WIDTH, DEFAULT_COLUMN_MINIMUM_WIDTH, DEFAULT_CELL_ALIGN } from '../constants.js';
+
+/**
+ * Helper method which checks whether a given column definition is a `DataColumn`.
+ * @param column The column definition to check.
+ * @returns True if the column definition is a `DataColumn`, false otherwise.
+ */
+const isDataColumn = (column) => {
+    return column.field !== undefined;
+};
+/**
+ * Maps a column alignment to the equivalent flexbox alignment.
+ * @param align The column alingment to map.
+ * @returns The flexbox alignment.
+ */
+function alignmentToFlex(align) {
+    switch (align) {
+        case 'left':
+            return 'flex-start';
+        case 'center':
+            return 'center';
+        case 'right':
+            return 'flex-end';
+        default:
+            return 'flex-start';
+    }
+}
+/**
+ * Validates a column definition, ensuring required properties are defined and values make sense.
+ * @param definition The column definition to validate.
+ * @throws Error if the column definition is invalid.
+ */
+const validateColumnDefinition = (definition) => {
+    if (!definition.id) {
+        throw new Error("[ColumnMapper] Column definition is missing an 'id' property.");
+    }
+    if (!isDataColumn(definition)) {
+        if (!definition.renderCell) {
+            throw new Error(`[ColumnMapper] Column '${definition.id}' is a display column but is missing a 'renderCell' property.`);
+        }
+    }
+    if (definition.width && definition.minWidth && definition.width < definition.minWidth) {
+        throw new Error(`[ColumnMapper] Column '${definition.id}' has a size of ${definition.width} which is smaller than its minimum size of ${definition.minWidth}.`);
+    }
+    if (definition.width && definition.maxWidth && definition.width > definition.maxWidth) {
+        throw new Error(`[ColumnMapper] Column '${definition.id}' has a size of ${definition.width} which is larger than its maximum size of ${definition.maxWidth}.`);
+    }
+};
+/**
+ * Mapper which validates and converts our ColumnDefinition's to a ColumnDef for use in TanStack Table.
+ */
+class ColumnMapper {
+    constructor() {
+        this.columnHelper = createColumnHelper();
+    }
+    mapColumnDefinition(definition) {
+        var _a, _b, _c, _d, _e, _f;
+        const sharedColumnProps = {
+            id: definition.id,
+            enableResizing: !!definition.resizeable,
+            header: (_a = definition.renderHeader) !== null && _a !== undefined ? _a : definition.title,
+            footer: definition.renderFooter,
+            size: (_b = definition.width) !== null && _b !== undefined ? _b : DEFAULT_COLUMN_WIDTH,
+            maxSize: (_c = definition.maxWidth) !== null && _c !== undefined ? _c : DEFAULT_COLUMN_MAXIMUM_WIDTH,
+            minSize: (_d = definition.minWidth) !== null && _d !== undefined ? _d : DEFAULT_COLUMN_MINIMUM_WIDTH,
+            meta: {
+                rowHeader: !!definition.rowHeader,
+                // Generate flex and text alignment based off column.align
+                justifyContent: alignmentToFlex((_e = definition.align) !== null && _e !== undefined ? _e : DEFAULT_CELL_ALIGN),
+                textAlign: (_f = definition.align) !== null && _f !== undefined ? _f : DEFAULT_CELL_ALIGN,
+                getAriaLabel: definition.getAriaLabel,
+            },
+        };
+        validateColumnDefinition(definition);
+        if (isDataColumn(definition)) {
+            return this.columnHelper.accessor(definition.field, {
+                ...sharedColumnProps,
+                // enableSorting: definition.sortable ?? false,
+                cell: definition.renderCell
+                    ? (context) => definition.renderCell(context.getValue(), context.row.original)
+                    : (context) => context.getValue(),
+            });
+        }
+        return this.columnHelper.display({
+            ...sharedColumnProps,
+            cell: (context) => definition.renderCell(context.row.original),
+        });
+    }
+}
+
+export { ColumnMapper };
+//# sourceMappingURL=ColumnMapper.js.map

package/dist/components/DataGrid/utils/ColumnMapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnMapper.js","sources":["../../../../src/components/DataGrid/utils/ColumnMapper.ts"],"sourcesContent":["import { ColumnDef, ColumnHelper, createColumnHelper } from '@tanstack/react-table';\nimport { ColumnDefinition, DataColumnDefinition, ColumnAlignment } from '../types/ColumnDefinition';\nimport {\n  DEFAULT_CELL_ALIGN,\n  DEFAULT_COLUMN_MAXIMUM_WIDTH,\n  DEFAULT_COLUMN_MINIMUM_WIDTH,\n  DEFAULT_COLUMN_WIDTH,\n} from '../constants';\n\n/**\n * Helper method which checks whether a given column definition is a `DataColumn`.\n * @param column The column definition to check.\n * @returns True if the column definition is a `DataColumn`, false otherwise.\n */\nconst isDataColumn = <T>(column: ColumnDefinition<T>): column is DataColumnDefinition<T> => {\n  return (column as DataColumnDefinition<T>).field !== undefined;\n};\n \n/**\n * Maps a column alignment to the equivalent flexbox alignment.\n * @param align The column alingment to map.\n * @returns The flexbox alignment.\n */\nfunction alignmentToFlex(align: ColumnAlignment) {\n  switch (align) {\n    case 'left':\n      return 'flex-start';\n    case 'center':\n      return 'center';\n    case 'right':\n      return 'flex-end';\n    default:\n      return 'flex-start';\n  }\n}\n\n/**\n * Validates a column definition, ensuring required properties are defined and values make sense.\n * @param definition The column definition to validate.\n * @throws Error if the column definition is invalid.\n */\nconst validateColumnDefinition = (definition: ColumnDefinition<any>) => {\n  if (!definition.id) {\n    throw new Error(\"[ColumnMapper] Column definition is missing an 'id' property.\");\n  }\n\n  if (!isDataColumn(definition)) {\n    if (!definition.renderCell) {\n      throw new Error(\n        `[ColumnMapper] Column '${definition.id}' is a display column but is missing a 'renderCell' property.`,\n      );\n    }\n  }\n\n  if (definition.width && definition.minWidth && definition.width < definition.minWidth) {\n    throw new Error(\n      `[ColumnMapper] Column '${definition.id}' has a size of ${definition.width} which is smaller than its minimum size of ${definition.minWidth}.`,\n    );\n  }\n\n  if (definition.width && definition.maxWidth && definition.width > definition.maxWidth) {\n    throw new Error(\n      `[ColumnMapper] Column '${definition.id}' has a size of ${definition.width} which is larger than its maximum size of ${definition.maxWidth}.`,\n    );\n  }\n};\n\n/**\n * Mapper which validates and converts our ColumnDefinition's to a ColumnDef for use in TanStack Table.\n */\nexport class ColumnMapper {\n  private columnHelper: ColumnHelper<any>;\n\n  constructor() {\n    this.columnHelper = createColumnHelper<any>();\n  }\n\n  mapColumnDefinition(definition: ColumnDefinition<any>): ColumnDef<any, any> {\n    const sharedColumnProps = {\n      id: definition.id,\n      enableResizing: !!definition.resizeable,\n\n      header: definition.renderHeader ?? definition.title,\n      footer: definition.renderFooter,\n\n      size: definition.width ?? DEFAULT_COLUMN_WIDTH,\n      maxSize: definition.maxWidth ?? DEFAULT_COLUMN_MAXIMUM_WIDTH,\n      minSize: definition.minWidth ?? DEFAULT_COLUMN_MINIMUM_WIDTH,\n\n      meta: {\n        rowHeader: !!definition.rowHeader,\n        // Generate flex and text alignment based off column.align\n        justifyContent: alignmentToFlex(definition.align ?? DEFAULT_CELL_ALIGN),\n        textAlign: definition.align ?? DEFAULT_CELL_ALIGN,\n        getAriaLabel: definition.getAriaLabel,\n      },\n    };\n\n    validateColumnDefinition(definition);\n\n    if (isDataColumn(definition)) {\n      return this.columnHelper.accessor(definition.field, {\n        ...sharedColumnProps,\n        // enableSorting: definition.sortable ?? false,\n        cell: definition.renderCell\n          ? (context) => definition.renderCell!(context.getValue(), context.row.original)\n          : (context) => context.getValue(),\n      });\n    }\n\n    return this.columnHelper.display({\n      ...sharedColumnProps,\n      cell: (context) => definition.renderCell(context.row.original),\n    });\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/components/DataGrid/utils/getAriaRoles.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+const getAriaRoles = () => {
+    return {
+        table: 'table',
+        cell: 'cell',
+    };
+};
+
+exports.getAriaRoles = getAriaRoles;
+//# sourceMappingURL=getAriaRoles.cjs.map

package/dist/components/DataGrid/utils/getAriaRoles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getAriaRoles.cjs","sources":["../../../../src/components/DataGrid/utils/getAriaRoles.ts"],"sourcesContent":["import { AriaRoles } from '../types/AriaRoles';\n\nexport const getAriaRoles = (): AriaRoles => {\n  return {\n    table: 'table',\n    cell: 'cell',\n  };\n};\n"],"names":[],"mappings":";;AAEO,MAAM,YAAY,GAAG,MAAgB;IAC1C,OAAO;AACL,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,IAAI,EAAE,MAAM;KACb;AACH;;;;"}

package/dist/components/DataGrid/utils/getAriaRoles.d.ts

@@ -0,0 +1,2 @@
+import { AriaRoles } from '../types/AriaRoles';
+export declare const getAriaRoles: () => AriaRoles;

package/dist/components/DataGrid/utils/getAriaRoles.js

@@ -0,0 +1,9 @@
+const getAriaRoles = () => {
+    return {
+        table: 'table',
+        cell: 'cell',
+    };
+};
+
+export { getAriaRoles };
+//# sourceMappingURL=getAriaRoles.js.map

package/dist/components/DataGrid/utils/getAriaRoles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getAriaRoles.js","sources":["../../../../src/components/DataGrid/utils/getAriaRoles.ts"],"sourcesContent":["import { AriaRoles } from '../types/AriaRoles';\n\nexport const getAriaRoles = (): AriaRoles => {\n  return {\n    table: 'table',\n    cell: 'cell',\n  };\n};\n"],"names":[],"mappings":"AAEO,MAAM,YAAY,GAAG,MAAgB;IAC1C,OAAO;AACL,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,IAAI,EAAE,MAAM;KACb;AACH;;;;"}

package/dist/components/DataGrid/utils/index.d.ts

@@ -0,0 +1,3 @@
+export { isLastColumn } from './isLastColumn';
+export { ColumnMapper } from './ColumnMapper';
+export { getAriaRoles } from './getAriaRoles';

package/dist/components/DataGrid/utils/isLastColumn.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+const isLastColumn = (table, column) => {
+    if (table.getIsSomeColumnsPinned('right')) {
+        return column.getIsLastColumn('right');
+    }
+    return column.getIsLastColumn();
+};
+
+exports.isLastColumn = isLastColumn;
+//# sourceMappingURL=isLastColumn.cjs.map

package/dist/components/DataGrid/utils/isLastColumn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isLastColumn.cjs","sources":["../../../../src/components/DataGrid/utils/isLastColumn.ts"],"sourcesContent":["import { Column, Table } from '@tanstack/react-table';\n\nexport const isLastColumn = (table: Table<any>, column: Column<any, any>) => {\n  if (table.getIsSomeColumnsPinned('right')) {\n    return column.getIsLastColumn('right');\n  }\n\n  return column.getIsLastColumn();\n};\n"],"names":[],"mappings":";;MAEa,YAAY,GAAG,CAAC,KAAiB,EAAE,MAAwB,KAAI;AAC1E,IAAA,IAAI,KAAK,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE;AACzC,QAAA,OAAO,MAAM,CAAC,eAAe,CAAC,OAAO,CAAC;AACvC;AAED,IAAA,OAAO,MAAM,CAAC,eAAe,EAAE;AACjC;;;;"}

package/dist/components/DataGrid/utils/isLastColumn.d.ts

@@ -0,0 +1,2 @@
+import { Column, Table } from '@tanstack/react-table';
+export declare const isLastColumn: (table: Table<any>, column: Column<any, any>) => boolean;

package/dist/components/DataGrid/utils/isLastColumn.js

@@ -0,0 +1,9 @@
+const isLastColumn = (table, column) => {
+    if (table.getIsSomeColumnsPinned('right')) {
+        return column.getIsLastColumn('right');
+    }
+    return column.getIsLastColumn();
+};
+
+export { isLastColumn };
+//# sourceMappingURL=isLastColumn.js.map

package/dist/components/DataGrid/utils/isLastColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isLastColumn.js","sources":["../../../../src/components/DataGrid/utils/isLastColumn.ts"],"sourcesContent":["import { Column, Table } from '@tanstack/react-table';\n\nexport const isLastColumn = (table: Table<any>, column: Column<any, any>) => {\n  if (table.getIsSomeColumnsPinned('right')) {\n    return column.getIsLastColumn('right');\n  }\n\n  return column.getIsLastColumn();\n};\n"],"names":[],"mappings":"MAEa,YAAY,GAAG,CAAC,KAAiB,EAAE,MAAwB,KAAI;AAC1E,IAAA,IAAI,KAAK,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE;AACzC,QAAA,OAAO,MAAM,CAAC,eAAe,CAAC,OAAO,CAAC;AACvC;AAED,IAAA,OAAO,MAAM,CAAC,eAAe,EAAE;AACjC;;;;"}

package/dist/components/DataTable/DataTable.cjs

@@ -3,6 +3,10 @@
 var React = require('react');
 var Stack = require('../Stack/Stack.cjs');
 var Text = require('../Text/Text.cjs');
+require('../../hooks/useFocusVisible.cjs');
+require('uid/secure');
+var useDragToScroll = require('../../hooks/useDragToScroll.cjs');
+require('lodash.throttle');
 var generateTableCss = require('./utils/generateTableCss.cjs');
 require('./types.cjs');
 require('../../theme/modules/shadows.cjs');
@@ -11,7 +15,6 @@ require('../../theme/modules/text.cjs');
 require('styled-components');
 var useCellWidths = require('./hooks/useCellWidths.cjs');
 var useColumns = require('./hooks/useColumns.cjs');
-var useDragToScroll = require('./hooks/useDragToScroll.cjs');
 var useScrollPosition = require('./hooks/useScrollPosition.cjs');
 var useSelection = require('./hooks/useSelection.cjs');
 var renderCell = require('./renderers/renderCell.cjs');
@@ -51,7 +54,7 @@ const DataTable = ({ actionBarSlot, borderMode, columns: initialColumns, emptySt
     const scrollContainerRef = React.useRef(null);
     const tableRef = React.useRef(null);
     const intersectionTargetRef = React.useRef(null);
-    useDragToScroll.useDragToScroll(scrollContainerRef);
+    useDragToScroll.useDragToScroll({ targetRef: scrollContainerRef, ignoreClassName: 'th-divider' });
     // Configure row selection
     const enabledRowIds = rows.map((row) => row.id).filter((id) => !(disabledRowIds === null || disabledRowIds === undefined ? undefined : disabledRowIds.includes(id)));
     const { selectionEnabled, selectedRowIds, selectionColumn, setSelected } = useSelection.useSelection({

package/dist/components/DataTable/DataTable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.cjs","sources":["../../../src/components/DataTable/DataTable.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-redundant-roles */\n\nimport React, { useRef } from 'react';\nimport { Stack } from '../Stack';\nimport { Text } from '../Text';\n\nimport { generateTableCss } from './utils';\nimport { DataTableProps, CustomState, TableRow } from './types';\n\nimport {\n  useCellWidths,\n  useColumns,\n  useDragToScroll,\n  useScrollPosition,\n  useSelection,\n} from './hooks';\n\nimport {\n  renderCell,\n  renderFooter,\n  renderHeader,\n  renderLoadingCell,\n  renderNestedCell,\n} from './renderers';\n\nimport { ActionBar } from './components/ActionBar';\nimport { Cell } from './components/Cell';\nimport { ColumnMenu } from './components/ColumnMenu';\nimport { EmptyBodyContent, EmptyBodyGlyphWrapper } from './components/EmptyBodyContent';\nimport { Header } from './components/Header';\nimport { NoWrap } from './components/NoWrap';\nimport { Row } from './components/Row';\nimport { ScrollContainer } from './components/ScrollContainer';\nimport { TableGrid } from './components/TableGrid';\nimport { Truncate } from './components/Truncate';\nimport { Wrapper } from './components/Wrapper';\nimport { SelectionCell } from './components/SelectionCell';\nimport { SelectionHeader } from './components/SelectionHeader';\nimport { StickyHead } from './components/StickyHead';\n\nimport { getRowState } from './utils/getRowState';\nimport { InfoIcon } from '../../tempIcons/InfoIcon';\n\nconst defaultEmptyState: CustomState = {\n  iconSlot: <InfoIcon width={48} height={48} />,\n  heading: 'No results',\n};\n\nconst emptyAction = () => {};\n\nexport const DataTable = ({\n  actionBarSlot,\n  borderMode,\n  columns: initialColumns,\n  emptyState = defaultEmptyState,\n  expandedRowIds,\n  loading,\n  loadingRowCount,\n  onChangeSort,\n  rows,\n  disabledRowIds,\n  selectionMode,\n  selectionState,\n  setExpanded,\n  sortState,\n  stripingMode,\n  enableStickyHeader,\n  resizeableColumns,\n  onResizeColumns,\n  columnWidths,\n  stickyHeaderTop,\n}: DataTableProps) => {\n  // Refs\n\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n  const tableRef = useRef<HTMLTableElement>(null);\n  const intersectionTargetRef = useRef<HTMLDivElement>(null);\n\n  useDragToScroll(scrollContainerRef);\n\n  // Configure row selection\n\n  const enabledRowIds = rows.map((row) => row.id).filter((id) => !disabledRowIds?.includes(id));\n\n  const { selectionEnabled, selectedRowIds, selectionColumn, setSelected } = useSelection({\n    selectionMode,\n    selectionState,\n    enabledRowIds,\n  });\n\n  // Assign actions\n\n  const actions = {\n    setSelected: setSelected || emptyAction,\n    setExpanded: setExpanded || emptyAction,\n  };\n\n  // Process columns\n\n  const columnsWithSelection = [selectionColumn, ...initialColumns];\n  const allColumns = selectionEnabled ? columnsWithSelection : initialColumns;\n\n  const cellWidths = useCellWidths(tableRef, scrollContainerRef);\n  const {\n    visible,\n    pinnedLeft,\n    pinnedRight,\n    setColumnWidth,\n    columnWidths: calcColumnWidths,\n  } = useColumns(allColumns, tableRef, onResizeColumns, columnWidths);\n  const adjustedCellWidths =\n    cellWidths.length === visible.length\n      ? (visible.map((col, i) =>\n          Number.isNaN(calcColumnWidths[col.id] || '') ? cellWidths[i] : calcColumnWidths[col.id],\n        ) as number[])\n      : cellWidths;\n\n  // Generate styles\n  const { scrollPosition } = useScrollPosition(scrollContainerRef);\n  const tableCss = generateTableCss({\n    pinnedLeft,\n    pinnedRight,\n    cellWidths: adjustedCellWidths,\n    scrollPosition,\n    columnWidths: calcColumnWidths,\n    columns: visible,\n    stripingMode,\n  });\n\n  // Render states\n\n  if (loading) {\n    const loadingRows: Array<TableRow> = new Array(loadingRowCount).fill(true).map(() => ({\n      // generate random ID forcing all rows to re-render avoid animation de-sync\n      id: Math.random() * 1000,\n      data: null,\n    }));\n\n    return (\n      <Wrapper borderMode={borderMode}>\n        <ScrollContainer ref={scrollContainerRef}>\n          <TableGrid css={tableCss} ref={tableRef} role=\"table\">\n            <thead role=\"rowgroup\">\n              <Row role=\"row\">\n                {visible.map((column, i) =>\n                  renderHeader({\n                    column,\n                    sortState,\n                    onChangeSort,\n                    resizeableColumns,\n                    setColumnWidth,\n                    columnCount: visible.length,\n                    columnI: i,\n                  }),\n                )}\n              </Row>\n            </thead>\n            <tbody role=\"rowgroup\">\n              {loadingRows.map((row) => (\n                <Row key={row.id}>{visible.map((col) => renderLoadingCell(row, col))}</Row>\n              ))}\n            </tbody>\n          </TableGrid>\n        </ScrollContainer>\n      </Wrapper>\n    );\n  }\n\n  if (rows.length === 0) {\n    return (\n      <Wrapper borderMode={borderMode}>\n        <ScrollContainer ref={scrollContainerRef}>\n          <TableGrid css={tableCss} ref={tableRef} role=\"table\">\n            <thead role=\"rowgroup\">\n              <Row role=\"row\">\n                {visible.map((column, i) =>\n                  renderHeader({\n                    column,\n                    sortState,\n                    onChangeSort,\n                    resizeableColumns,\n                    setColumnWidth,\n                    columnCount: visible.length,\n                    columnI: i,\n                  }),\n                )}\n              </Row>\n            </thead>\n            <tbody role=\"rowgroup\">\n              <EmptyBodyContent columnCount={visible.length}>\n                <EmptyBodyGlyphWrapper>\n                  {/* Should be 48x48px */}\n                  {emptyState.iconSlot}\n                </EmptyBodyGlyphWrapper>\n                <Stack spacing=\"sm\" alignX=\"center\">\n                  <Text variant=\"headingMedium\">{emptyState.heading}</Text>\n                  {emptyState.subheading && (\n                    <Text variant=\"subheadingMedium\">{emptyState.subheading}</Text>\n                  )}\n                </Stack>\n              </EmptyBodyContent>\n            </tbody>\n          </TableGrid>\n        </ScrollContainer>\n      </Wrapper>\n    );\n  }\n\n  const renderRow = (row: TableRow) => {\n    const { e2eClassName = '', accentColor } = row;\n    const rowState = getRowState(row.id, { selectedRowIds, expandedRowIds, disabledRowIds });\n\n    return (\n      <Row role=\"row\" key={row.id} accentColor={accentColor} className={e2eClassName} {...rowState}>\n        {visible.map((col) => renderCell(row, col, actions, rowState))}\n      </Row>\n    );\n  };\n\n  const renderNestedRow = (nestedRow: TableRow, rowId: TableRow['id']) => {\n    const nestedRowE2eClassName = nestedRow?.data?.e2eClassNames?.row;\n    const rowState = getRowState(rowId, { selectedRowIds, expandedRowIds, disabledRowIds });\n    return (\n      <Row role=\"row\" key={nestedRow.id} className={nestedRowE2eClassName}>\n        {visible.map((col) => renderNestedCell(nestedRow, col, rowState))}\n      </Row>\n    );\n  };\n\n  const renderSection = (row: TableRow) => {\n    const isExpanded = expandedRowIds?.includes(row.id);\n    return (\n      <tbody role=\"rowgroup\" key={row.id}>\n        {renderRow(row)}\n        {isExpanded && row.nestedRows?.map((nestedRow) => renderNestedRow(nestedRow, row.id))}\n      </tbody>\n    );\n  };\n\n  const renderBody = () => {\n    const hasNestedRows = !!expandedRowIds;\n    const hasMultipleSections = hasNestedRows && stripingMode === 'nested';\n\n    if (hasMultipleSections) {\n      return rows.map(renderSection);\n    }\n\n    if (hasNestedRows) {\n      return (\n        <tbody role=\"rowgroup\">\n          {rows.map((row) => {\n            const rowElement = renderRow(row);\n            const isExpanded = expandedRowIds?.includes(row.id);\n            const nestedRowElements =\n              (isExpanded &&\n                row.nestedRows?.map((nestedRow) => renderNestedRow(nestedRow, row.id))) ||\n              [];\n            return [rowElement, ...nestedRowElements];\n          })}\n        </tbody>\n      );\n    }\n\n    return <tbody role=\"rowgroup\">{rows.map(renderRow)}</tbody>;\n  };\n\n  const headersMarkup = (\n    <Row role=\"row\">\n      {visible.map((column, i) =>\n        renderHeader({\n          column,\n          sortState,\n          onChangeSort,\n          resizeableColumns,\n          setColumnWidth,\n          columnCount: visible.length,\n          columnI: i,\n        }),\n      )}\n    </Row>\n  );\n\n  const shouldRenderFooter = initialColumns.some((column) => !!column.renderFooter);\n  const shouldRenderActionBar = selectedRowIds.length > 0 && !!actionBarSlot;\n\n  return (\n    <Wrapper borderMode={borderMode}>\n      {shouldRenderActionBar && (\n        <ActionBar\n          selectionColumn={selectionColumn}\n          intersectionTargetRef={intersectionTargetRef}\n          containerRef={scrollContainerRef}\n        >\n          {actionBarSlot}\n        </ActionBar>\n      )}\n      <ScrollContainer ref={scrollContainerRef}>\n        {enableStickyHeader && (\n          <StickyHead\n            tableCss={tableCss}\n            intersectionTargetRef={intersectionTargetRef}\n            containerRef={scrollContainerRef}\n            cellWidths={adjustedCellWidths}\n            stickyHeaderTop={stickyHeaderTop}\n          >\n            {headersMarkup}\n          </StickyHead>\n        )}\n        <div ref={intersectionTargetRef} style={{ height: 0 }} />\n        <TableGrid css={tableCss} ref={tableRef} role=\"table\">\n          <thead role=\"rowgroup\">{headersMarkup}</thead>\n          {renderBody()}\n          {shouldRenderFooter && (\n            <tfoot role=\"rowgroup\">\n              <Row role=\"row\">{visible.map((column) => renderFooter({ column }))}</Row>\n            </tfoot>\n          )}\n        </TableGrid>\n      </ScrollContainer>\n    </Wrapper>\n  );\n};\n\nDataTable.defaultProps = {\n  loading: false,\n  loadingRowCount: 5,\n  selectionMode: 'multiple',\n  stripingMode: 'row',\n  enableStickyHeader: true,\n};\n\nDataTable.Cell = Cell;\nDataTable.ColumnMenu = ColumnMenu;\nDataTable.SelectionCell = SelectionCell;\nDataTable.SelectionHeader = SelectionHeader;\nDataTable.Header = Header;\nDataTable.Truncate = Truncate;\nDataTable.NoWrap = NoWrap;\n"],"names":["React","InfoIcon","useRef","useDragToScroll","useSelection","useCellWidths","useColumns","useScrollPosition","generateTableCss","Wrapper","ScrollContainer","TableGrid","Row","renderHeader","renderLoadingCell","EmptyBodyContent","EmptyBodyGlyphWrapper","Stack","Text","getRowState","renderCell","renderNestedCell","ActionBar","StickyHead","renderFooter","Cell","ColumnMenu","SelectionCell","SelectionHeader","Header","Truncate","NoWrap"],"mappings":"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"}
+{"version":3,"file":"DataTable.cjs","sources":["../../../src/components/DataTable/DataTable.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-redundant-roles */\n\nimport React, { useRef } from 'react';\nimport { Stack } from '../Stack';\nimport { Text } from '../Text';\n\nimport { useDragToScroll } from '../../hooks';\n\nimport { generateTableCss } from './utils';\nimport { DataTableProps, CustomState, TableRow } from './types';\n\nimport { useCellWidths, useColumns, useScrollPosition, useSelection } from './hooks';\n\nimport {\n  renderCell,\n  renderFooter,\n  renderHeader,\n  renderLoadingCell,\n  renderNestedCell,\n} from './renderers';\n\nimport { ActionBar } from './components/ActionBar';\nimport { Cell } from './components/Cell';\nimport { ColumnMenu } from './components/ColumnMenu';\nimport { EmptyBodyContent, EmptyBodyGlyphWrapper } from './components/EmptyBodyContent';\nimport { Header } from './components/Header';\nimport { NoWrap } from './components/NoWrap';\nimport { Row } from './components/Row';\nimport { ScrollContainer } from './components/ScrollContainer';\nimport { TableGrid } from './components/TableGrid';\nimport { Truncate } from './components/Truncate';\nimport { Wrapper } from './components/Wrapper';\nimport { SelectionCell } from './components/SelectionCell';\nimport { SelectionHeader } from './components/SelectionHeader';\nimport { StickyHead } from './components/StickyHead';\n\nimport { getRowState } from './utils/getRowState';\nimport { InfoIcon } from '../../tempIcons/InfoIcon';\n\nconst defaultEmptyState: CustomState = {\n  iconSlot: <InfoIcon width={48} height={48} />,\n  heading: 'No results',\n};\n\nconst emptyAction = () => {};\n\nexport const DataTable = ({\n  actionBarSlot,\n  borderMode,\n  columns: initialColumns,\n  emptyState = defaultEmptyState,\n  expandedRowIds,\n  loading,\n  loadingRowCount,\n  onChangeSort,\n  rows,\n  disabledRowIds,\n  selectionMode,\n  selectionState,\n  setExpanded,\n  sortState,\n  stripingMode,\n  enableStickyHeader,\n  resizeableColumns,\n  onResizeColumns,\n  columnWidths,\n  stickyHeaderTop,\n}: DataTableProps) => {\n  // Refs\n\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n  const tableRef = useRef<HTMLTableElement>(null);\n  const intersectionTargetRef = useRef<HTMLDivElement>(null);\n\n  useDragToScroll({ targetRef: scrollContainerRef, ignoreClassName: 'th-divider' });\n\n  // Configure row selection\n\n  const enabledRowIds = rows.map((row) => row.id).filter((id) => !disabledRowIds?.includes(id));\n\n  const { selectionEnabled, selectedRowIds, selectionColumn, setSelected } = useSelection({\n    selectionMode,\n    selectionState,\n    enabledRowIds,\n  });\n\n  // Assign actions\n\n  const actions = {\n    setSelected: setSelected || emptyAction,\n    setExpanded: setExpanded || emptyAction,\n  };\n\n  // Process columns\n\n  const columnsWithSelection = [selectionColumn, ...initialColumns];\n  const allColumns = selectionEnabled ? columnsWithSelection : initialColumns;\n\n  const cellWidths = useCellWidths(tableRef, scrollContainerRef);\n  const {\n    visible,\n    pinnedLeft,\n    pinnedRight,\n    setColumnWidth,\n    columnWidths: calcColumnWidths,\n  } = useColumns(allColumns, tableRef, onResizeColumns, columnWidths);\n  const adjustedCellWidths =\n    cellWidths.length === visible.length\n      ? (visible.map((col, i) =>\n          Number.isNaN(calcColumnWidths[col.id] || '') ? cellWidths[i] : calcColumnWidths[col.id],\n        ) as number[])\n      : cellWidths;\n\n  // Generate styles\n  const { scrollPosition } = useScrollPosition(scrollContainerRef);\n  const tableCss = generateTableCss({\n    pinnedLeft,\n    pinnedRight,\n    cellWidths: adjustedCellWidths,\n    scrollPosition,\n    columnWidths: calcColumnWidths,\n    columns: visible,\n    stripingMode,\n  });\n\n  // Render states\n\n  if (loading) {\n    const loadingRows: Array<TableRow> = new Array(loadingRowCount).fill(true).map(() => ({\n      // generate random ID forcing all rows to re-render avoid animation de-sync\n      id: Math.random() * 1000,\n      data: null,\n    }));\n\n    return (\n      <Wrapper borderMode={borderMode}>\n        <ScrollContainer ref={scrollContainerRef}>\n          <TableGrid css={tableCss} ref={tableRef} role=\"table\">\n            <thead role=\"rowgroup\">\n              <Row role=\"row\">\n                {visible.map((column, i) =>\n                  renderHeader({\n                    column,\n                    sortState,\n                    onChangeSort,\n                    resizeableColumns,\n                    setColumnWidth,\n                    columnCount: visible.length,\n                    columnI: i,\n                  }),\n                )}\n              </Row>\n            </thead>\n            <tbody role=\"rowgroup\">\n              {loadingRows.map((row) => (\n                <Row key={row.id}>{visible.map((col) => renderLoadingCell(row, col))}</Row>\n              ))}\n            </tbody>\n          </TableGrid>\n        </ScrollContainer>\n      </Wrapper>\n    );\n  }\n\n  if (rows.length === 0) {\n    return (\n      <Wrapper borderMode={borderMode}>\n        <ScrollContainer ref={scrollContainerRef}>\n          <TableGrid css={tableCss} ref={tableRef} role=\"table\">\n            <thead role=\"rowgroup\">\n              <Row role=\"row\">\n                {visible.map((column, i) =>\n                  renderHeader({\n                    column,\n                    sortState,\n                    onChangeSort,\n                    resizeableColumns,\n                    setColumnWidth,\n                    columnCount: visible.length,\n                    columnI: i,\n                  }),\n                )}\n              </Row>\n            </thead>\n            <tbody role=\"rowgroup\">\n              <EmptyBodyContent columnCount={visible.length}>\n                <EmptyBodyGlyphWrapper>\n                  {/* Should be 48x48px */}\n                  {emptyState.iconSlot}\n                </EmptyBodyGlyphWrapper>\n                <Stack spacing=\"sm\" alignX=\"center\">\n                  <Text variant=\"headingMedium\">{emptyState.heading}</Text>\n                  {emptyState.subheading && (\n                    <Text variant=\"subheadingMedium\">{emptyState.subheading}</Text>\n                  )}\n                </Stack>\n              </EmptyBodyContent>\n            </tbody>\n          </TableGrid>\n        </ScrollContainer>\n      </Wrapper>\n    );\n  }\n\n  const renderRow = (row: TableRow) => {\n    const { e2eClassName = '', accentColor } = row;\n    const rowState = getRowState(row.id, { selectedRowIds, expandedRowIds, disabledRowIds });\n\n    return (\n      <Row role=\"row\" key={row.id} accentColor={accentColor} className={e2eClassName} {...rowState}>\n        {visible.map((col) => renderCell(row, col, actions, rowState))}\n      </Row>\n    );\n  };\n\n  const renderNestedRow = (nestedRow: TableRow, rowId: TableRow['id']) => {\n    const nestedRowE2eClassName = nestedRow?.data?.e2eClassNames?.row;\n    const rowState = getRowState(rowId, { selectedRowIds, expandedRowIds, disabledRowIds });\n    return (\n      <Row role=\"row\" key={nestedRow.id} className={nestedRowE2eClassName}>\n        {visible.map((col) => renderNestedCell(nestedRow, col, rowState))}\n      </Row>\n    );\n  };\n\n  const renderSection = (row: TableRow) => {\n    const isExpanded = expandedRowIds?.includes(row.id);\n    return (\n      <tbody role=\"rowgroup\" key={row.id}>\n        {renderRow(row)}\n        {isExpanded && row.nestedRows?.map((nestedRow) => renderNestedRow(nestedRow, row.id))}\n      </tbody>\n    );\n  };\n\n  const renderBody = () => {\n    const hasNestedRows = !!expandedRowIds;\n    const hasMultipleSections = hasNestedRows && stripingMode === 'nested';\n\n    if (hasMultipleSections) {\n      return rows.map(renderSection);\n    }\n\n    if (hasNestedRows) {\n      return (\n        <tbody role=\"rowgroup\">\n          {rows.map((row) => {\n            const rowElement = renderRow(row);\n            const isExpanded = expandedRowIds?.includes(row.id);\n            const nestedRowElements =\n              (isExpanded &&\n                row.nestedRows?.map((nestedRow) => renderNestedRow(nestedRow, row.id))) ||\n              [];\n            return [rowElement, ...nestedRowElements];\n          })}\n        </tbody>\n      );\n    }\n\n    return <tbody role=\"rowgroup\">{rows.map(renderRow)}</tbody>;\n  };\n\n  const headersMarkup = (\n    <Row role=\"row\">\n      {visible.map((column, i) =>\n        renderHeader({\n          column,\n          sortState,\n          onChangeSort,\n          resizeableColumns,\n          setColumnWidth,\n          columnCount: visible.length,\n          columnI: i,\n        }),\n      )}\n    </Row>\n  );\n\n  const shouldRenderFooter = initialColumns.some((column) => !!column.renderFooter);\n  const shouldRenderActionBar = selectedRowIds.length > 0 && !!actionBarSlot;\n\n  return (\n    <Wrapper borderMode={borderMode}>\n      {shouldRenderActionBar && (\n        <ActionBar\n          selectionColumn={selectionColumn}\n          intersectionTargetRef={intersectionTargetRef}\n          containerRef={scrollContainerRef}\n        >\n          {actionBarSlot}\n        </ActionBar>\n      )}\n      <ScrollContainer ref={scrollContainerRef}>\n        {enableStickyHeader && (\n          <StickyHead\n            tableCss={tableCss}\n            intersectionTargetRef={intersectionTargetRef}\n            containerRef={scrollContainerRef}\n            cellWidths={adjustedCellWidths}\n            stickyHeaderTop={stickyHeaderTop}\n          >\n            {headersMarkup}\n          </StickyHead>\n        )}\n        <div ref={intersectionTargetRef} style={{ height: 0 }} />\n        <TableGrid css={tableCss} ref={tableRef} role=\"table\">\n          <thead role=\"rowgroup\">{headersMarkup}</thead>\n          {renderBody()}\n          {shouldRenderFooter && (\n            <tfoot role=\"rowgroup\">\n              <Row role=\"row\">{visible.map((column) => renderFooter({ column }))}</Row>\n            </tfoot>\n          )}\n        </TableGrid>\n      </ScrollContainer>\n    </Wrapper>\n  );\n};\n\nDataTable.defaultProps = {\n  loading: false,\n  loadingRowCount: 5,\n  selectionMode: 'multiple',\n  stripingMode: 'row',\n  enableStickyHeader: true,\n};\n\nDataTable.Cell = Cell;\nDataTable.ColumnMenu = ColumnMenu;\nDataTable.SelectionCell = SelectionCell;\nDataTable.SelectionHeader = SelectionHeader;\nDataTable.Header = Header;\nDataTable.Truncate = Truncate;\nDataTable.NoWrap = NoWrap;\n"],"names":["React","InfoIcon","useRef","useDragToScroll","useSelection","useCellWidths","useColumns","useScrollPosition","generateTableCss","Wrapper","ScrollContainer","TableGrid","Row","renderHeader","renderLoadingCell","EmptyBodyContent","EmptyBodyGlyphWrapper","Stack","Text","getRowState","renderCell","renderNestedCell","ActionBar","StickyHead","renderFooter","Cell","ColumnMenu","SelectionCell","SelectionHeader","Header","Truncate","NoWrap"],"mappings":"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"}

package/dist/components/DataTable/DataTable.js

@@ -1,6 +1,10 @@
 import React__default, { useRef } from 'react';
 import { Stack } from '../Stack/Stack.js';
 import { Text } from '../Text/Text.js';
+import '../../hooks/useFocusVisible.js';
+import 'uid/secure';
+import { useDragToScroll } from '../../hooks/useDragToScroll.js';
+import 'lodash.throttle';
 import { generateTableCss } from './utils/generateTableCss.js';
 import './types.js';
 import '../../theme/modules/shadows.js';
@@ -9,7 +13,6 @@ import '../../theme/modules/text.js';
 import 'styled-components';
 import { useCellWidths } from './hooks/useCellWidths.js';
 import { useColumns } from './hooks/useColumns.js';
-import { useDragToScroll } from './hooks/useDragToScroll.js';
 import { useScrollPosition } from './hooks/useScrollPosition.js';
 import { useSelection } from './hooks/useSelection.js';
 import { renderCell } from './renderers/renderCell.js';
@@ -45,7 +48,7 @@ const DataTable = ({ actionBarSlot, borderMode, columns: initialColumns, emptySt
     const scrollContainerRef = useRef(null);
     const tableRef = useRef(null);
     const intersectionTargetRef = useRef(null);
-    useDragToScroll(scrollContainerRef);
+    useDragToScroll({ targetRef: scrollContainerRef, ignoreClassName: 'th-divider' });
     // Configure row selection
     const enabledRowIds = rows.map((row) => row.id).filter((id) => !(disabledRowIds === null || disabledRowIds === undefined ? undefined : disabledRowIds.includes(id)));
     const { selectionEnabled, selectedRowIds, selectionColumn, setSelected } = useSelection({