@elliemae/ds-data-table 3.57.0-next.2 → 3.57.0-next.22

package/dist/esm/parts/Loader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/Loader.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport { memo } from 'react';\nimport { DSDataTableName, DSDataTableSlots } from '../DSDataTableDefinitions.js';\nimport { usePropsStore } from '../configs/useStore/createInternalAndPropsContext.js';\n\nconst StyledLoaderWrapper = styled(Grid, { name: DSDataTableName, slot: DSDataTableSlots.LOADER_WRAPPER })`\n  place-items: center;\n  z-index: 0;\n  background-color: white;\n`;\n\n/**\n * we need to keep the semantic table structure\n * @returns Loader\n */\nconst Loader = () => {\n  const getOwnerProps = usePropsStore((store) => store.get);\n  return (\n    <StyledLoaderWrapper role=\"row\" aria-live=\"polite\" getOwnerProps={getOwnerProps}>\n      <div role=\"cell\">\n        <DSCircularProgressIndicator size=\"xl\" loading showLabel waiting={false} showTooltip={false} />\n      </div>\n    </StyledLoaderWrapper>\n  );\n};\nexport const MemoizedLoader = memo(Loader);\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport { memo } from 'react';\nimport { DSDataTableName, DSDataTableSlots } from '../constants/index.js';\nimport { usePropsStore } from '../configs/useStore/createInternalAndPropsContext.js';\n\nconst StyledLoaderWrapper = styled(Grid, { name: DSDataTableName, slot: DSDataTableSlots.LOADER_WRAPPER })`\n  place-items: center;\n  z-index: 0;\n  background-color: white;\n`;\n\n/**\n * we need to keep the semantic table structure\n * @returns Loader\n */\nconst Loader = () => {\n  const getOwnerProps = usePropsStore((store) => store.get);\n  return (\n    <StyledLoaderWrapper role=\"row\" aria-live=\"polite\" getOwnerProps={getOwnerProps}>\n      <div role=\"cell\">\n        <DSCircularProgressIndicator size=\"xl\" loading showLabel waiting={false} showTooltip={false} />\n      </div>\n    </StyledLoaderWrapper>\n  );\n};\nexport const MemoizedLoader = memo(Loader);\n"],
   "mappings": "AAAA,YAAY,WAAW;ACsBf;AAtBR,SAAS,mCAAmC;AAC5C,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,iBAAiB,wBAAwB;AAClD,SAAS,qBAAqB;AAE9B,MAAM,sBAAsB,OAAO,MAAM,EAAE,MAAM,iBAAiB,MAAM,iBAAiB,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAUzG,MAAM,SAAS,MAAM;AACnB,QAAM,gBAAgB,cAAc,CAAC,UAAU,MAAM,GAAG;AACxD,SACE,oBAAC,uBAAoB,MAAK,OAAM,aAAU,UAAS,eACjD,8BAAC,SAAI,MAAK,QACR,8BAAC,+BAA4B,MAAK,MAAK,SAAO,MAAC,WAAS,MAAC,SAAS,OAAO,aAAa,OAAO,GAC/F,GACF;AAEJ;AACO,MAAM,iBAAiB,KAAK,MAAM;",
   "names": []
 }

package/dist/esm/parts/Row.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import { mergeRefs, styled } from "@elliemae/ds-system";
 import { useCallback, useContext } from "react";
 import { useInternalStore, usePropsStore } from "../configs/useStore/createInternalAndPropsContext.js";
-import { DSDataTableName, DSDataTableSlots } from "../DSDataTableDefinitions.js";
+import { DSDataTableName, DSDataTableSlots } from "../constants/index.js";
 import { SortableItemContext } from "./HoC/SortableItemContext.js";
 import { withDnDSortableRowContext } from "./HoC/withDnDSortableRowContext.js";
 import { RowVariantMapItem } from "./RowVariants/index.js";

package/dist/esm/parts/Row.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/Row.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { mergeRefs, styled } from '@elliemae/ds-system';\nimport React, { useCallback, useContext } from 'react';\nimport { useInternalStore, usePropsStore } from '../configs/useStore/createInternalAndPropsContext.js';\nimport { DSDataTableName, DSDataTableSlots } from '../DSDataTableDefinitions.js';\nimport type { DSDataTableT } from '../react-desc-prop-types.js';\nimport { SortableItemContext } from './HoC/SortableItemContext.js';\nimport { withDnDSortableRowContext } from './HoC/withDnDSortableRowContext.js';\nimport { RowVariantMapItem } from './RowVariants/index.js';\n\nconst StyledRow = styled('div', { name: DSDataTableName, slot: DSDataTableSlots.ROW })<{ isDisabled: boolean }>`\n  cursor: ${({ isDisabled }) => (isDisabled ? 'not-allowed' : 'normal')};\n`;\n\nexport const Row: React.ComponentType<{\n  row: DSDataTableT.InternalRow;\n  measureRef?: (el: HTMLElement | null) => void;\n  itemWrapperStyle?: React.CSSProperties;\n  isDragOverlay: boolean;\n}> = (props) => {\n  const { row, measureRef, itemWrapperStyle, isDragOverlay } = props;\n  const disabledRows = usePropsStore((state) => state.disabledRows);\n  const getOwnerProps = usePropsStore((store) => store.get);\n  const getOwnerPropsArguments = useCallback(() => row, [row]);\n  const focusedRowId = useInternalStore((state) => state.focusedRowId);\n  const drilldownRowId = useInternalStore((state) => state.drilldownRowId);\n\n  const { draggableProps } = useContext(SortableItemContext);\n  const draggableRef = draggableProps && draggableProps.setNodeRef;\n  return (\n    <StyledRow\n      isDisabled={disabledRows[row.uid]}\n      style={!isDragOverlay ? itemWrapperStyle : {}}\n      innerRef={mergeRefs(measureRef, draggableRef)}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <RowVariantMapItem\n        row={row}\n        itemIndex={row.realIndex}\n        isDragOverlay={isDragOverlay}\n        focusedRowId={focusedRowId}\n        drilldownRowId={drilldownRowId}\n      />\n    </StyledRow>\n  );\n};\n\nconst RowWithContext = withDnDSortableRowContext(Row);\nexport { RowWithContext };\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { mergeRefs, styled } from '@elliemae/ds-system';\nimport React, { useCallback, useContext } from 'react';\nimport { useInternalStore, usePropsStore } from '../configs/useStore/createInternalAndPropsContext.js';\nimport { DSDataTableName, DSDataTableSlots } from '../constants/index.js';\nimport type { DSDataTableT } from '../react-desc-prop-types.js';\nimport { SortableItemContext } from './HoC/SortableItemContext.js';\nimport { withDnDSortableRowContext } from './HoC/withDnDSortableRowContext.js';\nimport { RowVariantMapItem } from './RowVariants/index.js';\n\nconst StyledRow = styled('div', { name: DSDataTableName, slot: DSDataTableSlots.ROW })<{ isDisabled: boolean }>`\n  cursor: ${({ isDisabled }) => (isDisabled ? 'not-allowed' : 'normal')};\n`;\n\nexport const Row: React.ComponentType<{\n  row: DSDataTableT.InternalRow;\n  measureRef?: (el: HTMLElement | null) => void;\n  itemWrapperStyle?: React.CSSProperties;\n  isDragOverlay: boolean;\n}> = (props) => {\n  const { row, measureRef, itemWrapperStyle, isDragOverlay } = props;\n  const disabledRows = usePropsStore((state) => state.disabledRows);\n  const getOwnerProps = usePropsStore((store) => store.get);\n  const getOwnerPropsArguments = useCallback(() => row, [row]);\n  const focusedRowId = useInternalStore((state) => state.focusedRowId);\n  const drilldownRowId = useInternalStore((state) => state.drilldownRowId);\n\n  const { draggableProps } = useContext(SortableItemContext);\n  const draggableRef = draggableProps && draggableProps.setNodeRef;\n  return (\n    <StyledRow\n      isDisabled={disabledRows[row.uid]}\n      style={!isDragOverlay ? itemWrapperStyle : {}}\n      innerRef={mergeRefs(measureRef, draggableRef)}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <RowVariantMapItem\n        row={row}\n        itemIndex={row.realIndex}\n        isDragOverlay={isDragOverlay}\n        focusedRowId={focusedRowId}\n        drilldownRowId={drilldownRowId}\n      />\n    </StyledRow>\n  );\n};\n\nconst RowWithContext = withDnDSortableRowContext(Row);\nexport { RowWithContext };\n"],
   "mappings": "AAAA,YAAY,WAAW;ACoCjB;AApCN,SAAS,WAAW,cAAc;AAClC,SAAgB,aAAa,kBAAkB;AAC/C,SAAS,kBAAkB,qBAAqB;AAChD,SAAS,iBAAiB,wBAAwB;AAElD,SAAS,2BAA2B;AACpC,SAAS,iCAAiC;AAC1C,SAAS,yBAAyB;AAElC,MAAM,YAAY,OAAO,OAAO,EAAE,MAAM,iBAAiB,MAAM,iBAAiB,IAAI,CAAC;AAAA,YACzE,CAAC,EAAE,WAAW,MAAO,aAAa,gBAAgB,QAAS;AAAA;AAGhE,MAAM,MAKR,CAAC,UAAU;AACd,QAAM,EAAE,KAAK,YAAY,kBAAkB,cAAc,IAAI;AAC7D,QAAM,eAAe,cAAc,CAAC,UAAU,MAAM,YAAY;AAChE,QAAM,gBAAgB,cAAc,CAAC,UAAU,MAAM,GAAG;AACxD,QAAM,yBAAyB,YAAY,MAAM,KAAK,CAAC,GAAG,CAAC;AAC3D,QAAM,eAAe,iBAAiB,CAAC,UAAU,MAAM,YAAY;AACnE,QAAM,iBAAiB,iBAAiB,CAAC,UAAU,MAAM,cAAc;AAEvE,QAAM,EAAE,eAAe,IAAI,WAAW,mBAAmB;AACzD,QAAM,eAAe,kBAAkB,eAAe;AACtD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY,aAAa,IAAI,GAAG;AAAA,MAChC,OAAO,CAAC,gBAAgB,mBAAmB,CAAC;AAAA,MAC5C,UAAU,UAAU,YAAY,YAAY;AAAA,MAC5C;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAW,IAAI;AAAA,UACf;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,iBAAiB,0BAA0B,GAAG;",
   "names": []
 }

package/dist/esm/react-desc-prop-types.js

@@ -1,9 +1,12 @@
 import * as React from "react";
 import { uid } from "uid";
-import { PropTypes, getPropsPerSlotPropTypes } from "@elliemae/ds-props-helpers";
+import {
+  PropTypes,
+  getPropsPerSlotPropTypes
+} from "@elliemae/ds-props-helpers";
 import { FILTER_TYPES } from "./exported-related/index.js";
 import { ColsLayoutStyle } from "./configs/constants.js";
