@elliemae/ds-data-table 3.57.0-next.3 → 3.57.0-next.5

package/dist/types/constants/index.d.ts

@@ -0,0 +1,265 @@
+export declare const DSDataTableName = "DSDatatable";
+export declare const DATA_TABLE_SLOTS: {
+    readonly ROOT: "root";
+    readonly CONTENT_WRAPPER: "content-wrapper";
+    readonly TABLE_WRAPPER: "table-wrapper";
+    readonly PAGINATION_WRAPPER: "pagination-wrapper";
+    readonly TABLE_CONTENT_WRAPPER: "table-content-wrapper";
+    readonly VIRTUAL_LIST_WRAPPER: "virtual-list-wrapper";
+    readonly HEAD_WRAPPER: "head-wrapper";
+    readonly HEAD_TR: "head-tr";
+    readonly HEAD_TH: "head-th";
+    readonly HEAD_RIGHT_ICONS_WRAPPER: "head-right-icons-wrapper";
+    readonly HEADER_CELL_WRAPPER: "header-cell-wrapper";
+    readonly EMPTY_HEADER: "empty-header";
+    readonly RESIZER: "resizer";
+    readonly ACTION_CELL: "action-cell";
+    readonly EXPAND_CELL_CONTAINER: "expand-cell-container";
+    readonly SINGLE_CELL_CONTAINER: "single-cell-container";
+    readonly DRAG_AND_DROP_GRIPPER: "drag-and-drop-gripper";
+    readonly TEXT_EDITABLE_CELL_INPUT: "text-editable-cell-input";
+    readonly FILTER_POPOVER_BUTTON: "filter-popover-button";
+    readonly FILTER_POPOVER_CONTENT: "filter-popover-content";
+    readonly DROP_INDICATOR: "drop-indicator";
+    readonly CELL: "cell";
+    readonly CELL_CONTENT: "cell-content";
+    readonly PENCIL_ICON: "pencil-icon";
+    readonly EDITABLE_CONTAINER: "editable-container";
+    readonly FULLSIZE_GRID: "fullsize-grid";
+    readonly ROW: "row";
+    readonly GROUP_HEADER_CONTAINER: "group-header-container";
+    readonly GROUP_HEADER_TITLE: "header-title";
+    readonly CELL_CONTAINER: "cells-container";
+    readonly TOOLBAR_WRAPPER: "toolbar-wrapper";
+    readonly TOOLBAR_BUTTONS_WRAPPER: "toolbar-buttons-wrapper";
+    readonly TOOLBAR_BUTTON: "toolbar-button";
+    readonly TOOLBAR_POSITION: "toolbar-position";
+    readonly EMPTY_STATE_WRAPPER: "empty-state-wrapper";
+    readonly WARNING_ICON: "warning-icon";
+    readonly EMPTY_PRIMARY_MESSAGE: "empty-primary-message";
+    readonly EMPTY_SECONDARY_MESSAGE: "empty-secondary-message";
+    readonly EMPTY_BUTTON: "empty-button";
+    readonly CENTER_CONTENT_FLEX_WRAPPER: "center-content-flex-wrapper";
+    readonly LOADER_WRAPPER: "loader-wrapper";
+    readonly FILTER_BAR_WRAPPER: "filter-bar-wrapper";
+    readonly FREE_TEXT_SEARCH_FILTER: "free-text-search-filter";
+    readonly FREE_TEXT_SEARCH_WRAPPER: "free-text-search-wrapper";
+};
+export declare const DATA_TABLE_DATA_TESTID: {
+    /**
+     * As there is a mix of hardcoded data-testid and the ones auto generated by slot definitions
+     * we are overriding the auto generated ones with the hardcoded values for consistency.
+     */
+    CONTENT_WRAPPER: string;
+    TABLE_WRAPPER: string;
+    CELL_CONTAINER: string;
+    DRAG_AND_DROP_GRIPPER: string;
+    FREE_TEXT_SEARCH_FILTER: string;
+    FILTER_POPOVER_BUTTON: string;
+    HEAD_TH: string;
+    CELL: string;
+    FULLSIZE_GRID: string;
+    ROOT: string;
+    VIRTUAL_LIST_WRAPPER: string;
+    GROUP_HEADER_CONTAINER: string;
+    EXPAND_CELL_CONTAINER: string;
+    DATA_TABLE_WRAPPER: string;
+    DATA_TABLE_GLOBAL_EXPAND_CELL: string;
+    DATA_TABLE_ICON_ARROW_DOWN: string;
+    DATA_TABLE_ICON_ARROW_RIGHT: string;
+    DATA_TABLE_ICON_ARROW_MIXED: string;
+    DATA_TABLE_ICON_CHILD: string;
+    DATA_TABLE_GLOBAL_CHECKBOX: string;
+    DATA_TABLE_CHECKBOX: string;
+    DATA_TABLE_RADIO: string;
+    DATA_TABLE_DATE_RANGE_CONTROLLER: string;
+    DATA_TABLE_DATE_RANGE_CONTROLLER_CHECKBOX_SWITCHER: string;
+    DATA_TABLE_SINGLE_DATE_CONTROLLER: string;
+    DATA_TABLE_NUMBER_RANGE_CONTROLLER: string;
+    DATA_TABLE_CURRENCY_RANGE_CONTROLLER: string;
+    DATA_TABLE_SELECT_MENU_ITEM: string;
+    DATA_TABLE_MULTISELECT_CONTROLLER: string;
+    DATA_TABLE_SINGLESELECT_CONTROLLER: string;
+    DATA_TABLE_FILTER_BUTTON: string;
+    DATA_TABLE_FILTER_BUTTON_ELEMENT: string;
+    DATA_TABLE_FILTER_MENU_CONTENT: string;
+    DATA_TABLE_FILTER_FREE_TEXT_SEARCH: string;
+    DATA_TABLE_ROW_CONTENT: string;
+    DATA_TABLE_ROW: string;
+    DATA_TABLE_TOOLBAR_TRIGGER: string;
+    DATA_TABLE_CELL: string;
+    DATA_TABLE_DRAG_HANDLE: string;
+    DATA_TABLE_CONTENT_WRAPPER: string;
+    DATA_TABLE_TABLE: string;
+    DATA_TABLE_SCROLLABLE_CONTAINER: string;
+    DATA_TABLE_HEADER: string;
+    DATA_TABLE_ROW_HEADER_CONTENT: string;
+    DATA_TABLE_ROW_GROUP_HEADER: string;
+    DATA_TABLE_COLUMN_DRAG_OVERLAY: string;
+    DATA_TABLE_HEADER_CELL_TITLE: string;
+    DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON: string;
+    DATA_TABLE_SORT_BUTTON: string;
+    PAGINATION_WRAPPER: "ds-datatable-pagination-wrapper";
+    TABLE_CONTENT_WRAPPER: "ds-datatable-table-content-wrapper";
+    HEAD_WRAPPER: "ds-datatable-head-wrapper";
+    HEAD_TR: "ds-datatable-head-tr";
+    HEAD_RIGHT_ICONS_WRAPPER: "ds-datatable-head-right-icons-wrapper";
+    HEADER_CELL_WRAPPER: "ds-datatable-header-cell-wrapper";
+    EMPTY_HEADER: "ds-datatable-empty-header";
+    RESIZER: "ds-datatable-resizer";
+    ACTION_CELL: "ds-datatable-action-cell";
+    SINGLE_CELL_CONTAINER: "ds-datatable-single-cell-container";
+    TEXT_EDITABLE_CELL_INPUT: "ds-datatable-text-editable-cell-input";
+    FILTER_POPOVER_CONTENT: "ds-datatable-filter-popover-content";
+    DROP_INDICATOR: "ds-datatable-drop-indicator";
+    CELL_CONTENT: "ds-datatable-cell-content";
+    PENCIL_ICON: "ds-datatable-pencil-icon";
+    EDITABLE_CONTAINER: "ds-datatable-editable-container";
+    ROW: "ds-datatable-row";
+    GROUP_HEADER_TITLE: "ds-datatable-header-title";
+    TOOLBAR_WRAPPER: "ds-datatable-toolbar-wrapper";
+    TOOLBAR_BUTTONS_WRAPPER: "ds-datatable-toolbar-buttons-wrapper";
+    TOOLBAR_BUTTON: "ds-datatable-toolbar-button";
+    TOOLBAR_POSITION: "ds-datatable-toolbar-position";
+    EMPTY_STATE_WRAPPER: "ds-datatable-empty-state-wrapper";
+    WARNING_ICON: "ds-datatable-warning-icon";
+    EMPTY_PRIMARY_MESSAGE: "ds-datatable-empty-primary-message";
+    EMPTY_SECONDARY_MESSAGE: "ds-datatable-empty-secondary-message";
+    EMPTY_BUTTON: "ds-datatable-empty-button";
+    CENTER_CONTENT_FLEX_WRAPPER: "ds-datatable-center-content-flex-wrapper";
+    LOADER_WRAPPER: "ds-datatable-loader-wrapper";
+    FILTER_BAR_WRAPPER: "ds-datatable-filter-bar-wrapper";
+    FREE_TEXT_SEARCH_WRAPPER: "ds-datatable-free-text-search-wrapper";
+};
+export declare const DSDataTableSlots: {
+    readonly ROOT: "root";
+    readonly CONTENT_WRAPPER: "content-wrapper";
+    readonly TABLE_WRAPPER: "table-wrapper";
+    readonly PAGINATION_WRAPPER: "pagination-wrapper";
+    readonly TABLE_CONTENT_WRAPPER: "table-content-wrapper";
+    readonly VIRTUAL_LIST_WRAPPER: "virtual-list-wrapper";
+    readonly HEAD_WRAPPER: "head-wrapper";
+    readonly HEAD_TR: "head-tr";
+    readonly HEAD_TH: "head-th";
+    readonly HEAD_RIGHT_ICONS_WRAPPER: "head-right-icons-wrapper";
+    readonly HEADER_CELL_WRAPPER: "header-cell-wrapper";
+    readonly EMPTY_HEADER: "empty-header";
+    readonly RESIZER: "resizer";
+    readonly ACTION_CELL: "action-cell";
+    readonly EXPAND_CELL_CONTAINER: "expand-cell-container";
+    readonly SINGLE_CELL_CONTAINER: "single-cell-container";
+    readonly DRAG_AND_DROP_GRIPPER: "drag-and-drop-gripper";
+    readonly TEXT_EDITABLE_CELL_INPUT: "text-editable-cell-input";
+    readonly FILTER_POPOVER_BUTTON: "filter-popover-button";
+    readonly FILTER_POPOVER_CONTENT: "filter-popover-content";
+    readonly DROP_INDICATOR: "drop-indicator";
+    readonly CELL: "cell";
+    readonly CELL_CONTENT: "cell-content";
+    readonly PENCIL_ICON: "pencil-icon";
+    readonly EDITABLE_CONTAINER: "editable-container";
+    readonly FULLSIZE_GRID: "fullsize-grid";
+    readonly ROW: "row";
+    readonly GROUP_HEADER_CONTAINER: "group-header-container";
+    readonly GROUP_HEADER_TITLE: "header-title";
+    readonly CELL_CONTAINER: "cells-container";
+    readonly TOOLBAR_WRAPPER: "toolbar-wrapper";
+    readonly TOOLBAR_BUTTONS_WRAPPER: "toolbar-buttons-wrapper";
+    readonly TOOLBAR_BUTTON: "toolbar-button";
+    readonly TOOLBAR_POSITION: "toolbar-position";
+    readonly EMPTY_STATE_WRAPPER: "empty-state-wrapper";
+    readonly WARNING_ICON: "warning-icon";
+    readonly EMPTY_PRIMARY_MESSAGE: "empty-primary-message";
+    readonly EMPTY_SECONDARY_MESSAGE: "empty-secondary-message";
+    readonly EMPTY_BUTTON: "empty-button";
+    readonly CENTER_CONTENT_FLEX_WRAPPER: "center-content-flex-wrapper";
+    readonly LOADER_WRAPPER: "loader-wrapper";
+    readonly FILTER_BAR_WRAPPER: "filter-bar-wrapper";
+    readonly FREE_TEXT_SEARCH_FILTER: "free-text-search-filter";
+    readonly FREE_TEXT_SEARCH_WRAPPER: "free-text-search-wrapper";
+};
+export declare const DSDataTableDataTestIds: {
+    /**
+     * As there is a mix of hardcoded data-testid and the ones auto generated by slot definitions
+     * we are overriding the auto generated ones with the hardcoded values for consistency.
+     */
+    CONTENT_WRAPPER: string;
+    TABLE_WRAPPER: string;
+    CELL_CONTAINER: string;
+    DRAG_AND_DROP_GRIPPER: string;
+    FREE_TEXT_SEARCH_FILTER: string;
+    FILTER_POPOVER_BUTTON: string;
+    HEAD_TH: string;
+    CELL: string;
+    FULLSIZE_GRID: string;
+    ROOT: string;
+    VIRTUAL_LIST_WRAPPER: string;
+    GROUP_HEADER_CONTAINER: string;
+    EXPAND_CELL_CONTAINER: string;
+    DATA_TABLE_WRAPPER: string;
+    DATA_TABLE_GLOBAL_EXPAND_CELL: string;
+    DATA_TABLE_ICON_ARROW_DOWN: string;
+    DATA_TABLE_ICON_ARROW_RIGHT: string;
+    DATA_TABLE_ICON_ARROW_MIXED: string;
+    DATA_TABLE_ICON_CHILD: string;
+    DATA_TABLE_GLOBAL_CHECKBOX: string;
+    DATA_TABLE_CHECKBOX: string;
+    DATA_TABLE_RADIO: string;
+    DATA_TABLE_DATE_RANGE_CONTROLLER: string;
+    DATA_TABLE_DATE_RANGE_CONTROLLER_CHECKBOX_SWITCHER: string;
+    DATA_TABLE_SINGLE_DATE_CONTROLLER: string;
+    DATA_TABLE_NUMBER_RANGE_CONTROLLER: string;
+    DATA_TABLE_CURRENCY_RANGE_CONTROLLER: string;
+    DATA_TABLE_SELECT_MENU_ITEM: string;
+    DATA_TABLE_MULTISELECT_CONTROLLER: string;
+    DATA_TABLE_SINGLESELECT_CONTROLLER: string;
+    DATA_TABLE_FILTER_BUTTON: string;
+    DATA_TABLE_FILTER_BUTTON_ELEMENT: string;
+    DATA_TABLE_FILTER_MENU_CONTENT: string;
+    DATA_TABLE_FILTER_FREE_TEXT_SEARCH: string;
+    DATA_TABLE_ROW_CONTENT: string;
+    DATA_TABLE_ROW: string;
+    DATA_TABLE_TOOLBAR_TRIGGER: string;
+    DATA_TABLE_CELL: string;
+    DATA_TABLE_DRAG_HANDLE: string;
+    DATA_TABLE_CONTENT_WRAPPER: string;
+    DATA_TABLE_TABLE: string;
+    DATA_TABLE_SCROLLABLE_CONTAINER: string;
+    DATA_TABLE_HEADER: string;
+    DATA_TABLE_ROW_HEADER_CONTENT: string;
+    DATA_TABLE_ROW_GROUP_HEADER: string;
+    DATA_TABLE_COLUMN_DRAG_OVERLAY: string;
+    DATA_TABLE_HEADER_CELL_TITLE: string;
+    DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON: string;
+    DATA_TABLE_SORT_BUTTON: string;
+    PAGINATION_WRAPPER: "ds-datatable-pagination-wrapper";
+    TABLE_CONTENT_WRAPPER: "ds-datatable-table-content-wrapper";
+    HEAD_WRAPPER: "ds-datatable-head-wrapper";
+    HEAD_TR: "ds-datatable-head-tr";
+    HEAD_RIGHT_ICONS_WRAPPER: "ds-datatable-head-right-icons-wrapper";
+    HEADER_CELL_WRAPPER: "ds-datatable-header-cell-wrapper";
+    EMPTY_HEADER: "ds-datatable-empty-header";
+    RESIZER: "ds-datatable-resizer";
+    ACTION_CELL: "ds-datatable-action-cell";
+    SINGLE_CELL_CONTAINER: "ds-datatable-single-cell-container";
+    TEXT_EDITABLE_CELL_INPUT: "ds-datatable-text-editable-cell-input";
+    FILTER_POPOVER_CONTENT: "ds-datatable-filter-popover-content";
+    DROP_INDICATOR: "ds-datatable-drop-indicator";
+    CELL_CONTENT: "ds-datatable-cell-content";
+    PENCIL_ICON: "ds-datatable-pencil-icon";
+    EDITABLE_CONTAINER: "ds-datatable-editable-container";
+    ROW: "ds-datatable-row";
+    GROUP_HEADER_TITLE: "ds-datatable-header-title";
+    TOOLBAR_WRAPPER: "ds-datatable-toolbar-wrapper";
+    TOOLBAR_BUTTONS_WRAPPER: "ds-datatable-toolbar-buttons-wrapper";
+    TOOLBAR_BUTTON: "ds-datatable-toolbar-button";
+    TOOLBAR_POSITION: "ds-datatable-toolbar-position";
+    EMPTY_STATE_WRAPPER: "ds-datatable-empty-state-wrapper";
+    WARNING_ICON: "ds-datatable-warning-icon";
+    EMPTY_PRIMARY_MESSAGE: "ds-datatable-empty-primary-message";
+    EMPTY_SECONDARY_MESSAGE: "ds-datatable-empty-secondary-message";
+    EMPTY_BUTTON: "ds-datatable-empty-button";
+    CENTER_CONTENT_FLEX_WRAPPER: "ds-datatable-center-content-flex-wrapper";
+    LOADER_WRAPPER: "ds-datatable-loader-wrapper";
+    FILTER_BAR_WRAPPER: "ds-datatable-filter-bar-wrapper";
+    FREE_TEXT_SEARCH_WRAPPER: "ds-datatable-free-text-search-wrapper";
+};

