@elliemae/ds-data-table 3.3.2-rc.0 → 3.4.0-next.0

package/dist/cjs/DataTableContext.js

@@ -23,8 +23,7 @@ var DataTableContext_exports = {};
 __export(DataTableContext_exports, {
   DataTableContext: () => DataTableContext,
   default: () => DataTableContext_default,
-  defaultProps: () => defaultProps,
-  defaultRelativeRowMouseCoord: () => defaultRelativeRowMouseCoord
+  defaultProps: () => defaultProps
 });
 module.exports = __toCommonJS(DataTableContext_exports);
 var React = __toESM(require("react"));
@@ -42,6 +41,7 @@ const defaultProps = {
   isResizeable: false,
   isLoading: false,
   pagination: false,
+  withFilterBar: false,
   filters: [],
   colsLayoutStyle: import_constants.ColsLayoutStyle.Fixed,
   hiddenColumns: [],
@@ -59,26 +59,12 @@ const defaultProps = {
   selection: void 0,
   onSelectionChange: () => null,
   textWrap: "wrap",
-  isNoMoreDataAppended: false,
-  noMoreDataMessage: "No more to show.",
   onCellValueChange: () => null,
   onFiltersChange: () => null,
-  onFilteredDataChange: () => null,
   onPageChanged: () => null,
   onRowExpand: () => null,
-  customSortLogic: false,
   onColumnSortChange: () => null
 };
-const defaultRelativeRowMouseCoord = {
-  isBefore: false,
-  isAfter: false,
-  isValid: true,
-  hoveredRowIndex: null,
-  x: null,
-  y: null,
-  relativeElementDOMRect: null,
-  relativeElementIndex: null
-};
 const DataTableContext = (0, import_react.createContext)({
   tableProps: defaultProps,
   layoutHelpers: {},

package/dist/cjs/DataTableContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DataTableContext.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { createContext, createRef } from 'react';\nimport { ColsLayoutStyle } from './configs/constants';\nimport { TypescriptContext, TypescriptProps } from './types/props';\n\nexport const defaultProps: Partial<TypescriptProps> = {\n  height: '100%',\n  width: '100%',\n  renderRowActions: false,\n  getRowVariant: () => 'ds-primary-row',\n  isExpandable: false,\n  uniqueRowAccessor: undefined,\n  expandedRows: {},\n  disabledRows: {},\n  isResizeable: false,\n  isLoading: false,\n  pagination: false,\n  filters: [],\n\n  colsLayoutStyle: ColsLayoutStyle.Fixed,\n  hiddenColumns: [],\n  noResultsMessage: 'No Results Found',\n\n  dragAndDropRows: false,\n  maxDragAndDropLevel: 1,\n  onRowsReorder: () => null,\n\n  dragAndDropColumns: false,\n  onColumnsReorder: () => null,\n  onColumnResize: () => null,\n\n  onRowClick: () => null,\n  onRowFocus: () => null,\n\n  noSelectionColumn: false,\n  selectSingle: false,\n  selection: undefined,\n  onSelectionChange: () => null, // selectionHashMap -> { ...[id]: enum(true/'mixed'/false) }\n\n  textWrap: 'wrap',\n\n  isNoMoreDataAppended: false,\n  noMoreDataMessage: 'No more to show.',\n\n  onCellValueChange: () => null,\n\n  onFiltersChange: () => null,\n  onFilteredDataChange: () => null,\n\n  onPageChanged: () => null,\n\n  onRowExpand: () => null,\n\n  customSortLogic: false,\n  onColumnSortChange: () => null,\n};\n\nexport const defaultRelativeRowMouseCoord = {\n  isBefore: false,\n  isAfter: false,\n  isValid: true,\n  hoveredRowIndex: null,\n  x: null,\n  y: null,\n  relativeElementDOMRect: null,\n  relativeElementIndex: null,\n};\n\n/** Context for cross component communication */\nconst DataTableContext = createContext<TypescriptContext>({\n  tableProps: defaultProps,\n  layoutHelpers: {},\n  flattenedData: [],\n  allDataFlattened: [],\n  visibleColumns: [],\n  paginationHelpers: {},\n  virtualListRef: createRef<HTMLDivElement>(),\n  columnHeaderRef: createRef<HTMLDivElement>(),\n});\n\nexport { DataTableContext };\nexport default DataTableContext;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,uBAAgC;AAGzB,MAAM,eAAyC;AAAA,EACpD,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,kBAAkB;AAAA,EAClB,eAAe,MAAM;AAAA,EACrB,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,cAAc,CAAC;AAAA,EACf,cAAc,CAAC;AAAA,EACf,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS,CAAC;AAAA,EAEV,iBAAiB,iCAAgB;AAAA,EACjC,eAAe,CAAC;AAAA,EAChB,kBAAkB;AAAA,EAElB,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,eAAe,MAAM;AAAA,EAErB,oBAAoB;AAAA,EACpB,kBAAkB,MAAM;AAAA,EACxB,gBAAgB,MAAM;AAAA,EAEtB,YAAY,MAAM;AAAA,EAClB,YAAY,MAAM;AAAA,EAElB,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,mBAAmB,MAAM;AAAA,EAEzB,UAAU;AAAA,EAEV,sBAAsB;AAAA,EACtB,mBAAmB;AAAA,EAEnB,mBAAmB,MAAM;AAAA,EAEzB,iBAAiB,MAAM;AAAA,EACvB,sBAAsB,MAAM;AAAA,EAE5B,eAAe,MAAM;AAAA,EAErB,aAAa,MAAM;AAAA,EAEnB,iBAAiB;AAAA,EACjB,oBAAoB,MAAM;AAC5B;AAEO,MAAM,+BAA+B;AAAA,EAC1C,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,wBAAwB;AAAA,EACxB,sBAAsB;AACxB;AAGA,MAAM,mBAAmB,gCAAiC;AAAA,EACxD,YAAY;AAAA,EACZ,eAAe,CAAC;AAAA,EAChB,eAAe,CAAC;AAAA,EAChB,kBAAkB,CAAC;AAAA,EACnB,gBAAgB,CAAC;AAAA,EACjB,mBAAmB,CAAC;AAAA,EACpB,gBAAgB,4BAA0B;AAAA,EAC1C,iBAAiB,4BAA0B;AAC7C,CAAC;AAGD,IAAO,2BAAQ;",
+  "sourcesContent": ["import { createContext, createRef } from 'react';\nimport { ColsLayoutStyle } from './configs/constants';\nimport { TypescriptContext, TypescriptProps } from './types/props';\n\nexport const defaultProps: Partial<TypescriptProps> = {\n  height: '100%',\n  width: '100%',\n  renderRowActions: false,\n  getRowVariant: () => 'ds-primary-row',\n  isExpandable: false,\n  uniqueRowAccessor: undefined,\n  expandedRows: {},\n  disabledRows: {},\n  isResizeable: false,\n  isLoading: false,\n  pagination: false,\n  withFilterBar: false,\n  filters: [],\n\n  colsLayoutStyle: ColsLayoutStyle.Fixed,\n  hiddenColumns: [],\n  noResultsMessage: 'No Results Found',\n\n  dragAndDropRows: false,\n  maxDragAndDropLevel: 1,\n  onRowsReorder: () => null,\n\n  dragAndDropColumns: false,\n  onColumnsReorder: () => null,\n  onColumnResize: () => null,\n\n  onRowClick: () => null,\n  onRowFocus: () => null,\n\n  noSelectionColumn: false,\n  selectSingle: false,\n  selection: undefined,\n  onSelectionChange: () => null, // selectionHashMap -> { ...[id]: enum(true/'mixed'/false) }\n\n  textWrap: 'wrap',\n\n  onCellValueChange: () => null,\n\n  onFiltersChange: () => null,\n\n  onPageChanged: () => null,\n\n  onRowExpand: () => null,\n\n  onColumnSortChange: () => null,\n};\n\n/** Context for cross component communication */\nconst DataTableContext = createContext<TypescriptContext>({\n  tableProps: defaultProps,\n  layoutHelpers: {},\n  flattenedData: [],\n  allDataFlattened: [],\n  visibleColumns: [],\n  paginationHelpers: {},\n  virtualListRef: createRef<HTMLDivElement>(),\n  columnHeaderRef: createRef<HTMLDivElement>(),\n});\n\nexport { DataTableContext };\nexport default DataTableContext;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,uBAAgC;AAGzB,MAAM,eAAyC;AAAA,EACpD,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,kBAAkB;AAAA,EAClB,eAAe,MAAM;AAAA,EACrB,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,cAAc,CAAC;AAAA,EACf,cAAc,CAAC;AAAA,EACf,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,SAAS,CAAC;AAAA,EAEV,iBAAiB,iCAAgB;AAAA,EACjC,eAAe,CAAC;AAAA,EAChB,kBAAkB;AAAA,EAElB,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,eAAe,MAAM;AAAA,EAErB,oBAAoB;AAAA,EACpB,kBAAkB,MAAM;AAAA,EACxB,gBAAgB,MAAM;AAAA,EAEtB,YAAY,MAAM;AAAA,EAClB,YAAY,MAAM;AAAA,EAElB,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,mBAAmB,MAAM;AAAA,EAEzB,UAAU;AAAA,EAEV,mBAAmB,MAAM;AAAA,EAEzB,iBAAiB,MAAM;AAAA,EAEvB,eAAe,MAAM;AAAA,EAErB,aAAa,MAAM;AAAA,EAEnB,oBAAoB,MAAM;AAC5B;AAGA,MAAM,mBAAmB,gCAAiC;AAAA,EACxD,YAAY;AAAA,EACZ,eAAe,CAAC;AAAA,EAChB,eAAe,CAAC;AAAA,EAChB,kBAAkB,CAAC;AAAA,EACnB,gBAAgB,CAAC;AAAA,EACjB,mBAAmB,CAAC;AAAA,EACpB,gBAAgB,4BAA0B;AAAA,EAC1C,iBAAiB,4BAA0B;AAC7C,CAAC;AAGD,IAAO,2BAAQ;",
   "names": []
 }

package/dist/cjs/DataTableSchema.js

@@ -146,8 +146,6 @@ const DataTableSchema = {
   noResultsPlaceholder: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.func, import_ds_utilities.PropTypes.element]).description("Custom content to show when dataset is empty"),
   isLoading: import_ds_utilities.PropTypes.bool.description("Whether to show a global loader in the datatable"),
   onColumnResize: import_ds_utilities.PropTypes.func.description("Function invoked when a column is resized"),
-  isNoMoreDataAppended: import_ds_utilities.PropTypes.bool.description("Whether to show an appended message in the datatable for no more data"),
-  noMoreDataMessage: import_ds_utilities.PropTypes.string.description("The message to show when no more data is available"),
   onRowClick: import_ds_utilities.PropTypes.func.description("Function invoked when clicking a row"),
   onRowFocus: import_ds_utilities.PropTypes.func.description("Function invoked when focusing a row"),
   onCellValueChange: import_ds_utilities.PropTypes.func.description("Function invoked when an editable cell's content is changed"),

package/dist/cjs/DataTableSchema.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DataTableSchema.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport { PropTypes } from '@elliemae/ds-utilities';\n\nconst outOfTheBoxFilterType = PropTypes.oneOf([\n  'ds-filter-select',\n  'ds-filter-multi-select',\n  'ds-filter-single-date',\n  'ds-filter-date-range',\n  'ds-filter-number-range',\n]);\n\nconst textWrappingType = PropTypes.oneOf(['wrap', 'wrap-all', 'truncate']);\n\nconst columnPropTypes = {\n  Header: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.element]).description(\n    'Header name or component',\n  ).isRequired,\n  accessor: PropTypes.string.description('The entry of the data that this column will display'),\n  id: PropTypes.string.description('The id of the column, will default to the Header or accessor if not present'),\n  filter: outOfTheBoxFilterType.description('out-of-the-box filters'),\n  Filter: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description(\n    'The custom component to render as a filter',\n  ),\n  Cell: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('The custom cell renderer component'),\n  editable: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.element]).description(\n    'The editable out-of-the-box or component to render',\n  ),\n  disableDnD: PropTypes.bool.description('Whereas this column should be draggable'),\n  canResize: PropTypes.bool.description('Whereas this column should be resizable'),\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Width of this column'),\n  minWidth: PropTypes.number.description('Minimum width of this column, useful when resizing'),\n  maxWidth: PropTypes.number.description('Maximum width of this column, useful when resizing'),\n  canSort: PropTypes.bool.description('Whereas this column is sortable'),\n  isSortedDesc: PropTypes.bool.description('Whereas this column is sorted descendingly'),\n  required: PropTypes.bool.description('Whereas this column is required'),\n  alwaysDisplayEditIcon: PropTypes.bool.description(\n    'Whereas to always show the edit icon on this column if it is editable',\n  ),\n  textWrap: textWrappingType.description('How to wrap the text in the column'),\n};\n\nconst columnsPropTypes = PropTypes.shape(columnPropTypes).description('Columns props');\n\nconst rowPropTypes = {\n  tableRowDetails: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description('Component for row details'),\n  dimsumHeaderValue: PropTypes.string.description('Header displayed on the header variant of the row'),\n};\n\nconst rowsPropTypes = PropTypes.shape(rowPropTypes).description('Rows props');\n\nexport const DataTableSchema = {\n  columns: PropTypes.arrayOf(columnsPropTypes).description('Array of columns').isRequired,\n  data: PropTypes.arrayOf(rowsPropTypes).description('Array of rows'),\n  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Height of the datatable component'),\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Width of the datatable component'),\n  renderRowActions: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]).description(\n    'The renderer to use for the action toolbar',\n  ),\n  isExpandable: PropTypes.bool.description('Whether the datatable is expandable').defaultValue(false),\n  uniqueRowAccessor: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n    PropTypes.func,\n  ]).description(\n    'Column / Combination of columns / Function to call to produce a unique identifier for each row.' +\n      ' This is necessary for the selectable and drag and drop features',\n  ),\n  disabledRows: PropTypes.object.description(\n    'Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is disabled or not',\n  ),\n  expandedRows: PropTypes.object.description(\n    'Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is expanded or not',\n  ),\n  onRowExpand: PropTypes.func.description('Function invoked when a row is (un)expanded'),\n  cellRendererProps: PropTypes.object.description(\n    'Object with all the props you want the cells to have available when rendering',\n  ),\n  selectSingle: PropTypes.bool.description('Whether the selectable feature is single').defaultValue(false),\n  selection: PropTypes.object.description(\n    'Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is selected or not',\n  ),\n  onSelectionChange: PropTypes.func.description('Function invoked when a row is selected'),\n  groupedRowsRenderHeader: PropTypes.oneOfType([PropTypes.string, PropTypes.func]).description(\n    'String | Function to call which will display in the row headers',\n  ),\n  isResizeable: PropTypes.bool.description(\"Whether the datatable's columns are resizeable\"),\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string,\n      type: PropTypes.string,\n      value: PropTypes.any,\n    }),\n  ).description('Array of filter keys and values'),\n  withFilterBar: PropTypes.bool.description('Whether to display the filter bar'),\n  filterBarProps: PropTypes.shape({\n    filterBarAddonRenderer: PropTypes.func.description('Render filterbar right addon component'),\n    customPillRenderer: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description(\n      'If you specify custom filters, you will need to render their pills here',\n    ),\n    isDropdownMenuOpen: PropTypes.bool.description('Wether the DropdownMenu is Open or not.'),\n    onDropdownMenuToggle: PropTypes.func.description('Callback to toggle the DropdownMenu.'),\n    onClearAllFiltersClick: PropTypes.func.description('Callback for Clear Al Filters option.'),\n    onDropdownMenuClickOutside: PropTypes.func.description('Callback triggered when clicking outside DropdownMenu.'),\n    onDropdownMenuTriggerClick: PropTypes.func.description('Callback triggered when clicking DropdownMenu ellipsis.'),\n    extraOptions: PropTypes.arrayOf(\n      PropTypes.shape({\n        type: PropTypes.string,\n        id: PropTypes.string,\n        label: PropTypes.string,\n        onClick: PropTypes.func,\n      }),\n    ).description('Any extra option you want in the dropdownmenu of the filter bar'),\n  }).description('Props for the filter bar'),\n  onFiltersChange: PropTypes.func.description('Function invoked when filters change'),\n  pagination: PropTypes.oneOfType([\n    PropTypes.oneOf([false]),\n    PropTypes.shape({\n      pageCount: PropTypes.number.description('How many pages are there'),\n      pageIndex: PropTypes.number.description('Index of the current page, starting from 1').defaultValue(1),\n      canPreviousPage: PropTypes.bool.description('Whether the previous button is disabled or not').defaultValue(true),\n      canNextPage: PropTypes.bool.description('Whether the next button is disabled or not').defaultValue(true),\n      pageSize: PropTypes.number.description('The current page size').defaultValue(10),\n      showPerPageSelector: PropTypes.bool.description('Whether to show the page selector').defaultValue(true),\n      perPageOptions: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.number,\n          PropTypes.shape({\n            dsId: PropTypes.string,\n            value: PropTypes.number,\n            label: PropTypes.string,\n            type: PropTypes.oneOf(['single']),\n          }),\n        ]),\n      )\n        .description('The available options for page size')\n        .defaultValue([10]),\n      perPageStep: PropTypes.number.description('Step for the per page options').defaultValue(5),\n      minPerPage: PropTypes.number.description('Step for the per page options').defaultValue(0),\n      maxPerPage: PropTypes.number.description('Step for the per page options').defaultValue(100),\n      onPageSizeChange: PropTypes.func\n        .description('Function invoked when the page size changes')\n        .defaultValue(() => null),\n      onPreviousPage: PropTypes.func\n        .description('Function invoked when the previous button is pressed')\n        .defaultValue(() => null),\n      onPageChange: PropTypes.func.description('Function invoked when the page changes').defaultValue(() => null),\n      onNextPage: PropTypes.func.description('Function invoked when next button is pressed').defaultValue(() => null),\n      pageDetails: PropTypes.arrayOf(PropTypes.string).description('Details to provide for each page').defaultValue([]),\n      dataIsPage: PropTypes.bool.description('Whether to treat data as a page').defaultValue(false),\n      pageDetailsTitle: PropTypes.string\n        .description('The title of the details (usually a column of your dataset)')\n        .defaultValue(''),\n    }),\n  ]).description('Object containing the data for the pagination'),\n  colsLayoutStyle: PropTypes.oneOf(['auto', 'fixed']).description('Whether the datatable fills its container or not'),\n  hiddenColumns: PropTypes.arrayOf(PropTypes.string).description('IDs of columns not to render'),\n  dragAndDropRows: PropTypes.bool.description('Whether to turn on the d&d feature for the rows').defaultValue(false),\n  onRowsReorder: PropTypes.func.description('Function invoked when a row is reordered'),\n  maxDragAndDropLevel: PropTypes.number.description('Which level is the maximum allowed to drop into'),\n  dragAndDropColumns: PropTypes.bool.description('Whether to turn on the d&d feature for the columns'),\n  onColumnsReorder: PropTypes.func.description('Function invoked when a column is reordered'),\n  textWrap: textWrappingType.description('Global wrapping rule'),\n  noResultsMessage: PropTypes.string.description('Message to show when no more data is available'),\n  noResultsSecondaryMessage: PropTypes.string.description('Secondary message to show when no more data is available'),\n  noResultsButtonLabel: PropTypes.string.description('Label of the button when no more data is available'),\n  noResultsPlaceholder: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description(\n    'Custom content to show when dataset is empty',\n  ),\n  isLoading: PropTypes.bool.description('Whether to show a global loader in the datatable'),\n  onColumnResize: PropTypes.func.description('Function invoked when a column is resized'),\n  isNoMoreDataAppended: PropTypes.bool.description(\n    'Whether to show an appended message in the datatable for no more data',\n  ),\n  noMoreDataMessage: PropTypes.string.description('The message to show when no more data is available'),\n  onRowClick: PropTypes.func.description('Function invoked when clicking a row'),\n  onRowFocus: PropTypes.func.description('Function invoked when focusing a row'),\n  onCellValueChange: PropTypes.func.description(\"Function invoked when an editable cell's content is changed\"),\n  onColumnSortChange: PropTypes.func.description('Function invoked when a column is sorted'),\n  actionRef: PropTypes.object.description('Reference where all the exposed action callbacks will be exposed'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAA0B;AAE1B,MAAM,wBAAwB,8BAAU,MAAM;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAED,MAAM,mBAAmB,8BAAU,MAAM,CAAC,QAAQ,YAAY,UAAU,CAAC;AAEzE,MAAM,kBAAkB;AAAA,EACtB,QAAQ,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,8BAAU,OAAO,CAAC,EAAE,YACjF,0BACF,EAAE;AAAA,EACF,UAAU,8BAAU,OAAO,YAAY,qDAAqD;AAAA,EAC5F,IAAI,8BAAU,OAAO,YAAY,6EAA6E;AAAA,EAC9G,QAAQ,sBAAsB,YAAY,wBAAwB;AAAA,EAClE,QAAQ,8BAAU,UAAU,CAAC,8BAAU,MAAM,8BAAU,OAAO,CAAC,EAAE,YAC/D,4CACF;AAAA,EACA,MAAM,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,IAAI,CAAC,EAAE,YAAY,oCAAoC;AAAA,EAC9G,UAAU,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,8BAAU,OAAO,CAAC,EAAE,YACnF,oDACF;AAAA,EACA,YAAY,8BAAU,KAAK,YAAY,yCAAyC;AAAA,EAChF,WAAW,8BAAU,KAAK,YAAY,yCAAyC;AAAA,EAC/E,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAAY,sBAAsB;AAAA,EACnG,UAAU,8BAAU,OAAO,YAAY,oDAAoD;AAAA,EAC3F,UAAU,8BAAU,OAAO,YAAY,oDAAoD;AAAA,EAC3F,SAAS,8BAAU,KAAK,YAAY,iCAAiC;AAAA,EACrE,cAAc,8BAAU,KAAK,YAAY,4CAA4C;AAAA,EACrF,UAAU,8BAAU,KAAK,YAAY,iCAAiC;AAAA,EACtE,uBAAuB,8BAAU,KAAK,YACpC,uEACF;AAAA,EACA,UAAU,iBAAiB,YAAY,oCAAoC;AAC7E;AAEA,MAAM,mBAAmB,8BAAU,MAAM,eAAe,EAAE,YAAY,eAAe;AAErF,MAAM,eAAe;AAAA,EACnB,iBAAiB,8BAAU,UAAU,CAAC,8BAAU,MAAM,8BAAU,OAAO,CAAC,EAAE,YAAY,2BAA2B;AAAA,EACjH,mBAAmB,8BAAU,OAAO,YAAY,mDAAmD;AACrG;AAEA,MAAM,gBAAgB,8BAAU,MAAM,YAAY,EAAE,YAAY,YAAY;AAErE,MAAM,kBAAkB;AAAA,EAC7B,SAAS,8BAAU,QAAQ,gBAAgB,EAAE,YAAY,kBAAkB,EAAE;AAAA,EAC7E,MAAM,8BAAU,QAAQ,aAAa,EAAE,YAAY,eAAe;AAAA,EAClE,QAAQ,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAAY,mCAAmC;AAAA,EACjH,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAAY,kCAAkC;AAAA,EAC/G,kBAAkB,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,IAAI,CAAC,EAAE,YACxE,4CACF;AAAA,EACA,cAAc,8BAAU,KAAK,YAAY,qCAAqC,EAAE,aAAa,KAAK;AAAA,EAClG,mBAAmB,8BAAU,UAAU;AAAA,IACrC,8BAAU;AAAA,IACV,8BAAU,QAAQ,8BAAU,MAAM;AAAA,IAClC,8BAAU;AAAA,EACZ,CAAC,EAAE,YACD,iKAEF;AAAA,EACA,cAAc,8BAAU,OAAO,YAC7B,gHACF;AAAA,EACA,cAAc,8BAAU,OAAO,YAC7B,gHACF;AAAA,EACA,aAAa,8BAAU,KAAK,YAAY,6CAA6C;AAAA,EACrF,mBAAmB,8BAAU,OAAO,YAClC,+EACF;AAAA,EACA,cAAc,8BAAU,KAAK,YAAY,0CAA0C,EAAE,aAAa,KAAK;AAAA,EACvG,WAAW,8BAAU,OAAO,YAC1B,gHACF;AAAA,EACA,mBAAmB,8BAAU,KAAK,YAAY,yCAAyC;AAAA,EACvF,yBAAyB,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,IAAI,CAAC,EAAE,YAC/E,iEACF;AAAA,EACA,cAAc,8BAAU,KAAK,YAAY,gDAAgD;AAAA,EACzF,SAAS,8BAAU,QACjB,8BAAU,MAAM;AAAA,IACd,IAAI,8BAAU;AAAA,IACd,MAAM,8BAAU;AAAA,IAChB,OAAO,8BAAU;AAAA,EACnB,CAAC,CACH,EAAE,YAAY,iCAAiC;AAAA,EAC/C,eAAe,8BAAU,KAAK,YAAY,mCAAmC;AAAA,EAC7E,gBAAgB,8BAAU,MAAM;AAAA,IAC9B,wBAAwB,8BAAU,KAAK,YAAY,wCAAwC;AAAA,IAC3F,oBAAoB,8BAAU,UAAU,CAAC,8BAAU,MAAM,8BAAU,OAAO,CAAC,EAAE,YAC3E,yEACF;AAAA,IACA,oBAAoB,8BAAU,KAAK,YAAY,yCAAyC;AAAA,IACxF,sBAAsB,8BAAU,KAAK,YAAY,sCAAsC;AAAA,IACvF,wBAAwB,8BAAU,KAAK,YAAY,uCAAuC;AAAA,IAC1F,4BAA4B,8BAAU,KAAK,YAAY,wDAAwD;AAAA,IAC/G,4BAA4B,8BAAU,KAAK,YAAY,yDAAyD;AAAA,IAChH,cAAc,8BAAU,QACtB,8BAAU,MAAM;AAAA,MACd,MAAM,8BAAU;AAAA,MAChB,IAAI,8BAAU;AAAA,MACd,OAAO,8BAAU;AAAA,MACjB,SAAS,8BAAU;AAAA,IACrB,CAAC,CACH,EAAE,YAAY,iEAAiE;AAAA,EACjF,CAAC,EAAE,YAAY,0BAA0B;AAAA,EACzC,iBAAiB,8BAAU,KAAK,YAAY,sCAAsC;AAAA,EAClF,YAAY,8BAAU,UAAU;AAAA,IAC9B,8BAAU,MAAM,CAAC,KAAK,CAAC;AAAA,IACvB,8BAAU,MAAM;AAAA,MACd,WAAW,8BAAU,OAAO,YAAY,0BAA0B;AAAA,MAClE,WAAW,8BAAU,OAAO,YAAY,4CAA4C,EAAE,aAAa,CAAC;AAAA,MACpG,iBAAiB,8BAAU,KAAK,YAAY,gDAAgD,EAAE,aAAa,IAAI;AAAA,MAC/G,aAAa,8BAAU,KAAK,YAAY,4CAA4C,EAAE,aAAa,IAAI;AAAA,MACvG,UAAU,8BAAU,OAAO,YAAY,uBAAuB,EAAE,aAAa,EAAE;AAAA,MAC/E,qBAAqB,8BAAU,KAAK,YAAY,mCAAmC,EAAE,aAAa,IAAI;AAAA,MACtG,gBAAgB,8BAAU,QACxB,8BAAU,UAAU;AAAA,QAClB,8BAAU;AAAA,QACV,8BAAU,MAAM;AAAA,UACd,MAAM,8BAAU;AAAA,UAChB,OAAO,8BAAU;AAAA,UACjB,OAAO,8BAAU;AAAA,UACjB,MAAM,8BAAU,MAAM,CAAC,QAAQ,CAAC;AAAA,QAClC,CAAC;AAAA,MACH,CAAC,CACH,EACG,YAAY,qCAAqC,EACjD,aAAa,CAAC,EAAE,CAAC;AAAA,MACpB,aAAa,8BAAU,OAAO,YAAY,+BAA+B,EAAE,aAAa,CAAC;AAAA,MACzF,YAAY,8BAAU,OAAO,YAAY,+BAA+B,EAAE,aAAa,CAAC;AAAA,MACxF,YAAY,8BAAU,OAAO,YAAY,+BAA+B,EAAE,aAAa,GAAG;AAAA,MAC1F,kBAAkB,8BAAU,KACzB,YAAY,6CAA6C,EACzD,aAAa,MAAM,IAAI;AAAA,MAC1B,gBAAgB,8BAAU,KACvB,YAAY,sDAAsD,EAClE,aAAa,MAAM,IAAI;AAAA,MAC1B,cAAc,8BAAU,KAAK,YAAY,wCAAwC,EAAE,aAAa,MAAM,IAAI;AAAA,MAC1G,YAAY,8BAAU,KAAK,YAAY,8CAA8C,EAAE,aAAa,MAAM,IAAI;AAAA,MAC9G,aAAa,8BAAU,QAAQ,8BAAU,MAAM,EAAE,YAAY,kCAAkC,EAAE,aAAa,CAAC,CAAC;AAAA,MAChH,YAAY,8BAAU,KAAK,YAAY,iCAAiC,EAAE,aAAa,KAAK;AAAA,MAC5F,kBAAkB,8BAAU,OACzB,YAAY,6DAA6D,EACzE,aAAa,EAAE;AAAA,IACpB,CAAC;AAAA,EACH,CAAC,EAAE,YAAY,+CAA+C;AAAA,EAC9D,iBAAiB,8BAAU,MAAM,CAAC,QAAQ,OAAO,CAAC,EAAE,YAAY,kDAAkD;AAAA,EAClH,eAAe,8BAAU,QAAQ,8BAAU,MAAM,EAAE,YAAY,8BAA8B;AAAA,EAC7F,iBAAiB,8BAAU,KAAK,YAAY,iDAAiD,EAAE,aAAa,KAAK;AAAA,EACjH,eAAe,8BAAU,KAAK,YAAY,0CAA0C;AAAA,EACpF,qBAAqB,8BAAU,OAAO,YAAY,iDAAiD;AAAA,EACnG,oBAAoB,8BAAU,KAAK,YAAY,oDAAoD;AAAA,EACnG,kBAAkB,8BAAU,KAAK,YAAY,6CAA6C;AAAA,EAC1F,UAAU,iBAAiB,YAAY,sBAAsB;AAAA,EAC7D,kBAAkB,8BAAU,OAAO,YAAY,gDAAgD;AAAA,EAC/F,2BAA2B,8BAAU,OAAO,YAAY,0DAA0D;AAAA,EAClH,sBAAsB,8BAAU,OAAO,YAAY,oDAAoD;AAAA,EACvG,sBAAsB,8BAAU,UAAU,CAAC,8BAAU,MAAM,8BAAU,OAAO,CAAC,EAAE,YAC7E,8CACF;AAAA,EACA,WAAW,8BAAU,KAAK,YAAY,kDAAkD;AAAA,EACxF,gBAAgB,8BAAU,KAAK,YAAY,2CAA2C;AAAA,EACtF,sBAAsB,8BAAU,KAAK,YACnC,uEACF;AAAA,EACA,mBAAmB,8BAAU,OAAO,YAAY,oDAAoD;AAAA,EACpG,YAAY,8BAAU,KAAK,YAAY,sCAAsC;AAAA,EAC7E,YAAY,8BAAU,KAAK,YAAY,sCAAsC;AAAA,EAC7E,mBAAmB,8BAAU,KAAK,YAAY,6DAA6D;AAAA,EAC3G,oBAAoB,8BAAU,KAAK,YAAY,0CAA0C;AAAA,EACzF,WAAW,8BAAU,OAAO,YAAY,kEAAkE;AAC5G;",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport { PropTypes } from '@elliemae/ds-utilities';\nimport { WeakValidationMap } from 'react';\n\nconst outOfTheBoxFilterType = PropTypes.oneOf([\n  'ds-filter-select',\n  'ds-filter-multi-select',\n  'ds-filter-single-date',\n  'ds-filter-date-range',\n  'ds-filter-number-range',\n]);\n\nconst textWrappingType = PropTypes.oneOf(['wrap', 'wrap-all', 'truncate']);\n\nconst columnPropTypes = {\n  Header: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.element]).description(\n    'Header name or component',\n  ).isRequired,\n  accessor: PropTypes.string.description('The entry of the data that this column will display'),\n  id: PropTypes.string.description('The id of the column, will default to the Header or accessor if not present'),\n  filter: outOfTheBoxFilterType.description('out-of-the-box filters'),\n  Filter: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description(\n    'The custom component to render as a filter',\n  ),\n  Cell: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('The custom cell renderer component'),\n  editable: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.element]).description(\n    'The editable out-of-the-box or component to render',\n  ),\n  disableDnD: PropTypes.bool.description('Whereas this column should be draggable'),\n  canResize: PropTypes.bool.description('Whereas this column should be resizable'),\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Width of this column'),\n  minWidth: PropTypes.number.description('Minimum width of this column, useful when resizing'),\n  maxWidth: PropTypes.number.description('Maximum width of this column, useful when resizing'),\n  canSort: PropTypes.bool.description('Whereas this column is sortable'),\n  isSortedDesc: PropTypes.bool.description('Whereas this column is sorted descendingly'),\n  required: PropTypes.bool.description('Whereas this column is required'),\n  alwaysDisplayEditIcon: PropTypes.bool.description(\n    'Whereas to always show the edit icon on this column if it is editable',\n  ),\n  textWrap: textWrappingType.description('How to wrap the text in the column'),\n};\n\nconst columnsPropTypes = PropTypes.shape(columnPropTypes).description('Columns props');\n\nconst rowPropTypes = {\n  tableRowDetails: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description('Component for row details'),\n  dimsumHeaderValue: PropTypes.string.description('Header displayed on the header variant of the row'),\n};\n\nconst rowsPropTypes = PropTypes.shape(rowPropTypes).description('Rows props');\n\nexport const DataTableSchema = {\n  columns: PropTypes.arrayOf(columnsPropTypes).description('Array of columns').isRequired,\n  data: PropTypes.arrayOf(rowsPropTypes).description('Array of rows'),\n  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Height of the datatable component'),\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Width of the datatable component'),\n  renderRowActions: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]).description(\n    'The renderer to use for the action toolbar',\n  ),\n  isExpandable: PropTypes.bool.description('Whether the datatable is expandable').defaultValue(false),\n  uniqueRowAccessor: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n    PropTypes.func,\n  ]).description(\n    'Column / Combination of columns / Function to call to produce a unique identifier for each row.' +\n      ' This is necessary for the selectable and drag and drop features',\n  ),\n  disabledRows: PropTypes.object.description(\n    'Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is disabled or not',\n  ),\n  expandedRows: PropTypes.object.description(\n    'Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is expanded or not',\n  ),\n  onRowExpand: PropTypes.func.description('Function invoked when a row is (un)expanded'),\n  cellRendererProps: PropTypes.object.description(\n    'Object with all the props you want the cells to have available when rendering',\n  ),\n  selectSingle: PropTypes.bool.description('Whether the selectable feature is single').defaultValue(false),\n  selection: PropTypes.object.description(\n    'Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is selected or not',\n  ),\n  onSelectionChange: PropTypes.func.description('Function invoked when a row is selected'),\n  groupedRowsRenderHeader: PropTypes.oneOfType([PropTypes.string, PropTypes.func]).description(\n    'String | Function to call which will display in the row headers',\n  ),\n  isResizeable: PropTypes.bool.description(\"Whether the datatable's columns are resizeable\"),\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string,\n      type: PropTypes.string,\n      value: PropTypes.any,\n    }),\n  ).description('Array of filter keys and values'),\n  withFilterBar: PropTypes.bool.description('Whether to display the filter bar'),\n  filterBarProps: PropTypes.shape({\n    filterBarAddonRenderer: PropTypes.func.description('Render filterbar right addon component'),\n    customPillRenderer: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description(\n      'If you specify custom filters, you will need to render their pills here',\n    ),\n    isDropdownMenuOpen: PropTypes.bool.description('Wether the DropdownMenu is Open or not.'),\n    onDropdownMenuToggle: PropTypes.func.description('Callback to toggle the DropdownMenu.'),\n    onClearAllFiltersClick: PropTypes.func.description('Callback for Clear Al Filters option.'),\n    onDropdownMenuClickOutside: PropTypes.func.description('Callback triggered when clicking outside DropdownMenu.'),\n    onDropdownMenuTriggerClick: PropTypes.func.description('Callback triggered when clicking DropdownMenu ellipsis.'),\n    extraOptions: PropTypes.arrayOf(\n      PropTypes.shape({\n        type: PropTypes.string,\n        id: PropTypes.string,\n        label: PropTypes.string,\n        onClick: PropTypes.func,\n      }),\n    ).description('Any extra option you want in the dropdownmenu of the filter bar'),\n  }).description('Props for the filter bar'),\n  onFiltersChange: PropTypes.func.description('Function invoked when filters change'),\n  pagination: PropTypes.oneOfType([\n    PropTypes.oneOf([false]),\n    PropTypes.shape({\n      pageCount: PropTypes.number.description('How many pages are there'),\n      pageIndex: PropTypes.number.description('Index of the current page, starting from 1').defaultValue(1),\n      canPreviousPage: PropTypes.bool.description('Whether the previous button is disabled or not').defaultValue(true),\n      canNextPage: PropTypes.bool.description('Whether the next button is disabled or not').defaultValue(true),\n      pageSize: PropTypes.number.description('The current page size').defaultValue(10),\n      showPerPageSelector: PropTypes.bool.description('Whether to show the page selector').defaultValue(true),\n      perPageOptions: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.number,\n          PropTypes.shape({\n            dsId: PropTypes.string,\n            value: PropTypes.number,\n            label: PropTypes.string,\n            type: PropTypes.oneOf(['single']),\n          }),\n        ]),\n      )\n        .description('The available options for page size')\n        .defaultValue([10]),\n      perPageStep: PropTypes.number.description('Step for the per page options').defaultValue(5),\n      minPerPage: PropTypes.number.description('Step for the per page options').defaultValue(0),\n      maxPerPage: PropTypes.number.description('Step for the per page options').defaultValue(100),\n      onPageSizeChange: PropTypes.func\n        .description('Function invoked when the page size changes')\n        .defaultValue(() => null),\n      onPreviousPage: PropTypes.func\n        .description('Function invoked when the previous button is pressed')\n        .defaultValue(() => null),\n      onPageChange: PropTypes.func.description('Function invoked when the page changes').defaultValue(() => null),\n      onNextPage: PropTypes.func.description('Function invoked when next button is pressed').defaultValue(() => null),\n      pageDetails: PropTypes.arrayOf(PropTypes.string).description('Details to provide for each page').defaultValue([]),\n      dataIsPage: PropTypes.bool.description('Whether to treat data as a page').defaultValue(false),\n      pageDetailsTitle: PropTypes.string\n        .description('The title of the details (usually a column of your dataset)')\n        .defaultValue(''),\n    }),\n  ]).description('Object containing the data for the pagination'),\n  colsLayoutStyle: PropTypes.oneOf(['auto', 'fixed']).description('Whether the datatable fills its container or not'),\n  hiddenColumns: PropTypes.arrayOf(PropTypes.string).description('IDs of columns not to render'),\n  dragAndDropRows: PropTypes.bool.description('Whether to turn on the d&d feature for the rows').defaultValue(false),\n  onRowsReorder: PropTypes.func.description('Function invoked when a row is reordered'),\n  maxDragAndDropLevel: PropTypes.number.description('Which level is the maximum allowed to drop into'),\n  dragAndDropColumns: PropTypes.bool.description('Whether to turn on the d&d feature for the columns'),\n  onColumnsReorder: PropTypes.func.description('Function invoked when a column is reordered'),\n  textWrap: textWrappingType.description('Global wrapping rule'),\n  noResultsMessage: PropTypes.string.description('Message to show when no more data is available'),\n  noResultsSecondaryMessage: PropTypes.string.description('Secondary message to show when no more data is available'),\n  noResultsButtonLabel: PropTypes.string.description('Label of the button when no more data is available'),\n  noResultsPlaceholder: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description(\n    'Custom content to show when dataset is empty',\n  ),\n  isLoading: PropTypes.bool.description('Whether to show a global loader in the datatable'),\n  onColumnResize: PropTypes.func.description('Function invoked when a column is resized'),\n  onRowClick: PropTypes.func.description('Function invoked when clicking a row'),\n  onRowFocus: PropTypes.func.description('Function invoked when focusing a row'),\n  onCellValueChange: PropTypes.func.description(\"Function invoked when an editable cell's content is changed\"),\n  onColumnSortChange: PropTypes.func.description('Function invoked when a column is sorted'),\n  actionRef: PropTypes.object.description('Reference where all the exposed action callbacks will be exposed'),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/addons/Columns/ColumnAction/ColumnAction.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/addons/Columns/ColumnAction/ColumnAction.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { memo } from 'react';\nimport { TypescriptColumn, TypescriptRenderRowActionsConfig } from '../../../types/props';\ntype configurableColumn = (renderRowActions: TypescriptRenderRowActionsConfig) => TypescriptColumn;\nexport const actionColumn: configurableColumn = (renderRowActions) => ({\n  Header: ' ',\n  id: 'rowActions',\n  width: renderRowActions.columnWidth,\n  style: {\n    overflow: 'visible',\n  },\n  // memo typing is broken?\n  Cell: memo((props) => renderRowActions.renderer(props)),\n  canResize: false,\n  disableDnD: true,\n  isFocuseable: false,\n});\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAqB;AAGd,MAAM,eAAmC,CAAC,qBAAsB;AAAA,EACrE,QAAQ;AAAA,EACR,IAAI;AAAA,EACJ,OAAO,iBAAiB;AAAA,EACxB,OAAO;AAAA,IACL,UAAU;AAAA,EACZ;AAAA,EAEA,MAAM,uBAAK,CAAC,UAAU,iBAAiB,SAAS,KAAK,CAAC;AAAA,EACtD,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAChB;",
+  "sourcesContent": ["import { memo } from 'react';\nimport { TypescriptColumn, TypescriptRenderRowActionsConfig } from '../../../types/props';\ntype ConfigurableColumn = (renderRowActions: TypescriptRenderRowActionsConfig) => TypescriptColumn;\n\nexport const actionColumn: ConfigurableColumn = (renderRowActions) => ({\n  Header: ' ',\n  id: 'rowActions',\n  width: renderRowActions.columnWidth,\n  style: {\n    overflow: 'visible',\n  },\n  // memo typing is broken?\n  Cell: memo((props) => renderRowActions.renderer(props)),\n  canResize: false,\n  disableDnD: true,\n  isFocuseable: false,\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAqB;AAId,MAAM,eAAmC,CAAC,qBAAsB;AAAA,EACrE,QAAQ;AAAA,EACR,IAAI;AAAA,EACJ,OAAO,iBAAiB;AAAA,EACxB,OAAO;AAAA,IACL,UAAU;AAAA,EACZ;AAAA,EAEA,MAAM,uBAAK,CAAC,UAAU,iBAAiB,SAAS,KAAK,CAAC;AAAA,EACtD,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAChB;",
   "names": []
 }

