@veeqo/ui 10.0.0-beta.2 → 10.0.0-beta.4

package/dist/components/DataGrid/components/GridContainer/GridContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridContainer.js","sources":["../../../../../src/components/DataGrid/components/GridContainer/GridContainer.tsx"],"sourcesContent":["import React, { RefObject, CSSProperties, ReactNode, AriaAttributes } from 'react';\nimport { Table } from '@tanstack/react-table';\n\nimport { theme } from 'Theme';\nimport { SizeScale } from 'Theme/modules/sizes';\n\nimport { BorderMode } from '../../types/enums';\nimport { AriaRoles } from '../../types';\nimport { buildClassnames } from '../../../../utils/buildClassnames';\n\nimport { Container } from './Container';\n\nimport styles from './GridContainer.module.scss';\nimport { usePinnedColumnLayout } from '../../hooks';\n\ntype GridContainerProps = Pick<AriaAttributes, 'aria-label'> & {\n  /**\n   * Reference to be used for the outer container element.\n   */\n  containerRef?: RefObject<HTMLDivElement>;\n\n  /**\n   * Reference to be used for the table element.\n   */\n  tableRef?: RefObject<HTMLTableElement>;\n\n  /**\n   * Border mode.\n   */\n  borderMode: BorderMode;\n\n  /**\n   * Additional container styles.\n   */\n  containerStyles?: CSSProperties;\n\n  /**\n   * ARIA roles used in the grid.\n   */\n  ariaRoles: AriaRoles;\n\n  /**\n   * Whether resizeable columns are enabled or not.\n   */\n  enableResizeableColumns: boolean;\n\n  /**\n   * Density of the grid.\n   */\n  density: keyof SizeScale;\n\n  /**\n   * The TanStack Table instance.\n   */\n  table: Table<any>;\n\n  /**\n   * Child elements (table contents).\n   */\n  children: ReactNode;\n};\n\nconst gridContainerClassname = buildClassnames([styles.dataGridStyle, 'data-grid']);\n\n/**\n * The Grid container, which includes a wrapper and the table element itself. Controls table layout, applies\n * styling and sets table-specific CSS variables (such as density).\n */\nexport const GridContainer = ({\n  containerRef,\n  tableRef,\n  borderMode,\n  containerStyles,\n  ariaRoles,\n  enableResizeableColumns,\n  density,\n  table,\n  children,\n  'aria-label': ariaLabel,\n}: GridContainerProps) => {\n  const { pinnedColumnLayoutStyles } = usePinnedColumnLayout({ table });\n\n  return (\n    <Container ref={containerRef} borderMode={borderMode} style={containerStyles}>\n      <table\n        ref={tableRef}\n        className={gridContainerClassname}\n        role={ariaRoles.table}\n        style={\n          {\n            tableLayout: enableResizeableColumns ? 'fixed' : 'auto',\n            '--density': theme.sizes[density],\n            ...pinnedColumnLayoutStyles,\n          } as CSSProperties\n        }\n        aria-colcount={table.getFlatHeaders().length}\n        aria-rowcount={table.getRowCount()}\n        aria-label={ariaLabel}\n      >\n        {children}\n      </table>\n    </Container>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AA8DA,MAAM,sBAAsB,GAAG,eAAe,CAAC,CAAC,MAAM,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;AAEnF;;;AAGG;AACI,MAAM,aAAa,GAAG,CAAC,EAC5B,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,eAAe,EACf,SAAS,EACT,uBAAuB,EACvB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EAAE,SAAS,GACJ,KAAI;IACvB,MAAM,EAAE,wBAAwB,EAAE,GAAG,qBAAqB,CAAC,EAAE,KAAK,EAAE,CAAC;AAErE,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,GAAG,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,eAAe,EAAA;AAC1E,QAAAA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,sBAAsB,EACjC,IAAI,EAAE,SAAS,CAAC,KAAK,EACrB,KAAK,EACH;gBACE,WAAW,EAAE,uBAAuB,GAAG,OAAO,GAAG,MAAM;AACvD,gBAAA,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;AACjC,gBAAA,GAAG,wBAAwB;AACX,aAAA,EAAA,eAAA,EAEL,KAAK,CAAC,cAAc,EAAE,CAAC,MAAM,mBAC7B,KAAK,CAAC,WAAW,EAAE,gBACtB,SAAS,EAAA,EAEpB,QAAQ,CACH,CACE;AAEhB;;;;"}
+{"version":3,"file":"GridContainer.js","sources":["../../../../../src/components/DataGrid/components/GridContainer/GridContainer.tsx"],"sourcesContent":["import React, { RefObject, CSSProperties, ReactNode, AriaAttributes } from 'react';\nimport { Table } from '@tanstack/react-table';\n\nimport { theme } from 'Theme';\nimport { SizeScale } from 'Theme/modules/sizes';\n\nimport { BorderMode } from '../../types/enums';\nimport { AriaRoles } from '../../types';\nimport { buildClassnames } from '../../../../utils/buildClassnames';\n\nimport { Container } from './Container';\n\nimport styles from './GridContainer.module.scss';\nimport { usePinnedColumnLayout } from '../../hooks';\n\ntype GridContainerProps = Pick<AriaAttributes, 'aria-label'> & {\n  /**\n   * Reference to be used for the outer container element.\n   */\n  containerRef?: RefObject<HTMLDivElement>;\n\n  /**\n   * Reference to be used for the table element.\n   */\n  tableRef?: RefObject<HTMLTableElement>;\n\n  /**\n   * Border mode.\n   */\n  borderMode: BorderMode;\n\n  /**\n   * Additional container styles.\n   */\n  containerStyles?: CSSProperties;\n\n  /**\n   * ARIA roles used in the grid.\n   */\n  ariaRoles: AriaRoles;\n\n  /**\n   * Whether resizeable columns are enabled or not.\n   */\n  enableResizeableColumns: boolean;\n\n  /**\n   * Density of the grid.\n   */\n  density: keyof SizeScale;\n\n  /**\n   * The TanStack Table instance.\n   */\n  table: Table<any>;\n\n  /**\n   * Child elements (table contents).\n   */\n  children: ReactNode;\n};\n\nconst gridContainerClassname = buildClassnames([styles.dataGridStyle, 'data-grid']);\n\n/**\n * The Grid container, which includes a wrapper and the table element itself. Controls table layout, applies\n * styling and sets table-specific CSS variables (such as density).\n */\nexport const GridContainer = ({\n  containerRef,\n  tableRef,\n  borderMode,\n  containerStyles,\n  ariaRoles,\n  enableResizeableColumns,\n  density,\n  table,\n  children,\n  'aria-label': ariaLabel,\n}: GridContainerProps) => {\n  const { pinnedColumnLayoutStyles } = usePinnedColumnLayout({ table });\n\n  return (\n    <Container ref={containerRef} borderMode={borderMode} style={containerStyles}>\n      <table\n        ref={tableRef}\n        className={gridContainerClassname}\n        role={ariaRoles.table}\n        style={\n          {\n            tableLayout: enableResizeableColumns ? 'fixed' : 'auto',\n            '--density': theme.sizes[density],\n            ...pinnedColumnLayoutStyles,\n          } as CSSProperties\n        }\n        aria-colcount={table.getFlatHeaders().length}\n        aria-rowcount={table.getRowCount()}\n        aria-label={ariaLabel}\n      >\n        {children}\n      </table>\n    </Container>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AA8DA,MAAM,sBAAsB,GAAG,eAAe,CAAC,CAAC,MAAM,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;AAEnF;;;AAGG;AACI,MAAM,aAAa,GAAG,CAAC,EAC5B,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,eAAe,EACf,SAAS,EACT,uBAAuB,EACvB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EAAE,SAAS,GACJ,KAAI;IACvB,MAAM,EAAE,wBAAwB,EAAE,GAAG,qBAAqB,CAAC,EAAE,KAAK,EAAE,CAAC;AAErE,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,GAAG,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,eAAe,EAAA;AAC1E,QAAAA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,sBAAsB,EACjC,IAAI,EAAE,SAAS,CAAC,KAAK,EACrB,KAAK,EACH;gBACE,WAAW,EAAE,uBAAuB,GAAG,OAAO,GAAG,MAAM;AACvD,gBAAA,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;AACjC,gBAAA,GAAG,wBAAwB;AACX,aAAA,EAAA,eAAA,EAEL,KAAK,CAAC,cAAc,EAAE,CAAC,MAAM,mBAC7B,KAAK,CAAC,WAAW,EAAE,gBACtB,SAAS,EAAA,EAEpB,QAAQ,CACH,CACE;AAEhB;;;;"}

package/dist/components/DataGrid/components/Header/HeaderCell/HeaderCell.cjs

@@ -6,6 +6,7 @@ var buildClassnames = require('../../../../../utils/buildClassnames.cjs');
 require('uid/secure');
 var usePinnedColumnStyles = require('../../../hooks/usePinnedColumnStyles.cjs');
 require('../../../../Stack/Stack.cjs');
+require('../../../../Stack/types.cjs');
 require('../../../../../theme/modules/shadows.cjs');
 require('../../../../../theme/modules/sizes.cjs');
 require('../../../../../theme/modules/text.cjs');

package/dist/components/DataGrid/components/Header/HeaderCell/HeaderCell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderCell.cjs","sources":["../../../../../../src/components/DataGrid/components/Header/HeaderCell/HeaderCell.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\n\nimport { flexRender, Header, SortDirection, Table } from '@tanstack/react-table';\n\nimport { buildClassnames } from '../../../../../utils';\n\nimport { usePinnedColumnStyles } from '../../../hooks';\n\nimport { Resizer } from '../Resizer';\nimport styles from './HeaderCell.module.scss';\n\nimport { SortIcon } from './SortIcon';\n\ntype HeaderCellProps = {\n  /**\n   * The TanStack Table instance.\n   */\n  table: Table<any>;\n\n  /**\n   * The Header within the TanStack Table instance.\n   */\n  header: Header<any, any>;\n\n  /**\n   * The index of this header in the grid.\n   */\n  index: number;\n};\n\nconst getAriaSort = (sortDirection: false | SortDirection) => {\n  if (!sortDirection) {\n    return undefined;\n  }\n\n  return sortDirection === 'asc' ? 'ascending' : 'descending';\n};\n\n/**\n * A header cell within the DataGrid component. Responsible for rendering the column header and resize bar,\n * if resizing is enabled.\n */\nexport const HeaderCell = ({ table, header, index }: HeaderCellProps) => {\n  const { justifyContent, textAlign, getAriaLabel } = header.column.columnDef.meta!;\n  const headerRenderer = header.column.columnDef.header;\n\n  const sortable = table.options.enableSorting && header.column.getCanSort();\n  const isSorted = header.column.getIsSorted();\n  const ariaSort = getAriaSort(isSorted);\n\n  const resizeable =\n    table.options.enableColumnResizing &&\n    header.column.getCanResize() &&\n    !header.column.getIsLastColumn(); // Last column can't be resized since it occupies all remaining space.\n\n  const { pinnedCellClassName, pinnedCellStyles } = usePinnedColumnStyles({\n    column: header.column,\n  });\n\n  const headerCellClassname = buildClassnames([\n    styles.headerCell,\n    pinnedCellClassName,\n    'data-grid-header-cell',\n  ]);\n\n  const HeaderContents = flexRender(headerRenderer, header.getContext());\n  const HeaderContentComponent = sortable ? 'button' : 'div';\n  const headerContentClassname = buildClassnames([\n    sortable ? styles.clickableHeaderContent : styles.headerContent,\n    'data-grid-header-content',\n  ]);\n  const headerContentProps = {\n    justifyContent,\n    textAlign,\n  } as CSSProperties;\n\n  return (\n    <th\n      className={headerCellClassname}\n      role=\"columnheader\"\n      scope=\"col\"\n      aria-colindex={index + 1}\n      aria-label={getAriaLabel?.()}\n      style={pinnedCellStyles}\n      aria-sort={ariaSort}\n    >\n      {/* Header content */}\n      <HeaderContentComponent\n        className={headerContentClassname}\n        style={headerContentProps}\n        onClick={sortable ? header.column.getToggleSortingHandler() : undefined}\n      >\n        {/* If we've been given just text to render, apply styles for text overflow */}\n        {typeof headerRenderer === 'string' ? (\n          <span className={styles.headerOverflow}>{HeaderContents}</span>\n        ) : (\n          HeaderContents\n        )}\n\n        {sortable && <SortIcon isSorted={isSorted} />}\n      </HeaderContentComponent>\n\n      {/* Column resizer */}\n      {resizeable && (\n        <Resizer\n          getIsResizing={header.column.getIsResizing}\n          getResizeHandler={header.getResizeHandler()}\n          resetSize={header.column.resetSize}\n          deltaOffset={\n            table.options.columnResizeMode === 'onChange'\n              ? null\n              : table.getState().columnSizingInfo.deltaOffset\n          }\n        />\n      )}\n    </th>\n  );\n};\n"],"names":["usePinnedColumnStyles","buildClassnames","styles","flexRender","React","SortIcon","Resizer"],"mappings":"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"}
+{"version":3,"file":"HeaderCell.cjs","sources":["../../../../../../src/components/DataGrid/components/Header/HeaderCell/HeaderCell.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\n\nimport { flexRender, Header, SortDirection, Table } from '@tanstack/react-table';\n\nimport { buildClassnames } from '../../../../../utils';\n\nimport { usePinnedColumnStyles } from '../../../hooks';\n\nimport { Resizer } from '../Resizer';\nimport styles from './HeaderCell.module.scss';\n\nimport { SortIcon } from './SortIcon';\n\ntype HeaderCellProps = {\n  /**\n   * The TanStack Table instance.\n   */\n  table: Table<any>;\n\n  /**\n   * The Header within the TanStack Table instance.\n   */\n  header: Header<any, any>;\n\n  /**\n   * The index of this header in the grid.\n   */\n  index: number;\n};\n\nconst getAriaSort = (sortDirection: false | SortDirection) => {\n  if (!sortDirection) {\n    return undefined;\n  }\n\n  return sortDirection === 'asc' ? 'ascending' : 'descending';\n};\n\n/**\n * A header cell within the DataGrid component. Responsible for rendering the column header and resize bar,\n * if resizing is enabled.\n */\nexport const HeaderCell = ({ table, header, index }: HeaderCellProps) => {\n  const { justifyContent, textAlign, getAriaLabel } = header.column.columnDef.meta!;\n  const headerRenderer = header.column.columnDef.header;\n\n  const sortable = table.options.enableSorting && header.column.getCanSort();\n  const isSorted = header.column.getIsSorted();\n  const ariaSort = getAriaSort(isSorted);\n\n  const resizeable =\n    table.options.enableColumnResizing &&\n    header.column.getCanResize() &&\n    !header.column.getIsLastColumn(); // Last column can't be resized since it occupies all remaining space.\n\n  const { pinnedCellClassName, pinnedCellStyles } = usePinnedColumnStyles({\n    column: header.column,\n  });\n\n  const headerCellClassname = buildClassnames([\n    styles.headerCell,\n    pinnedCellClassName,\n    'data-grid-header-cell',\n  ]);\n\n  const HeaderContents = flexRender(headerRenderer, header.getContext());\n  const HeaderContentComponent = sortable ? 'button' : 'div';\n  const headerContentClassname = buildClassnames([\n    sortable ? styles.clickableHeaderContent : styles.headerContent,\n    'data-grid-header-content',\n  ]);\n  const headerContentProps = {\n    justifyContent,\n    textAlign,\n  } as CSSProperties;\n\n  return (\n    <th\n      className={headerCellClassname}\n      role=\"columnheader\"\n      scope=\"col\"\n      aria-colindex={index + 1}\n      aria-label={getAriaLabel?.()}\n      style={pinnedCellStyles}\n      aria-sort={ariaSort}\n    >\n      {/* Header content */}\n      <HeaderContentComponent\n        className={headerContentClassname}\n        style={headerContentProps}\n        onClick={sortable ? header.column.getToggleSortingHandler() : undefined}\n      >\n        {/* If we've been given just text to render, apply styles for text overflow */}\n        {typeof headerRenderer === 'string' ? (\n          <span className={styles.headerOverflow}>{HeaderContents}</span>\n        ) : (\n          HeaderContents\n        )}\n\n        {sortable && <SortIcon isSorted={isSorted} />}\n      </HeaderContentComponent>\n\n      {/* Column resizer */}\n      {resizeable && (\n        <Resizer\n          getIsResizing={header.column.getIsResizing}\n          getResizeHandler={header.getResizeHandler()}\n          resetSize={header.column.resetSize}\n          deltaOffset={\n            table.options.columnResizeMode === 'onChange'\n              ? null\n              : table.getState().columnSizingInfo.deltaOffset\n          }\n        />\n      )}\n    </th>\n  );\n};\n"],"names":["usePinnedColumnStyles","buildClassnames","styles","flexRender","React","SortIcon","Resizer"],"mappings":"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"}

package/dist/components/DataGrid/components/Header/HeaderCell/HeaderCell.js

@@ -4,6 +4,7 @@ import { buildClassnames } from '../../../../../utils/buildClassnames.js';
 import 'uid/secure';
 import { usePinnedColumnStyles } from '../../../hooks/usePinnedColumnStyles.js';
 import '../../../../Stack/Stack.js';
+import '../../../../Stack/types.js';
 import '../../../../../theme/modules/shadows.js';
 import '../../../../../theme/modules/sizes.js';
 import '../../../../../theme/modules/text.js';

package/dist/components/DataGrid/components/Header/HeaderCell/HeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderCell.js","sources":["../../../../../../src/components/DataGrid/components/Header/HeaderCell/HeaderCell.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\n\nimport { flexRender, Header, SortDirection, Table } from '@tanstack/react-table';\n\nimport { buildClassnames } from '../../../../../utils';\n\nimport { usePinnedColumnStyles } from '../../../hooks';\n\nimport { Resizer } from '../Resizer';\nimport styles from './HeaderCell.module.scss';\n\nimport { SortIcon } from './SortIcon';\n\ntype HeaderCellProps = {\n  /**\n   * The TanStack Table instance.\n   */\n  table: Table<any>;\n\n  /**\n   * The Header within the TanStack Table instance.\n   */\n  header: Header<any, any>;\n\n  /**\n   * The index of this header in the grid.\n   */\n  index: number;\n};\n\nconst getAriaSort = (sortDirection: false | SortDirection) => {\n  if (!sortDirection) {\n    return undefined;\n  }\n\n  return sortDirection === 'asc' ? 'ascending' : 'descending';\n};\n\n/**\n * A header cell within the DataGrid component. Responsible for rendering the column header and resize bar,\n * if resizing is enabled.\n */\nexport const HeaderCell = ({ table, header, index }: HeaderCellProps) => {\n  const { justifyContent, textAlign, getAriaLabel } = header.column.columnDef.meta!;\n  const headerRenderer = header.column.columnDef.header;\n\n  const sortable = table.options.enableSorting && header.column.getCanSort();\n  const isSorted = header.column.getIsSorted();\n  const ariaSort = getAriaSort(isSorted);\n\n  const resizeable =\n    table.options.enableColumnResizing &&\n    header.column.getCanResize() &&\n    !header.column.getIsLastColumn(); // Last column can't be resized since it occupies all remaining space.\n\n  const { pinnedCellClassName, pinnedCellStyles } = usePinnedColumnStyles({\n    column: header.column,\n  });\n\n  const headerCellClassname = buildClassnames([\n    styles.headerCell,\n    pinnedCellClassName,\n    'data-grid-header-cell',\n  ]);\n\n  const HeaderContents = flexRender(headerRenderer, header.getContext());\n  const HeaderContentComponent = sortable ? 'button' : 'div';\n  const headerContentClassname = buildClassnames([\n    sortable ? styles.clickableHeaderContent : styles.headerContent,\n    'data-grid-header-content',\n  ]);\n  const headerContentProps = {\n    justifyContent,\n    textAlign,\n  } as CSSProperties;\n\n  return (\n    <th\n      className={headerCellClassname}\n      role=\"columnheader\"\n      scope=\"col\"\n      aria-colindex={index + 1}\n      aria-label={getAriaLabel?.()}\n      style={pinnedCellStyles}\n      aria-sort={ariaSort}\n    >\n      {/* Header content */}\n      <HeaderContentComponent\n        className={headerContentClassname}\n        style={headerContentProps}\n        onClick={sortable ? header.column.getToggleSortingHandler() : undefined}\n      >\n        {/* If we've been given just text to render, apply styles for text overflow */}\n        {typeof headerRenderer === 'string' ? (\n          <span className={styles.headerOverflow}>{HeaderContents}</span>\n        ) : (\n          HeaderContents\n        )}\n\n        {sortable && <SortIcon isSorted={isSorted} />}\n      </HeaderContentComponent>\n\n      {/* Column resizer */}\n      {resizeable && (\n        <Resizer\n          getIsResizing={header.column.getIsResizing}\n          getResizeHandler={header.getResizeHandler()}\n          resetSize={header.column.resetSize}\n          deltaOffset={\n            table.options.columnResizeMode === 'onChange'\n              ? null\n              : table.getState().columnSizingInfo.deltaOffset\n          }\n        />\n      )}\n    </th>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;AA8BA,MAAM,WAAW,GAAG,CAAC,aAAoC,KAAI;IAC3D,IAAI,CAAC,aAAa,EAAE;AAClB,QAAA,OAAO,SAAS;AACjB;IAED,OAAO,aAAa,KAAK,KAAK,GAAG,WAAW,GAAG,YAAY;AAC7D,CAAC;AAED;;;AAGG;AACI,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAmB,KAAI;AACtE,IAAA,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,IAAK;IACjF,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM;AAErD,IAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa,IAAI,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IAC1E,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;AAC5C,IAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAC;AAEtC,IAAA,MAAM,UAAU,GACd,KAAK,CAAC,OAAO,CAAC,oBAAoB;AAClC,QAAA,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;QAC5B,CAAC,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE,CAAC;AAEnC,IAAA,MAAM,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,GAAG,qBAAqB,CAAC;QACtE,MAAM,EAAE,MAAM,CAAC,MAAM;AACtB,KAAA,CAAC;IAEF,MAAM,mBAAmB,GAAG,eAAe,CAAC;AAC1C,QAAA,MAAM,CAAC,UAAU;QACjB,mBAAmB;QACnB,uBAAuB;AACxB,KAAA,CAAC;IAEF,MAAM,cAAc,GAAG,UAAU,CAAC,cAAc,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC;IACtE,MAAM,sBAAsB,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK;IAC1D,MAAM,sBAAsB,GAAG,eAAe,CAAC;QAC7C,QAAQ,GAAG,MAAM,CAAC,sBAAsB,GAAG,MAAM,CAAC,aAAa;QAC/D,0BAA0B;AAC3B,KAAA,CAAC;AACF,IAAA,MAAM,kBAAkB,GAAG;QACzB,cAAc;QACd,SAAS;KACO;AAElB,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EACE,SAAS,EAAE,mBAAmB,EAC9B,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,KAAK,EAAA,eAAA,EACI,KAAK,GAAG,CAAC,EAAA,YAAA,EACZ,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,SAAA,GAAA,SAAA,GAAZ,YAAY,EAAI,EAC5B,KAAK,EAAE,gBAAgB,eACZ,QAAQ,EAAA;QAGnBA,cAAC,CAAA,aAAA,CAAA,sBAAsB,EACrB,EAAA,SAAS,EAAE,sBAAsB,EACjC,KAAK,EAAE,kBAAkB,EACzB,OAAO,EAAE,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAuB,EAAE,GAAG,SAAS,EAAA;YAGtE,OAAO,cAAc,KAAK,QAAQ,IACjCA,cAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,cAAc,EAAA,EAAG,cAAc,CAAQ,KAE/D,cAAc,CACf;YAEA,QAAQ,IAAIA,6BAAC,QAAQ,EAAA,EAAC,QAAQ,EAAE,QAAQ,GAAI,CACtB;AAGxB,QAAA,UAAU,KACTA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EACN,aAAa,EAAE,MAAM,CAAC,MAAM,CAAC,aAAa,EAC1C,gBAAgB,EAAE,MAAM,CAAC,gBAAgB,EAAE,EAC3C,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,EAClC,WAAW,EACT,KAAK,CAAC,OAAO,CAAC,gBAAgB,KAAK;AACjC,kBAAE;AACF,kBAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,gBAAgB,CAAC,WAAW,EAAA,CAEnD,CACH,CACE;AAET;;;;"}
+{"version":3,"file":"HeaderCell.js","sources":["../../../../../../src/components/DataGrid/components/Header/HeaderCell/HeaderCell.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\n\nimport { flexRender, Header, SortDirection, Table } from '@tanstack/react-table';\n\nimport { buildClassnames } from '../../../../../utils';\n\nimport { usePinnedColumnStyles } from '../../../hooks';\n\nimport { Resizer } from '../Resizer';\nimport styles from './HeaderCell.module.scss';\n\nimport { SortIcon } from './SortIcon';\n\ntype HeaderCellProps = {\n  /**\n   * The TanStack Table instance.\n   */\n  table: Table<any>;\n\n  /**\n   * The Header within the TanStack Table instance.\n   */\n  header: Header<any, any>;\n\n  /**\n   * The index of this header in the grid.\n   */\n  index: number;\n};\n\nconst getAriaSort = (sortDirection: false | SortDirection) => {\n  if (!sortDirection) {\n    return undefined;\n  }\n\n  return sortDirection === 'asc' ? 'ascending' : 'descending';\n};\n\n/**\n * A header cell within the DataGrid component. Responsible for rendering the column header and resize bar,\n * if resizing is enabled.\n */\nexport const HeaderCell = ({ table, header, index }: HeaderCellProps) => {\n  const { justifyContent, textAlign, getAriaLabel } = header.column.columnDef.meta!;\n  const headerRenderer = header.column.columnDef.header;\n\n  const sortable = table.options.enableSorting && header.column.getCanSort();\n  const isSorted = header.column.getIsSorted();\n  const ariaSort = getAriaSort(isSorted);\n\n  const resizeable =\n    table.options.enableColumnResizing &&\n    header.column.getCanResize() &&\n    !header.column.getIsLastColumn(); // Last column can't be resized since it occupies all remaining space.\n\n  const { pinnedCellClassName, pinnedCellStyles } = usePinnedColumnStyles({\n    column: header.column,\n  });\n\n  const headerCellClassname = buildClassnames([\n    styles.headerCell,\n    pinnedCellClassName,\n    'data-grid-header-cell',\n  ]);\n\n  const HeaderContents = flexRender(headerRenderer, header.getContext());\n  const HeaderContentComponent = sortable ? 'button' : 'div';\n  const headerContentClassname = buildClassnames([\n    sortable ? styles.clickableHeaderContent : styles.headerContent,\n    'data-grid-header-content',\n  ]);\n  const headerContentProps = {\n    justifyContent,\n    textAlign,\n  } as CSSProperties;\n\n  return (\n    <th\n      className={headerCellClassname}\n      role=\"columnheader\"\n      scope=\"col\"\n      aria-colindex={index + 1}\n      aria-label={getAriaLabel?.()}\n      style={pinnedCellStyles}\n      aria-sort={ariaSort}\n    >\n      {/* Header content */}\n      <HeaderContentComponent\n        className={headerContentClassname}\n        style={headerContentProps}\n        onClick={sortable ? header.column.getToggleSortingHandler() : undefined}\n      >\n        {/* If we've been given just text to render, apply styles for text overflow */}\n        {typeof headerRenderer === 'string' ? (\n          <span className={styles.headerOverflow}>{HeaderContents}</span>\n        ) : (\n          HeaderContents\n        )}\n\n        {sortable && <SortIcon isSorted={isSorted} />}\n      </HeaderContentComponent>\n\n      {/* Column resizer */}\n      {resizeable && (\n        <Resizer\n          getIsResizing={header.column.getIsResizing}\n          getResizeHandler={header.getResizeHandler()}\n          resetSize={header.column.resetSize}\n          deltaOffset={\n            table.options.columnResizeMode === 'onChange'\n              ? null\n              : table.getState().columnSizingInfo.deltaOffset\n          }\n        />\n      )}\n    </th>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/DataTable/DataTable.cjs

@@ -2,6 +2,7 @@
 
 var React = require('react');
 var Stack = require('../Stack/Stack.cjs');
+require('../Stack/types.cjs');
 var Text = require('../Text/Text.cjs');
 require('../../hooks/useFocusVisible.cjs');
 require('uid/secure');

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

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

package/dist/components/DataTable/DataTable.js

@@ -1,5 +1,6 @@
 import React__default, { useRef } from 'react';
 import { Stack } from '../Stack/Stack.js';
+import '../Stack/types.js';
 import { Text } from '../Text/Text.js';
 import '../../hooks/useFocusVisible.js';
 import 'uid/secure';

package/dist/components/DataTable/DataTable.js.map

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

package/dist/components/DataTable/components/ColumnMenu.cjs

@@ -5,6 +5,7 @@ var Button = require('../../Button/Button.cjs');
 var Card = require('../../Card/Card.cjs');
 var Popover = require('../../Popover/Popover.cjs');
 var Stack = require('../../Stack/Stack.cjs');
+require('../../Stack/types.cjs');
 var index = require('../../../theme/index.cjs');
 var VisibilityIcon = require('../../../tempIcons/VisibilityIcon.cjs');
 var VisibilityOffIcon = require('../../../tempIcons/VisibilityOffIcon.cjs');

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnMenu.cjs","sources":["../../../../src/components/DataTable/components/ColumnMenu.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Button } from '../../Button';\nimport { Card } from '../../Card';\nimport { Popover } from '../../Popover';\nimport { Stack } from '../../Stack';\nimport { theme } from '../../../theme';\nimport { ColumnConfig, ColumnConfigs, ColumnId } from '../types';\n\nimport { VisibilityIcon } from '../../../tempIcons/VisibilityIcon';\nimport { VisibilityOffIcon } from '../../../tempIcons/VisibilityOffIcon';\nimport { ReorderIcon } from '../../../tempIcons/ReorderIcon';\n\ntype ColumnsMap = {\n  [index: string]: ColumnConfig;\n};\n\nexport interface ColumnMenuProps {\n  columns: ColumnConfigs;\n  columnGroups: ColumnId[][];\n  setColumns: (columns: ColumnConfigs) => void;\n}\n\nexport function ColumnMenu({ columns, columnGroups, setColumns }: ColumnMenuProps) {\n  const [popoverAnchor, setPopoverAnchor] = useState<HTMLButtonElement | null>(null);\n  const [showPopover, setShowPopover] = useState(false);\n\n  const columnEntries = columns.map((column) => [column.id, column]);\n  const columnsMap: ColumnsMap = Object.fromEntries(columnEntries);\n  const groups = columnGroups.map((group) => group.map((columnId) => columnsMap[columnId]));\n\n  const setHidden = (groupIndex: number, hidden: boolean) => {\n    const columnIds = groups[groupIndex].map((column) => column.id);\n    const newColumns = [...columns];\n    columnIds.forEach((columnId) => {\n      const index = newColumns.findIndex((column) => column.id === columnId);\n      if (index < 0) return;\n      newColumns[index] = {\n        ...newColumns[index],\n        hidden,\n      };\n    });\n    setColumns(newColumns);\n  };\n\n  return (\n    <>\n      <Button ref={setPopoverAnchor} dropdown onClick={() => setShowPopover(true)}>\n        Columns\n      </Button>\n      {showPopover && (\n        <Popover anchorElement={popoverAnchor} onShouldClose={() => setShowPopover(false)}>\n          <Card style={{ width: 600 }}>\n            <Stack alignX=\"stretch\" spacing=\"sm\">\n              {groups.map((group, groupIndex) => (\n                <Stack\n                  key={group[0].id}\n                  direction=\"horizontal\"\n                  alignY=\"center\"\n                  spacing=\"sm\"\n                  style={{\n                    border: '1px solid black',\n                    padding: 8,\n                  }}\n                >\n                  <Button variant=\"flat\" iconSlot={<ReorderIcon />} />\n                  <Stack spacing=\"sm\" style={{ flex: 1 }}>\n                    {group.map((column) => (\n                      <div key={column.id}>{column.title}</div>\n                    ))}\n                  </Stack>\n                  <Stack direction=\"horizontal\" spacing=\"sm\">\n                    {group[0].hidden ? (\n                      <Button\n                        variant=\"flat\"\n                        iconSlot={<VisibilityOffIcon />}\n                        onClick={() => setHidden(groupIndex, false)}\n                        style={{ color: theme.colors.neutral.ink.lightest }}\n                      />\n                    ) : (\n                      <Button\n                        variant=\"flat\"\n                        iconSlot={<VisibilityIcon />}\n                        onClick={() => setHidden(groupIndex, true)}\n                      />\n                    )}\n                  </Stack>\n                </Stack>\n              ))}\n            </Stack>\n          </Card>\n        </Popover>\n      )}\n    </>\n  );\n}\n"],"names":["useState","React","Button","Popover","Card","Stack","ReorderIcon","VisibilityOffIcon","theme","VisibilityIcon"],"mappings":"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"}
+{"version":3,"file":"ColumnMenu.cjs","sources":["../../../../src/components/DataTable/components/ColumnMenu.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Button } from '../../Button';\nimport { Card } from '../../Card';\nimport { Popover } from '../../Popover';\nimport { Stack } from '../../Stack';\nimport { theme } from '../../../theme';\nimport { ColumnConfig, ColumnConfigs, ColumnId } from '../types';\n\nimport { VisibilityIcon } from '../../../tempIcons/VisibilityIcon';\nimport { VisibilityOffIcon } from '../../../tempIcons/VisibilityOffIcon';\nimport { ReorderIcon } from '../../../tempIcons/ReorderIcon';\n\ntype ColumnsMap = {\n  [index: string]: ColumnConfig;\n};\n\nexport interface ColumnMenuProps {\n  columns: ColumnConfigs;\n  columnGroups: ColumnId[][];\n  setColumns: (columns: ColumnConfigs) => void;\n}\n\nexport function ColumnMenu({ columns, columnGroups, setColumns }: ColumnMenuProps) {\n  const [popoverAnchor, setPopoverAnchor] = useState<HTMLButtonElement | null>(null);\n  const [showPopover, setShowPopover] = useState(false);\n\n  const columnEntries = columns.map((column) => [column.id, column]);\n  const columnsMap: ColumnsMap = Object.fromEntries(columnEntries);\n  const groups = columnGroups.map((group) => group.map((columnId) => columnsMap[columnId]));\n\n  const setHidden = (groupIndex: number, hidden: boolean) => {\n    const columnIds = groups[groupIndex].map((column) => column.id);\n    const newColumns = [...columns];\n    columnIds.forEach((columnId) => {\n      const index = newColumns.findIndex((column) => column.id === columnId);\n      if (index < 0) return;\n      newColumns[index] = {\n        ...newColumns[index],\n        hidden,\n      };\n    });\n    setColumns(newColumns);\n  };\n\n  return (\n    <>\n      <Button ref={setPopoverAnchor} dropdown onClick={() => setShowPopover(true)}>\n        Columns\n      </Button>\n      {showPopover && (\n        <Popover anchorElement={popoverAnchor} onShouldClose={() => setShowPopover(false)}>\n          <Card style={{ width: 600 }}>\n            <Stack alignX=\"stretch\" spacing=\"sm\">\n              {groups.map((group, groupIndex) => (\n                <Stack\n                  key={group[0].id}\n                  direction=\"horizontal\"\n                  alignY=\"center\"\n                  spacing=\"sm\"\n                  style={{\n                    border: '1px solid black',\n                    padding: 8,\n                  }}\n                >\n                  <Button variant=\"flat\" iconSlot={<ReorderIcon />} />\n                  <Stack spacing=\"sm\" style={{ flex: 1 }}>\n                    {group.map((column) => (\n                      <div key={column.id}>{column.title}</div>\n                    ))}\n                  </Stack>\n                  <Stack direction=\"horizontal\" spacing=\"sm\">\n                    {group[0].hidden ? (\n                      <Button\n                        variant=\"flat\"\n                        iconSlot={<VisibilityOffIcon />}\n                        onClick={() => setHidden(groupIndex, false)}\n                        style={{ color: theme.colors.neutral.ink.lightest }}\n                      />\n                    ) : (\n                      <Button\n                        variant=\"flat\"\n                        iconSlot={<VisibilityIcon />}\n                        onClick={() => setHidden(groupIndex, true)}\n                      />\n                    )}\n                  </Stack>\n                </Stack>\n              ))}\n            </Stack>\n          </Card>\n        </Popover>\n      )}\n    </>\n  );\n}\n"],"names":["useState","React","Button","Popover","Card","Stack","ReorderIcon","VisibilityOffIcon","theme","VisibilityIcon"],"mappings":";;;;;;;;;;;;;;;;;AAuBM,SAAU,UAAU,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAmB,EAAA;IAC/E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAA2B,IAAI,CAAC;IAClF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AAErD,IAAA,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;IAClE,MAAM,UAAU,GAAe,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC;IAChE,MAAM,MAAM,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAK,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;AAEzF,IAAA,MAAM,SAAS,GAAG,CAAC,UAAkB,EAAE,MAAe,KAAI;AACxD,QAAA,MAAM,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,EAAE,CAAC;AAC/D,QAAA,MAAM,UAAU,GAAG,CAAC,GAAG,OAAO,CAAC;AAC/B,QAAA,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAI;AAC7B,YAAA,MAAM,KAAK,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,EAAE,KAAK,QAAQ,CAAC;YACtE,IAAI,KAAK,GAAG,CAAC;gBAAE;YACf,UAAU,CAAC,KAAK,CAAC,GAAG;gBAClB,GAAG,UAAU,CAAC,KAAK,CAAC;gBACpB,MAAM;aACP;AACH,SAAC,CAAC;QACF,UAAU,CAAC,UAAU,CAAC;AACxB,KAAC;AAED,IAAA,QACEC,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;AACE,QAAAA,sBAAA,CAAA,aAAA,CAACC,aAAM,EAAC,EAAA,GAAG,EAAE,gBAAgB,EAAE,QAAQ,EAAA,IAAA,EAAC,OAAO,EAAE,MAAM,cAAc,CAAC,IAAI,CAAC,EAElE,EAAA,SAAA,CAAA;AACR,QAAA,WAAW,KACVD,sBAAA,CAAA,aAAA,CAACE,eAAO,EAAA,EAAC,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC,KAAK,CAAC,EAAA;YAC/EF,sBAAC,CAAA,aAAA,CAAAG,SAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAAA;gBACzBH,sBAAC,CAAA,aAAA,CAAAI,WAAK,IAAC,MAAM,EAAC,SAAS,EAAC,OAAO,EAAC,IAAI,EAAA,EACjC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,MAC5BJ,sBAAA,CAAA,aAAA,CAACI,WAAK,EACJ,EAAA,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAChB,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,IAAI,EACZ,KAAK,EAAE;AACL,wBAAA,MAAM,EAAE,iBAAiB;AACzB,wBAAA,OAAO,EAAE,CAAC;AACX,qBAAA,EAAA;oBAEDJ,sBAAC,CAAA,aAAA,CAAAC,aAAM,EAAC,EAAA,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAED,sBAAA,CAAA,aAAA,CAACK,uBAAW,EAAA,IAAA,CAAG,EAAI,CAAA;AACpD,oBAAAL,sBAAA,CAAA,aAAA,CAACI,WAAK,EAAC,EAAA,OAAO,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EACnC,EAAA,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,MAChBJ,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,MAAM,CAAC,EAAE,IAAG,MAAM,CAAC,KAAK,CAAO,CAC1C,CAAC,CACI;oBACRA,sBAAC,CAAA,aAAA,CAAAI,WAAK,IAAC,SAAS,EAAC,YAAY,EAAC,OAAO,EAAC,IAAI,EACvC,EAAA,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,IACdJ,sBAAC,CAAA,aAAA,CAAAC,aAAM,EACL,EAAA,OAAO,EAAC,MAAM,EACd,QAAQ,EAAED,sBAAA,CAAA,aAAA,CAACM,mCAAiB,EAAG,IAAA,CAAA,EAC/B,OAAO,EAAE,MAAM,SAAS,CAAC,UAAU,EAAE,KAAK,CAAC,EAC3C,KAAK,EAAE,EAAE,KAAK,EAAEC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,EACnD,CAAA,KAEFP,sBAAA,CAAA,aAAA,CAACC,aAAM,EACL,EAAA,OAAO,EAAC,MAAM,EACd,QAAQ,EAAED,sBAAC,CAAA,aAAA,CAAAQ,6BAAc,OAAG,EAC5B,OAAO,EAAE,MAAM,SAAS,CAAC,UAAU,EAAE,IAAI,CAAC,GAC1C,CACH,CACK,CACF,CACT,CAAC,CACI,CACH,CACC,CACX,CACA;AAEP;;;;"}

package/dist/components/DataTable/components/ColumnMenu.js

@@ -3,6 +3,7 @@ import { Button } from '../../Button/Button.js';
 import { Card } from '../../Card/Card.js';
 import { Popover } from '../../Popover/Popover.js';
 import { Stack } from '../../Stack/Stack.js';
+import '../../Stack/types.js';
 import { theme } from '../../../theme/index.js';
 import { VisibilityIcon } from '../../../tempIcons/VisibilityIcon.js';
 import { VisibilityOffIcon } from '../../../tempIcons/VisibilityOffIcon.js';

package/dist/components/DataTable/components/ColumnMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnMenu.js","sources":["../../../../src/components/DataTable/components/ColumnMenu.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Button } from '../../Button';\nimport { Card } from '../../Card';\nimport { Popover } from '../../Popover';\nimport { Stack } from '../../Stack';\nimport { theme } from '../../../theme';\nimport { ColumnConfig, ColumnConfigs, ColumnId } from '../types';\n\nimport { VisibilityIcon } from '../../../tempIcons/VisibilityIcon';\nimport { VisibilityOffIcon } from '../../../tempIcons/VisibilityOffIcon';\nimport { ReorderIcon } from '../../../tempIcons/ReorderIcon';\n\ntype ColumnsMap = {\n  [index: string]: ColumnConfig;\n};\n\nexport interface ColumnMenuProps {\n  columns: ColumnConfigs;\n  columnGroups: ColumnId[][];\n  setColumns: (columns: ColumnConfigs) => void;\n}\n\nexport function ColumnMenu({ columns, columnGroups, setColumns }: ColumnMenuProps) {\n  const [popoverAnchor, setPopoverAnchor] = useState<HTMLButtonElement | null>(null);\n  const [showPopover, setShowPopover] = useState(false);\n\n  const columnEntries = columns.map((column) => [column.id, column]);\n  const columnsMap: ColumnsMap = Object.fromEntries(columnEntries);\n  const groups = columnGroups.map((group) => group.map((columnId) => columnsMap[columnId]));\n\n  const setHidden = (groupIndex: number, hidden: boolean) => {\n    const columnIds = groups[groupIndex].map((column) => column.id);\n    const newColumns = [...columns];\n    columnIds.forEach((columnId) => {\n      const index = newColumns.findIndex((column) => column.id === columnId);\n      if (index < 0) return;\n      newColumns[index] = {\n        ...newColumns[index],\n        hidden,\n      };\n    });\n    setColumns(newColumns);\n  };\n\n  return (\n    <>\n      <Button ref={setPopoverAnchor} dropdown onClick={() => setShowPopover(true)}>\n        Columns\n      </Button>\n      {showPopover && (\n        <Popover anchorElement={popoverAnchor} onShouldClose={() => setShowPopover(false)}>\n          <Card style={{ width: 600 }}>\n            <Stack alignX=\"stretch\" spacing=\"sm\">\n              {groups.map((group, groupIndex) => (\n                <Stack\n                  key={group[0].id}\n                  direction=\"horizontal\"\n                  alignY=\"center\"\n                  spacing=\"sm\"\n                  style={{\n                    border: '1px solid black',\n                    padding: 8,\n                  }}\n                >\n                  <Button variant=\"flat\" iconSlot={<ReorderIcon />} />\n                  <Stack spacing=\"sm\" style={{ flex: 1 }}>\n                    {group.map((column) => (\n                      <div key={column.id}>{column.title}</div>\n                    ))}\n                  </Stack>\n                  <Stack direction=\"horizontal\" spacing=\"sm\">\n                    {group[0].hidden ? (\n                      <Button\n                        variant=\"flat\"\n                        iconSlot={<VisibilityOffIcon />}\n                        onClick={() => setHidden(groupIndex, false)}\n                        style={{ color: theme.colors.neutral.ink.lightest }}\n                      />\n                    ) : (\n                      <Button\n                        variant=\"flat\"\n                        iconSlot={<VisibilityIcon />}\n                        onClick={() => setHidden(groupIndex, true)}\n                      />\n                    )}\n                  </Stack>\n                </Stack>\n              ))}\n            </Stack>\n          </Card>\n        </Popover>\n      )}\n    </>\n  );\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"ColumnMenu.js","sources":["../../../../src/components/DataTable/components/ColumnMenu.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Button } from '../../Button';\nimport { Card } from '../../Card';\nimport { Popover } from '../../Popover';\nimport { Stack } from '../../Stack';\nimport { theme } from '../../../theme';\nimport { ColumnConfig, ColumnConfigs, ColumnId } from '../types';\n\nimport { VisibilityIcon } from '../../../tempIcons/VisibilityIcon';\nimport { VisibilityOffIcon } from '../../../tempIcons/VisibilityOffIcon';\nimport { ReorderIcon } from '../../../tempIcons/ReorderIcon';\n\ntype ColumnsMap = {\n  [index: string]: ColumnConfig;\n};\n\nexport interface ColumnMenuProps {\n  columns: ColumnConfigs;\n  columnGroups: ColumnId[][];\n  setColumns: (columns: ColumnConfigs) => void;\n}\n\nexport function ColumnMenu({ columns, columnGroups, setColumns }: ColumnMenuProps) {\n  const [popoverAnchor, setPopoverAnchor] = useState<HTMLButtonElement | null>(null);\n  const [showPopover, setShowPopover] = useState(false);\n\n  const columnEntries = columns.map((column) => [column.id, column]);\n  const columnsMap: ColumnsMap = Object.fromEntries(columnEntries);\n  const groups = columnGroups.map((group) => group.map((columnId) => columnsMap[columnId]));\n\n  const setHidden = (groupIndex: number, hidden: boolean) => {\n    const columnIds = groups[groupIndex].map((column) => column.id);\n    const newColumns = [...columns];\n    columnIds.forEach((columnId) => {\n      const index = newColumns.findIndex((column) => column.id === columnId);\n      if (index < 0) return;\n      newColumns[index] = {\n        ...newColumns[index],\n        hidden,\n      };\n    });\n    setColumns(newColumns);\n  };\n\n  return (\n    <>\n      <Button ref={setPopoverAnchor} dropdown onClick={() => setShowPopover(true)}>\n        Columns\n      </Button>\n      {showPopover && (\n        <Popover anchorElement={popoverAnchor} onShouldClose={() => setShowPopover(false)}>\n          <Card style={{ width: 600 }}>\n            <Stack alignX=\"stretch\" spacing=\"sm\">\n              {groups.map((group, groupIndex) => (\n                <Stack\n                  key={group[0].id}\n                  direction=\"horizontal\"\n                  alignY=\"center\"\n                  spacing=\"sm\"\n                  style={{\n                    border: '1px solid black',\n                    padding: 8,\n                  }}\n                >\n                  <Button variant=\"flat\" iconSlot={<ReorderIcon />} />\n                  <Stack spacing=\"sm\" style={{ flex: 1 }}>\n                    {group.map((column) => (\n                      <div key={column.id}>{column.title}</div>\n                    ))}\n                  </Stack>\n                  <Stack direction=\"horizontal\" spacing=\"sm\">\n                    {group[0].hidden ? (\n                      <Button\n                        variant=\"flat\"\n                        iconSlot={<VisibilityOffIcon />}\n                        onClick={() => setHidden(groupIndex, false)}\n                        style={{ color: theme.colors.neutral.ink.lightest }}\n                      />\n                    ) : (\n                      <Button\n                        variant=\"flat\"\n                        iconSlot={<VisibilityIcon />}\n                        onClick={() => setHidden(groupIndex, true)}\n                      />\n                    )}\n                  </Stack>\n                </Stack>\n              ))}\n            </Stack>\n          </Card>\n        </Popover>\n      )}\n    </>\n  );\n}\n"],"names":["React"],"mappings":"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"}

package/dist/components/DateInputField/DateInputField.cjs

@@ -5,6 +5,7 @@ var reactAriaComponents = require('react-aria-components');
 var styled = require('./styled.cjs');
 var Button = require('../Button/Button.cjs');
 var Stack = require('../Stack/Stack.cjs');
+require('../Stack/types.cjs');
 require('../Calendars/components/RangeCalendar/styled.cjs');
 require('../Grid/index.cjs');
 require('../Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.cjs');

package/dist/components/DateInputField/DateInputField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateInputField.cjs","sources":["../../../src/components/DateInputField/DateInputField.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport { DateField, DateInput, DateRange, DateSegment, DateValue } from 'react-aria-components';\nimport { DateRangeGroup } from './styled';\nimport { DateInputFieldProps } from './types';\nimport { Button } from '../Button';\nimport { Stack } from '../Stack';\nimport { useIsDateUnavailable } from '../Calendars';\n\nexport const DateInputField = ({\n  id,\n  className,\n  style,\n  shouldForceLeadingZeros = true,\n  rightAction,\n  startValue,\n  endValue,\n  disabled,\n  isReadOnly,\n  isRangeInput = false,\n  hasError,\n  'aria-label': ariaLabel,\n  'aria-describedby': ariaDescribedBy,\n  'aria-labelledby': ariaLabelledBy,\n  onChange,\n  onChangeStartDate,\n  onChangeEndDate,\n  rangeRef,\n  rightActionRef,\n  ...validationProps\n}: DateInputFieldProps) => {\n  const { isDateUnavailable, isDateRangeUnavailable } = useIsDateUnavailable(validationProps);\n  const [isStartInvalid, setIsStartInvalid] = useState(false);\n  const [isEndInvalid, setIsEndInvalid] = useState(false);\n\n  const validateDate = useCallback(\n    (value: DateValue): true | string => {\n      if (!value) return 'no date';\n      if (!isRangeInput) return isDateUnavailable(value) ? 'Invalid date selection' : true;\n\n      const range = {\n        start: value === startValue ? value : startValue,\n        end: value === endValue ? value : endValue,\n      };\n\n      if (!range.start || !range.end) {\n        return isDateUnavailable(value) ? 'Invalid date selection' : true;\n      }\n      if (isDateRangeUnavailable(range as DateRange)) return 'Invalid range selection';\n\n      return true;\n    },\n    [isRangeInput, startValue, endValue, isDateUnavailable, isDateRangeUnavailable],\n  );\n\n  useEffect(() => {\n    setIsStartInvalid(startValue ? validateDate(startValue) !== true : false);\n    setIsEndInvalid(isRangeInput && endValue ? validateDate(endValue) !== true : false);\n  }, [startValue, endValue, isRangeInput, validateDate]);\n\n  return (\n    <Stack direction=\"horizontal\" alignX=\"stretch\" alignY=\"center\" spacing={0}>\n      <DateRangeGroup\n        ref={rangeRef}\n        style={style}\n        className={className}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescribedBy}\n        aria-labelledby={ariaLabelledBy ?? `${id}-label`}\n        hasError={hasError}\n        isDisabled={disabled}\n      >\n        <Stack spacing=\"sm\" direction=\"horizontal\" alignX=\"center\">\n          <DateField\n            shouldForceLeadingZeros={shouldForceLeadingZeros}\n            onChange={isRangeInput ? onChangeStartDate : onChange}\n            value={startValue}\n            validate={validateDate}\n            aria-describedby={ariaDescribedBy}\n            aria-labelledby={ariaLabelledBy ?? `${id}-label`}\n            aria-label={isRangeInput ? 'start date' : 'date'}\n            isDisabled={disabled}\n            isReadOnly={isReadOnly}\n            isInvalid={isStartInvalid}\n            {...validationProps}\n          >\n            <DateInput slot=\"start\">{(segment) => <DateSegment segment={segment} />}</DateInput>\n          </DateField>\n\n          {isRangeInput && (\n            <>\n              <span className=\"date-range-input-splitter\" aria-hidden=\"true\">\n                -\n              </span>\n              <DateField\n                shouldForceLeadingZeros={shouldForceLeadingZeros}\n                onChange={onChangeEndDate}\n                value={endValue}\n                aria-describedby={ariaDescribedBy}\n                aria-labelledby={ariaLabelledBy ?? `${id}-label`}\n                aria-label=\"end date\"\n                isDisabled={disabled}\n                isReadOnly={isReadOnly}\n                validate={validateDate}\n                isInvalid={isEndInvalid}\n                {...validationProps}\n              >\n                <DateInput slot=\"end\">{(segment) => <DateSegment segment={segment} />}</DateInput>\n              </DateField>\n            </>\n          )}\n        </Stack>\n\n        {rightAction && (\n          <Button\n            type=\"button\"\n            ref={rightActionRef}\n            variant=\"flat\"\n            style={{\n              padding: '2px',\n              height: 'unset',\n            }}\n            {...rightAction}\n          />\n        )}\n      </DateRangeGroup>\n    </Stack>\n  );\n};\n"],"names":["useIsDateUnavailable","useState","useCallback","useEffect","React","Stack","DateRangeGroup","DateField","DateInput","DateSegment","Button"],"mappings":"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"}
+{"version":3,"file":"DateInputField.cjs","sources":["../../../src/components/DateInputField/DateInputField.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport { DateField, DateInput, DateRange, DateSegment, DateValue } from 'react-aria-components';\nimport { DateRangeGroup } from './styled';\nimport { DateInputFieldProps } from './types';\nimport { Button } from '../Button';\nimport { Stack } from '../Stack';\nimport { useIsDateUnavailable } from '../Calendars';\n\nexport const DateInputField = ({\n  id,\n  className,\n  style,\n  shouldForceLeadingZeros = true,\n  rightAction,\n  startValue,\n  endValue,\n  disabled,\n  isReadOnly,\n  isRangeInput = false,\n  hasError,\n  'aria-label': ariaLabel,\n  'aria-describedby': ariaDescribedBy,\n  'aria-labelledby': ariaLabelledBy,\n  onChange,\n  onChangeStartDate,\n  onChangeEndDate,\n  rangeRef,\n  rightActionRef,\n  ...validationProps\n}: DateInputFieldProps) => {\n  const { isDateUnavailable, isDateRangeUnavailable } = useIsDateUnavailable(validationProps);\n  const [isStartInvalid, setIsStartInvalid] = useState(false);\n  const [isEndInvalid, setIsEndInvalid] = useState(false);\n\n  const validateDate = useCallback(\n    (value: DateValue): true | string => {\n      if (!value) return 'no date';\n      if (!isRangeInput) return isDateUnavailable(value) ? 'Invalid date selection' : true;\n\n      const range = {\n        start: value === startValue ? value : startValue,\n        end: value === endValue ? value : endValue,\n      };\n\n      if (!range.start || !range.end) {\n        return isDateUnavailable(value) ? 'Invalid date selection' : true;\n      }\n      if (isDateRangeUnavailable(range as DateRange)) return 'Invalid range selection';\n\n      return true;\n    },\n    [isRangeInput, startValue, endValue, isDateUnavailable, isDateRangeUnavailable],\n  );\n\n  useEffect(() => {\n    setIsStartInvalid(startValue ? validateDate(startValue) !== true : false);\n    setIsEndInvalid(isRangeInput && endValue ? validateDate(endValue) !== true : false);\n  }, [startValue, endValue, isRangeInput, validateDate]);\n\n  return (\n    <Stack direction=\"horizontal\" alignX=\"stretch\" alignY=\"center\" spacing={0}>\n      <DateRangeGroup\n        ref={rangeRef}\n        style={style}\n        className={className}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescribedBy}\n        aria-labelledby={ariaLabelledBy ?? `${id}-label`}\n        hasError={hasError}\n        isDisabled={disabled}\n      >\n        <Stack spacing=\"sm\" direction=\"horizontal\" alignX=\"center\">\n          <DateField\n            shouldForceLeadingZeros={shouldForceLeadingZeros}\n            onChange={isRangeInput ? onChangeStartDate : onChange}\n            value={startValue}\n            validate={validateDate}\n            aria-describedby={ariaDescribedBy}\n            aria-labelledby={ariaLabelledBy ?? `${id}-label`}\n            aria-label={isRangeInput ? 'start date' : 'date'}\n            isDisabled={disabled}\n            isReadOnly={isReadOnly}\n            isInvalid={isStartInvalid}\n            {...validationProps}\n          >\n            <DateInput slot=\"start\">{(segment) => <DateSegment segment={segment} />}</DateInput>\n          </DateField>\n\n          {isRangeInput && (\n            <>\n              <span className=\"date-range-input-splitter\" aria-hidden=\"true\">\n                -\n              </span>\n              <DateField\n                shouldForceLeadingZeros={shouldForceLeadingZeros}\n                onChange={onChangeEndDate}\n                value={endValue}\n                aria-describedby={ariaDescribedBy}\n                aria-labelledby={ariaLabelledBy ?? `${id}-label`}\n                aria-label=\"end date\"\n                isDisabled={disabled}\n                isReadOnly={isReadOnly}\n                validate={validateDate}\n                isInvalid={isEndInvalid}\n                {...validationProps}\n              >\n                <DateInput slot=\"end\">{(segment) => <DateSegment segment={segment} />}</DateInput>\n              </DateField>\n            </>\n          )}\n        </Stack>\n\n        {rightAction && (\n          <Button\n            type=\"button\"\n            ref={rightActionRef}\n            variant=\"flat\"\n            style={{\n              padding: '2px',\n              height: 'unset',\n            }}\n            {...rightAction}\n          />\n        )}\n      </DateRangeGroup>\n    </Stack>\n  );\n};\n"],"names":["useIsDateUnavailable","useState","useCallback","useEffect","React","Stack","DateRangeGroup","DateField","DateInput","DateSegment","Button"],"mappings":"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"}

package/dist/components/DateInputField/DateInputField.js

@@ -3,6 +3,7 @@ import { DateField, DateInput, DateSegment } from 'react-aria-components';
 import { DateRangeGroup } from './styled.js';
 import { Button } from '../Button/Button.js';
 import { Stack } from '../Stack/Stack.js';
+import '../Stack/types.js';
 import '../Calendars/components/RangeCalendar/styled.js';
 import '../Grid/index.js';
 import '../Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.js';

package/dist/components/DateInputField/DateInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateInputField.js","sources":["../../../src/components/DateInputField/DateInputField.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport { DateField, DateInput, DateRange, DateSegment, DateValue } from 'react-aria-components';\nimport { DateRangeGroup } from './styled';\nimport { DateInputFieldProps } from './types';\nimport { Button } from '../Button';\nimport { Stack } from '../Stack';\nimport { useIsDateUnavailable } from '../Calendars';\n\nexport const DateInputField = ({\n  id,\n  className,\n  style,\n  shouldForceLeadingZeros = true,\n  rightAction,\n  startValue,\n  endValue,\n  disabled,\n  isReadOnly,\n  isRangeInput = false,\n  hasError,\n  'aria-label': ariaLabel,\n  'aria-describedby': ariaDescribedBy,\n  'aria-labelledby': ariaLabelledBy,\n  onChange,\n  onChangeStartDate,\n  onChangeEndDate,\n  rangeRef,\n  rightActionRef,\n  ...validationProps\n}: DateInputFieldProps) => {\n  const { isDateUnavailable, isDateRangeUnavailable } = useIsDateUnavailable(validationProps);\n  const [isStartInvalid, setIsStartInvalid] = useState(false);\n  const [isEndInvalid, setIsEndInvalid] = useState(false);\n\n  const validateDate = useCallback(\n    (value: DateValue): true | string => {\n      if (!value) return 'no date';\n      if (!isRangeInput) return isDateUnavailable(value) ? 'Invalid date selection' : true;\n\n      const range = {\n        start: value === startValue ? value : startValue,\n        end: value === endValue ? value : endValue,\n      };\n\n      if (!range.start || !range.end) {\n        return isDateUnavailable(value) ? 'Invalid date selection' : true;\n      }\n      if (isDateRangeUnavailable(range as DateRange)) return 'Invalid range selection';\n\n      return true;\n    },\n    [isRangeInput, startValue, endValue, isDateUnavailable, isDateRangeUnavailable],\n  );\n\n  useEffect(() => {\n    setIsStartInvalid(startValue ? validateDate(startValue) !== true : false);\n    setIsEndInvalid(isRangeInput && endValue ? validateDate(endValue) !== true : false);\n  }, [startValue, endValue, isRangeInput, validateDate]);\n\n  return (\n    <Stack direction=\"horizontal\" alignX=\"stretch\" alignY=\"center\" spacing={0}>\n      <DateRangeGroup\n        ref={rangeRef}\n        style={style}\n        className={className}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescribedBy}\n        aria-labelledby={ariaLabelledBy ?? `${id}-label`}\n        hasError={hasError}\n        isDisabled={disabled}\n      >\n        <Stack spacing=\"sm\" direction=\"horizontal\" alignX=\"center\">\n          <DateField\n            shouldForceLeadingZeros={shouldForceLeadingZeros}\n            onChange={isRangeInput ? onChangeStartDate : onChange}\n            value={startValue}\n            validate={validateDate}\n            aria-describedby={ariaDescribedBy}\n            aria-labelledby={ariaLabelledBy ?? `${id}-label`}\n            aria-label={isRangeInput ? 'start date' : 'date'}\n            isDisabled={disabled}\n            isReadOnly={isReadOnly}\n            isInvalid={isStartInvalid}\n            {...validationProps}\n          >\n            <DateInput slot=\"start\">{(segment) => <DateSegment segment={segment} />}</DateInput>\n          </DateField>\n\n          {isRangeInput && (\n            <>\n              <span className=\"date-range-input-splitter\" aria-hidden=\"true\">\n                -\n              </span>\n              <DateField\n                shouldForceLeadingZeros={shouldForceLeadingZeros}\n                onChange={onChangeEndDate}\n                value={endValue}\n                aria-describedby={ariaDescribedBy}\n                aria-labelledby={ariaLabelledBy ?? `${id}-label`}\n                aria-label=\"end date\"\n                isDisabled={disabled}\n                isReadOnly={isReadOnly}\n                validate={validateDate}\n                isInvalid={isEndInvalid}\n                {...validationProps}\n              >\n                <DateInput slot=\"end\">{(segment) => <DateSegment segment={segment} />}</DateInput>\n              </DateField>\n            </>\n          )}\n        </Stack>\n\n        {rightAction && (\n          <Button\n            type=\"button\"\n            ref={rightActionRef}\n            variant=\"flat\"\n            style={{\n              padding: '2px',\n              height: 'unset',\n            }}\n            {...rightAction}\n          />\n        )}\n      </DateRangeGroup>\n    </Stack>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"DateInputField.js","sources":["../../../src/components/DateInputField/DateInputField.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport { DateField, DateInput, DateRange, DateSegment, DateValue } from 'react-aria-components';\nimport { DateRangeGroup } from './styled';\nimport { DateInputFieldProps } from './types';\nimport { Button } from '../Button';\nimport { Stack } from '../Stack';\nimport { useIsDateUnavailable } from '../Calendars';\n\nexport const DateInputField = ({\n  id,\n  className,\n  style,\n  shouldForceLeadingZeros = true,\n  rightAction,\n  startValue,\n  endValue,\n  disabled,\n  isReadOnly,\n  isRangeInput = false,\n  hasError,\n  'aria-label': ariaLabel,\n  'aria-describedby': ariaDescribedBy,\n  'aria-labelledby': ariaLabelledBy,\n  onChange,\n  onChangeStartDate,\n  onChangeEndDate,\n  rangeRef,\n  rightActionRef,\n  ...validationProps\n}: DateInputFieldProps) => {\n  const { isDateUnavailable, isDateRangeUnavailable } = useIsDateUnavailable(validationProps);\n  const [isStartInvalid, setIsStartInvalid] = useState(false);\n  const [isEndInvalid, setIsEndInvalid] = useState(false);\n\n  const validateDate = useCallback(\n    (value: DateValue): true | string => {\n      if (!value) return 'no date';\n      if (!isRangeInput) return isDateUnavailable(value) ? 'Invalid date selection' : true;\n\n      const range = {\n        start: value === startValue ? value : startValue,\n        end: value === endValue ? value : endValue,\n      };\n\n      if (!range.start || !range.end) {\n        return isDateUnavailable(value) ? 'Invalid date selection' : true;\n      }\n      if (isDateRangeUnavailable(range as DateRange)) return 'Invalid range selection';\n\n      return true;\n    },\n    [isRangeInput, startValue, endValue, isDateUnavailable, isDateRangeUnavailable],\n  );\n\n  useEffect(() => {\n    setIsStartInvalid(startValue ? validateDate(startValue) !== true : false);\n    setIsEndInvalid(isRangeInput && endValue ? validateDate(endValue) !== true : false);\n  }, [startValue, endValue, isRangeInput, validateDate]);\n\n  return (\n    <Stack direction=\"horizontal\" alignX=\"stretch\" alignY=\"center\" spacing={0}>\n      <DateRangeGroup\n        ref={rangeRef}\n        style={style}\n        className={className}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescribedBy}\n        aria-labelledby={ariaLabelledBy ?? `${id}-label`}\n        hasError={hasError}\n        isDisabled={disabled}\n      >\n        <Stack spacing=\"sm\" direction=\"horizontal\" alignX=\"center\">\n          <DateField\n            shouldForceLeadingZeros={shouldForceLeadingZeros}\n            onChange={isRangeInput ? onChangeStartDate : onChange}\n            value={startValue}\n            validate={validateDate}\n            aria-describedby={ariaDescribedBy}\n            aria-labelledby={ariaLabelledBy ?? `${id}-label`}\n            aria-label={isRangeInput ? 'start date' : 'date'}\n            isDisabled={disabled}\n            isReadOnly={isReadOnly}\n            isInvalid={isStartInvalid}\n            {...validationProps}\n          >\n            <DateInput slot=\"start\">{(segment) => <DateSegment segment={segment} />}</DateInput>\n          </DateField>\n\n          {isRangeInput && (\n            <>\n              <span className=\"date-range-input-splitter\" aria-hidden=\"true\">\n                -\n              </span>\n              <DateField\n                shouldForceLeadingZeros={shouldForceLeadingZeros}\n                onChange={onChangeEndDate}\n                value={endValue}\n                aria-describedby={ariaDescribedBy}\n                aria-labelledby={ariaLabelledBy ?? `${id}-label`}\n                aria-label=\"end date\"\n                isDisabled={disabled}\n                isReadOnly={isReadOnly}\n                validate={validateDate}\n                isInvalid={isEndInvalid}\n                {...validationProps}\n              >\n                <DateInput slot=\"end\">{(segment) => <DateSegment segment={segment} />}</DateInput>\n              </DateField>\n            </>\n          )}\n        </Stack>\n\n        {rightAction && (\n          <Button\n            type=\"button\"\n            ref={rightActionRef}\n            variant=\"flat\"\n            style={{\n              padding: '2px',\n              height: 'unset',\n            }}\n            {...rightAction}\n          />\n        )}\n      </DateRangeGroup>\n    </Stack>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/DatePicker/DatePicker.cjs

@@ -15,6 +15,7 @@ require('../Calendars/types.cjs');
 require('../Calendars/data/constants.cjs');
 var Button = require('../Button/Button.cjs');
 require('../Stack/Stack.cjs');
+require('../Stack/types.cjs');
 require('../Calendars/components/subcomponents/CalendarHeading.cjs');
 var useIsDateUnavailable = require('../Calendars/data/useIsDateUnavailable.cjs');
 var Calendar = require('../Calendars/components/Calendar/Calendar.cjs');

package/dist/components/DatePicker/DatePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.cjs","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState } from 'react';\nimport { DateValue } from 'react-aria-components';\nimport { sizes } from 'Theme/modules/sizes';\nimport { WithLabelsProps } from '../../hoc/withLabels/withLabels';\nimport { CalendarIcon } from '../../tempIcons/CalendarIcon';\nimport { DateInputField } from '../DateInputField';\nimport { Popover } from '../Popover';\nimport { Card } from '../Card';\nimport { Calendar } from '../Calendars';\nimport { Button } from '../Button';\nimport { DatePickerFooter } from './styled';\nimport { PopoverProps } from '../Popover/types';\nimport { useIsDateUnavailable } from '../Calendars/data/useIsDateUnavailable';\nimport { DateValidationProps } from '../DateInputField/types';\n\ntype DatePickerProps = {\n  value: DateValue | null;\n  'aria-label': string;\n  onChange: (date: DateValue | null) => void;\n  isDisabled?: boolean;\n  shouldCloseOnSelect?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n} & WithLabelsProps &\n  DateValidationProps &\n  Pick<PopoverProps, 'rootElementRef'>;\n\nexport const DatePicker = ({\n  className,\n  style,\n  value,\n  onChange,\n  'aria-label': ariaLabel,\n  isDisabled,\n  shouldCloseOnSelect = true,\n  rootElementRef,\n  maxValue,\n  minValue,\n  disabledRanges,\n  disallowWeekends,\n  ...withLabelProps\n}: DatePickerProps) => {\n  const [shouldShowDropdown, setShouldShowDropdown] = useState(false);\n  const resetToValue = useRef(value);\n\n  const rangeRef = useRef<HTMLDivElement | null>(null);\n  const openDropdownRef = useRef<HTMLButtonElement | null>(null);\n\n  const closeDropdown = () => {\n    setShouldShowDropdown(false);\n    openDropdownRef.current?.focus();\n  };\n\n  const onSelectDate = (date: DateValue | null) => {\n    onChange(date);\n\n    if (!shouldCloseOnSelect || !shouldShowDropdown) return;\n    setTimeout(closeDropdown, 0); // Calendar state must update first.\n  };\n\n  const validationProps = {\n    maxValue,\n    minValue,\n    disabledRanges,\n    disallowWeekends,\n  } as DateValidationProps;\n\n  const { isDateUnavailable } = useIsDateUnavailable(validationProps);\n  const isSelectedDateInvalid = useMemo(\n    () => (value ? isDateUnavailable(value) : false),\n    [isDateUnavailable, value],\n  );\n\n  const error =\n    withLabelProps.error || (isSelectedDateInvalid ? 'Invalid date selection' : undefined);\n\n  return (\n    <>\n      <DateInputField\n        disabled={isDisabled}\n        aria-label={ariaLabel}\n        startValue={value}\n        rightActionRef={openDropdownRef}\n        rightAction={{\n          iconSlot: <CalendarIcon />,\n          'aria-label': 'Open Calendar',\n          onClick: () => setShouldShowDropdown(!shouldShowDropdown),\n          disabled: isDisabled,\n          'aria-controls': 'data-picker-dropdown',\n          'aria-haspopup': true,\n          'aria-expanded': shouldShowDropdown,\n        }}\n        onChange={onSelectDate}\n        rangeRef={rangeRef}\n        className={className}\n        style={style}\n        {...withLabelProps}\n        {...validationProps}\n        error={error}\n      />\n\n      {shouldShowDropdown && (\n        <Popover\n          id=\"date-picker-dropdown\"\n          style={{ marginTop: sizes.sm }}\n          anchorElement={rangeRef.current}\n          onShouldClose={closeDropdown}\n          placement=\"bottom-start\"\n          ignoreAriaWarnings // We want to anchor to input, but be powered by right action.\n          rootElementRef={rootElementRef}\n        >\n          <Card.Surface style={{ padding: sizes.base }}>\n            <Calendar\n              value={value}\n              onChange={onSelectDate}\n              aria-label={`${ariaLabel} Calendar`}\n              isDisabled={isDisabled}\n              {...validationProps}\n            />\n            <DatePickerFooter>\n              <Button\n                type=\"button\"\n                variant=\"flat\"\n                onClick={() => onSelectDate(resetToValue.current)}\n                size=\"sm\"\n                disabled={isDisabled}\n              >\n                Reset\n              </Button>\n            </DatePickerFooter>\n          </Card.Surface>\n        </Popover>\n      )}\n    </>\n  );\n};\n"],"names":["useState","useRef","useIsDateUnavailable","useMemo","React","DateInputField","CalendarIcon","Popover","sizes","Card","Calendar","DatePickerFooter","Button"],"mappings":"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"}
+{"version":3,"file":"DatePicker.cjs","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState } from 'react';\nimport { DateValue } from 'react-aria-components';\nimport { sizes } from 'Theme/modules/sizes';\nimport { WithLabelsProps } from '../../hoc/withLabels/withLabels';\nimport { CalendarIcon } from '../../tempIcons/CalendarIcon';\nimport { DateInputField } from '../DateInputField';\nimport { Popover } from '../Popover';\nimport { Card } from '../Card';\nimport { Calendar } from '../Calendars';\nimport { Button } from '../Button';\nimport { DatePickerFooter } from './styled';\nimport { PopoverProps } from '../Popover/types';\nimport { useIsDateUnavailable } from '../Calendars/data/useIsDateUnavailable';\nimport { DateValidationProps } from '../DateInputField/types';\n\ntype DatePickerProps = {\n  value: DateValue | null;\n  'aria-label': string;\n  onChange: (date: DateValue | null) => void;\n  isDisabled?: boolean;\n  shouldCloseOnSelect?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n} & WithLabelsProps &\n  DateValidationProps &\n  Pick<PopoverProps, 'rootElementRef'>;\n\nexport const DatePicker = ({\n  className,\n  style,\n  value,\n  onChange,\n  'aria-label': ariaLabel,\n  isDisabled,\n  shouldCloseOnSelect = true,\n  rootElementRef,\n  maxValue,\n  minValue,\n  disabledRanges,\n  disallowWeekends,\n  ...withLabelProps\n}: DatePickerProps) => {\n  const [shouldShowDropdown, setShouldShowDropdown] = useState(false);\n  const resetToValue = useRef(value);\n\n  const rangeRef = useRef<HTMLDivElement | null>(null);\n  const openDropdownRef = useRef<HTMLButtonElement | null>(null);\n\n  const closeDropdown = () => {\n    setShouldShowDropdown(false);\n    openDropdownRef.current?.focus();\n  };\n\n  const onSelectDate = (date: DateValue | null) => {\n    onChange(date);\n\n    if (!shouldCloseOnSelect || !shouldShowDropdown) return;\n    setTimeout(closeDropdown, 0); // Calendar state must update first.\n  };\n\n  const validationProps = {\n    maxValue,\n    minValue,\n    disabledRanges,\n    disallowWeekends,\n  } as DateValidationProps;\n\n  const { isDateUnavailable } = useIsDateUnavailable(validationProps);\n  const isSelectedDateInvalid = useMemo(\n    () => (value ? isDateUnavailable(value) : false),\n    [isDateUnavailable, value],\n  );\n\n  const error =\n    withLabelProps.error || (isSelectedDateInvalid ? 'Invalid date selection' : undefined);\n\n  return (\n    <>\n      <DateInputField\n        disabled={isDisabled}\n        aria-label={ariaLabel}\n        startValue={value}\n        rightActionRef={openDropdownRef}\n        rightAction={{\n          iconSlot: <CalendarIcon />,\n          'aria-label': 'Open Calendar',\n          onClick: () => setShouldShowDropdown(!shouldShowDropdown),\n          disabled: isDisabled,\n          'aria-controls': 'data-picker-dropdown',\n          'aria-haspopup': true,\n          'aria-expanded': shouldShowDropdown,\n        }}\n        onChange={onSelectDate}\n        rangeRef={rangeRef}\n        className={className}\n        style={style}\n        {...withLabelProps}\n        {...validationProps}\n        error={error}\n      />\n\n      {shouldShowDropdown && (\n        <Popover\n          id=\"date-picker-dropdown\"\n          style={{ marginTop: sizes.sm }}\n          anchorElement={rangeRef.current}\n          onShouldClose={closeDropdown}\n          placement=\"bottom-start\"\n          ignoreAriaWarnings // We want to anchor to input, but be powered by right action.\n          rootElementRef={rootElementRef}\n        >\n          <Card.Surface style={{ padding: sizes.base }}>\n            <Calendar\n              value={value}\n              onChange={onSelectDate}\n              aria-label={`${ariaLabel} Calendar`}\n              isDisabled={isDisabled}\n              {...validationProps}\n            />\n            <DatePickerFooter>\n              <Button\n                type=\"button\"\n                variant=\"flat\"\n                onClick={() => onSelectDate(resetToValue.current)}\n                size=\"sm\"\n                disabled={isDisabled}\n              >\n                Reset\n              </Button>\n            </DatePickerFooter>\n          </Card.Surface>\n        </Popover>\n      )}\n    </>\n  );\n};\n"],"names":["useState","useRef","useIsDateUnavailable","useMemo","React","DateInputField","CalendarIcon","Popover","sizes","Card","Calendar","DatePickerFooter","Button"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA2Ba,MAAA,UAAU,GAAG,CAAC,EACzB,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,UAAU,EACV,mBAAmB,GAAG,IAAI,EAC1B,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,gBAAgB,EAChB,GAAG,cAAc,EACD,KAAI;IACpB,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AACnE,IAAA,MAAM,YAAY,GAAGC,YAAM,CAAC,KAAK,CAAC;AAElC,IAAA,MAAM,QAAQ,GAAGA,YAAM,CAAwB,IAAI,CAAC;AACpD,IAAA,MAAM,eAAe,GAAGA,YAAM,CAA2B,IAAI,CAAC;IAE9D,MAAM,aAAa,GAAG,MAAK;;QACzB,qBAAqB,CAAC,KAAK,CAAC;AAC5B,QAAA,CAAA,EAAA,GAAA,eAAe,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,KAAK,EAAE;AAClC,KAAC;AAED,IAAA,MAAM,YAAY,GAAG,CAAC,IAAsB,KAAI;QAC9C,QAAQ,CAAC,IAAI,CAAC;AAEd,QAAA,IAAI,CAAC,mBAAmB,IAAI,CAAC,kBAAkB;YAAE;AACjD,QAAA,UAAU,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;AAC/B,KAAC;AAED,IAAA,MAAM,eAAe,GAAG;QACtB,QAAQ;QACR,QAAQ;QACR,cAAc;QACd,gBAAgB;KACM;IAExB,MAAM,EAAE,iBAAiB,EAAE,GAAGC,yCAAoB,CAAC,eAAe,CAAC;AACnE,IAAA,MAAM,qBAAqB,GAAGC,aAAO,CACnC,OAAO,KAAK,GAAG,iBAAiB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,EAChD,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAC3B;AAED,IAAA,MAAM,KAAK,GACT,cAAc,CAAC,KAAK,KAAK,qBAAqB,GAAG,wBAAwB,GAAG,SAAS,CAAC;AAExF,IAAA,QACEC,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;AACE,QAAAA,sBAAA,CAAA,aAAA,CAACC,oBAAc,EACb,EAAA,QAAQ,EAAE,UAAU,gBACR,SAAS,EACrB,UAAU,EAAE,KAAK,EACjB,cAAc,EAAE,eAAe,EAC/B,WAAW,EAAE;gBACX,QAAQ,EAAED,sBAAC,CAAA,aAAA,CAAAE,yBAAY,EAAG,IAAA,CAAA;AAC1B,gBAAA,YAAY,EAAE,eAAe;gBAC7B,OAAO,EAAE,MAAM,qBAAqB,CAAC,CAAC,kBAAkB,CAAC;AACzD,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,eAAe,EAAE,sBAAsB;AACvC,gBAAA,eAAe,EAAE,IAAI;AACrB,gBAAA,eAAe,EAAE,kBAAkB;aACpC,EACD,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EAAA,GACR,cAAc,EAAA,GACd,eAAe,EACnB,KAAK,EAAE,KAAK,EACZ,CAAA;AAED,QAAA,kBAAkB,KACjBF,sBAAC,CAAA,aAAA,CAAAG,eAAO,IACN,EAAE,EAAC,sBAAsB,EACzB,KAAK,EAAE,EAAE,SAAS,EAAEC,WAAK,CAAC,EAAE,EAAE,EAC9B,aAAa,EAAE,QAAQ,CAAC,OAAO,EAC/B,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAC,cAAc,EACxB,kBAAkB;AAClB,cAAA,IAAA,EAAA,cAAc,EAAE,cAAc,EAAA;AAE9B,YAAAJ,sBAAA,CAAA,aAAA,CAACK,SAAI,CAAC,OAAO,EAAA,EAAC,KAAK,EAAE,EAAE,OAAO,EAAED,WAAK,CAAC,IAAI,EAAE,EAAA;AAC1C,gBAAAJ,sBAAA,CAAA,aAAA,CAACM,iBAAQ,EACP,EAAA,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,gBACV,CAAG,EAAA,SAAS,WAAW,EACnC,UAAU,EAAE,UAAU,EAAA,GAClB,eAAe,EACnB,CAAA;AACF,gBAAAN,sBAAA,CAAA,aAAA,CAACO,uBAAgB,EAAA,IAAA;AACf,oBAAAP,sBAAA,CAAA,aAAA,CAACQ,aAAM,EACL,EAAA,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,MAAM,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,EACjD,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,UAAU,EAAA,EAAA,OAAA,CAGb,CACQ,CACN,CACP,CACX,CACA;AAEP;;;;"}

package/dist/components/DatePicker/DatePicker.js

@@ -13,6 +13,7 @@ import '../Calendars/types.js';
 import '../Calendars/data/constants.js';
 import { Button } from '../Button/Button.js';
 import '../Stack/Stack.js';
+import '../Stack/types.js';
 import '../Calendars/components/subcomponents/CalendarHeading.js';
 import { useIsDateUnavailable } from '../Calendars/data/useIsDateUnavailable.js';
 import { Calendar } from '../Calendars/components/Calendar/Calendar.js';