package/dist/types/constants/legacyToBeDeprecated.d.ts

@@ -0,0 +1,38 @@
+export declare const legacyDataTestIds: {
+    DATA_TABLE_WRAPPER: string;
+    DATA_TABLE_GLOBAL_EXPAND_CELL: string;
+    DATA_TABLE_ICON_ARROW_DOWN: string;
+    DATA_TABLE_ICON_ARROW_RIGHT: string;
+    DATA_TABLE_ICON_ARROW_MIXED: string;
+    DATA_TABLE_ICON_CHILD: string;
+    DATA_TABLE_GLOBAL_CHECKBOX: string;
+    DATA_TABLE_CHECKBOX: string;
+    DATA_TABLE_RADIO: string;
+    DATA_TABLE_DATE_RANGE_CONTROLLER: string;
+    DATA_TABLE_DATE_RANGE_CONTROLLER_CHECKBOX_SWITCHER: string;
+    DATA_TABLE_SINGLE_DATE_CONTROLLER: string;
+    DATA_TABLE_NUMBER_RANGE_CONTROLLER: string;
+    DATA_TABLE_CURRENCY_RANGE_CONTROLLER: string;
+    DATA_TABLE_SELECT_MENU_ITEM: string;
+    DATA_TABLE_MULTISELECT_CONTROLLER: string;
+    DATA_TABLE_SINGLESELECT_CONTROLLER: string;
+    DATA_TABLE_FILTER_BUTTON: string;
+    DATA_TABLE_FILTER_BUTTON_ELEMENT: string;
+    DATA_TABLE_FILTER_MENU_CONTENT: string;
+    DATA_TABLE_FILTER_FREE_TEXT_SEARCH: string;
+    DATA_TABLE_ROW_CONTENT: string;
+    DATA_TABLE_ROW: string;
+    DATA_TABLE_TOOLBAR_TRIGGER: string;
+    DATA_TABLE_CELL: string;
+    DATA_TABLE_DRAG_HANDLE: string;
+    DATA_TABLE_CONTENT_WRAPPER: string;
+    DATA_TABLE_TABLE: string;
+    DATA_TABLE_SCROLLABLE_CONTAINER: string;
+    DATA_TABLE_HEADER: string;
+    DATA_TABLE_ROW_HEADER_CONTENT: string;
+    DATA_TABLE_ROW_GROUP_HEADER: string;
+    DATA_TABLE_COLUMN_DRAG_OVERLAY: string;
+    DATA_TABLE_HEADER_CELL_TITLE: string;
+    DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON: string;
+    DATA_TABLE_SORT_BUTTON: string;
+};