package/dist/cjs/addons/Columns/ColumnDragHandle/ColumnDragHandle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/addons/Columns/ColumnDragHandle/ColumnDragHandle.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { DnDHandle } from '../../../parts';\nimport { StyledFocusWithin } from '../../../styled';\n\nimport { TypescriptColumn } from '../../../types/props';\n\nexport const dragHandleColumn: TypescriptColumn = {\n  // Build our singleSelecter column\n  id: 'dragHandleColumn', // Make sure it has an ID\n  // The header doesn't need anything for single selection\n  Header: () => <div />,\n  Cell: ({ row, isRowSelected, cell, isDragOverlay, draggableProps }) => (\n    <StyledFocusWithin\n      style={{ width: '100%', height: '100%' }}\n      hideFocus={draggableProps && draggableProps.isDragging}\n    >\n      <DnDHandle\n        id={row.uid}\n        key={row.uid}\n        isReachable={isRowSelected}\n        innerRef={(_ref) => {\n          if (!isDragOverlay) cell.ref.current = _ref;\n        }}\n        isDragOverlay={isDragOverlay}\n      />\n    </StyledFocusWithin>\n  ),\n  textWrap: 'wrap-all',\n  width: 24,\n  padding: 4,\n  canResize: false,\n  disableDnD: true,\n  isFocuseable: false,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,mBAA0B;AAC1B,oBAAkC;AAI3B,MAAM,mBAAqC;AAAA,EAEhD,IAAI;AAAA,EAEJ,QAAQ,MAAM,mDAAC,WAAI;AAAA,EACnB,MAAM,CAAC,EAAE,KAAK,eAAe,MAAM,eAAe,qBAChD,mDAAC;AAAA,IACC,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO;AAAA,IACvC,WAAW,kBAAkB,eAAe;AAAA,KAE5C,mDAAC;AAAA,IACC,IAAI,IAAI;AAAA,IACR,KAAK,IAAI;AAAA,IACT,aAAa;AAAA,IACb,UAAU,CAAC,SAAS;AAClB,UAAI,CAAC;AAAe,aAAK,IAAI,UAAU;AAAA,IACzC;AAAA,IACA;AAAA,GACF,CACF;AAAA,EAEF,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAChB;",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { DnDHandle } from '../../../parts';\nimport { StyledFocusWithin } from '../../../styled';\nimport { TypescriptColumn } from '../../../types/props';\n\nexport const dragHandleColumn: TypescriptColumn<HTMLDivElement> = {\n  // Build our singleSelecter column\n  id: 'dragHandleColumn', // Make sure it has an ID\n  // The header doesn't need anything for single selection\n  Header: () => <div />,\n  Cell: ({ row, isRowSelected, cell, isDragOverlay, draggableProps }) => (\n    <StyledFocusWithin\n      style={{ width: '100%', height: '100%' }}\n      hideFocus={draggableProps && draggableProps.isDragging}\n    >\n      <DnDHandle\n        id={row.uid}\n        key={row.uid}\n        isReachable={isRowSelected}\n        innerRef={(_ref) => {\n          if (!isDragOverlay) cell.ref.current = _ref;\n        }}\n        isDragOverlay={isDragOverlay}\n      />\n    </StyledFocusWithin>\n  ),\n  textWrap: 'wrap-all',\n  width: 24,\n  padding: 4,\n  canResize: false,\n  disableDnD: true,\n  isFocuseable: false,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,mBAA0B;AAC1B,oBAAkC;AAG3B,MAAM,mBAAqD;AAAA,EAEhE,IAAI;AAAA,EAEJ,QAAQ,MAAM,mDAAC,WAAI;AAAA,EACnB,MAAM,CAAC,EAAE,KAAK,eAAe,MAAM,eAAe,qBAChD,mDAAC;AAAA,IACC,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO;AAAA,IACvC,WAAW,kBAAkB,eAAe;AAAA,KAE5C,mDAAC;AAAA,IACC,IAAI,IAAI;AAAA,IACR,KAAK,IAAI;AAAA,IACT,aAAa;AAAA,IACb,UAAU,CAAC,SAAS;AAClB,UAAI,CAAC;AAAe,aAAK,IAAI,UAAU;AAAA,IACzC;AAAA,IACA;AAAA,GACF,CACF;AAAA,EAEF,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAChB;",
   "names": []
 }

