@elliemae/ds-data-table 1.61.0 → 2.0.0-alpha.12

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

@@ -2,100 +2,219 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('@babel/runtime/helpers/defineProperty');
-require('react');
-require('@elliemae/ds-icons');
-require('styled-components');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../../../styled-b86fbdf4.js');
-require('../../../configs/constants.js');
-require('@babel/runtime/helpers/slicedToArray');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+var React = require('react');
+var dsIcons = require('@elliemae/ds-icons');
+var styled$1 = require('styled-components');
+var styled = require('../../../styled.js');
+var constants = require('../../../configs/constants.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 require('react-virtual');
 require('../../../configs/useRowFlattenization.js');
-require('@babel/runtime/helpers/toConsumableArray');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 require('@elliemae/ds-form');
+require('../../../parts/TableContent.js');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
-require('../../../parts/EmptyContent.js');
+require('@elliemae/ds-system');
+require('@elliemae/ds-button');
+require('../../../DataTableContext.js');
+require('../../../parts/Row.js');
 require('../../../parts/Footer.js');
-require('@babel/runtime/helpers/extends');
 require('../../../parts/HoC/SortableItemContext.js');
-require('../../../helpers/sizeToCss.js');
-require('../../../helpers/cellPadding.js');
-require('react-redux');
-require('../../../DataTableContext.js');
-require('../../Pagination/Pagination.js');
-require('@elliemae/ds-pagination');
-require('@elliemae/ds-indeterminate-progress-indicator');
-require('prop-types');
-require('../../../helpers/refs-helpers.js');
-require('../../../parts/HoC/withDnDSortableRowContext.js');
-require('@dnd-kit/sortable');
-require('../../../parts/HoC/withConditionalDnDRowContext.js');
-require('@dnd-kit/core');
-require('../../../helpers/dndkit/tree/useTreeDndkitConfig.js');
-require('../../../helpers/dndkit/tree/useTreePreviewHandlers.js');
-require('../../../helpers/dndkit/tree/getTreeKeyboardCoordinates.js');
-require('../../../helpers/dndkit/utilities.js');
-require('../../../helpers/dndkit/tree/useTreeActionHandlers.js');
-require('lodash');
-require('../../../helpers/dndkit/tree/customCollisionDetection.js');
-require('../../../helpers/dndkit/tree/useTreeAnnouncements.js');
-require('../../../parts/HoC/DragOverlayContext.js');
-require('@elliemae/ds-button');
-require('@elliemae/ds-popperjs');
-require('../../../redux/reducers/index.js');
-require('redux');
-require('../../../redux/reducers/headersReducers/headersReducers.js');
-require('@reduxjs/toolkit');
-require('../../../redux/reducers/headersReducers/logic.js');
-require('../../../redux/reducers/headersReducers/defaults.js');
-require('../../../redux/reducers/headersReducers/useDispatchHeadersActions.js');
-require('../../../redux/reducers/rowsReducers/rowsReducer.js');
-require('../../../redux/reducers/rowsReducers/logic.js');
-require('../../../redux/reducers/rowsReducers/defaults.js');
-require('../../../redux/reducers/rowsReducers/useDispatchRowsActions.js');
-require('@elliemae/ds-utilities');
-require('uid');
-require('../../../exported-related/RowVariants.js');
-require('../../../exported-related/Filters/singleSelectFilterFn.js');
-require('../../../exported-related/Filters/multiSelectFilterFn.js');
-require('../../../exported-related/Filters/textFilterFn.js');
-require('moment');
-require('../../../exported-related/Filters/numberRangeFilterFn.js');
-require('../../../exported-related/Filters/currencyRangeFilterFn.js');
-require('../../../exported-related/FilterTypes.js');
-require('../ColumnAction/ColumnAction.js');
-require('../../../hooks/useRecoverFocusRow.js');
-require('@elliemae/ds-truncated-tooltip-text');
-require('../../../prop-types.js');
-require('../../../parts/Cells/useCellStyle.js');
-require('../../../exported-related/RowRenderer/useRowRendererProperties.js');
-require('../../../exported-related/RowRenderer/useRowStyle.js');
-require('../../../parts/DropIndicator.js');
-require('../../../configs/zIndexInternalConfig.js');
-require('../../../helpers/addCellData.js');
-require('../../../helpers/dndkit/hierarchy/useHierarchyActionHandlers.js');
-require('../../../helpers/dndkit/hierarchy/useHierarchyAnnouncements.js');
-require('../../../parts/SortByCaret.js');
-require('@elliemae/ds-controlled-form');
-require('@elliemae/ds-form-layout-blocks');
-require('@elliemae/ds-grid/');
-require('@elliemae/ds-form/ComboBox');
-require('../../../helpers/columnsToGrid.js');
-require('../../../parts/Headers/useHeaderCellHandlers.js');
-require('../../../parts/Headers/useHeaderCellConfig.js');
-require('../../../hooks/useRecoverFocusCol.js');
-require('../../../parts/Headers/RequiredDot.js');
-require('../../../parts/SortableHeaderCell.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('../../../parts/HoC/withConditionalDnDSortableContext.js');
-require('../../../parts/Headers/EmptyChildrenGroup.js');
-require('../../../configs/fixedSizes.js');
-require('../../../parts/Loader.js');
-require('../../../helpers/getIdFromUniqueRowAccessor.js');
-require('@elliemae/ds-system');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled$1);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const StyledSpan = /*#__PURE__*/styled__default["default"].span.withConfig({
+  componentId: "sc-1xp824d-0"
+})(["cursor:pointer;box-sizing:border-box;outline:none;display:flex;justify-content:center;align-items:center;"]);
+const expandRowColumn = {
+  // Build our expander column
+  id: 'expander',
+  // Make sure it has an ID
+  accessor: 'expandRowColumn',
+  Header: _ref => {
+    let {
+      ctx
+    } = _ref;
+    const {
+      tableProps: {
+        expandedRows,
+        onRowExpand
+      },
+      allDataFlattened
+    } = ctx;
+    const allExpandable = React.useMemo(() => {
+      const expandable = {};
+      allDataFlattened.forEach(row => {
+        if (row.original.subRows || row.original.tableRowDetails || row.original.dimsumHeaderValue) expandable[row.uid] = true;
+      });
+      return expandable;
+    }, [allDataFlattened]);
+    const isAllRowsExpanded = React.useMemo(() => Object.keys(allExpandable).length === Object.keys(expandedRows).length, [allExpandable, expandedRows]);
+    const onExpandedAllHandler = React.useCallback(() => {
+      if (isAllRowsExpanded) onRowExpand({}, 'All');else onRowExpand(_objectSpread({}, allExpandable), 'All');
+    }, [allExpandable, isAllRowsExpanded, onRowExpand]);
+    const GlobalExpandIcon = React.useMemo(() => {
+      if (isAllRowsExpanded) return /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadDown, {
+        size: "s",
+        color: ['brand-primary', '600'],
+        "data-testid": constants.DATA_TESTID.DATA_TABLE_ICON_ARROW_DOWN
+      }); // Mixed
+
+      if (Object.keys(expandedRows).length) {
+        return /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadRight, {
+          size: "s",
+          color: ['brand-primary', '600'],
+          "data-testid": constants.DATA_TESTID.DATA_TABLE_ICON_ARROW_MIXED,
+          style: {
+            transform: 'rotate(45deg)'
+          }
+        });
+      }
+
+      return /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadRight, {
+        size: "s",
+        color: ['brand-primary', '600'],
+        "data-testid": constants.DATA_TESTID.DATA_TABLE_ICON_ARROW_RIGHT
+      });
+    }, [expandedRows, isAllRowsExpanded]);
+    return /*#__PURE__*/_jsx__default["default"](styled.StyledFocusWithin, {}, void 0, /*#__PURE__*/_jsx__default["default"](StyledSpan, {
+      role: "button",
+      tabIndex: 0,
+      title: "Toggle All Rows Expanded",
+      onClick: onExpandedAllHandler,
+      onKeyDown: e => {
+        if (['Enter', 'Space'].includes(e.code)) {
+          onExpandedAllHandler();
+          e.preventDefault();
+        }
+      },
+      "data-testid": constants.DATA_TESTID.DATA_TABLE_GLOBAL_EXPAND_CELL,
+      "aria-expanded": isAllRowsExpanded,
+      style: {
+        width: '24px',
+        height: '24px'
+      }
+    }, void 0, GlobalExpandIcon));
+  },
+  Cell: _ref2 => {
+    var _row$original$subRows;
+
+    let {
+      cell,
+      row,
+      isRowSelected,
+      ctx,
+      draggableProps
+    } = _ref2;
+    const {
+      tableProps: {
+        dragAndDropRows,
+        expandedRows,
+        onRowExpand
+      }
+    } = ctx;
+    const uniqueId = row.uid;
+    const isExpanded = expandedRows[uniqueId];
+    const shouldPrintCaret = ((_row$original$subRows = row.original.subRows) === null || _row$original$subRows === void 0 ? void 0 : _row$original$subRows.length) && row.depth === 0 || // only allows 1 level of expands
+    row.original.tableRowDetails || row.original.dimsumHeaderValue;
+    const onRowExpandHandler = React.useCallback(e => {
+      e.stopPropagation();
 
+      if (expandedRows[uniqueId]) {
+        delete expandedRows[uniqueId];
+      } else {
+        expandedRows[uniqueId] = true;
+      }
 
+      onRowExpand(_objectSpread({}, expandedRows), uniqueId);
+    }, [expandedRows, uniqueId, onRowExpand]);
+    const isDragging = draggableProps ? draggableProps.isDragging : false;
+    const isDragOverlay = dragAndDropRows && !draggableProps;
+    const indentStyle = React.useMemo(() => ({
+      marginLeft: "".concat(row.depth * 32, "px"),
+      marginRight: '18px',
+      paddingLeft: '2px',
+      paddingRight: '2px',
+      position: 'relative',
+      height: '100%',
+      display: 'flex',
+      alignItems: 'center'
+    }), [row.depth]);
+    const rowProps = React.useMemo(() => ({
+      role: 'button',
+      key: "".concat(row.uid, "-expand-button"),
+      title: 'Toggle Row Expanded',
+      onClick: onRowExpandHandler,
+      onKeyDown: e => {
+        if (['Enter', 'Space'].includes(e.code)) {
+          e.preventDefault();
+          onRowExpandHandler(e);
+        }
+      },
+      ref: cell.ref,
+      tabIndex: isRowSelected ? 0 : -1,
+      'data-testid': 'data-table-row-expand-cell',
+      'aria-expanded': isExpanded,
+      isRightArrow: !isExpanded || isDragging || isDragOverlay
+    }), [row.uid, onRowExpandHandler, cell.ref, isRowSelected, isExpanded, isDragging, isDragOverlay]);
+    const PureCaretIcon = React.useMemo(() => isExpanded && !isDragging && !isDragOverlay ? /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadDown, {
+      "data-is-col-expanded": isExpanded,
+      "data-role": "row-expander-col",
+      size: "s",
+      "data-testid": constants.DATA_TESTID.DATA_TABLE_ICON_ARROW_DOWN
+    }) : /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadRight, {
+      "data-is-col-expanded": isExpanded,
+      "data-role": "row-expander-col",
+      size: "s",
+      "data-testid": constants.DATA_TESTID.DATA_TABLE_ICON_ARROW_RIGHT
+    }), [isExpanded, isDragging, isDragOverlay]);
+    const ChildIcon = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowShortReturn, {
+      size: "s",
+      "data-testid": constants.DATA_TESTID.DATA_TABLE_ICON_CHILD,
+      style: {
+        transform: 'rotate(90deg) scaleY(-1)'
+      },
+      color: ['brand-primary', '600']
+    }), []);
+    if (shouldPrintCaret) return /*#__PURE__*/_jsx__default["default"](styled.StyledFocusWithin, {
+      style: indentStyle
+    }, void 0, /*#__PURE__*/jsxRuntime.jsx(StyledSpan, _objectSpread(_objectSpread({}, rowProps), {}, {
+      children: PureCaretIcon
+    })));
+    if (row.depth !== 0) return /*#__PURE__*/_jsx__default["default"]("span", {
+      style: indentStyle
+    }, void 0, ChildIcon);
+    return /*#__PURE__*/_jsx__default["default"]("div", {
+      style: {
+        width: '36px'
+      }
+    });
+  },
+  textWrap: 'wrap',
+  canResize: false,
+  width: 25,
+  padding: 0,
+  isFocuseable: false,
+  disableDnD: true
+};
 