package/dist/types/index.d.ts

@@ -3,4 +3,4 @@ export { FilterPopover, EditableCell, Toolbar, groupBy, FILTER_TYPES, ROW_VARIAN
 export { actionColumn, expandRowColumn, multiSelectColumn, singleSelectColumn, dragHandleColumn, INTERNAL_COLUMNS, } from './addons/Columns/index.js';
 export type { DSDataTableT } from './react-desc-prop-types.js';
 export { useWholeStore } from './configs/useStore/useStore.js';
-export * from './DSDataTableDefinitions.js';
+export { DATA_TABLE_DATA_TESTID, DATA_TABLE_SLOTS, DSDataTableDataTestIds, DSDataTableName, DSDataTableSlots, } from './constants/index.js';

package/dist/types/react-desc-prop-types.d.ts

@@ -1,4 +1,3 @@
-import type { WeakValidationMap } from 'react';
 import type { Range, useVirtual } from 'react-virtual/types';
 import type { ZustandT } from '@elliemae/ds-zustand-helpers';
 import type { DSPaginationT } from '@elliemae/ds-pagination';
@@ -6,8 +5,9 @@ import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
 import type { DnDKitTree, useSortable } from '@elliemae/ds-drag-and-drop';
 import type { DSControlledCheckboxT } from '@elliemae/ds-form-checkbox';
 import type { DSComboboxT } from '@elliemae/ds-form-combobox';
+import { type DSPropTypesSchema, type ValidationMap } from '@elliemae/ds-props-helpers';
 import { type DropIndicatorPosition, ColsLayoutStyle } from './configs/constants.js';
-import { DSDataTableName, DSDataTableSlots } from './DSDataTableDefinitions.js';
+import { DSDataTableName, DSDataTableSlots } from './constants/index.js';
 export declare namespace DSDataTableT {
     type PropsT<D, R, O> = Partial<D> & R & O;
     type InternalPropsT<D, R, O> = D & R & O;
@@ -214,7 +214,7 @@ export declare namespace DSDataTableT {
         cells: Cell[];
     }
     export interface InternalColumn extends Column {
-        index: number;
+        index?: number;
         id: string;
         parentId: string | null;
         depth: number;
@@ -406,59 +406,5 @@ export declare namespace DSDataTableT {
     export {};
 }
 export declare const defaultProps: () => DSDataTableT.DefaultProps;
-export declare const DSDataTablePropTypes: {
-    columns: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    data: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    height: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    width: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    renderRowActions: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    isExpandable: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    uniqueRowAccessor: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    disabledRows: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    expandedRows: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onRowExpand: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    cellRendererProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    selectSingle: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    selection: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onSelectionChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    groupedRowsRenderHeader: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    isResizeable: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    filters: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    withFilterBar: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    filterBarProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onFiltersChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    pagination: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    Pagination: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    colsLayoutStyle: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    hiddenColumns: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    dragAndDropRows: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onRowsReorder: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    maxDragAndDropLevel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    dragAndDropColumns: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onColumnsReorder: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    getIsDropValid: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    textWrap: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    noResultsMessage: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    noResultsSecondaryMessage: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    noResultsButtonLabel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    noResultsPlaceholder: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    isLoading: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onColumnResize: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onColumnSizeChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onRowClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onRowFocus: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onCellValueChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onColumnSortChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onColumnSort: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onTableResize: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    actionRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    getRowVariant: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    noSelectionColumn: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onPageChanged: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onNoResultsButtonClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    isSkeleton: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    getAriaLabelForRow: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    domIdAffix: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    checkboxSelectAllProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-};
-export declare const DSDataTablePropTypesSchema: WeakValidationMap<DSDataTableT.Props>;
+export declare const DSDataTablePropTypes: DSPropTypesSchema<DSDataTableT.Props>;
+export declare const DSDataTablePropTypesSchema: ValidationMap<DSDataTableT.Props>;

package/dist/types/tests/DSDataTable.exports.test.d.ts

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

package/dist/types/tests/data-testid/DSDataTable.data-testid.test.d.ts

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

package/dist/types/tests/data-testid/Renderers.d.ts

@@ -0,0 +1,36 @@
+export function Basic({ isResizable }: {
+    isResizable?: boolean | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export function DND(): import("react/jsx-runtime").JSX.Element;
+export function EmptyState(): import("react/jsx-runtime").JSX.Element;
+export function Expandable(): import("react/jsx-runtime").JSX.Element;
+export function Paginated(): import("react/jsx-runtime").JSX.Element;
+export function WithToolbar(): import("react/jsx-runtime").JSX.Element;
+export function FilterBarDropdownMenuWithProps(props: any): import("react/jsx-runtime").JSX.Element;
+export namespace filterBarPropsConfig {
+    export { FilterBarDropdownMenuWithProps as filterBarAddonRenderer };
+}
+export const mockColumnsFiltered: ({
+    Header: string;
+    accessor: string;
+    filter: any;
+    filterOptions?: undefined;
+} | {
+    Header: string;
+    accessor: string;
+    filter: any;
+    filterOptions: {
+        dsId: string;
+        type: string;
+        value: string;
+        label: string;
+    }[];
+} | {
+    Header: string;
+    accessor: string;
+    filter?: undefined;
+    filterOptions?: undefined;
+})[];
+export function Filtered({ customAttributes }: {
+    customAttributes: any;
+}): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-data-table",
-  "version": "3.57.0-next.3",
+  "version": "3.57.0-next.5",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Data Table",
   "files": [
@@ -37,42 +37,42 @@
   },
   "dependencies": {
     "react-virtual": "~2.10.4",
-    "uid": "~2.0.1",
+    "uid": "^2.0.2",
     "use-onclickoutside": "0.4.1",
-    "@elliemae/ds-button": "3.57.0-next.3",
-    "@elliemae/ds-button-v2": "3.57.0-next.3",
-    "@elliemae/ds-dropdownmenu": "3.57.0-next.3",
-    "@elliemae/ds-dropdownmenu-v2": "3.57.0-next.3",
-    "@elliemae/ds-circular-progress-indicator": "3.57.0-next.3",
-    "@elliemae/ds-form-checkbox": "3.57.0-next.3",
-    "@elliemae/ds-form-combobox": "3.57.0-next.3",
-    "@elliemae/ds-form-date-range-picker": "3.57.0-next.3",
-    "@elliemae/ds-form-date-time-picker": "3.57.0-next.3",
-    "@elliemae/ds-form-helpers-mask-hooks": "3.57.0-next.3",
-    "@elliemae/ds-drag-and-drop": "3.57.0-next.3",
-    "@elliemae/ds-form-input-text": "3.57.0-next.3",
-    "@elliemae/ds-form-layout-blocks": "3.57.0-next.3",
-    "@elliemae/ds-form-radio": "3.57.0-next.3",
-    "@elliemae/ds-grid": "3.57.0-next.3",
-    "@elliemae/ds-pills-v2": "3.57.0-next.3",
-    "@elliemae/ds-pagination": "3.57.0-next.3",
-    "@elliemae/ds-popperjs": "3.57.0-next.3",
-    "@elliemae/ds-icons": "3.57.0-next.3",
-    "@elliemae/ds-skeleton": "3.57.0-next.3",
-    "@elliemae/ds-typescript-helpers": "3.57.0-next.3",
-    "@elliemae/ds-system": "3.57.0-next.3",
-    "@elliemae/ds-zustand-helpers": "3.57.0-next.3",
-    "@elliemae/ds-props-helpers": "3.57.0-next.3",
-    "@elliemae/ds-truncated-tooltip-text": "3.57.0-next.3"
+    "@elliemae/ds-button": "3.57.0-next.5",
+    "@elliemae/ds-button-v2": "3.57.0-next.5",
+    "@elliemae/ds-circular-progress-indicator": "3.57.0-next.5",
+    "@elliemae/ds-drag-and-drop": "3.57.0-next.5",
+    "@elliemae/ds-dropdownmenu": "3.57.0-next.5",
+    "@elliemae/ds-dropdownmenu-v2": "3.57.0-next.5",
+    "@elliemae/ds-form-checkbox": "3.57.0-next.5",
+    "@elliemae/ds-form-combobox": "3.57.0-next.5",
+    "@elliemae/ds-form-date-time-picker": "3.57.0-next.5",
+    "@elliemae/ds-form-date-range-picker": "3.57.0-next.5",
+    "@elliemae/ds-form-helpers-mask-hooks": "3.57.0-next.5",
+    "@elliemae/ds-form-input-text": "3.57.0-next.5",
+    "@elliemae/ds-form-layout-blocks": "3.57.0-next.5",
+    "@elliemae/ds-pagination": "3.57.0-next.5",
+    "@elliemae/ds-grid": "3.57.0-next.5",
+    "@elliemae/ds-form-radio": "3.57.0-next.5",
+    "@elliemae/ds-popperjs": "3.57.0-next.5",
+    "@elliemae/ds-pills-v2": "3.57.0-next.5",
+    "@elliemae/ds-icons": "3.57.0-next.5",
+    "@elliemae/ds-skeleton": "3.57.0-next.5",
+    "@elliemae/ds-props-helpers": "3.57.0-next.5",
+    "@elliemae/ds-system": "3.57.0-next.5",
+    "@elliemae/ds-truncated-tooltip-text": "3.57.0-next.5",
+    "@elliemae/ds-typescript-helpers": "3.57.0-next.5",
+    "@elliemae/ds-zustand-helpers": "3.57.0-next.5"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "9.0.0-next.65",
     "jest": "~29.7.0",
     "styled-components": "~5.3.9",
     "styled-system": "^5.1.5",
-    "@elliemae/ds-monorepo-devops": "3.57.0-next.3",
-    "@elliemae/ds-test-utils": "3.57.0-next.3",
-    "@elliemae/ds-toolbar-v2": "3.57.0-next.3"
+    "@elliemae/ds-monorepo-devops": "3.57.0-next.5",
+    "@elliemae/ds-test-utils": "3.57.0-next.5",
+    "@elliemae/ds-toolbar-v2": "3.57.0-next.5"
   },
   "peerDependencies": {
     "lodash-es": "^4.17.21",

package/dist/cjs/DSDataTableDefinitions.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSDataTableDefinitions.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\nexport const DSDataTableName = 'DSDatatable';\n\nexport const DSDataTableSlots = {\n  ROOT: 'root',\n  CONTENT_WRAPPER: 'content-wrapper',\n  TABLE_WRAPPER: 'table-wrapper',\n  PAGINATION_WRAPPER: 'pagination-wrapper',\n  TABLE_CONTENT_WRAPPER: 'table-content-wrapper',\n  VIRTUAL_LIST_WRAPPER: 'virtual-list-wrapper',\n  HEAD_WRAPPER: 'head-wrapper',\n  HEAD_TR: 'head-tr',\n  HEAD_TH: 'head-th',\n  HEAD_RIGHT_ICONS_WRAPPER: 'head-right-icons-wrapper',\n  HEADER_CELL_WRAPPER: 'header-cell-wrapper',\n  EMPTY_HEADER: 'empty-header',\n  RESIZER: 'resizer',\n  ACTION_CELL: 'action-cell',\n  EXPAND_CELL_CONTAINER: 'expand-cell-container',\n  SINGLE_CELL_CONTAINER: 'single-cell-container',\n  DRAG_AND_DROP_GRIPPER: 'drag-and-drop-gripper',\n  TEXT_EDITABLE_CELL_INPUT: 'text-editable-cell-input',\n  FILTER_POPOVER_BUTTON: 'filter-popover-button',\n  FILTER_POPOVER_CONTENT: 'filter-popover-content',\n  DROP_INDICATOR: 'drop-indicator',\n  CELL: 'cell',\n  CELL_CONTENT: 'cell-content',\n  PENCIL_ICON: 'pencil-icon',\n  EDITABLE_CONTAINER: 'editable-container',\n  FULLSIZE_GRID: 'fullsize-grid',\n  ROW: 'row',\n  GROUP_HEADER_CONTAINER: 'group-header-container',\n  GROUP_HEADER_TITLE: 'header-title',\n  CELL_CONTAINER: 'cells-container',\n  TOOLBAR_WRAPPER: 'toolbar-wrapper',\n  TOOLBAR_BUTTONS_WRAPPER: 'toolbar-buttons-wrapper',\n  TOOLBAR_BUTTON: 'toolbar-button',\n  TOOLBAR_POSITION: 'toolbar-position',\n  EMPTY_STATE_WRAPPER: 'empty-state-wrapper',\n  WARNING_ICON: 'warning-icon',\n  EMPTY_PRIMARY_MESSAGE: 'empty-primary-message',\n  EMPTY_SECONDARY_MESSAGE: 'empty-secondary-message',\n  EMPTY_BUTTON: 'empty-button',\n  CENTER_CONTENT_FLEX_WRAPPER: 'center-content-flex-wrapper',\n  LOADER_WRAPPER: 'loader-wrapper',\n  FILTER_BAR_WRAPPER: 'filter-bar-wrapper',\n  FREE_TEXT_SEARCH_FILTER: 'free-text-search-filter',\n};\n\nexport const DSDataTableDataTestIds = slotObjectToDataTestIds(DSDataTableName, DSDataTableSlots);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AACjC,MAAM,kBAAkB;AAExB,MAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,SAAS;AAAA,EACT,0BAA0B;AAAA,EAC1B,qBAAqB;AAAA,EACrB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,0BAA0B;AAAA,EAC1B,uBAAuB;AAAA,EACvB,wBAAwB;AAAA,EACxB,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN,cAAc;AAAA,EACd,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,KAAK;AAAA,EACL,wBAAwB;AAAA,EACxB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,yBAAyB;AAAA,EACzB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,cAAc;AAAA,EACd,uBAAuB;AAAA,EACvB,yBAAyB;AAAA,EACzB,cAAc;AAAA,EACd,6BAA6B;AAAA,EAC7B,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,yBAAyB;AAC3B;AAEO,MAAM,6BAAyB,0CAAwB,iBAAiB,gBAAgB;",
-  "names": []
-}

package/dist/esm/DSDataTableDefinitions.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSDataTableDefinitions.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\nexport const DSDataTableName = 'DSDatatable';\n\nexport const DSDataTableSlots = {\n  ROOT: 'root',\n  CONTENT_WRAPPER: 'content-wrapper',\n  TABLE_WRAPPER: 'table-wrapper',\n  PAGINATION_WRAPPER: 'pagination-wrapper',\n  TABLE_CONTENT_WRAPPER: 'table-content-wrapper',\n  VIRTUAL_LIST_WRAPPER: 'virtual-list-wrapper',\n  HEAD_WRAPPER: 'head-wrapper',\n  HEAD_TR: 'head-tr',\n  HEAD_TH: 'head-th',\n  HEAD_RIGHT_ICONS_WRAPPER: 'head-right-icons-wrapper',\n  HEADER_CELL_WRAPPER: 'header-cell-wrapper',\n  EMPTY_HEADER: 'empty-header',\n  RESIZER: 'resizer',\n  ACTION_CELL: 'action-cell',\n  EXPAND_CELL_CONTAINER: 'expand-cell-container',\n  SINGLE_CELL_CONTAINER: 'single-cell-container',\n  DRAG_AND_DROP_GRIPPER: 'drag-and-drop-gripper',\n  TEXT_EDITABLE_CELL_INPUT: 'text-editable-cell-input',\n  FILTER_POPOVER_BUTTON: 'filter-popover-button',\n  FILTER_POPOVER_CONTENT: 'filter-popover-content',\n  DROP_INDICATOR: 'drop-indicator',\n  CELL: 'cell',\n  CELL_CONTENT: 'cell-content',\n  PENCIL_ICON: 'pencil-icon',\n  EDITABLE_CONTAINER: 'editable-container',\n  FULLSIZE_GRID: 'fullsize-grid',\n  ROW: 'row',\n  GROUP_HEADER_CONTAINER: 'group-header-container',\n  GROUP_HEADER_TITLE: 'header-title',\n  CELL_CONTAINER: 'cells-container',\n  TOOLBAR_WRAPPER: 'toolbar-wrapper',\n  TOOLBAR_BUTTONS_WRAPPER: 'toolbar-buttons-wrapper',\n  TOOLBAR_BUTTON: 'toolbar-button',\n  TOOLBAR_POSITION: 'toolbar-position',\n  EMPTY_STATE_WRAPPER: 'empty-state-wrapper',\n  WARNING_ICON: 'warning-icon',\n  EMPTY_PRIMARY_MESSAGE: 'empty-primary-message',\n  EMPTY_SECONDARY_MESSAGE: 'empty-secondary-message',\n  EMPTY_BUTTON: 'empty-button',\n  CENTER_CONTENT_FLEX_WRAPPER: 'center-content-flex-wrapper',\n  LOADER_WRAPPER: 'loader-wrapper',\n  FILTER_BAR_WRAPPER: 'filter-bar-wrapper',\n  FREE_TEXT_SEARCH_FILTER: 'free-text-search-filter',\n};\n\nexport const DSDataTableDataTestIds = slotObjectToDataTestIds(DSDataTableName, DSDataTableSlots);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AACjC,MAAM,kBAAkB;AAExB,MAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,SAAS;AAAA,EACT,0BAA0B;AAAA,EAC1B,qBAAqB;AAAA,EACrB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,0BAA0B;AAAA,EAC1B,uBAAuB;AAAA,EACvB,wBAAwB;AAAA,EACxB,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN,cAAc;AAAA,EACd,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,KAAK;AAAA,EACL,wBAAwB;AAAA,EACxB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,yBAAyB;AAAA,EACzB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,cAAc;AAAA,EACd,uBAAuB;AAAA,EACvB,yBAAyB;AAAA,EACzB,cAAc;AAAA,EACd,6BAA6B;AAAA,EAC7B,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,yBAAyB;AAC3B;AAEO,MAAM,yBAAyB,wBAAwB,iBAAiB,gBAAgB;",
-  "names": []
-}

package/dist/types/DSDataTableDefinitions.d.ts

@@ -1,91 +0,0 @@
-export declare const DSDataTableName = "DSDatatable";
-export declare const DSDataTableSlots: {
-    ROOT: string;
-    CONTENT_WRAPPER: string;
-    TABLE_WRAPPER: string;
-    PAGINATION_WRAPPER: string;
-    TABLE_CONTENT_WRAPPER: string;
-    VIRTUAL_LIST_WRAPPER: string;
-    HEAD_WRAPPER: string;
-    HEAD_TR: string;
-    HEAD_TH: string;
-    HEAD_RIGHT_ICONS_WRAPPER: string;
-    HEADER_CELL_WRAPPER: string;
-    EMPTY_HEADER: string;
-    RESIZER: string;
-    ACTION_CELL: string;
-    EXPAND_CELL_CONTAINER: string;
-    SINGLE_CELL_CONTAINER: string;
-    DRAG_AND_DROP_GRIPPER: string;
-    TEXT_EDITABLE_CELL_INPUT: string;
-    FILTER_POPOVER_BUTTON: string;
-    FILTER_POPOVER_CONTENT: string;
-    DROP_INDICATOR: string;
-    CELL: string;
-    CELL_CONTENT: string;
-    PENCIL_ICON: string;
-    EDITABLE_CONTAINER: string;
-    FULLSIZE_GRID: string;
-    ROW: string;
-    GROUP_HEADER_CONTAINER: string;
-    GROUP_HEADER_TITLE: string;
-    CELL_CONTAINER: string;
-    TOOLBAR_WRAPPER: string;
-    TOOLBAR_BUTTONS_WRAPPER: string;
-    TOOLBAR_BUTTON: string;
-    TOOLBAR_POSITION: string;
-    EMPTY_STATE_WRAPPER: string;
-    WARNING_ICON: string;
-    EMPTY_PRIMARY_MESSAGE: string;
-    EMPTY_SECONDARY_MESSAGE: string;
-    EMPTY_BUTTON: string;
-    CENTER_CONTENT_FLEX_WRAPPER: string;
-    LOADER_WRAPPER: string;
-    FILTER_BAR_WRAPPER: string;
-    FREE_TEXT_SEARCH_FILTER: string;
-};
-export declare const DSDataTableDataTestIds: {
-    ROOT: `ds-datatable-${string}`;
-    CONTENT_WRAPPER: `ds-datatable-${string}`;
-    TABLE_WRAPPER: `ds-datatable-${string}`;
-    PAGINATION_WRAPPER: `ds-datatable-${string}`;
-    TABLE_CONTENT_WRAPPER: `ds-datatable-${string}`;
-    VIRTUAL_LIST_WRAPPER: `ds-datatable-${string}`;
-    HEAD_WRAPPER: `ds-datatable-${string}`;
-    HEAD_TR: `ds-datatable-${string}`;
-    HEAD_TH: `ds-datatable-${string}`;
-    HEAD_RIGHT_ICONS_WRAPPER: `ds-datatable-${string}`;
-    HEADER_CELL_WRAPPER: `ds-datatable-${string}`;
-    EMPTY_HEADER: `ds-datatable-${string}`;
-    RESIZER: `ds-datatable-${string}`;
-    ACTION_CELL: `ds-datatable-${string}`;
-    EXPAND_CELL_CONTAINER: `ds-datatable-${string}`;
-    SINGLE_CELL_CONTAINER: `ds-datatable-${string}`;
-    DRAG_AND_DROP_GRIPPER: `ds-datatable-${string}`;
-    TEXT_EDITABLE_CELL_INPUT: `ds-datatable-${string}`;
-    FILTER_POPOVER_BUTTON: `ds-datatable-${string}`;
-    FILTER_POPOVER_CONTENT: `ds-datatable-${string}`;
-    DROP_INDICATOR: `ds-datatable-${string}`;
-    CELL: `ds-datatable-${string}`;
-    CELL_CONTENT: `ds-datatable-${string}`;
-    PENCIL_ICON: `ds-datatable-${string}`;
-    EDITABLE_CONTAINER: `ds-datatable-${string}`;
-    FULLSIZE_GRID: `ds-datatable-${string}`;
-    ROW: `ds-datatable-${string}`;
-    GROUP_HEADER_CONTAINER: `ds-datatable-${string}`;
-    GROUP_HEADER_TITLE: `ds-datatable-${string}`;
-    CELL_CONTAINER: `ds-datatable-${string}`;
-    TOOLBAR_WRAPPER: `ds-datatable-${string}`;
-    TOOLBAR_BUTTONS_WRAPPER: `ds-datatable-${string}`;
-    TOOLBAR_BUTTON: `ds-datatable-${string}`;
-    TOOLBAR_POSITION: `ds-datatable-${string}`;
-    EMPTY_STATE_WRAPPER: `ds-datatable-${string}`;
-    WARNING_ICON: `ds-datatable-${string}`;
-    EMPTY_PRIMARY_MESSAGE: `ds-datatable-${string}`;
-    EMPTY_SECONDARY_MESSAGE: `ds-datatable-${string}`;
-    EMPTY_BUTTON: `ds-datatable-${string}`;
-    CENTER_CONTENT_FLEX_WRAPPER: `ds-datatable-${string}`;
-    LOADER_WRAPPER: `ds-datatable-${string}`;
-    FILTER_BAR_WRAPPER: `ds-datatable-${string}`;
-    FREE_TEXT_SEARCH_FILTER: `ds-datatable-${string}`;
-};