package/dist/cjs/addons/Columns/ColumnExpand/ColumnExpand.js

@@ -43,6 +43,24 @@ const StyledSpan = import_ds_system.styled.span`
 
   ${({ disabled }) => disabled && disabledCaret}
 `;
+const ArrowDown = ({ color = ["brand-primary", "600"], ...rest }) => /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadDown, {
+  size: "s",
+  color,
+  "data-testid": import_constants.DATA_TESTID.DATA_TABLE_ICON_ARROW_DOWN,
+  ...rest
+});
+const ArrowMixed = () => /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadRight, {
+  size: "s",
+  color: ["brand-primary", "600"],
+  "data-testid": import_constants.DATA_TESTID.DATA_TABLE_ICON_ARROW_MIXED,
+  style: { transform: "rotate(45deg)" }
+});
+const ArrowRight = ({ color = ["brand-primary", "600"], ...rest }) => /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadRight, {
+  size: "s",
+  color,
+  "data-testid": import_constants.DATA_TESTID.DATA_TABLE_ICON_ARROW_RIGHT,
+  ...rest
+});
 const expandRowColumn = {
   id: "expander",
   accessor: "expandRowColumn",
@@ -54,7 +72,8 @@ const expandRowColumn = {
     const allExpandable = (0, import_react.useMemo)(() => {
       const expandable = {};
       allDataFlattened.forEach((row) => {
-        if (!disabledRows[row.uid] && (row.original.subRows || row.original.tableRowDetails || row.original.dimsumHeaderValue))
+        const isExpandableRow = row.original.subRows || row.original.tableRowDetails || row.original.dimsumHeaderValue;
+        if (!disabledRows[row.uid] && isExpandableRow)
           expandable[row.uid] = true;
       });
       return expandable;
@@ -66,38 +85,25 @@ const expandRowColumn = {
       else
         onRowExpand({ ...allExpandable }, "All");
     }, [allExpandable, isAllRowsExpanded, onRowExpand]);
+    const onKeyDownHandler = (0, import_react.useCallback)((e) => {
+      if (["Enter", "Space"].includes(e.code)) {
+        onExpandedAllHandler();
+        e.preventDefault();
+      }
+    }, [onExpandedAllHandler]);
     const GlobalExpandIcon = (0, import_react.useMemo)(() => {
       if (isAllRowsExpanded)
-        return /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadDown, {
-          size: "s",
-          color: ["brand-primary", "600"],
-          "data-testid": import_constants.DATA_TESTID.DATA_TABLE_ICON_ARROW_DOWN
-        });
-      if (Object.keys(expandedRows).length) {
-        return /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadRight, {
-          size: "s",
-          color: ["brand-primary", "600"],
-          "data-testid": import_constants.DATA_TESTID.DATA_TABLE_ICON_ARROW_MIXED,
-          style: { transform: "rotate(45deg)" }
-        });
-      }
-      return /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadRight, {
-        size: "s",
-        color: ["brand-primary", "600"],
-        "data-testid": import_constants.DATA_TESTID.DATA_TABLE_ICON_ARROW_RIGHT
-      });
+        return /* @__PURE__ */ import_react.default.createElement(ArrowDown, null);
+      if (Object.keys(expandedRows).length)
+        return /* @__PURE__ */ import_react.default.createElement(ArrowMixed, null);
+      return /* @__PURE__ */ import_react.default.createElement(ArrowRight, null);
     }, [expandedRows, isAllRowsExpanded]);
     return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledFocusWithin, null, /* @__PURE__ */ import_react.default.createElement(StyledSpan, {
       role: "button",
       tabIndex: 0,
       title: "Toggle All Rows Expanded",
       onClick: onExpandedAllHandler,
-      onKeyDown: (e) => {
-        if (["Enter", "Space"].includes(e.code)) {
-          onExpandedAllHandler();
-          e.preventDefault();
-        }
-      },
+      onKeyDown: onKeyDownHandler,
       "data-testid": import_constants.DATA_TESTID.DATA_TABLE_GLOBAL_EXPAND_CELL,
       "aria-expanded": isAllRowsExpanded,
       style: { width: "24px", height: "24px" }
@@ -108,9 +114,11 @@ const expandRowColumn = {
       tableProps: { dragAndDropRows, expandedRows, onRowExpand, disabledRows }
     } = ctx;
     const uniqueId = row.uid;
-    const isExpanded = expandedRows[uniqueId];
-    const shouldPrintCaret = row.original.subRows?.length && row.depth === 0 || row.original.tableRowDetails || row.original.dimsumHeaderValue;
+    const isExpanded = !!expandedRows[uniqueId];
+    const shouldPrintCaret = (0, import_react.useMemo)(() => row.original.subRows?.length && row.depth === 0 || row.original.tableRowDetails || row.original.dimsumHeaderValue, [row.depth, row.original.dimsumHeaderValue, row.original.subRows?.length, row.original.tableRowDetails]);
     const onRowExpandHandler = (0, import_react.useCallback)((e) => {
+      if (disabledRows[row.uid])
+        return;
       e.stopPropagation();
       if (expandedRows[uniqueId]) {
         delete expandedRows[uniqueId];
@@ -118,8 +126,14 @@ const expandRowColumn = {
         expandedRows[uniqueId] = true;
       }
       onRowExpand({ ...expandedRows }, uniqueId);
-    }, [expandedRows, uniqueId, onRowExpand]);
-    const isDragging = draggableProps ? draggableProps.isDragging : false;
+    }, [disabledRows, row.uid, expandedRows, uniqueId, onRowExpand]);
+    const onKeyDownHandler = (0, import_react.useCallback)((e) => {
+      if (["Enter", "Space"].includes(e.code)) {
+        e.preventDefault();
+        onRowExpandHandler(e);
+      }
+    }, [onRowExpandHandler]);
+    const isDragging = draggableProps && draggableProps.isDragging;
     const isDragOverlay = dragAndDropRows && !draggableProps;
     const indentStyle = (0, import_react.useMemo)(() => ({
       marginLeft: `${row.depth * 32}px`,
@@ -131,53 +145,40 @@ const expandRowColumn = {
       display: "flex",
       alignItems: "center"
     }), [row.depth]);
-    const rowProps = (0, import_react.useMemo)(() => ({
-      role: "button",
-      key: `${row.uid}-expand-button`,
-      title: "Toggle Row Expanded",
-      onClick: !disabledRows[row.uid] ? onRowExpandHandler : void 0,
-      onKeyDown: (e) => {
-        if (["Enter", "Space"].includes(e.code)) {
-          e.preventDefault();
-          onRowExpandHandler(e);
-        }
-      },
-      ref: cell.ref,
-      tabIndex: isRowSelected && !disabledRows[row.uid] ? 0 : -1,
-      "data-testid": "data-table-row-expand-cell",
-      "aria-expanded": isExpanded,
-      isRightArrow: !isExpanded || isDragging || isDragOverlay,
-      disabled: disabledRows[row.uid]
-    }), [row.uid, disabledRows, onRowExpandHandler, cell.ref, isRowSelected, isExpanded, isDragging, isDragOverlay]);
-    const PureCaretIcon = (0, import_react.useMemo)(() => isExpanded && !isDragging && !isDragOverlay ? /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadDown, {
-      "data-is-col-expanded": isExpanded,
-      "data-role": "row-expander-col",
-      size: "s",
-      color: disabledRows[row.uid] ? ["neutral", "400"] : ["brand-primary", "600"],
-      "data-testid": import_constants.DATA_TESTID.DATA_TABLE_ICON_ARROW_DOWN
-    }) : /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadRight, {
-      "data-is-col-expanded": isExpanded,
-      "data-role": "row-expander-col",
-      size: "s",
-      color: disabledRows[row.uid] ? ["neutral", "400"] : ["brand-primary", "600"],
-      "data-testid": import_constants.DATA_TESTID.DATA_TABLE_ICON_ARROW_RIGHT
-    }), [isExpanded, isDragging, isDragOverlay, disabledRows, row.uid]);
-    const ChildIcon = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowShortReturn, {
-      size: "s",
-      "data-testid": import_constants.DATA_TESTID.DATA_TABLE_ICON_CHILD,
-      style: { transform: "rotate(90deg) scaleY(-1)" },
-      color: ["brand-primary", "600"]
-    }), []);
+    const PureCaretIcon = (0, import_react.useMemo)(() => {
+      const Caret = isExpanded && !isDragging && !isDragOverlay ? ArrowDown : ArrowRight;
+      return /* @__PURE__ */ import_react.default.createElement(Caret, {
+        "data-is-col-expanded": isExpanded,
+        "data-role": "row-expander-col",
+        color: disabledRows[row.uid] ? ["neutral", "400"] : ["brand-primary", "600"]
+      });
+    }, [isExpanded, isDragging, isDragOverlay, disabledRows, row.uid]);
     if (shouldPrintCaret)
       return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledFocusWithin, {
         style: indentStyle
       }, /* @__PURE__ */ import_react.default.createElement(StyledSpan, {
-        ...rowProps
+        role: "button",
+        key: `${row.uid}-expand-button`,
+        title: "Toggle Row Expanded",
+        onClick: onRowExpandHandler,
+        onKeyDown: onKeyDownHandler,
+        ref: cell.ref,
+        tabIndex: isRowSelected && !disabledRows[row.uid] ? 0 : -1,
+        "data-testid": "data-table-row-expand-cell",
+        "aria-expanded": isExpanded,
+        isRightArrow: !isExpanded || isDragging || isDragOverlay,
+        disabled: disabledRows[row.uid],
+        "aria-disabled": disabledRows[row.uid]
       }, PureCaretIcon));
     if (row.depth !== 0)
       return /* @__PURE__ */ import_react.default.createElement("span", {
         style: indentStyle
-      }, ChildIcon);
+      }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowShortReturn, {
+        size: "s",
+        "data-testid": import_constants.DATA_TESTID.DATA_TABLE_ICON_CHILD,
+        style: { transform: "rotate(90deg) scaleY(-1)" },
+        color: ["brand-primary", "600"]
+      }));
     return /* @__PURE__ */ import_react.default.createElement("div", {
       style: { width: "36px" }
     });