-exports.expandRowColumn = addons_Columns_ColumnExpand_ColumnExpand.expandRowColumn;
-//# sourceMappingURL=ColumnExpand.js.map
+exports.expandRowColumn = expandRowColumn;

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

@@ -2,100 +2,149 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('@babel/runtime/helpers/defineProperty');
-require('react');
-require('@elliemae/ds-form');
-require('../../../configs/constants.js');
-require('@babel/runtime/helpers/slicedToArray');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+var React = require('react');
+var dsForm = require('@elliemae/ds-form');
+var constants = require('../../../configs/constants.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 require('react-virtual');
 require('../../../configs/useRowFlattenization.js');
-require('@babel/runtime/helpers/toConsumableArray');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 require('@elliemae/ds-icons');
 require('styled-components');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../../../styled-b86fbdf4.js');
+require('../../../styled.js');
+require('react/jsx-runtime');
+require('../../../parts/TableContent.js');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
-require('../../../parts/EmptyContent.js');
+require('@elliemae/ds-system');
+require('@elliemae/ds-button');
+require('../../../DataTableContext.js');
+require('../../../parts/Row.js');
 require('../../../parts/Footer.js');
-require('@babel/runtime/helpers/extends');
 require('../../../parts/HoC/SortableItemContext.js');
-require('../../../helpers/getIdFromUniqueRowAccessor.js');
-require('../../../helpers/sizeToCss.js');
-require('../../../helpers/cellPadding.js');
-require('react-redux');
-require('../../../DataTableContext.js');
-require('../../Pagination/Pagination.js');
-require('@elliemae/ds-pagination');
-require('@elliemae/ds-indeterminate-progress-indicator');
-require('prop-types');
-require('../../../helpers/refs-helpers.js');
-require('../../../parts/HoC/withDnDSortableRowContext.js');
-require('@dnd-kit/sortable');
-require('../../../parts/HoC/withConditionalDnDRowContext.js');
-require('@dnd-kit/core');
-require('../../../helpers/dndkit/tree/useTreeDndkitConfig.js');
-require('../../../helpers/dndkit/tree/useTreePreviewHandlers.js');
-require('../../../helpers/dndkit/tree/getTreeKeyboardCoordinates.js');
-require('../../../helpers/dndkit/utilities.js');
-require('../../../helpers/dndkit/tree/useTreeActionHandlers.js');
-require('lodash');
-require('../../../helpers/dndkit/tree/customCollisionDetection.js');
-require('../../../helpers/dndkit/tree/useTreeAnnouncements.js');
-require('../../../parts/HoC/DragOverlayContext.js');
-require('@elliemae/ds-button');
-require('@elliemae/ds-popperjs');
-require('../../../redux/reducers/index.js');
-require('redux');
-require('../../../redux/reducers/headersReducers/headersReducers.js');
-require('@reduxjs/toolkit');
-require('../../../redux/reducers/headersReducers/logic.js');
-require('../../../redux/reducers/headersReducers/defaults.js');
-require('../../../redux/reducers/headersReducers/useDispatchHeadersActions.js');
-require('../../../redux/reducers/rowsReducers/rowsReducer.js');
-require('../../../redux/reducers/rowsReducers/logic.js');
-require('../../../redux/reducers/rowsReducers/defaults.js');
-require('../../../redux/reducers/rowsReducers/useDispatchRowsActions.js');
-require('@elliemae/ds-utilities');
-require('uid');
-require('../../../exported-related/RowVariants.js');
-require('../../../exported-related/Filters/singleSelectFilterFn.js');
-require('../../../exported-related/Filters/multiSelectFilterFn.js');
-require('../../../exported-related/Filters/textFilterFn.js');
-require('moment');
-require('../../../exported-related/Filters/numberRangeFilterFn.js');
-require('../../../exported-related/Filters/currencyRangeFilterFn.js');
-require('../../../exported-related/FilterTypes.js');
-require('../ColumnAction/ColumnAction.js');
-require('../../../hooks/useRecoverFocusRow.js');
-require('@elliemae/ds-truncated-tooltip-text');
-require('../../../prop-types.js');
-require('../../../parts/Cells/useCellStyle.js');
-require('../../../exported-related/RowRenderer/useRowRendererProperties.js');
-require('../../../exported-related/RowRenderer/useRowStyle.js');
-require('../../../parts/DropIndicator.js');
-require('../../../configs/zIndexInternalConfig.js');
-require('../../../helpers/addCellData.js');
-require('../../../helpers/dndkit/hierarchy/useHierarchyActionHandlers.js');
-require('../../../helpers/dndkit/hierarchy/useHierarchyAnnouncements.js');
-require('../../../parts/SortByCaret.js');
-require('@elliemae/ds-controlled-form');
-require('@elliemae/ds-form-layout-blocks');
-require('@elliemae/ds-grid/');
-require('@elliemae/ds-form/ComboBox');
-require('../../../helpers/columnsToGrid.js');
-require('../../../parts/Headers/useHeaderCellHandlers.js');
-require('../../../parts/Headers/useHeaderCellConfig.js');
-require('../../../hooks/useRecoverFocusCol.js');
-require('../../../parts/Headers/RequiredDot.js');
-require('../../../parts/SortableHeaderCell.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('../../../parts/HoC/withConditionalDnDSortableContext.js');
-require('../../../parts/Headers/EmptyChildrenGroup.js');
-require('../../../configs/fixedSizes.js');
-require('../../../parts/Loader.js');
-require('@elliemae/ds-system');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const multiSelectColumn = {
+  // Build our multiSelecter column
+  id: 'multiSelecter',
+  // Make sure it has an ID
+  Header: _ref => {
+    let {
+      ctx
+    } = _ref;
+    const {
+      tableProps: {
+        onSelectionChange,
+        selection,
+        data,
+        disabledRows
+      },
+      allDataFlattened
+    } = ctx;
+    const selectionKeyCount = Object.keys(selection).length;
+    const currentGlobalState = React.useMemo(() => selectionKeyCount > 0 && selectionKeyCount < data.length ? 'mixed' : selectionKeyCount > 0, [selectionKeyCount, data]);
+    const newGlobalStateAfterToggle = React.useMemo(() => {
+      // false -- toggles into --> true
+      // mixed  -- toggles into --> true
+      // true  -- toggles into --> false
+      let newState = false;
+      if (currentGlobalState === false || currentGlobalState === 'mixed') newState = true;
+      return newState;
+    }, [currentGlobalState]);
+    const newSelection = React.useMemo(() => {
+      if (newGlobalStateAfterToggle) {
+        const nextSelection = {};
+        allDataFlattened.forEach(datum => {
+          nextSelection[datum.uid] = !disabledRows[datum.uid];
+        });
+        return nextSelection;
+      }
+
+      return {};
+    }, [newGlobalStateAfterToggle, allDataFlattened, disabledRows]);
+    const onChangeHandler = React.useCallback(e => {
+      onSelectionChange(newSelection, 'All', e);
+    }, [newSelection, onSelectionChange]);
+    const PureHeaderCheckbox = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
+      "data-testid": constants.DATA_TESTID.DATA_TABLE_GLOBAL_CHECKBOX,
+      title: "Toggle All Rows Selected",
+      checked: currentGlobalState,
+      onChange: onChangeHandler,
+      tabIndex: "0",
+      style: {
+        cursor: 'pointer'
+      }
+    }), [currentGlobalState, onChangeHandler]);
+    return PureHeaderCheckbox;
+  },
+  Cell: _ref2 => {
+    let {
+      cell,
+      row,
+      isRowSelected,
+      ctx
+    } = _ref2;
+    const {
+      tableProps: {
+        onSelectionChange,
+        selection,
+        disabledRows
+      }
+    } = ctx;
+    const {
+      uid
+    } = row;
+    const selectedState = selection === null || selection === void 0 ? void 0 : selection[uid];
+    const PureCheckboxCell = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
+      "data-testid": constants.DATA_TESTID.DATA_TABLE_CHECKBOX,
+      title: "Toggle Row Selected",
+      "aria-checked": selectedState,
+      "aria-disabled": false,
+      checked: selectedState,
+      onChange: e => {
+        const newState = !selectedState;
+
+        const newSelection = _objectSpread(_objectSpread({}, selection), {}, {
+          [uid]: newState
+        }); // we only want true and mixed values
+
+
+        if (!newState) delete newSelection[uid]; // if newState is false, remove from the new selection
 
+        onSelectionChange(newSelection, uid, e);
+      },
+      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,
+  padding: 7,
+  canResize: false,
+  isFocuseable: false,
+  disableDnD: true
+};
 
-exports.multiSelectColumn = addons_Columns_ColumnExpand_ColumnExpand.multiSelectColumn;
-//# sourceMappingURL=ColumnSelectMultiple.js.map
+exports.multiSelectColumn = multiSelectColumn;