-import { DSDataTableName, DSDataTableSlots } from "./DSDataTableDefinitions.js";
+import { DSDataTableName, DSDataTableSlots } from "./constants/index.js";
 const defaultProps = () => ({
   height: "100%",
   width: "100%",

package/dist/esm/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/no-empty-interface */\nimport { uid } from 'uid';\nimport type { WeakValidationMap } from 'react';\nimport type { Range, useVirtual } from 'react-virtual/types';\nimport type { ZustandT } from '@elliemae/ds-zustand-helpers';\nimport type { DSPaginationT } from '@elliemae/ds-pagination';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { DnDKitTree, useSortable } from '@elliemae/ds-drag-and-drop';\nimport type { DSControlledCheckboxT } from '@elliemae/ds-form-checkbox';\nimport type { DSComboboxT } from '@elliemae/ds-form-combobox';\nimport { PropTypes, getPropsPerSlotPropTypes } from '@elliemae/ds-props-helpers';\nimport { FILTER_TYPES } from './exported-related/index.js';\nimport { type DropIndicatorPosition, ColsLayoutStyle } from './configs/constants.js';\nimport { DSDataTableName, DSDataTableSlots } from './DSDataTableDefinitions.js';\n\nexport namespace DSDataTableT {\n  // ===========================================================================\n  // Typescript definition for auxiliary types\n  // ===========================================================================\n  type PropsT<D, R, O> = Partial<D> & R & O;\n\n  type InternalPropsT<D, R, O> = D & R & O;\n\n  // ===========================================================================\n  // Typescript definition for zustand store\n  // ===========================================================================\n\n  export type InternalAtoms = {\n    drilldownRowId: string | null;\n    focusedRowId: string | null;\n    isShiftPressed: boolean;\n    reduxHeaders: Record<string, ReduxHeader>;\n    isHeaderCellDragging: boolean;\n  };\n  export type UseAutoCalculatedT = {\n    /**\n     * visibleRangeRef: React.MutableRefObject<Range>\n     * We can use this ref to get the visible range of the virtual list\n     * taking in consideration the end-start and overscan.\n     */\n    visibleRangeRef: React.MutableRefObject<Range>;\n    columnHeaderRef: React.MutableRefObject<HTMLDivElement | null>;\n    virtualListRef: React.MutableRefObject<HTMLDivElement | null>;\n    flattenedData: InternalRow[];\n    allDataFlattened: InternalRow[];\n    isEmptyContent: boolean;\n    firstFocuseableColumnHeaderId: string | undefined;\n    visibleColumns: InternalColumn[];\n    virtualListHelpers: ReturnType<typeof useVirtual>;\n    layoutHelpers: {\n      totalColumnsWidth: number | string;\n      gridLayout: string[];\n    };\n    paginationHelpers: Pagination;\n    lastSelected: React.MutableRefObject<number>;\n    bodyClientWidth: number | string;\n    setBodyClientWidth: React.Dispatch<React.SetStateAction<number | string>>;\n  };\n  export type Selectors = Record<string, never>;\n  export type Reducers = {\n    patchHeader: (headerId: string, newHeader: Partial<ReduxHeader>) => void;\n    patchHeaderFilterButtonAndMenu: (headerId: string, value: boolean) => void;\n  };\n  export type ShuttleInternalStore = ZustandT.InternalStore<InternalAtoms, Selectors, Reducers>;\n\n  // ===========================================================================\n  // Typescript definition for data table related things\n  // ===========================================================================\n\n  export interface Filter {\n    id: string;\n    type: string;\n    value: unknown;\n  }\n\n  export type FilterFn<T> = (unfilteredData: Row[], filterKey: string, filterValue: T) => Row[];\n  export type FilterFnOutOfTheBoxCurrencyRange = DSDataTableT.FilterFn<{ from: string; to: string }>;\n  export type FilterFnOutOfTheBoxDateRange = DSDataTableT.FilterFn<{ startDate: string; endDate: string }>;\n  export type FilterFnOutOfTheBoxDateSwitcher = DSDataTableT.FilterFn<{\n    startDate: string;\n    endDate: string;\n    isDateRange: boolean;\n  }>;\n  export type FilterFnOutOfTheBoxMultiSelect = DSDataTableT.FilterFn<{ label: string; value: string }[]>;\n  export type FilterFnOutOfTheBoxNumberRange = DSDataTableT.FilterFn<{ from?: number; to?: number }>;\n  export type FilterFnOutOfTheBoxSingleDate = DSDataTableT.FilterFn<string>;\n  export type FilterFnOutOfTheBoxSingleSelect = DSDataTableT.FilterFn<{ label: string; value: string }>;\n  export type FilterFnOutOfTheBoxFreeTextSearch = DSDataTableT.FilterFn<string>;\n  export interface FilterItemProps {\n    column: InternalColumn;\n    filters: Filter[];\n    onFiltersChange: (filters: Filter[]) => void;\n    reduxHeader: ReduxHeader;\n    innerRef: React.MutableRefObject<HTMLButtonElement | null>;\n    referenceColumn?: HTMLDivElement | null;\n  }\n\n  export interface FilterProps<T> {\n    column: InternalColumn;\n    referenceColumn?: HTMLDivElement | null;\n    onValueChange: (type: string, value: T | undefined) => void;\n    patchHeaderFilterButtonAndMenu: (headerId: string, newState: boolean) => void;\n    patchHeader: (headerId: string, newHeader: ReduxHeader) => void;\n    filterValue: T;\n    reduxHeader: ReduxHeader;\n    innerRef: React.MutableRefObject<HTMLButtonElement | null>;\n    domIdAffix?: string;\n  }\n\n  export interface FilterPillProps<T> {\n    columnHeader: string;\n    column: string;\n    value: T;\n    filters: Filter[];\n    onFiltersChange: (filters: Filter[]) => void;\n    prevRef: React.RefObject<HTMLElement>;\n    innerRef: React.RefObject<HTMLElement>;\n    nextRef: React.RefObject<HTMLElement>;\n  }\n\n  export interface ReduxHeader {\n    hideFilterMenu?: boolean;\n    hideFilterButton?: boolean;\n    showDnDHandle?: boolean;\n    withTabStops?: boolean;\n    showSortCaret?: boolean;\n  }\n\n  export type SelectionItem = boolean | 'mixed';\n\n  export type Selection = Record<string | number, SelectionItem>;\n\n  export type UniqueRowAccessorType = string | string[] | ((row: Row) => string) | undefined;\n\n  export interface SortBy {\n    id: string;\n    desc: boolean;\n  }\n\n  export interface Pagination extends DSPaginationT.Props {\n    hasPagination: boolean;\n    pageIndex?: number;\n    canPreviousPage?: boolean;\n    canNextPage?: boolean;\n    pageSize?: number;\n    dataIsPage?: boolean;\n    showPerPageSelector?: boolean;\n    perPageOptions?: number[];\n    perPageStep?: number;\n    minPerPage?: number;\n    maxPerPage?: number;\n    onPageSizeChange?: (pageSize: number) => void;\n    onPreviousPage?: () => void;\n    onNextPage?: () => void;\n    onPageChange?: (page: number) => void;\n    pageCount?: number | string;\n    isLoadingPageCount?: boolean;\n    pageDetails?: string[];\n    pageDetailsTitle?: string;\n  }\n\n  export type RowVariant = 'ds-header-group-row' | 'ds-primary-row' | 'ds-secondary-row';\n\n  export interface RenderRowActionsConfig {\n    columnWidth: number;\n    renderer: React.ComponentType<CellProps>;\n  }\n\n  export type RenderRowActions = false | RenderRowActionsConfig;\n\n  export type DropIndicatorPositionValues = TypescriptHelpersT.ObjectValues<typeof DropIndicatorPosition>;\n\n  export type ColsLayoutStyleValues = TypescriptHelpersT.ObjectValues<typeof ColsLayoutStyle>;\n\n  export type DraggablePropsT =\n    | false\n    | (ReturnType<typeof useSortable> & {\n        dropIndicatorPosition: DropIndicatorPositionValues;\n        shouldShowDropIndicatorPosition: boolean;\n        isDropValid: boolean;\n      });\n\n  export type FilterOptionT = DSComboboxT.Props['allOptions'][number];\n  export type EditOptionT = DSComboboxT.Props['allOptions'][number];\n\n  // ===========================================================================\n  // Typescript definition for the row and columns\n  // ===========================================================================\n\n  export interface Row {\n    [key: string]: unknown;\n    id: string;\n    subRows?: Row[];\n    tableRowDetails?: React.ComponentType<DetailsProps>;\n    dimsumHeaderValue?: string;\n  }\n  export interface EditableCellProps<T extends HTMLElement = HTMLElement> extends CellProps<T> {\n    DefaultCellRender: JSX.Element;\n  }\n\n  export interface Column {\n    id?: string;\n    Header: string | React.ComponentType<HeaderProps>;\n    accessor?: string;\n    filter?: string;\n    filterOptions?: FilterOptionT[] | (() => FilterOptionT[]);\n    disableFirstOptionFocusOnFilter?: boolean;\n    editOptions?: EditOptionT[] | (() => EditOptionT[]);\n    filterMinWidth?: number | string;\n    Filter?: React.ComponentType<FilterProps<unknown>>;\n    Cell?: React.ComponentType<CellRendererProps>;\n    editable?: string | React.ComponentType<EditableCellProps>;\n    disableDnD?: boolean;\n    width?: number;\n    minWidth?: number;\n    maxWidth?: number;\n    padding?: number;\n    columns?: Column[];\n    canSort?: boolean;\n    isSortedDesc?: boolean;\n    canResize?: boolean;\n    isFocuseable?: boolean;\n    textWrap?: 'wrap' | 'wrap-all' | 'truncate';\n    ref?: React.MutableRefObject<HTMLTableColElement | null>;\n    required?: boolean;\n    cellStyle?: React.CSSProperties;\n    alwaysDisplayEditIcon?: boolean;\n  }\n\n  // ===========================================================================\n  // Typescript definition for the internal representation of the row and columns\n  // ===========================================================================\n\n  export interface InternalRow {\n    id: string;\n    uid: string;\n    index: number;\n    realIndex: number;\n    parent: InternalRow | null;\n    parentId: string | null;\n    parentIndex: number | null;\n    depth: number;\n    isExpanded: boolean;\n    subRows: Row[];\n    childrenCount: number;\n    original: Row;\n    cells: Cell[];\n  }\n\n  export interface InternalColumn extends Column {\n    index: number;\n    id: string;\n    parentId: string | null;\n    depth: number;\n    ref: React.MutableRefObject<HTMLTableColElement | null>;\n    columns?: InternalColumn[];\n    persistFilterInputAfterSubmit?: boolean;\n  }\n\n  // ===========================================================================\n  // Typescript definition for the internal representation of the cell\n  // ===========================================================================\n\n  export interface CellRendererProps {\n    row: InternalRow;\n    column: InternalColumn;\n    cell: Cell;\n    isRowSelected: boolean;\n    isDragOverlay: boolean;\n    shouldAddExpandCell: boolean;\n    // cellIsNextToExpander: boolean;\n    isDisabledRow?: boolean;\n    draggableProps?: DraggablePropsT;\n    domIdAffix?: string;\n  }\n\n  export interface Cell<T extends HTMLElement = HTMLElement> {\n    column: InternalColumn;\n    value: unknown;\n    render: React.ComponentType<CellRendererProps>;\n    row: InternalRow;\n    ref: React.MutableRefObject<T | null>;\n    id: string;\n  }\n\n  // ===========================================================================\n  // Typescript definition for all component props\n  // ===========================================================================\n\n  export interface HeaderProps {\n    column: InternalColumn;\n    draggableProps: DraggablePropsT;\n  }\n\n  export interface CellProps<T extends HTMLElement = HTMLElement> {\n    row: InternalRow;\n    column: InternalColumn;\n    cell: Cell<T>;\n    domIdAffix?: string;\n    isRowSelected: boolean;\n    isDragOverlay: boolean;\n    shouldAddExpandCell: boolean;\n    cellIsNextToExpander: boolean;\n    isDisabledRow?: boolean;\n    draggableProps?: DraggablePropsT;\n  }\n\n  export interface DetailsProps {\n    detailsIndent: number;\n    row: InternalRow;\n  }\n  export interface RowVariantProps {\n    row: DSDataTableT.InternalRow;\n    itemIndex: number;\n    isDragOverlay: boolean;\n    focusedRowId: string | null;\n    drilldownRowId: string | null;\n  }\n\n  // ===========================================================================\n  // Typescript definition for the React Context\n  // ===========================================================================\n\n  export interface Context {\n    tableProps: InternalProps;\n    columnHeaderRef: React.MutableRefObject<HTMLDivElement | null>;\n    virtualListRef: React.MutableRefObject<HTMLDivElement | null>;\n    flattenedData: InternalRow[];\n    allDataFlattened: InternalRow[];\n    isEmptyContent: boolean;\n    firstFocuseableColumnHeaderId: string | undefined;\n    visibleColumns: InternalColumn[];\n    virtualListHelpers: ReturnType<typeof useVirtual>;\n    layoutHelpers: {\n      totalColumnsWidth: number | string;\n      gridLayout: string[];\n    };\n    paginationHelpers: Pagination;\n    drilldownRowId: string | null;\n    setDrilldownRowId: React.Dispatch<React.SetStateAction<string | null>>;\n    focusedRowId: string | null;\n    setFocusedRowId: React.Dispatch<React.SetStateAction<string | null>>;\n    reduxHeaders: Record<string, ReduxHeader>;\n    patchHeader: (headerId: string, newHeader: ReduxHeader) => void;\n    patchHeaderFilterButtonAndMenu: (headerId: string, value: boolean) => void;\n    isShiftPressed: boolean;\n    setIsShiftPressed: React.Dispatch<React.SetStateAction<boolean>>;\n    lastSelected: React.MutableRefObject<number>;\n    isHeaderCellDragging: boolean;\n    setIsHeaderCellDragging: React.Dispatch<React.SetStateAction<boolean>>;\n  }\n\n  export interface DefaultProps {\n    height: string;\n    width: string;\n    renderRowActions: false | RenderRowActionsConfig;\n    getRowVariant: (\n      row: InternalRow,\n      defaultCellRenderer: React.ComponentType<{\n        row: DSDataTableT.InternalRow;\n        isRowSelected: boolean;\n        isDragOverlay: boolean;\n      }>,\n    ) => RowVariant | React.ComponentType<RowVariantProps>;\n    withFilterBar: boolean;\n    isExpandable: boolean;\n    expandedRows: Record<string, boolean>;\n    disabledRows: Record<string, boolean>;\n    isResizeable: boolean;\n    isLoading: boolean;\n    pagination: false | Pagination;\n    filters: Filter[];\n    colsLayoutStyle: ColsLayoutStyleValues;\n    hiddenColumns: string[];\n    noResultsMessage: string;\n    dragAndDropRows: boolean;\n    maxDragAndDropLevel: number;\n    onRowsReorder: (\n      newData: Row[],\n      indexes: { targetIndex: number; fromIndex: number },\n      considerExpanding: string | null,\n      extraData: { flattenedData: InternalRow[]; allDataFlattened: InternalRow[] },\n    ) => void;\n    dragAndDropColumns: boolean;\n    onColumnsReorder: (newData: Column[], indexes: { targetIndex: number; fromIndex: number }) => void;\n    getIsDropValid: (\n      active: DnDKitTree.Item<Row>,\n      over: DnDKitTree.Item<Row>,\n      dropIndicatorPosition: DropIndicatorPositionValues,\n    ) => boolean;\n    onColumnResize: (headerId: string, width: number) => void;\n    onColumnSizeChange: (newColumns: Column[], headerId: string, width: number) => void;\n    onRowClick: TypescriptHelpersT.GenericFunc;\n    onRowFocus: TypescriptHelpersT.GenericFunc;\n    noSelectionColumn: boolean;\n    selectSingle: boolean;\n    onSelectionChange: (\n      newSelection: Selection,\n      selectedControl: string,\n      event: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent,\n    ) => void;\n    textWrap: 'wrap' | 'wrap-all' | 'truncate';\n    onCellValueChange: (cellChange: { value: unknown; property: unknown; rowIndex: number }) => void;\n    onFiltersChange: TypescriptHelpersT.GenericFunc;\n    onPageChanged: TypescriptHelpersT.GenericFunc;\n    onRowExpand: (expandedRows: Record<string, boolean>, toggledRow: string) => void;\n    onColumnSortChange: (newSortRequest: { column: unknown; direction: unknown }) => void;\n    onColumnSort: (newColumns: Column[], headerId: string, direction: 'ASC' | 'DESC') => void;\n    isSkeleton: boolean;\n    domIdAffix?: string;\n  }\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSDataTableName, typeof DSDataTableSlots> {\n    uniqueRowAccessor?: UniqueRowAccessorType;\n    cellRendererProps?: Record<string, unknown>;\n    selection?: Selection;\n    groupedRowsRenderHeader?:\n      | ((dimsumHeaderValue: string | undefined, subRows: Row[] | undefined) => JSX.Element)\n      | string;\n    filterBarProps?: {\n      filterBarAddonRenderer?: React.ComponentType<{ innerRef: React.MutableRefObject<HTMLButtonElement | null> }>;\n      customPillRenderer?: React.ComponentType<FilterPillProps<unknown>>;\n      onClearAllFiltersClick?: () => void;\n      onDropdownMenuToggle?: (isOpen: boolean, eventType: string) => void;\n      onDropdownMenuClickOutside?: () => void;\n      onDropdownMenuTriggerClick?: () => void;\n      isDropdownMenuOpen?: boolean;\n      extraOptions?: { type: string; id: string; label: string; onClick?: TypescriptHelpersT.GenericFunc }[];\n    };\n    actionRef?: React.MutableRefObject<{\n      scrollToIndex: ReturnType<typeof useVirtual>['scrollToIndex'];\n      scrollToOffset: ReturnType<typeof useVirtual>['scrollToOffset'];\n    }>;\n    noResultsSecondaryMessage?: string;\n    noResultsButtonLabel?: string;\n    noResultsPlaceholder?: React.ReactElement;\n    onNoResultsButtonClick?: TypescriptHelpersT.GenericFunc;\n    onTableResize?: TypescriptHelpersT.GenericFunc;\n    Pagination?: React.ComponentType<Record<string, never>>;\n    getAriaLabelForRow?: (args: {\n      row: InternalRow;\n      selected: boolean;\n      disabled: boolean;\n      expandable: boolean;\n      expanded: boolean;\n    }) => string;\n    checkboxSelectAllProps?: DSControlledCheckboxT.Props;\n  }\n  export interface RequiredProps {\n    columns: Column[];\n    data: Row[];\n  }\n\n  export type Props = PropsT<DefaultProps, RequiredProps, OptionalProps>;\n\n  export type InternalProps = InternalPropsT<DefaultProps, RequiredProps, OptionalProps>;\n\n  export type GetOwnerPropsT = () => ZustandT.PropsStore<\n    DefaultProps & RequiredProps & OptionalProps & UseAutoCalculatedT\n  >;\n}\n\n// default props is a function to ensure that the uid is unique for each instance of the component\n// this is supported by the useMemoMergePropsWithDefault function.\nexport const defaultProps: () => DSDataTableT.DefaultProps = () => ({\n  height: '100%',\n  width: '100%',\n  renderRowActions: false,\n  getRowVariant: () => 'ds-primary-row',\n  isExpandable: false,\n  expandedRows: {},\n  disabledRows: {},\n  isResizeable: false,\n  isLoading: false,\n  pagination: false,\n  withFilterBar: false,\n  filters: [],\n  getIsDropValid: () => true,\n  onColumnResize: () => null,\n  onColumnSortChange: () => null,\n  colsLayoutStyle: ColsLayoutStyle.Fixed,\n  hiddenColumns: [],\n  noResultsMessage: 'No Results Found',\n  dragAndDropRows: false,\n  maxDragAndDropLevel: 1,\n  onRowsReorder: () => null,\n  dragAndDropColumns: false,\n  onColumnsReorder: () => null,\n  onColumnSizeChange: () => null,\n  onRowClick: () => null,\n  onRowFocus: () => null,\n  noSelectionColumn: false,\n  selectSingle: false,\n  onSelectionChange: () => null,\n  textWrap: 'wrap',\n  onCellValueChange: () => null,\n  onFiltersChange: () => null,\n  onPageChanged: () => null,\n  onRowExpand: () => null,\n  onColumnSort: () => null,\n  isSkeleton: false,\n  domIdAffix: uid(4),\n});\n\nexport const DSDataTablePropTypes = {\n  ...getPropsPerSlotPropTypes(DSDataTableName, DSDataTableSlots),\n  columns: PropTypes.arrayOf(\n    PropTypes.shape({\n      Header: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.node]).description(\n        'Header name or component',\n      ).isRequired,\n      accessor: PropTypes.string.description('The entry of the data that this column will display'),\n      id: PropTypes.string.description('The id of the column, will default to the Header or accessor if not present'),\n      filter: PropTypes.oneOf(Object.values(FILTER_TYPES)).description('out-of-the-box filters'),\n      Filter: PropTypes.oneOfType([PropTypes.func, PropTypes.node]).description(\n        'The custom component to render as a filter',\n      ),\n      Cell: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('The custom cell renderer component'),\n      editable: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.node]).description(\n        'The editable out-of-the-box or component to render',\n      ),\n      disableDnD: PropTypes.bool.description('Whereas this column should be draggable'),\n      canResize: PropTypes.bool.description('Whereas this column should be resizable'),\n      width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Width of this column'),\n      minWidth: PropTypes.number.description('Minimum width of this column, useful when resizing'),\n      maxWidth: PropTypes.number.description('Maximum width of this column, useful when resizing'),\n      canSort: PropTypes.bool.description('Whereas this column is sortable'),\n      disableFirstOptionFocusOnFilter: PropTypes.bool.description(\n        'Whereas the first option should not be focused on filter',\n      ),\n      filterMinWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n        'Minimum width of the filter',\n      ),\n      filterOptions: PropTypes.arrayOf(\n        PropTypes.shape({\n          dsId: PropTypes.string,\n          value: PropTypes.string,\n          label: PropTypes.string,\n        }),\n      ).description('Filter options'),\n      isSortedDesc: PropTypes.bool.description('Whereas this column is sorted descendingly'),\n      required: PropTypes.bool.description('Whereas this column is required'),\n      alwaysDisplayEditIcon: PropTypes.bool.description(\n        'Whereas to always show the edit icon on this column if it is editable',\n      ),\n      textWrap: PropTypes.oneOf(['wrap', 'wrap-all', 'truncate']).description('How to wrap the text in the column'),\n    }),\n  ).description('Array of columns').isRequired,\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      tableRowDetails: PropTypes.oneOfType([PropTypes.func, PropTypes.node]).description('Component for row details'),\n      dimsumHeaderValue: PropTypes.string.description('Header displayed on the header variant of the row'),\n    }),\n  ).description('Array of rows'),\n  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Height of the datatable component'),\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Width of the datatable component'),\n  renderRowActions: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]).description(\n    'The renderer to use for the action toolbar',\n  ),\n  isExpandable: PropTypes.bool.description('Whether the datatable is expandable').defaultValue(false),\n  uniqueRowAccessor: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n    PropTypes.func,\n  ]).description(\n    'Column / Combination of columns / Function to call to produce a unique identifier for each row.' +\n      ' This is necessary for the selectable and drag and drop features',\n  ),\n  disabledRows: PropTypes.object.description(\n    'Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is disabled or not',\n  ),\n  expandedRows: PropTypes.object.description(\n    'Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is expanded or not',\n  ),\n  onRowExpand: PropTypes.func.description('Function invoked when a row is (un)expanded'),\n  cellRendererProps: PropTypes.object.description(\n    'Object with all the props you want the cells to have available when rendering',\n  ),\n  selectSingle: PropTypes.bool.description('Whether the selectable feature is single').defaultValue(false),\n  selection: PropTypes.object.description(\n    'Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is selected or not',\n  ),\n  onSelectionChange: PropTypes.func.description('Function invoked when a row is selected'),\n  groupedRowsRenderHeader: PropTypes.oneOfType([PropTypes.string, PropTypes.func]).description(\n    'String | Function to call which will display in the row headers',\n  ),\n  isResizeable: PropTypes.bool.description(\"Whether the datatable's columns are resizeable\"),\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string,\n      type: PropTypes.string,\n      value: PropTypes.any,\n    }),\n  ).description('Array of filter keys and values'),\n  withFilterBar: PropTypes.bool.description('Whether to display the filter bar'),\n  filterBarProps: PropTypes.shape({\n    filterBarAddonRenderer: PropTypes.func.description('Render filterbar right addon component'),\n    customPillRenderer: PropTypes.oneOfType([PropTypes.func, PropTypes.node]).description(\n      'If you specify custom filters, you will need to render their pills here',\n    ),\n    isDropdownMenuOpen: PropTypes.bool.description('Wether the DropdownMenu is Open or not.'),\n    onDropdownMenuToggle: PropTypes.func.description('Callback to toggle the DropdownMenu.'),\n    onClearAllFiltersClick: PropTypes.func.description('Callback for Clear Al Filters option.'),\n    onDropdownMenuClickOutside: PropTypes.func.description('Callback triggered when clicking outside DropdownMenu.'),\n    onDropdownMenuTriggerClick: PropTypes.func.description('Callback triggered when clicking DropdownMenu ellipsis.'),\n    extraOptions: PropTypes.arrayOf(\n      PropTypes.shape({\n        type: PropTypes.string,\n        id: PropTypes.string,\n        label: PropTypes.string,\n        onClick: PropTypes.func,\n      }),\n    ).description('Any extra option you want in the dropdownmenu of the filter bar'),\n  }).description('Props for the filter bar'),\n  onFiltersChange: PropTypes.func.description('Function invoked when filters change'),\n  pagination: PropTypes.oneOfType([\n    PropTypes.oneOf([false]),\n    PropTypes.shape({\n      pageCount: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('How many pages are there'),\n      isLoadingPageCount: PropTypes.bool.description('Whether the page count is loading'),\n      pageIndex: PropTypes.number.description('Index of the current page, starting from 1').defaultValue(1),\n      canPreviousPage: PropTypes.bool.description('Whether the previous button is disabled or not').defaultValue(true),\n      canNextPage: PropTypes.bool.description('Whether the next button is disabled or not').defaultValue(true),\n      pageSize: PropTypes.number.description('The current page size').defaultValue(10),\n      showPerPageSelector: PropTypes.bool.description('Whether to show the page selector').defaultValue(true),\n      perPageOptions: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.number,\n          PropTypes.shape({\n            dsId: PropTypes.string,\n            value: PropTypes.number,\n            label: PropTypes.string,\n            type: PropTypes.oneOf(['single']),\n          }),\n        ]),\n      )\n        .description('The available options for page size')\n        .defaultValue([10]),\n      perPageStep: PropTypes.number.description('Step for the per page options').defaultValue(5),\n      minPerPage: PropTypes.number.description('Step for the per page options').defaultValue(0),\n      maxPerPage: PropTypes.number.description('Step for the per page options').defaultValue(100),\n      onPageSizeChange: PropTypes.func\n        .description('Function invoked when the page size changes')\n        .defaultValue(() => null),\n      onPreviousPage: PropTypes.func\n        .description('Function invoked when the previous button is pressed')\n        .defaultValue(() => null),\n      onPageChange: PropTypes.func.description('Function invoked when the page changes').defaultValue(() => null),\n      onNextPage: PropTypes.func.description('Function invoked when next button is pressed').defaultValue(() => null),\n      pageDetails: PropTypes.arrayOf(PropTypes.string).description('Details to provide for each page').defaultValue([]),\n      dataIsPage: PropTypes.bool.description('Whether to treat data as a page').defaultValue(false),\n      pageDetailsTitle: PropTypes.string\n        .description('The title of the details (usually a column of your dataset)')\n        .defaultValue(''),\n    }),\n  ]).description('Object containing the data for the pagination'),\n  Pagination: PropTypes.func.description('Custom component to show in place of the pagination'),\n  colsLayoutStyle: PropTypes.oneOf(['auto', 'fixed']).description('Whether the datatable fills its container or not'),\n  hiddenColumns: PropTypes.arrayOf(PropTypes.string).description('IDs of columns not to render'),\n  dragAndDropRows: PropTypes.bool.description('Whether to turn on the d&d feature for the rows').defaultValue(false),\n  onRowsReorder: PropTypes.func.description('Function invoked when a row is reordered'),\n  maxDragAndDropLevel: PropTypes.number.description('Which level is the maximum allowed to drop into'),\n  dragAndDropColumns: PropTypes.bool.description('Whether to turn on the d&d feature for the columns'),\n  onColumnsReorder: PropTypes.func.description('Function invoked when a column is reordered'),\n  getIsDropValid: PropTypes.func.description('Function to determine if a drop is valid'),\n  textWrap: PropTypes.oneOf(['wrap', 'wrap-all', 'truncate']).description('Global wrapping rule'),\n  noResultsMessage: PropTypes.string.description('Message to show when no more data is available'),\n  noResultsSecondaryMessage: PropTypes.string.description('Secondary message to show when no more data is available'),\n  noResultsButtonLabel: PropTypes.string.description('Label of the button when no more data is available'),\n  noResultsPlaceholder: PropTypes.oneOfType([PropTypes.node]).description(\n    'Custom content to show when dataset is empty',\n  ),\n  isLoading: PropTypes.bool.description('Whether to show a global loader in the datatable'),\n  onColumnResize: PropTypes.func\n    .description('Function invoked when a column is resized')\n    .deprecated({ version: '4.x', message: 'Use onColumnSizeChange' }),\n  onColumnSizeChange: PropTypes.func.description('Function invoked when a column is resized'),\n  onRowClick: PropTypes.func.description('Function invoked when clicking a row'),\n  onRowFocus: PropTypes.func.description('Function invoked when focusing a row'),\n  onCellValueChange: PropTypes.func.description(\"Function invoked when an editable cell's content is changed\"),\n  onColumnSortChange: PropTypes.func\n    .description('Function invoked when a column is sorted')\n    .deprecated({ version: '4.x', message: 'Use onColumnSort' }),\n  onColumnSort: PropTypes.func.description('Function invoked when a column is sorted'),\n  onTableResize: PropTypes.func.description(\n    'Function invoked when the size of the internal table changes, e.g. when a the browser window is resized',\n  ),\n  actionRef: PropTypes.object.description('Reference where all the exposed action callbacks will be exposed'),\n  getRowVariant: PropTypes.func\n    .description(\"Function invoked to determine a row's variant\")\n    .defaultValue(`() => 'ds-primary-row'`),\n  noSelectionColumn: PropTypes.bool.description('Whether to show the selection column or not').defaultValue(false),\n  onPageChanged: PropTypes.func.description('Function invoked when the page changes').defaultValue(() => null),\n  onNoResultsButtonClick: PropTypes.func\n    .description('Function invoked when the no results button is clicked')\n    .defaultValue(() => null),\n  isSkeleton: PropTypes.bool.description('Whether to show a skeleton loader in the datatable'),\n  getAriaLabelForRow: PropTypes.func.description('Function invoked to determine a row aria-label'),\n  domIdAffix: PropTypes.string\n    .description('Affix to avoid duplicate ids')\n    .defaultValue('4 randomly generated characters'),\n  checkboxSelectAllProps: PropTypes.object.description('Props for the select all checkbox'),\n};\n\nexport const DSDataTablePropTypesSchema = DSDataTablePropTypes as unknown as WeakValidationMap<DSDataTableT.Props>;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/no-empty-interface */\nimport { uid } from 'uid';\nimport type { Range, useVirtual } from 'react-virtual/types';\nimport type { ZustandT } from '@elliemae/ds-zustand-helpers';\nimport type { DSPaginationT } from '@elliemae/ds-pagination';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { DnDKitTree, useSortable } from '@elliemae/ds-drag-and-drop';\nimport type { DSControlledCheckboxT } from '@elliemae/ds-form-checkbox';\nimport type { DSComboboxT } from '@elliemae/ds-form-combobox';\nimport {\n  PropTypes,\n  getPropsPerSlotPropTypes,\n  type DSPropTypesSchema,\n  type ValidationMap,\n} from '@elliemae/ds-props-helpers';\nimport { FILTER_TYPES } from './exported-related/index.js';\nimport { type DropIndicatorPosition, ColsLayoutStyle } from './configs/constants.js';\nimport { DSDataTableName, DSDataTableSlots } from './constants/index.js';\nexport namespace DSDataTableT {\n  // ===========================================================================\n  // Typescript definition for auxiliary types\n  // ===========================================================================\n  type PropsT<D, R, O> = Partial<D> & R & O;\n\n  type InternalPropsT<D, R, O> = D & R & O;\n\n  // ===========================================================================\n  // Typescript definition for zustand store\n  // ===========================================================================\n\n  export type InternalAtoms = {\n    drilldownRowId: string | null;\n    focusedRowId: string | null;\n    isShiftPressed: boolean;\n    reduxHeaders: Record<string, ReduxHeader>;\n    isHeaderCellDragging: boolean;\n  };\n  export type UseAutoCalculatedT = {\n    /**\n     * visibleRangeRef: React.MutableRefObject<Range>\n     * We can use this ref to get the visible range of the virtual list\n     * taking in consideration the end-start and overscan.\n     */\n    visibleRangeRef: React.MutableRefObject<Range>;\n    columnHeaderRef: React.MutableRefObject<HTMLDivElement | null>;\n    virtualListRef: React.MutableRefObject<HTMLDivElement | null>;\n    flattenedData: InternalRow[];\n    allDataFlattened: InternalRow[];\n    isEmptyContent: boolean;\n    firstFocuseableColumnHeaderId: string | undefined;\n    visibleColumns: InternalColumn[];\n    virtualListHelpers: ReturnType<typeof useVirtual>;\n    layoutHelpers: {\n      totalColumnsWidth: number | string;\n      gridLayout: string[];\n    };\n    paginationHelpers: Pagination;\n    lastSelected: React.MutableRefObject<number>;\n    bodyClientWidth: number | string;\n    setBodyClientWidth: React.Dispatch<React.SetStateAction<number | string>>;\n  };\n  export type Selectors = Record<string, never>;\n  export type Reducers = {\n    patchHeader: (headerId: string, newHeader: Partial<ReduxHeader>) => void;\n    patchHeaderFilterButtonAndMenu: (headerId: string, value: boolean) => void;\n  };\n  export type ShuttleInternalStore = ZustandT.InternalStore<InternalAtoms, Selectors, Reducers>;\n\n  // ===========================================================================\n  // Typescript definition for data table related things\n  // ===========================================================================\n\n  export interface Filter {\n    id: string;\n    type: string;\n    value: unknown;\n  }\n\n  export type FilterFn<T> = (unfilteredData: Row[], filterKey: string, filterValue: T) => Row[];\n  export type FilterFnOutOfTheBoxCurrencyRange = DSDataTableT.FilterFn<{ from: string; to: string }>;\n  export type FilterFnOutOfTheBoxDateRange = DSDataTableT.FilterFn<{ startDate: string; endDate: string }>;\n  export type FilterFnOutOfTheBoxDateSwitcher = DSDataTableT.FilterFn<{\n    startDate: string;\n    endDate: string;\n    isDateRange: boolean;\n  }>;\n  export type FilterFnOutOfTheBoxMultiSelect = DSDataTableT.FilterFn<{ label: string; value: string }[]>;\n  export type FilterFnOutOfTheBoxNumberRange = DSDataTableT.FilterFn<{ from?: number; to?: number }>;\n  export type FilterFnOutOfTheBoxSingleDate = DSDataTableT.FilterFn<string>;\n  export type FilterFnOutOfTheBoxSingleSelect = DSDataTableT.FilterFn<{ label: string; value: string }>;\n  export type FilterFnOutOfTheBoxFreeTextSearch = DSDataTableT.FilterFn<string>;\n  export interface FilterItemProps {\n    column: InternalColumn;\n    filters: Filter[];\n    onFiltersChange: (filters: Filter[]) => void;\n    reduxHeader: ReduxHeader;\n    innerRef: React.MutableRefObject<HTMLButtonElement | null>;\n    referenceColumn?: HTMLDivElement | null;\n  }\n\n  export interface FilterProps<T> {\n    column: InternalColumn;\n    referenceColumn?: HTMLDivElement | null;\n    onValueChange: (type: string, value: T | undefined) => void;\n    patchHeaderFilterButtonAndMenu: (headerId: string, newState: boolean) => void;\n    patchHeader: (headerId: string, newHeader: ReduxHeader) => void;\n    filterValue: T;\n    reduxHeader: ReduxHeader;\n    innerRef: React.MutableRefObject<HTMLButtonElement | null>;\n    domIdAffix?: string;\n  }\n\n  export interface FilterPillProps<T> {\n    columnHeader: string;\n    column: string;\n    value: T;\n    filters: Filter[];\n    onFiltersChange: (filters: Filter[]) => void;\n    prevRef: React.RefObject<HTMLElement>;\n    innerRef: React.RefObject<HTMLElement>;\n    nextRef: React.RefObject<HTMLElement>;\n  }\n\n  export interface ReduxHeader {\n    hideFilterMenu?: boolean;\n    hideFilterButton?: boolean;\n    showDnDHandle?: boolean;\n    withTabStops?: boolean;\n    showSortCaret?: boolean;\n  }\n\n  export type SelectionItem = boolean | 'mixed';\n\n  export type Selection = Record<string | number, SelectionItem>;\n\n  export type UniqueRowAccessorType = string | string[] | ((row: Row) => string) | undefined;\n\n  export interface SortBy {\n    id: string;\n    desc: boolean;\n  }\n\n  export interface Pagination extends DSPaginationT.Props {\n    hasPagination: boolean;\n    pageIndex?: number;\n    canPreviousPage?: boolean;\n    canNextPage?: boolean;\n    pageSize?: number;\n    dataIsPage?: boolean;\n    showPerPageSelector?: boolean;\n    perPageOptions?: number[];\n    perPageStep?: number;\n    minPerPage?: number;\n    maxPerPage?: number;\n    onPageSizeChange?: (pageSize: number) => void;\n    onPreviousPage?: () => void;\n    onNextPage?: () => void;\n    onPageChange?: (page: number) => void;\n    pageCount?: number | string;\n    isLoadingPageCount?: boolean;\n    pageDetails?: string[];\n    pageDetailsTitle?: string;\n  }\n\n  export type RowVariant = 'ds-header-group-row' | 'ds-primary-row' | 'ds-secondary-row';\n\n  export interface RenderRowActionsConfig {\n    columnWidth: number;\n    renderer: React.ComponentType<CellProps>;\n  }\n\n  export type RenderRowActions = false | RenderRowActionsConfig;\n\n  export type DropIndicatorPositionValues = TypescriptHelpersT.ObjectValues<typeof DropIndicatorPosition>;\n\n  export type ColsLayoutStyleValues = TypescriptHelpersT.ObjectValues<typeof ColsLayoutStyle>;\n\n  export type DraggablePropsT =\n    | false\n    | (ReturnType<typeof useSortable> & {\n        dropIndicatorPosition: DropIndicatorPositionValues;\n        shouldShowDropIndicatorPosition: boolean;\n        isDropValid: boolean;\n      });\n\n  export type FilterOptionT = DSComboboxT.Props['allOptions'][number];\n  export type EditOptionT = DSComboboxT.Props['allOptions'][number];\n\n  // ===========================================================================\n  // Typescript definition for the row and columns\n  // ===========================================================================\n\n  export interface Row {\n    [key: string]: unknown;\n    id: string;\n    subRows?: Row[];\n    tableRowDetails?: React.ComponentType<DetailsProps>;\n    dimsumHeaderValue?: string;\n  }\n  export interface EditableCellProps<T extends HTMLElement = HTMLElement> extends CellProps<T> {\n    DefaultCellRender: JSX.Element;\n  }\n\n  export interface Column {\n    id?: string;\n    Header: string | React.ComponentType<HeaderProps>;\n    accessor?: string;\n    filter?: string;\n    filterOptions?: FilterOptionT[] | (() => FilterOptionT[]);\n    disableFirstOptionFocusOnFilter?: boolean;\n    editOptions?: EditOptionT[] | (() => EditOptionT[]);\n    filterMinWidth?: number | string;\n    Filter?: React.ComponentType<FilterProps<unknown>>;\n    Cell?: React.ComponentType<CellRendererProps>;\n    editable?: string | React.ComponentType<EditableCellProps>;\n    disableDnD?: boolean;\n    width?: number;\n    minWidth?: number;\n    maxWidth?: number;\n    padding?: number;\n    columns?: Column[];\n    canSort?: boolean;\n    isSortedDesc?: boolean;\n    canResize?: boolean;\n    isFocuseable?: boolean;\n    textWrap?: 'wrap' | 'wrap-all' | 'truncate';\n    ref?: React.MutableRefObject<HTMLTableColElement | null>;\n    required?: boolean;\n    cellStyle?: React.CSSProperties;\n    alwaysDisplayEditIcon?: boolean;\n  }\n\n  // ===========================================================================\n  // Typescript definition for the internal representation of the row and columns\n  // ===========================================================================\n\n  export interface InternalRow {\n    id: string;\n    uid: string;\n    index: number;\n    realIndex: number;\n    parent: InternalRow | null;\n    parentId: string | null;\n    parentIndex: number | null;\n    depth: number;\n    isExpanded: boolean;\n    subRows: Row[];\n    childrenCount: number;\n    original: Row;\n    cells: Cell[];\n  }\n\n  export interface InternalColumn extends Column {\n    index?: number;\n    id: string;\n    parentId: string | null;\n    depth: number;\n    ref: React.MutableRefObject<HTMLTableColElement | null>;\n    columns?: InternalColumn[];\n    persistFilterInputAfterSubmit?: boolean;\n  }\n\n  // ===========================================================================\n  // Typescript definition for the internal representation of the cell\n  // ===========================================================================\n\n  export interface CellRendererProps {\n    row: InternalRow;\n    column: InternalColumn;\n    cell: Cell;\n    isRowSelected: boolean;\n    isDragOverlay: boolean;\n    shouldAddExpandCell: boolean;\n    // cellIsNextToExpander: boolean;\n    isDisabledRow?: boolean;\n    draggableProps?: DraggablePropsT;\n    domIdAffix?: string;\n  }\n\n  export interface Cell<T extends HTMLElement = HTMLElement> {\n    column: InternalColumn;\n    value: unknown;\n    render: React.ComponentType<CellRendererProps>;\n    row: InternalRow;\n    ref: React.MutableRefObject<T | null>;\n    id: string;\n  }\n\n  // ===========================================================================\n  // Typescript definition for all component props\n  // ===========================================================================\n\n  export interface HeaderProps {\n    column: InternalColumn;\n    draggableProps: DraggablePropsT;\n  }\n\n  export interface CellProps<T extends HTMLElement = HTMLElement> {\n    row: InternalRow;\n    column: InternalColumn;\n    cell: Cell<T>;\n    domIdAffix?: string;\n    isRowSelected: boolean;\n    isDragOverlay: boolean;\n    shouldAddExpandCell: boolean;\n    cellIsNextToExpander: boolean;\n    isDisabledRow?: boolean;\n    draggableProps?: DraggablePropsT;\n  }\n\n  export interface DetailsProps {\n    detailsIndent: number;\n    row: InternalRow;\n  }\n  export interface RowVariantProps {\n    row: DSDataTableT.InternalRow;\n    itemIndex: number;\n    isDragOverlay: boolean;\n    focusedRowId: string | null;\n    drilldownRowId: string | null;\n  }\n\n  // ===========================================================================\n  // Typescript definition for the React Context\n  // ===========================================================================\n\n  export interface Context {\n    tableProps: InternalProps;\n    columnHeaderRef: React.MutableRefObject<HTMLDivElement | null>;\n    virtualListRef: React.MutableRefObject<HTMLDivElement | null>;\n    flattenedData: InternalRow[];\n    allDataFlattened: InternalRow[];\n    isEmptyContent: boolean;\n    firstFocuseableColumnHeaderId: string | undefined;\n    visibleColumns: InternalColumn[];\n    virtualListHelpers: ReturnType<typeof useVirtual>;\n    layoutHelpers: {\n      totalColumnsWidth: number | string;\n      gridLayout: string[];\n    };\n    paginationHelpers: Pagination;\n    drilldownRowId: string | null;\n    setDrilldownRowId: React.Dispatch<React.SetStateAction<string | null>>;\n    focusedRowId: string | null;\n    setFocusedRowId: React.Dispatch<React.SetStateAction<string | null>>;\n    reduxHeaders: Record<string, ReduxHeader>;\n    patchHeader: (headerId: string, newHeader: ReduxHeader) => void;\n    patchHeaderFilterButtonAndMenu: (headerId: string, value: boolean) => void;\n    isShiftPressed: boolean;\n    setIsShiftPressed: React.Dispatch<React.SetStateAction<boolean>>;\n    lastSelected: React.MutableRefObject<number>;\n    isHeaderCellDragging: boolean;\n    setIsHeaderCellDragging: React.Dispatch<React.SetStateAction<boolean>>;\n  }\n\n  export interface DefaultProps {\n    height: string;\n    width: string;\n    renderRowActions: false | RenderRowActionsConfig;\n    getRowVariant: (\n      row: InternalRow,\n      defaultCellRenderer: React.ComponentType<{\n        row: DSDataTableT.InternalRow;\n        isRowSelected: boolean;\n        isDragOverlay: boolean;\n      }>,\n    ) => RowVariant | React.ComponentType<RowVariantProps>;\n    withFilterBar: boolean;\n    isExpandable: boolean;\n    expandedRows: Record<string, boolean>;\n    disabledRows: Record<string, boolean>;\n    isResizeable: boolean;\n    isLoading: boolean;\n    pagination: false | Pagination;\n    filters: Filter[];\n    colsLayoutStyle: ColsLayoutStyleValues;\n    hiddenColumns: string[];\n    noResultsMessage: string;\n    dragAndDropRows: boolean;\n    maxDragAndDropLevel: number;\n    onRowsReorder: (\n      newData: Row[],\n      indexes: { targetIndex: number; fromIndex: number },\n      considerExpanding: string | null,\n      extraData: { flattenedData: InternalRow[]; allDataFlattened: InternalRow[] },\n    ) => void;\n    dragAndDropColumns: boolean;\n    onColumnsReorder: (newData: Column[], indexes: { targetIndex: number; fromIndex: number }) => void;\n    getIsDropValid: (\n      active: DnDKitTree.Item<Row>,\n      over: DnDKitTree.Item<Row>,\n      dropIndicatorPosition: DropIndicatorPositionValues,\n    ) => boolean;\n    onColumnResize: (headerId: string, width: number) => void;\n    onColumnSizeChange: (newColumns: Column[], headerId: string, width: number) => void;\n    onRowClick: TypescriptHelpersT.GenericFunc;\n    onRowFocus: TypescriptHelpersT.GenericFunc;\n    noSelectionColumn: boolean;\n    selectSingle: boolean;\n    onSelectionChange: (\n      newSelection: Selection,\n      selectedControl: string,\n      event: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent,\n    ) => void;\n    textWrap: 'wrap' | 'wrap-all' | 'truncate';\n    onCellValueChange: (cellChange: { value: unknown; property: unknown; rowIndex: number }) => void;\n    onFiltersChange: TypescriptHelpersT.GenericFunc;\n    onPageChanged: TypescriptHelpersT.GenericFunc;\n    onRowExpand: (expandedRows: Record<string, boolean>, toggledRow: string) => void;\n    onColumnSortChange: (newSortRequest: { column: unknown; direction: unknown }) => void;\n    onColumnSort: (newColumns: Column[], headerId: string, direction: 'ASC' | 'DESC') => void;\n    isSkeleton: boolean;\n    domIdAffix?: string;\n  }\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSDataTableName, typeof DSDataTableSlots> {\n    uniqueRowAccessor?: UniqueRowAccessorType;\n    cellRendererProps?: Record<string, unknown>;\n    selection?: Selection;\n    groupedRowsRenderHeader?:\n      | ((dimsumHeaderValue: string | undefined, subRows: Row[] | undefined) => JSX.Element)\n      | string;\n    filterBarProps?: {\n      filterBarAddonRenderer?: React.ComponentType<{ innerRef: React.MutableRefObject<HTMLButtonElement | null> }>;\n      customPillRenderer?: React.ComponentType<FilterPillProps<unknown>>;\n      onClearAllFiltersClick?: () => void;\n      onDropdownMenuToggle?: (isOpen: boolean, eventType: string) => void;\n      onDropdownMenuClickOutside?: () => void;\n      onDropdownMenuTriggerClick?: () => void;\n      isDropdownMenuOpen?: boolean;\n      extraOptions?: { type: string; id: string; label: string; onClick?: TypescriptHelpersT.GenericFunc }[];\n    };\n    actionRef?: React.MutableRefObject<{\n      scrollToIndex: ReturnType<typeof useVirtual>['scrollToIndex'];\n      scrollToOffset: ReturnType<typeof useVirtual>['scrollToOffset'];\n    }>;\n    noResultsSecondaryMessage?: string;\n    noResultsButtonLabel?: string;\n    noResultsPlaceholder?: React.ReactElement;\n    onNoResultsButtonClick?: TypescriptHelpersT.GenericFunc;\n    onTableResize?: TypescriptHelpersT.GenericFunc;\n    Pagination?: React.ComponentType<Record<string, never>>;\n    getAriaLabelForRow?: (args: {\n      row: InternalRow;\n      selected: boolean;\n      disabled: boolean;\n      expandable: boolean;\n      expanded: boolean;\n    }) => string;\n    checkboxSelectAllProps?: DSControlledCheckboxT.Props;\n  }\n  export interface RequiredProps {\n    columns: Column[];\n    data: Row[];\n  }\n\n  export type Props = PropsT<DefaultProps, RequiredProps, OptionalProps>;\n\n  export type InternalProps = InternalPropsT<DefaultProps, RequiredProps, OptionalProps>;\n\n  export type GetOwnerPropsT = () => ZustandT.PropsStore<\n    DefaultProps & RequiredProps & OptionalProps & UseAutoCalculatedT\n  >;\n}\n\n// default props is a function to ensure that the uid is unique for each instance of the component\n// this is supported by the useMemoMergePropsWithDefault function.\nexport const defaultProps: () => DSDataTableT.DefaultProps = () => ({\n  height: '100%',\n  width: '100%',\n  renderRowActions: false,\n  getRowVariant: () => 'ds-primary-row',\n  isExpandable: false,\n  expandedRows: {},\n  disabledRows: {},\n  isResizeable: false,\n  isLoading: false,\n  pagination: false,\n  withFilterBar: false,\n  filters: [],\n  getIsDropValid: () => true,\n  onColumnResize: () => null,\n  onColumnSortChange: () => null,\n  colsLayoutStyle: ColsLayoutStyle.Fixed,\n  hiddenColumns: [],\n  noResultsMessage: 'No Results Found',\n  dragAndDropRows: false,\n  maxDragAndDropLevel: 1,\n  onRowsReorder: () => null,\n  dragAndDropColumns: false,\n  onColumnsReorder: () => null,\n  onColumnSizeChange: () => null,\n  onRowClick: () => null,\n  onRowFocus: () => null,\n  noSelectionColumn: false,\n  selectSingle: false,\n  onSelectionChange: () => null,\n  textWrap: 'wrap',\n  onCellValueChange: () => null,\n  onFiltersChange: () => null,\n  onPageChanged: () => null,\n  onRowExpand: () => null,\n  onColumnSort: () => null,\n  isSkeleton: false,\n  domIdAffix: uid(4),\n});\n\nexport const DSDataTablePropTypes: DSPropTypesSchema<DSDataTableT.Props> = {\n  ...getPropsPerSlotPropTypes(DSDataTableName, DSDataTableSlots),\n  columns: PropTypes.arrayOf(\n    PropTypes.shape({\n      Header: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.node]).description(\n        'Header name or component',\n      ).isRequired,\n      accessor: PropTypes.string.description('The entry of the data that this column will display'),\n      id: PropTypes.string.description('The id of the column, will default to the Header or accessor if not present'),\n      filter: PropTypes.oneOf(Object.values(FILTER_TYPES)).description('out-of-the-box filters'),\n      Filter: PropTypes.oneOfType([PropTypes.func, PropTypes.node]).description(\n        'The custom component to render as a filter',\n      ),\n      Cell: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('The custom cell renderer component'),\n      editable: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.node]).description(\n        'The editable out-of-the-box or component to render',\n      ),\n      disableDnD: PropTypes.bool.description('Whereas this column should be draggable'),\n      canResize: PropTypes.bool.description('Whereas this column should be resizable'),\n      width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Width of this column'),\n      minWidth: PropTypes.number.description('Minimum width of this column, useful when resizing'),\n      maxWidth: PropTypes.number.description('Maximum width of this column, useful when resizing'),\n      canSort: PropTypes.bool.description('Whereas this column is sortable'),\n      disableFirstOptionFocusOnFilter: PropTypes.bool.description(\n        'Whereas the first option should not be focused on filter',\n      ),\n      filterMinWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n        'Minimum width of the filter',\n      ),\n      filterOptions: PropTypes.arrayOf(\n        PropTypes.shape({\n          dsId: PropTypes.string,\n          value: PropTypes.string,\n          label: PropTypes.string,\n        }),\n      ).description('Filter options'),\n      isSortedDesc: PropTypes.bool.description('Whereas this column is sorted descendingly'),\n      required: PropTypes.bool.description('Whereas this column is required'),\n      alwaysDisplayEditIcon: PropTypes.bool.description(\n        'Whereas to always show the edit icon on this column if it is editable',\n      ),\n      textWrap: PropTypes.oneOf(['wrap', 'wrap-all', 'truncate']).description('How to wrap the text in the column'),\n    }),\n  ).description('Array of columns').isRequired,\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      tableRowDetails: PropTypes.oneOfType([PropTypes.func, PropTypes.node]).description('Component for row details'),\n      dimsumHeaderValue: PropTypes.string.description('Header displayed on the header variant of the row'),\n    }),\n  ).description('Array of rows'),\n  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Height of the datatable component'),\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Width of the datatable component'),\n  renderRowActions: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]).description(\n    'The renderer to use for the action toolbar',\n  ),\n  isExpandable: PropTypes.bool.description('Whether the datatable is expandable').defaultValue(false),\n  uniqueRowAccessor: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n    PropTypes.func,\n  ]).description(\n    'Column / Combination of columns / Function to call to produce a unique identifier for each row.' +\n      ' This is necessary for the selectable and drag and drop features',\n  ),\n  disabledRows: PropTypes.object.description(\n    'Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is disabled or not',\n  ),\n  expandedRows: PropTypes.object.description(\n    'Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is expanded or not',\n  ),\n  onRowExpand: PropTypes.func.description('Function invoked when a row is (un)expanded'),\n  cellRendererProps: PropTypes.object.description(\n    'Object with all the props you want the cells to have available when rendering',\n  ),\n  selectSingle: PropTypes.bool.description('Whether the selectable feature is single').defaultValue(false),\n  selection: PropTypes.object.description(\n    'Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is selected or not',\n  ),\n  onSelectionChange: PropTypes.func.description('Function invoked when a row is selected'),\n  groupedRowsRenderHeader: PropTypes.oneOfType([PropTypes.string, PropTypes.func]).description(\n    'String | Function to call which will display in the row headers',\n  ),\n  isResizeable: PropTypes.bool.description(\"Whether the datatable's columns are resizeable\"),\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string,\n      type: PropTypes.string,\n      value: PropTypes.any,\n    }),\n  ).description('Array of filter keys and values'),\n  withFilterBar: PropTypes.bool.description('Whether to display the filter bar'),\n  filterBarProps: PropTypes.shape({\n    filterBarAddonRenderer: PropTypes.func.description('Render filterbar right addon component'),\n    customPillRenderer: PropTypes.oneOfType([PropTypes.func, PropTypes.node]).description(\n      'If you specify custom filters, you will need to render their pills here',\n    ),\n    isDropdownMenuOpen: PropTypes.bool.description('Wether the DropdownMenu is Open or not.'),\n    onDropdownMenuToggle: PropTypes.func.description('Callback to toggle the DropdownMenu.'),\n    onClearAllFiltersClick: PropTypes.func.description('Callback for Clear Al Filters option.'),\n    onDropdownMenuClickOutside: PropTypes.func.description('Callback triggered when clicking outside DropdownMenu.'),\n    onDropdownMenuTriggerClick: PropTypes.func.description('Callback triggered when clicking DropdownMenu ellipsis.'),\n    extraOptions: PropTypes.arrayOf(\n      PropTypes.shape({\n        type: PropTypes.string,\n        id: PropTypes.string,\n        label: PropTypes.string,\n        onClick: PropTypes.func,\n      }),\n    ).description('Any extra option you want in the dropdownmenu of the filter bar'),\n  }).description('Props for the filter bar'),\n  onFiltersChange: PropTypes.func.description('Function invoked when filters change'),\n  pagination: PropTypes.oneOfType([\n    PropTypes.oneOf([false]),\n    PropTypes.shape({\n      pageCount: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('How many pages are there'),\n      isLoadingPageCount: PropTypes.bool.description('Whether the page count is loading'),\n      pageIndex: PropTypes.number.description('Index of the current page, starting from 1').defaultValue(1),\n      canPreviousPage: PropTypes.bool.description('Whether the previous button is disabled or not').defaultValue(true),\n      canNextPage: PropTypes.bool.description('Whether the next button is disabled or not').defaultValue(true),\n      pageSize: PropTypes.number.description('The current page size').defaultValue(10),\n      showPerPageSelector: PropTypes.bool.description('Whether to show the page selector').defaultValue(true),\n      perPageOptions: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.number,\n          PropTypes.shape({\n            dsId: PropTypes.string,\n            value: PropTypes.number,\n            label: PropTypes.string,\n            type: PropTypes.oneOf(['single']),\n          }),\n        ]),\n      )\n        .description('The available options for page size')\n        .defaultValue([10]),\n      perPageStep: PropTypes.number.description('Step for the per page options').defaultValue(5),\n      minPerPage: PropTypes.number.description('Step for the per page options').defaultValue(0),\n      maxPerPage: PropTypes.number.description('Step for the per page options').defaultValue(100),\n      onPageSizeChange: PropTypes.func\n        .description('Function invoked when the page size changes')\n        .defaultValue(() => null),\n      onPreviousPage: PropTypes.func\n        .description('Function invoked when the previous button is pressed')\n        .defaultValue(() => null),\n      onPageChange: PropTypes.func.description('Function invoked when the page changes').defaultValue(() => null),\n      onNextPage: PropTypes.func.description('Function invoked when next button is pressed').defaultValue(() => null),\n      pageDetails: PropTypes.arrayOf(PropTypes.string).description('Details to provide for each page').defaultValue([]),\n      dataIsPage: PropTypes.bool.description('Whether to treat data as a page').defaultValue(false),\n      pageDetailsTitle: PropTypes.string\n        .description('The title of the details (usually a column of your dataset)')\n        .defaultValue(''),\n    }),\n  ]).description('Object containing the data for the pagination'),\n  Pagination: PropTypes.func.description('Custom component to show in place of the pagination'),\n  colsLayoutStyle: PropTypes.oneOf(['auto', 'fixed']).description('Whether the datatable fills its container or not'),\n  hiddenColumns: PropTypes.arrayOf(PropTypes.string).description('IDs of columns not to render'),\n  dragAndDropRows: PropTypes.bool.description('Whether to turn on the d&d feature for the rows').defaultValue(false),\n  onRowsReorder: PropTypes.func.description('Function invoked when a row is reordered'),\n  maxDragAndDropLevel: PropTypes.number.description('Which level is the maximum allowed to drop into'),\n  dragAndDropColumns: PropTypes.bool.description('Whether to turn on the d&d feature for the columns'),\n  onColumnsReorder: PropTypes.func.description('Function invoked when a column is reordered'),\n  getIsDropValid: PropTypes.func.description('Function to determine if a drop is valid'),\n  textWrap: PropTypes.oneOf(['wrap', 'wrap-all', 'truncate']).description('Global wrapping rule'),\n  noResultsMessage: PropTypes.string.description('Message to show when no more data is available'),\n  noResultsSecondaryMessage: PropTypes.string.description('Secondary message to show when no more data is available'),\n  noResultsButtonLabel: PropTypes.string.description('Label of the button when no more data is available'),\n  noResultsPlaceholder: PropTypes.oneOfType([PropTypes.node]).description(\n    'Custom content to show when dataset is empty',\n  ),\n  isLoading: PropTypes.bool.description('Whether to show a global loader in the datatable'),\n  onColumnResize: PropTypes.func\n    .description('Function invoked when a column is resized')\n    .deprecated({ version: '4.x', message: 'Use onColumnSizeChange' }),\n  onColumnSizeChange: PropTypes.func.description('Function invoked when a column is resized'),\n  onRowClick: PropTypes.func.description('Function invoked when clicking a row'),\n  onRowFocus: PropTypes.func.description('Function invoked when focusing a row'),\n  onCellValueChange: PropTypes.func.description(\"Function invoked when an editable cell's content is changed\"),\n  onColumnSortChange: PropTypes.func\n    .description('Function invoked when a column is sorted')\n    .deprecated({ version: '4.x', message: 'Use onColumnSort' }),\n  onColumnSort: PropTypes.func.description('Function invoked when a column is sorted'),\n  onTableResize: PropTypes.func.description(\n    'Function invoked when the size of the internal table changes, e.g. when a the browser window is resized',\n  ),\n  actionRef: PropTypes.object.description('Reference where all the exposed action callbacks will be exposed'),\n  getRowVariant: PropTypes.func\n    .description(\"Function invoked to determine a row's variant\")\n    .defaultValue(`() => 'ds-primary-row'`),\n  noSelectionColumn: PropTypes.bool.description('Whether to show the selection column or not').defaultValue(false),\n  onPageChanged: PropTypes.func.description('Function invoked when the page changes').defaultValue(() => null),\n  onNoResultsButtonClick: PropTypes.func\n    .description('Function invoked when the no results button is clicked')\n    .defaultValue(() => null),\n  isSkeleton: PropTypes.bool.description('Whether to show a skeleton loader in the datatable'),\n  getAriaLabelForRow: PropTypes.func.description('Function invoked to determine a row aria-label'),\n  domIdAffix: PropTypes.string\n    .description('Affix to avoid duplicate ids')\n    .defaultValue('4 randomly generated characters'),\n  checkboxSelectAllProps: PropTypes.object.description('Props for the select all checkbox'),\n};\n\nexport const DSDataTablePropTypesSchema = DSDataTablePropTypes as unknown as ValidationMap<DSDataTableT.Props>;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/styled.js

@@ -3,7 +3,7 @@ import { DSInputText } from "@elliemae/ds-form-input-text";
 import { Grid } from "@elliemae/ds-grid";
 import { EditPencil } from "@elliemae/ds-icons";
 import { styled } from "@elliemae/ds-system";
-import { DSDataTableName, DSDataTableSlots } from "./DSDataTableDefinitions.js";
+import { DSDataTableName, DSDataTableSlots } from "./constants/index.js";
 import { ColsLayoutStyle } from "./configs/constants.js";
 import { ZIndexDataTable } from "./configs/zIndexInternalConfig.js";
 import { cellPadding, columnPadding, sizeToCss } from "./helpers/index.js";

package/dist/esm/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { DSInputText } from '@elliemae/ds-form-input-text';\nimport { Grid } from '@elliemae/ds-grid';\nimport { EditPencil } from '@elliemae/ds-icons';\nimport { styled, type Theme } from '@elliemae/ds-system';\nimport { DSDataTableName, DSDataTableSlots } from './DSDataTableDefinitions.js';\nimport { ColsLayoutStyle } from './configs/constants.js';\nimport { ZIndexDataTable } from './configs/zIndexInternalConfig.js';\nimport { cellPadding, columnPadding, sizeToCss } from './helpers/index.js';\nimport type { DSDataTableT } from './react-desc-prop-types.js';\n\ninterface WidthAndHeight {\n  width?: string | number;\n  height?: string | number;\n}\n\nconst styledFocusCss = ({ theme }: { theme: Theme }, color?: string) => `\n&:after {\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px solid ${color ?? theme.colors.brand[700]};\n  pointer-events: none;\n  z-index: ${ZIndexDataTable.FOCUS_BORDER};\n}`;\n\nexport const StyledFocusWithin = styled(Grid)<{ hideFocus?: boolean }>`\n  :focus-within {\n    ${(props) => (props.hideFocus ? '' : styledFocusCss(props))}\n  }\n  svg {\n    fill: ${(props) => props.theme.colors.brand['800']};\n  }\n`;\n\nexport const StyledDataTableWrapper = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.ROOT,\n})<WidthAndHeight>`\n  width: ${(props) => sizeToCss(props.width ?? ' 100%')};\n  height: ${(props) => sizeToCss(props.height ?? ' 100%')};\n`;\n\nexport const StyledDataTableContentWrapper = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.CONTENT_WRAPPER,\n})<{ noSelectionAllowed: boolean }>`\n  user-select: ${({ noSelectionAllowed }) => (noSelectionAllowed ? 'none' : 'auto')};\n  width: 100%;\n`;\n\nexport const StyledTableWrapper = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.TABLE_WRAPPER,\n})<WidthAndHeight>`\n  display: inline-block;\n  border-spacing: 0;\n  z-index: 0;\n  position: relative;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const StyledPaginationWrapper = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.PAGINATION_WRAPPER,\n})`\n  width: 100%;\n`;\n\nexport const StyledTableContentWrapper = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.TABLE_CONTENT_WRAPPER,\n})<{ height?: string | number }>`\n  position: relative;\n  ${({ height = 'auto' }) => `\n  height: ${sizeToCss(height) as string};\n  `}\n  width: var(--total-width);\n`;\n\nexport const StyledVirtualListWrapper = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.VIRTUAL_LIST_WRAPPER,\n})<{ gridLayout: string[]; totalColumnsWidth: string | number }>`\n  overflow: auto;\n  height: 100%;\n  --grid-layout: ${(props) => props.gridLayout.map((col) => `minmax(0, ${col})`).join(' ')};\n  --total-width: ${(props) => sizeToCss(props.totalColumnsWidth)};\n`;\n\nexport const StyledHeadWrapper = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.HEAD_WRAPPER,\n})<{\n  colsLayoutStyle: string;\n}>`\n  position: sticky;\n  top: 0;\n  z-index: 4;\n  background: white;\n  width: 100%;\n`;\n\nexport const StyledHeadTr = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.HEAD_TR,\n})<{\n  isExpandable: boolean;\n  colsLayoutStyle: DSDataTableT.ColsLayoutStyleValues;\n}>`\n  ${(props) => (props.colsLayoutStyle === ColsLayoutStyle.Auto ? 'width:100%' : '')};\n  grid-template-columns: var(--grid-layout);\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['080']};\n  grid-auto-flow: column;\n`;\n\nexport const StyledHeadTh = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.HEAD_TH,\n})<{\n  isDraggingActive?: boolean;\n  column: DSDataTableT.InternalColumn;\n  shouldShowDnD?: boolean;\n}>`\n  min-height: 24px;\n  line-height: normal;\n  font-weight: 600;\n  text-transform: uppercase;\n  font-size: 0.923rem;\n  text-align: left;\n  ${columnPadding}\n  color: #353c46;\n  min-height: 1.84615rem;\n  position: sticky;\n  z-index: ${ZIndexDataTable.HEADER_ROW};\n  display: flex;\n  justify-content: space-between;\n  box-sizing: border-box;\n  outline: none;\n  ${(props) =>\n    props.isDraggingActive\n      ? ''\n      : `:hover {\n          &:after {\n            display: block;\n            content: ' ';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            border-bottom: 1px solid ${props.theme.colors.brand[700]};\n            pointer-events: none;\n            z-index: ${ZIndexDataTable.FOCUS_BORDER};\n          }\n          cursor: pointer;\n        }`}\n\n  :focus {\n    &:after {\n      display: block;\n      content: ' ';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border: 2px solid ${(props) => props.theme.colors.brand[700]};\n      pointer-events: none;\n      z-index: ${ZIndexDataTable.FOCUS_BORDER};\n    }\n  }\n`;\n\nexport const StyledHeaderRightIconsWrapper = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.HEAD_RIGHT_ICONS_WRAPPER,\n})`\n  height: 100%;\n  display: flex;\n  align-items: center;\n  max-height: 24px;\n`;\n\nexport const StyledResizer = styled(DSInputText, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.RESIZER,\n})`\n  width: 4px;\n  height: 100%;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 0;\n  min-height: unset;\n  // prevents from scrolling while dragging on touch devices\n  touch-action: none;\n\n  border: none;\n  outline: none;\n\n  &:hover,\n  &:focus,\n  &:focus-visible {\n    border: none;\n    outline: none;\n  }\n\n  input {\n    appearance: none;\n    cursor: col-resize;\n    background-image: transparent;\n    padding: 0;\n    border-radius: 0;\n\n    &:focus::-webkit-slider-runnable-track {\n      background: transparent;\n    }\n\n    &:focus-visible {\n      background: brand-700;\n      ::-webkit-slider-runnable-track {\n        background: transparent;\n      }\n    }\n\n    &::-webkit-slider-runnable-track {\n      background: transparent;\n    }\n\n    &::-webkit-slider-thumb {\n      appearance: none;\n      background: transparent;\n    }\n\n    &::-moz-range-thumb {\n      appearance: none;\n      background: transparent;\n      border: none;\n    }\n  }\n`;\n\n// CELL ***********************************************************************/\nexport const StyledActionCell = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.ACTION_CELL,\n})`\n  position: sticky;\n  display: inline-block;\n  right: 0;\n  /* border-bottom: 1px solid #ebedf0; */\n  background: white;\n`;\n\nexport const StyledCell = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.CELL,\n})`\n  ${cellPadding}\n  display: flex;\n  align-items: center;\n  width: 100%;\n  position: relative;\n`;\n\nexport const StyledCellContent = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.CELL_CONTENT,\n})`\n  display: grid;\n  justify-self: flex-end;\n  flex: 1 1 auto;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n`;\n\nexport const StyledPencilIcon = styled(EditPencil, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.PENCIL_ICON,\n})``;\n\nexport const StyledEditableContainer = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.EDITABLE_CONTAINER,\n})<{ shouldDisplayEditIcon?: boolean }>`\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  & ${StyledPencilIcon} {\n    display: ${({ shouldDisplayEditIcon }) => (shouldDisplayEditIcon ? 'block' : 'none')};\n  }\n  &:hover {\n    ${StyledPencilIcon} {\n      display: block;\n    }\n  }\n  &:focus {\n    ${styledFocusCss}\n    ${StyledPencilIcon} {\n      display: block;\n    }\n  }\n  outline: none;\n`;\n\n// ROW ************************************************************************/\nexport const StyledFullsizeGrid = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.FULLSIZE_GRID,\n})<{ minHeight: string }>`\n  position: relative;\n  z-index: ${ZIndexDataTable.ROW};\n\n  min-height: ${(props) => props.minHeight || '36px'};\n  height: ${(props) => props.height || 'auto'};\n`;\n\nexport const GroupHeaderContainer = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.GROUP_HEADER_CONTAINER,\n})<{ paddingLeft: string }>`\n  position: relative;\n  background-color: ${({ theme }) => theme.colors.brand[200]};\n  align-items: center;\n  padding-left: ${(props) => props.paddingLeft};\n  border-top: 1px solid ${({ theme }) => theme.colors.brand[300]};\n`;\n\nexport const GroupHeaderTitle = styled('span', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.GROUP_HEADER_TITLE,\n})`\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  font-size: 12px;\n  color: ${(props) => props.theme.colors.neutral[700]};\n`;\n\nexport const StyledCellContainer = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.CELL_CONTAINER,\n})<{\n  backgroundColor?: string;\n  isDragOverlay?: boolean;\n  isDragging?: boolean;\n  isDisabled?: boolean;\n  isDropValid?: boolean;\n  shouldDisplayHover?: boolean;\n  isDropIndicatorPositionInside?: boolean;\n  minHeight?: string;\n  gridTemplateColumns?: string;\n}>`\n  position: relative;\n  z-index: 2;\n\n  min-height: ${(props) => props.minHeight || '36px'};\n  height: ${(props) => props.height || 'auto'};\n\n  width: 100%;\n  ${(props) => (props.isDragOverlay ? 'width: fit-content;' : '')};\n\n  grid-template-columns: ${(props) =>\n    props.isDragOverlay ? `minmax(0, 24px) minmax(0, auto)` : (props.gridTemplateColumns ?? `var(--grid-layout)`)};\n\n  background-color: ${({ backgroundColor, isDragging, theme }) =>\n    isDragging ? theme.colors.neutral[100] : backgroundColor || 'white'};\n\n  outline: none;\n\n  :focus {\n    ${(props) => (props.isDragOverlay ? '' : styledFocusCss(props))}\n  }\n\n  ${({ isDropIndicatorPositionInside, isDropValid, theme }) => {\n    if (!isDropIndicatorPositionInside) return '';\n    return styledFocusCss({ theme }, isDropValid ? theme.colors.brand[700] : theme.colors.danger[900]);\n  }}\n\n  ${({ shouldDisplayHover, theme, isDisabled }) =>\n    shouldDisplayHover && !isDisabled\n      ? `:hover {\n            background-color: ${theme.colors.brand[200]};\n          }`\n      : ''}\n\n  box-shadow: 0 2px 4px 0 ${(props) => (props.isDragOverlay ? 'rgba(0,0,0,0.5)' : 'transparent')};\n\n  opacity: ${(props) => (props.isDragging ? 0.8 : 1)};\n\n  ${(props) =>\n    !props.selected\n      ? ''\n      : `\n    background-color: ${props.theme.colors.brand[200]};\n    border: 1px solid ${props.theme.colors.brand[500]};\n    `}\n\n  ${GroupHeaderTitle} {\n    color: ${(props) => (props.isDisabled ? props.theme.colors.neutral['200'] : props.theme.colors.neutral['700'])};\n  }\n  color: ${(props) => (props.isDisabled ? props.theme.colors.neutral['200'] : '#333333')};\n\n  svg {\n    fill: ${(props) => (props.isDisabled ? props.theme.colors.neutral['200'] : props.theme.colors.brand['800'])};\n  }\n`;\n\nexport const ScreenReaderOnly = styled.div`\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n`;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { DSInputText } from '@elliemae/ds-form-input-text';\nimport { Grid } from '@elliemae/ds-grid';\nimport { EditPencil } from '@elliemae/ds-icons';\nimport { styled, type Theme } from '@elliemae/ds-system';\nimport { DSDataTableName, DSDataTableSlots } from './constants/index.js';\nimport { ColsLayoutStyle } from './configs/constants.js';\nimport { ZIndexDataTable } from './configs/zIndexInternalConfig.js';\nimport { cellPadding, columnPadding, sizeToCss } from './helpers/index.js';\nimport type { DSDataTableT } from './react-desc-prop-types.js';\n\ninterface WidthAndHeight {\n  width?: string | number;\n  height?: string | number;\n}\n\nconst styledFocusCss = ({ theme }: { theme: Theme }, color?: string) => `\n&:after {\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px solid ${color ?? theme.colors.brand[700]};\n  pointer-events: none;\n  z-index: ${ZIndexDataTable.FOCUS_BORDER};\n}`;\n\nexport const StyledFocusWithin = styled(Grid)<{ hideFocus?: boolean }>`\n  :focus-within {\n    ${(props) => (props.hideFocus ? '' : styledFocusCss(props))}\n  }\n  svg {\n    fill: ${(props) => props.theme.colors.brand['800']};\n  }\n`;\n\nexport const StyledDataTableWrapper = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.ROOT,\n})<WidthAndHeight>`\n  width: ${(props) => sizeToCss(props.width ?? ' 100%')};\n  height: ${(props) => sizeToCss(props.height ?? ' 100%')};\n`;\n\nexport const StyledDataTableContentWrapper = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.CONTENT_WRAPPER,\n})<{ noSelectionAllowed: boolean }>`\n  user-select: ${({ noSelectionAllowed }) => (noSelectionAllowed ? 'none' : 'auto')};\n  width: 100%;\n`;\n\nexport const StyledTableWrapper = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.TABLE_WRAPPER,\n})<WidthAndHeight>`\n  display: inline-block;\n  border-spacing: 0;\n  z-index: 0;\n  position: relative;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const StyledPaginationWrapper = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.PAGINATION_WRAPPER,\n})`\n  width: 100%;\n`;\n\nexport const StyledTableContentWrapper = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.TABLE_CONTENT_WRAPPER,\n})<{ height?: string | number }>`\n  position: relative;\n  ${({ height = 'auto' }) => `\n  height: ${sizeToCss(height) as string};\n  `}\n  width: var(--total-width);\n`;\n\nexport const StyledVirtualListWrapper = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.VIRTUAL_LIST_WRAPPER,\n})<{ gridLayout: string[]; totalColumnsWidth: string | number }>`\n  overflow: auto;\n  height: 100%;\n  --grid-layout: ${(props) => props.gridLayout.map((col) => `minmax(0, ${col})`).join(' ')};\n  --total-width: ${(props) => sizeToCss(props.totalColumnsWidth)};\n`;\n\nexport const StyledHeadWrapper = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.HEAD_WRAPPER,\n})<{\n  colsLayoutStyle: string;\n}>`\n  position: sticky;\n  top: 0;\n  z-index: 4;\n  background: white;\n  width: 100%;\n`;\n\nexport const StyledHeadTr = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.HEAD_TR,\n})<{\n  isExpandable: boolean;\n  colsLayoutStyle: DSDataTableT.ColsLayoutStyleValues;\n}>`\n  ${(props) => (props.colsLayoutStyle === ColsLayoutStyle.Auto ? 'width:100%' : '')};\n  grid-template-columns: var(--grid-layout);\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['080']};\n  grid-auto-flow: column;\n`;\n\nexport const StyledHeadTh = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.HEAD_TH,\n})<{\n  isDraggingActive?: boolean;\n  column: DSDataTableT.InternalColumn;\n  shouldShowDnD?: boolean;\n}>`\n  min-height: 24px;\n  line-height: normal;\n  font-weight: 600;\n  text-transform: uppercase;\n  font-size: 0.923rem;\n  text-align: left;\n  ${columnPadding}\n  color: #353c46;\n  min-height: 1.84615rem;\n  position: sticky;\n  z-index: ${ZIndexDataTable.HEADER_ROW};\n  display: flex;\n  justify-content: space-between;\n  box-sizing: border-box;\n  outline: none;\n  ${(props) =>\n    props.isDraggingActive\n      ? ''\n      : `:hover {\n          &:after {\n            display: block;\n            content: ' ';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            border-bottom: 1px solid ${props.theme.colors.brand[700]};\n            pointer-events: none;\n            z-index: ${ZIndexDataTable.FOCUS_BORDER};\n          }\n          cursor: pointer;\n        }`}\n\n  :focus {\n    &:after {\n      display: block;\n      content: ' ';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border: 2px solid ${(props) => props.theme.colors.brand[700]};\n      pointer-events: none;\n      z-index: ${ZIndexDataTable.FOCUS_BORDER};\n    }\n  }\n`;\n\nexport const StyledHeaderRightIconsWrapper = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.HEAD_RIGHT_ICONS_WRAPPER,\n})`\n  height: 100%;\n  display: flex;\n  align-items: center;\n  max-height: 24px;\n`;\n\nexport const StyledResizer = styled(DSInputText, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.RESIZER,\n})`\n  width: 4px;\n  height: 100%;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 0;\n  min-height: unset;\n  // prevents from scrolling while dragging on touch devices\n  touch-action: none;\n\n  border: none;\n  outline: none;\n\n  &:hover,\n  &:focus,\n  &:focus-visible {\n    border: none;\n    outline: none;\n  }\n\n  input {\n    appearance: none;\n    cursor: col-resize;\n    background-image: transparent;\n    padding: 0;\n    border-radius: 0;\n\n    &:focus::-webkit-slider-runnable-track {\n      background: transparent;\n    }\n\n    &:focus-visible {\n      background: brand-700;\n      ::-webkit-slider-runnable-track {\n        background: transparent;\n      }\n    }\n\n    &::-webkit-slider-runnable-track {\n      background: transparent;\n    }\n\n    &::-webkit-slider-thumb {\n      appearance: none;\n      background: transparent;\n    }\n\n    &::-moz-range-thumb {\n      appearance: none;\n      background: transparent;\n      border: none;\n    }\n  }\n`;\n\n// CELL ***********************************************************************/\nexport const StyledActionCell = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.ACTION_CELL,\n})`\n  position: sticky;\n  display: inline-block;\n  right: 0;\n  /* border-bottom: 1px solid #ebedf0; */\n  background: white;\n`;\n\nexport const StyledCell = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.CELL,\n})`\n  ${cellPadding}\n  display: flex;\n  align-items: center;\n  width: 100%;\n  position: relative;\n`;\n\nexport const StyledCellContent = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.CELL_CONTENT,\n})`\n  display: grid;\n  justify-self: flex-end;\n  flex: 1 1 auto;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n`;\n\nexport const StyledPencilIcon = styled(EditPencil, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.PENCIL_ICON,\n})``;\n\nexport const StyledEditableContainer = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.EDITABLE_CONTAINER,\n})<{ shouldDisplayEditIcon?: boolean }>`\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  & ${StyledPencilIcon} {\n    display: ${({ shouldDisplayEditIcon }) => (shouldDisplayEditIcon ? 'block' : 'none')};\n  }\n  &:hover {\n    ${StyledPencilIcon} {\n      display: block;\n    }\n  }\n  &:focus {\n    ${styledFocusCss}\n    ${StyledPencilIcon} {\n      display: block;\n    }\n  }\n  outline: none;\n`;\n\n// ROW ************************************************************************/\nexport const StyledFullsizeGrid = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.FULLSIZE_GRID,\n})<{ minHeight: string }>`\n  position: relative;\n  z-index: ${ZIndexDataTable.ROW};\n\n  min-height: ${(props) => props.minHeight || '36px'};\n  height: ${(props) => props.height || 'auto'};\n`;\n\nexport const GroupHeaderContainer = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.GROUP_HEADER_CONTAINER,\n})<{ paddingLeft: string }>`\n  position: relative;\n  background-color: ${({ theme }) => theme.colors.brand[200]};\n  align-items: center;\n  padding-left: ${(props) => props.paddingLeft};\n  border-top: 1px solid ${({ theme }) => theme.colors.brand[300]};\n`;\n\nexport const GroupHeaderTitle = styled('span', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.GROUP_HEADER_TITLE,\n})`\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  font-size: 12px;\n  color: ${(props) => props.theme.colors.neutral[700]};\n`;\n\nexport const StyledCellContainer = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.CELL_CONTAINER,\n})<{\n  backgroundColor?: string;\n  isDragOverlay?: boolean;\n  isDragging?: boolean;\n  isDisabled?: boolean;\n  isDropValid?: boolean;\n  shouldDisplayHover?: boolean;\n  isDropIndicatorPositionInside?: boolean;\n  minHeight?: string;\n  gridTemplateColumns?: string;\n}>`\n  position: relative;\n  z-index: 2;\n\n  min-height: ${(props) => props.minHeight || '36px'};\n  height: ${(props) => props.height || 'auto'};\n\n  width: 100%;\n  ${(props) => (props.isDragOverlay ? 'width: fit-content;' : '')};\n\n  grid-template-columns: ${(props) =>\n    props.isDragOverlay ? `minmax(0, 24px) minmax(0, auto)` : (props.gridTemplateColumns ?? `var(--grid-layout)`)};\n\n  background-color: ${({ backgroundColor, isDragging, theme }) =>\n    isDragging ? theme.colors.neutral[100] : backgroundColor || 'white'};\n\n  outline: none;\n\n  :focus {\n    ${(props) => (props.isDragOverlay ? '' : styledFocusCss(props))}\n  }\n\n  ${({ isDropIndicatorPositionInside, isDropValid, theme }) => {\n    if (!isDropIndicatorPositionInside) return '';\n    return styledFocusCss({ theme }, isDropValid ? theme.colors.brand[700] : theme.colors.danger[900]);\n  }}\n\n  ${({ shouldDisplayHover, theme, isDisabled }) =>\n    shouldDisplayHover && !isDisabled\n      ? `:hover {\n            background-color: ${theme.colors.brand[200]};\n          }`\n      : ''}\n\n  box-shadow: 0 2px 4px 0 ${(props) => (props.isDragOverlay ? 'rgba(0,0,0,0.5)' : 'transparent')};\n\n  opacity: ${(props) => (props.isDragging ? 0.8 : 1)};\n\n  ${(props) =>\n    !props.selected\n      ? ''\n      : `\n    background-color: ${props.theme.colors.brand[200]};\n    border: 1px solid ${props.theme.colors.brand[500]};\n    `}\n\n  ${GroupHeaderTitle} {\n    color: ${(props) => (props.isDisabled ? props.theme.colors.neutral['200'] : props.theme.colors.neutral['700'])};\n  }\n  color: ${(props) => (props.isDisabled ? props.theme.colors.neutral['200'] : '#333333')};\n\n  svg {\n    fill: ${(props) => (props.isDisabled ? props.theme.colors.neutral['200'] : props.theme.colors.brand['800'])};\n  }\n`;\n\nexport const ScreenReaderOnly = styled.div`\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n`;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAS,cAA0B;AACnC,SAAS,iBAAiB,wBAAwB;AAClD,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,aAAa,eAAe,iBAAiB;AAQtD,MAAM,iBAAiB,CAAC,EAAE,MAAM,GAAqB,UAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBASlD,SAAS,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA,aAEzC,gBAAgB,YAAY;AAAA;AAGlC,MAAM,oBAAoB,OAAO,IAAI;AAAA;AAAA,MAEtC,CAAC,UAAW,MAAM,YAAY,KAAK,eAAe,KAAK,CAAE;AAAA;AAAA;AAAA,YAGnD,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,KAAK,CAAC;AAAA;AAAA;AAI/C,MAAM,yBAAyB,OAAO,MAAM;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA,WACU,CAAC,UAAU,UAAU,MAAM,SAAS,OAAO,CAAC;AAAA,YAC3C,CAAC,UAAU,UAAU,MAAM,UAAU,OAAO,CAAC;AAAA;AAGlD,MAAM,gCAAgC,OAAO,MAAM;AAAA,EACxD,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA,iBACgB,CAAC,EAAE,mBAAmB,MAAO,qBAAqB,SAAS,MAAO;AAAA;AAAA;AAI5E,MAAM,qBAAqB,OAAO,OAAO;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASM,MAAM,0BAA0B,OAAO,OAAO;AAAA,EACnD,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA;AAAA;AAIM,MAAM,4BAA4B,OAAO,MAAM;AAAA,EACpD,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA;AAAA,IAEG,CAAC,EAAE,SAAS,OAAO,MAAM;AAAA,YACjB,UAAU,MAAM,CAAW;AAAA,GACpC;AAAA;AAAA;AAII,MAAM,2BAA2B,OAAO,MAAM;AAAA,EACnD,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA;AAAA;AAAA,mBAGkB,CAAC,UAAU,MAAM,WAAW,IAAI,CAAC,QAAQ,aAAa,GAAG,GAAG,EAAE,KAAK,GAAG,CAAC;AAAA,mBACvE,CAAC,UAAU,UAAU,MAAM,iBAAiB,CAAC;AAAA;AAGzD,MAAM,oBAAoB,OAAO,MAAM;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUM,MAAM,eAAe,OAAO,MAAM;AAAA,EACvC,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA,IAIG,CAAC,UAAW,MAAM,oBAAoB,gBAAgB,OAAO,eAAe,EAAG;AAAA;AAAA,6BAEtD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAIlE,MAAM,eAAe,OAAO,OAAO;AAAA,EACxC,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWG,aAAa;AAAA;AAAA;AAAA;AAAA,aAIJ,gBAAgB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKnC,CAAC,UACD,MAAM,mBACF,KACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uCAS+B,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA,uBAE7C,gBAAgB,YAAY;AAAA;AAAA;AAAA,UAGzC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAWgB,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA,iBAEjD,gBAAgB,YAAY;AAAA;AAAA;AAAA;AAKtC,MAAM,gCAAgC,OAAO,OAAO;AAAA,EACzD,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOM,MAAM,gBAAgB,OAAO,aAAa;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyDM,MAAM,mBAAmB,OAAO,OAAO;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQM,MAAM,aAAa,OAAO,OAAO;AAAA,EACtC,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA,IACG,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAOR,MAAM,oBAAoB,OAAO,OAAO;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASM,MAAM,mBAAmB,OAAO,YAAY;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAEM,MAAM,0BAA0B,OAAO,MAAM;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA;AAAA;AAAA;AAAA,MAIK,gBAAgB;AAAA,eACP,CAAC,EAAE,sBAAsB,MAAO,wBAAwB,UAAU,MAAO;AAAA;AAAA;AAAA,MAGlF,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,MAKhB,cAAc;AAAA,MACd,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAQf,MAAM,qBAAqB,OAAO,MAAM;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA;AAAA,aAEY,gBAAgB,GAAG;AAAA;AAAA,gBAEhB,CAAC,UAAU,MAAM,aAAa,MAAM;AAAA,YACxC,CAAC,UAAU,MAAM,UAAU,MAAM;AAAA;AAGtC,MAAM,uBAAuB,OAAO,MAAM;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA;AAAA,sBAEqB,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA,kBAE1C,CAAC,UAAU,MAAM,WAAW;AAAA,0BACpB,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAGzD,MAAM,mBAAmB,OAAO,QAAQ;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA,iBACgB,CAAC,UAAU,MAAM,MAAM,YAAY,QAAQ;AAAA;AAAA,WAEjD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAG9C,MAAM,sBAAsB,OAAO,MAAM;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA;AAAA;AAAA;AAAA,gBAce,CAAC,UAAU,MAAM,aAAa,MAAM;AAAA,YACxC,CAAC,UAAU,MAAM,UAAU,MAAM;AAAA;AAAA;AAAA,IAGzC,CAAC,UAAW,MAAM,gBAAgB,wBAAwB,EAAG;AAAA;AAAA,2BAEtC,CAAC,UACxB,MAAM,gBAAgB,oCAAqC,MAAM,uBAAuB,oBAAqB;AAAA;AAAA,sBAE3F,CAAC,EAAE,iBAAiB,YAAY,MAAM,MACxD,aAAa,MAAM,OAAO,QAAQ,GAAG,IAAI,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,MAKjE,CAAC,UAAW,MAAM,gBAAgB,KAAK,eAAe,KAAK,CAAE;AAAA;AAAA;AAAA,IAG/D,CAAC,EAAE,+BAA+B,aAAa,MAAM,MAAM;AAC3D,MAAI,CAAC,8BAA+B,QAAO;AAC3C,SAAO,eAAe,EAAE,MAAM,GAAG,cAAc,MAAM,OAAO,MAAM,GAAG,IAAI,MAAM,OAAO,OAAO,GAAG,CAAC;AACnG,CAAC;AAAA;AAAA,IAEC,CAAC,EAAE,oBAAoB,OAAO,WAAW,MACzC,sBAAsB,CAAC,aACnB;AAAA,gCACwB,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA,eAE/C,EAAE;AAAA;AAAA,4BAEkB,CAAC,UAAW,MAAM,gBAAgB,oBAAoB,aAAc;AAAA;AAAA,aAEnF,CAAC,UAAW,MAAM,aAAa,MAAM,CAAE;AAAA;AAAA,IAEhD,CAAC,UACD,CAAC,MAAM,WACH,KACA;AAAA,wBACgB,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA,wBAC7B,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA,KAChD;AAAA;AAAA,IAED,gBAAgB;AAAA,aACP,CAAC,UAAW,MAAM,aAAa,MAAM,MAAM,OAAO,QAAQ,KAAK,IAAI,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAE;AAAA;AAAA,WAEvG,CAAC,UAAW,MAAM,aAAa,MAAM,MAAM,OAAO,QAAQ,KAAK,IAAI,SAAU;AAAA;AAAA;AAAA,YAG5E,CAAC,UAAW,MAAM,aAAa,MAAM,MAAM,OAAO,QAAQ,KAAK,IAAI,MAAM,MAAM,OAAO,MAAM,KAAK,CAAE;AAAA;AAAA;AAIxG,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

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

@@ -0,0 +1,273 @@
+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";
+    readonly FILTER_POPOVER: "filter-popover";
+    readonly FILTER_BAR_MENU_BUTTON: "filter-bar-menu-button";
+};
+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;
+    FILTER_BAR_MENU_BUTTON: 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";
+    FILTER_POPOVER: "ds-datatable-filter-popover";
+};
+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";
+    readonly FILTER_POPOVER: "filter-popover";
+    readonly FILTER_BAR_MENU_BUTTON: "filter-bar-menu-button";
+};
+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;
+    FILTER_BAR_MENU_BUTTON: 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";
+    FILTER_POPOVER: "ds-datatable-filter-popover";
+};