package/dist/cjs/addons/Columns/ColumnExpand/ColumnExpand.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/addons/Columns/ColumnExpand/ColumnExpand.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useMemo, useCallback } from 'react';\nimport { ArrowheadDown, ArrowheadRight, ArrowShortReturn } from '@elliemae/ds-icons';\nimport { styled, css } from '@elliemae/ds-system';\nimport { TypescriptColumn } from '../../../types/props';\nimport { StyledFocusWithin } from '../../../styled';\nimport { DATA_TESTID } from '../../../configs/constants';\n\nconst disabledCaret = css`\n  cursor: not-allowed;\n`;\nconst StyledSpan = styled.span<{ disabled: boolean }>`\n  cursor: pointer;\n  box-sizing: border-box;\n  outline: none;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  ${({ disabled }) => disabled && disabledCaret}\n`;\n\nexport const expandRowColumn: TypescriptColumn = {\n  // Build our expander column\n  id: 'expander', // Make sure it has an ID\n  accessor: 'expandRowColumn',\n  Header: ({ ctx }) => {\n    const {\n      tableProps: { expandedRows, onRowExpand, disabledRows },\n      allDataFlattened,\n    } = ctx;\n\n    const allExpandable = useMemo(() => {\n      const expandable = {};\n      allDataFlattened.forEach((row) => {\n        if (\n          !disabledRows[row.uid] &&\n          (row.original.subRows || row.original.tableRowDetails || row.original.dimsumHeaderValue)\n        )\n          expandable[row.uid] = true;\n      });\n      return expandable;\n    }, [allDataFlattened, disabledRows]);\n\n    const isAllRowsExpanded = useMemo(\n      () => Object.keys(allExpandable).length === Object.keys(expandedRows).length,\n      [allExpandable, expandedRows],\n    );\n\n    const onExpandedAllHandler = useCallback(() => {\n      if (isAllRowsExpanded) onRowExpand({}, 'All');\n      else onRowExpand({ ...allExpandable }, 'All');\n    }, [allExpandable, isAllRowsExpanded, onRowExpand]);\n\n    const GlobalExpandIcon = useMemo(() => {\n      if (isAllRowsExpanded)\n        return (\n          <ArrowheadDown\n            size=\"s\"\n            color={['brand-primary', '600']}\n            data-testid={DATA_TESTID.DATA_TABLE_ICON_ARROW_DOWN}\n          />\n        );\n\n      // Mixed\n      if (Object.keys(expandedRows).length) {\n        return (\n          <ArrowheadRight\n            size=\"s\"\n            color={['brand-primary', '600']}\n            data-testid={DATA_TESTID.DATA_TABLE_ICON_ARROW_MIXED}\n            style={{ transform: 'rotate(45deg)' }}\n          />\n        );\n      }\n      return (\n        <ArrowheadRight\n          size=\"s\"\n          color={['brand-primary', '600']}\n          data-testid={DATA_TESTID.DATA_TABLE_ICON_ARROW_RIGHT}\n        />\n      );\n    }, [expandedRows, isAllRowsExpanded]);\n\n    return (\n      <StyledFocusWithin>\n        <StyledSpan\n          role=\"button\"\n          tabIndex={0}\n          title=\"Toggle All Rows Expanded\"\n          onClick={onExpandedAllHandler}\n          onKeyDown={(e) => {\n            if (['Enter', 'Space'].includes(e.code)) {\n              onExpandedAllHandler();\n              e.preventDefault();\n            }\n          }}\n          data-testid={DATA_TESTID.DATA_TABLE_GLOBAL_EXPAND_CELL}\n          aria-expanded={isAllRowsExpanded}\n          style={{ width: '24px', height: '24px' }}\n        >\n          {GlobalExpandIcon}\n        </StyledSpan>\n      </StyledFocusWithin>\n    );\n  },\n  Cell: ({ cell, row, isRowSelected, ctx, draggableProps }) => {\n    const {\n      tableProps: { dragAndDropRows, expandedRows, onRowExpand, disabledRows },\n    } = ctx;\n\n    const uniqueId = row.uid;\n\n    const isExpanded = expandedRows[uniqueId];\n\n    const shouldPrintCaret =\n      (row.original.subRows?.length && row.depth === 0) || // only allows 1 level of expands\n      row.original.tableRowDetails ||\n      row.original.dimsumHeaderValue;\n\n    const onRowExpandHandler = useCallback(\n      (e) => {\n        e.stopPropagation();\n        if (expandedRows[uniqueId]) {\n          delete expandedRows[uniqueId];\n        } else {\n          expandedRows[uniqueId] = true;\n        }\n        onRowExpand({ ...expandedRows }, uniqueId);\n      },\n      [expandedRows, uniqueId, onRowExpand],\n    );\n\n    const isDragging = draggableProps ? draggableProps.isDragging : false;\n    const isDragOverlay = dragAndDropRows && !draggableProps;\n\n    const indentStyle: React.CSSProperties = useMemo(\n      () => ({\n        marginLeft: `${row.depth * 32}px`,\n        marginRight: '18px',\n        paddingLeft: '2px',\n        paddingRight: '2px',\n        position: 'relative',\n        height: '100%',\n        display: 'flex',\n        alignItems: 'center',\n      }),\n      [row.depth],\n    );\n\n    const rowProps = useMemo(\n      () => ({\n        role: 'button',\n        key: `${row.uid}-expand-button`,\n        title: 'Toggle Row Expanded',\n        onClick: !disabledRows[row.uid] ? onRowExpandHandler : undefined,\n        onKeyDown: (e) => {\n          if (['Enter', 'Space'].includes(e.code)) {\n            e.preventDefault();\n            onRowExpandHandler(e);\n          }\n        },\n        ref: cell.ref,\n        tabIndex: isRowSelected && !disabledRows[row.uid] ? 0 : -1,\n        'data-testid': 'data-table-row-expand-cell',\n        'aria-expanded': isExpanded,\n        isRightArrow: !isExpanded || isDragging || isDragOverlay,\n        disabled: disabledRows[row.uid],\n      }),\n      [row.uid, disabledRows, onRowExpandHandler, cell.ref, isRowSelected, isExpanded, isDragging, isDragOverlay],\n    );\n\n    const PureCaretIcon = useMemo(\n      () =>\n        isExpanded && !isDragging && !isDragOverlay ? (\n          <ArrowheadDown\n            data-is-col-expanded={isExpanded}\n            data-role=\"row-expander-col\"\n            size=\"s\"\n            color={disabledRows[row.uid] ? ['neutral', '400'] : ['brand-primary', '600']}\n            data-testid={DATA_TESTID.DATA_TABLE_ICON_ARROW_DOWN}\n          />\n        ) : (\n          <ArrowheadRight\n            data-is-col-expanded={isExpanded}\n            data-role=\"row-expander-col\"\n            size=\"s\"\n            color={disabledRows[row.uid] ? ['neutral', '400'] : ['brand-primary', '600']}\n            data-testid={DATA_TESTID.DATA_TABLE_ICON_ARROW_RIGHT}\n          />\n        ),\n      [isExpanded, isDragging, isDragOverlay, disabledRows, row.uid],\n    );\n\n    const ChildIcon = useMemo(\n      () => (\n        <ArrowShortReturn\n          size=\"s\"\n          data-testid={DATA_TESTID.DATA_TABLE_ICON_CHILD}\n          style={{ transform: 'rotate(90deg) scaleY(-1)' }}\n          color={['brand-primary', '600']}\n        />\n      ),\n      [],\n    );\n\n    if (shouldPrintCaret)\n      return (\n        <StyledFocusWithin style={indentStyle}>\n          <StyledSpan {...rowProps}>{PureCaretIcon}</StyledSpan>\n        </StyledFocusWithin>\n      );\n    if (row.depth !== 0) return <span style={indentStyle}>{ChildIcon}</span>;\n\n    return <div style={{ width: '36px' }} />;\n  },\n  textWrap: 'wrap',\n  canResize: false,\n  width: 25,\n  padding: 0,\n  isFocuseable: false,\n  disableDnD: true,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useMemo, useCallback } from 'react';\nimport { ArrowheadDown, ArrowheadRight, ArrowShortReturn } from '@elliemae/ds-icons';\nimport { styled, css } from '@elliemae/ds-system';\nimport { TypescriptColumn } from '../../../types/props';\nimport { StyledFocusWithin } from '../../../styled';\nimport { DATA_TESTID } from '../../../configs/constants';\n\nconst disabledCaret = css`\n  cursor: not-allowed;\n`;\nconst StyledSpan = styled.span<{ disabled: boolean }>`\n  cursor: pointer;\n  box-sizing: border-box;\n  outline: none;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  ${({ disabled }) => disabled && disabledCaret}\n`;\n\nconst ArrowDown = ({ color = ['brand-primary', '600'], ...rest }) => (\n  <ArrowheadDown size=\"s\" color={color} data-testid={DATA_TESTID.DATA_TABLE_ICON_ARROW_DOWN} {...rest} />\n);\n\nconst ArrowMixed = () => (\n  <ArrowheadRight\n    size=\"s\"\n    color={['brand-primary', '600']}\n    data-testid={DATA_TESTID.DATA_TABLE_ICON_ARROW_MIXED}\n    style={{ transform: 'rotate(45deg)' }}\n  />\n);\n\nconst ArrowRight = ({ color = ['brand-primary', '600'], ...rest }) => (\n  <ArrowheadRight size=\"s\" color={color} data-testid={DATA_TESTID.DATA_TABLE_ICON_ARROW_RIGHT} {...rest} />\n);\n\nexport const expandRowColumn: TypescriptColumn<HTMLSpanElement> = {\n  // Build our expander column\n  id: 'expander', // Make sure it has an ID\n  accessor: 'expandRowColumn',\n  Header: ({ ctx }) => {\n    const {\n      tableProps: { expandedRows, onRowExpand, disabledRows },\n      allDataFlattened,\n    } = ctx;\n\n    const allExpandable = useMemo(() => {\n      const expandable: Record<string, boolean> = {};\n      allDataFlattened.forEach((row) => {\n        const isExpandableRow = row.original.subRows || row.original.tableRowDetails || row.original.dimsumHeaderValue;\n        if (!disabledRows[row.uid] && isExpandableRow) expandable[row.uid] = true;\n      });\n      return expandable;\n    }, [allDataFlattened, disabledRows]);\n\n    const isAllRowsExpanded = useMemo(\n      () => Object.keys(allExpandable).length === Object.keys(expandedRows).length,\n      [allExpandable, expandedRows],\n    );\n\n    const onExpandedAllHandler = useCallback(() => {\n      if (isAllRowsExpanded) onRowExpand({}, 'All');\n      else onRowExpand({ ...allExpandable }, 'All');\n    }, [allExpandable, isAllRowsExpanded, onRowExpand]);\n\n    const onKeyDownHandler = useCallback(\n      (e: React.KeyboardEvent) => {\n        if (['Enter', 'Space'].includes(e.code)) {\n          onExpandedAllHandler();\n          e.preventDefault();\n        }\n      },\n      [onExpandedAllHandler],\n    );\n\n    const GlobalExpandIcon = useMemo(() => {\n      if (isAllRowsExpanded) return <ArrowDown />;\n      if (Object.keys(expandedRows).length) return <ArrowMixed />;\n      return <ArrowRight />;\n    }, [expandedRows, isAllRowsExpanded]);\n\n    return (\n      <StyledFocusWithin>\n        <StyledSpan\n          role=\"button\"\n          tabIndex={0}\n          title=\"Toggle All Rows Expanded\"\n          onClick={onExpandedAllHandler}\n          onKeyDown={onKeyDownHandler}\n          data-testid={DATA_TESTID.DATA_TABLE_GLOBAL_EXPAND_CELL}\n          aria-expanded={isAllRowsExpanded}\n          style={{ width: '24px', height: '24px' }}\n        >\n          {GlobalExpandIcon}\n        </StyledSpan>\n      </StyledFocusWithin>\n    );\n  },\n  Cell: ({ cell, row, isRowSelected, ctx, draggableProps }) => {\n    const {\n      tableProps: { dragAndDropRows, expandedRows, onRowExpand, disabledRows },\n    } = ctx;\n\n    const uniqueId = row.uid;\n\n    const isExpanded = !!expandedRows[uniqueId];\n\n    const shouldPrintCaret = useMemo(\n      () =>\n        (row.original.subRows?.length && row.depth === 0) || // only allows 1 level of expands\n        row.original.tableRowDetails ||\n        row.original.dimsumHeaderValue,\n      [row.depth, row.original.dimsumHeaderValue, row.original.subRows?.length, row.original.tableRowDetails],\n    );\n\n    const onRowExpandHandler = useCallback(\n      (e: React.MouseEvent | React.KeyboardEvent) => {\n        if (disabledRows[row.uid]) return;\n        e.stopPropagation(); // to prevent on row click\n        if (expandedRows[uniqueId]) {\n          delete expandedRows[uniqueId];\n        } else {\n          expandedRows[uniqueId] = true;\n        }\n        onRowExpand({ ...expandedRows }, uniqueId);\n      },\n      [disabledRows, row.uid, expandedRows, uniqueId, onRowExpand],\n    );\n\n    const onKeyDownHandler = useCallback(\n      (e: React.KeyboardEvent) => {\n        if (['Enter', 'Space'].includes(e.code)) {\n          e.preventDefault();\n          onRowExpandHandler(e);\n        }\n      },\n      [onRowExpandHandler],\n    );\n\n    const isDragging = draggableProps && draggableProps.isDragging;\n    const isDragOverlay = dragAndDropRows && !draggableProps;\n\n    const indentStyle: React.CSSProperties = useMemo(\n      () => ({\n        marginLeft: `${row.depth * 32}px`,\n        marginRight: '18px',\n        paddingLeft: '2px',\n        paddingRight: '2px',\n        position: 'relative',\n        height: '100%',\n        display: 'flex',\n        alignItems: 'center',\n      }),\n      [row.depth],\n    );\n\n    const PureCaretIcon = useMemo(() => {\n      const Caret = isExpanded && !isDragging && !isDragOverlay ? ArrowDown : ArrowRight;\n      return (\n        <Caret\n          data-is-col-expanded={isExpanded}\n          data-role=\"row-expander-col\"\n          color={disabledRows[row.uid] ? ['neutral', '400'] : ['brand-primary', '600']}\n        />\n      );\n    }, [isExpanded, isDragging, isDragOverlay, disabledRows, row.uid]);\n\n    if (shouldPrintCaret)\n      return (\n        <StyledFocusWithin style={indentStyle}>\n          <StyledSpan\n            role=\"button\"\n            key={`${row.uid}-expand-button`}\n            title=\"Toggle Row Expanded\"\n            onClick={onRowExpandHandler}\n            onKeyDown={onKeyDownHandler}\n            ref={cell.ref}\n            tabIndex={isRowSelected && !disabledRows[row.uid] ? 0 : -1}\n            data-testid=\"data-table-row-expand-cell\"\n            aria-expanded={isExpanded}\n            isRightArrow={!isExpanded || isDragging || isDragOverlay}\n            disabled={disabledRows[row.uid]}\n            aria-disabled={disabledRows[row.uid]}\n          >\n            {PureCaretIcon}\n          </StyledSpan>\n        </StyledFocusWithin>\n      );\n\n    if (row.depth !== 0)\n      return (\n        <span style={indentStyle}>\n          <ArrowShortReturn\n            size=\"s\"\n            data-testid={DATA_TESTID.DATA_TABLE_ICON_CHILD}\n            style={{ transform: 'rotate(90deg) scaleY(-1)' }}\n            color={['brand-primary', '600']}\n          />\n        </span>\n      );\n\n    return <div style={{ width: '36px' }} />;\n  },\n  textWrap: 'wrap',\n  canResize: false,\n  width: 25,\n  padding: 0,\n  isFocuseable: false,\n  disableDnD: true,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js

@@ -26,8 +26,9 @@ __export(ColumnSelectMultiple_exports, {
 module.exports = __toCommonJS(ColumnSelectMultiple_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_ds_form = require("@elliemae/ds-form");
+var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
 var import_constants = require("../../../configs/constants");
+const stopThePropagation = (e) => e.stopPropagation();
 const multiSelectColumn = {
   id: "multiSelecter",
   Header: ({ ctx }) => {
@@ -35,64 +36,60 @@ const multiSelectColumn = {
       tableProps: { onSelectionChange, selection, data, disabledRows },
       allDataFlattened
     } = ctx;
-    const selectionKeyCount = Object.keys(selection).length;
+    const dtSelection = selection ?? {};
+    const selectionKeyCount = Object.keys(dtSelection).length;
     const currentGlobalState = (0, import_react.useMemo)(() => selectionKeyCount > 0 && selectionKeyCount < data.length ? "mixed" : selectionKeyCount > 0, [selectionKeyCount, data]);
-    const newGlobalStateAfterToggle = (0, import_react.useMemo)(() => {
-      let newState = false;
-      if (currentGlobalState === false || currentGlobalState === "mixed")
-        newState = true;
-      return newState;
-    }, [currentGlobalState]);
+    const newGlobalStateAfterToggle = (0, import_react.useMemo)(() => currentGlobalState !== true, [currentGlobalState]);
     const newSelection = (0, import_react.useMemo)(() => {
-      if (newGlobalStateAfterToggle) {
-        const nextSelection = {};
-        allDataFlattened.forEach((datum) => {
-          nextSelection[datum.uid] = !disabledRows[datum.uid];
-        });
-        return nextSelection;
-      }
-      return {};
+      if (!newGlobalStateAfterToggle)
+        return {};
+      return allDataFlattened.reduce((newSelectionObject, datum) => {
+        newSelectionObject[datum.uid] = !disabledRows[datum.uid];
+        return newSelectionObject;
+      }, {});
     }, [newGlobalStateAfterToggle, allDataFlattened, disabledRows]);
     const onChangeHandler = (0, import_react.useCallback)((e) => {
       onSelectionChange(newSelection, "All", e);
     }, [newSelection, onSelectionChange]);
-    const PureHeaderCheckbox = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSCheckbox, {
+    const ariaControls = (0, import_react.useMemo)(() => allDataFlattened.map((datum) => `data-table-checkbox-${datum.uid}`).join(" "), [allDataFlattened]);
+    return /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledCheckbox, {
+      "aria-controls": ariaControls,
       "data-testid": import_constants.DATA_TESTID.DATA_TABLE_GLOBAL_CHECKBOX,
-      title: "Toggle All Rows Selected",
+      "aria-label": "Toggle all rows selected",
       checked: currentGlobalState,
       onChange: onChangeHandler,
-      tabIndex: "0",
       style: { cursor: "pointer" }
-    }), [currentGlobalState, onChangeHandler]);
-    return PureHeaderCheckbox;
+    });
   },
   Cell: ({ cell, row, isRowSelected, ctx }) => {
     const {
       tableProps: { onSelectionChange, selection, disabledRows }
     } = ctx;
     const { uid } = row;
-    const selectedState = selection?.[uid];
-    const PureCheckboxCell = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement("div", {
-      onClick: (e) => e.stopPropagation()
-    }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSCheckbox, {
+    const selectedState = selection?.[uid] ?? false;
+    const onChangeHandler = (0, import_react.useCallback)((e) => {
+      const newState = !selectedState;
+      const newSelection = { ...selection, [uid]: newState };
+      if (!newState)
+        delete newSelection[uid];
+      onSelectionChange(newSelection, uid, e);
+    }, [onSelectionChange, selectedState, selection, uid]);
+    return /* @__PURE__ */ import_react.default.createElement("div", {
+      role: "presentation",
+      onClick: stopThePropagation
+    }, /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledCheckbox, {
+      id: `data-table-checkbox-${uid}`,
       "data-testid": import_constants.DATA_TESTID.DATA_TABLE_CHECKBOX,
-      title: "Toggle Row Selected",
+      "aria-label": "Toggle row selected",
       "aria-checked": selectedState,
       "aria-disabled": false,
       checked: selectedState,
-      onChange: (e) => {
-        const newState = !selectedState;
-        const newSelection = { ...selection, [uid]: newState };
-        if (!newState)
-          delete newSelection[uid];
-        onSelectionChange(newSelection, uid, e);
-      },
+      onChange: onChangeHandler,
       disabled: disabledRows[row.uid],
       innerRef: cell.ref,
       tabIndex: isRowSelected ? 0 : -1,
       style: { cursor: "pointer" }
-    })), [selectedState, disabledRows, row.uid, cell.ref, isRowSelected, selection, uid, onSelectionChange]);
-    return PureCheckboxCell;
+    }));
   },
   textWrap: "wrap",
   width: 32,