@elliemae/ds-data-table 3.0.0-next.9 → 3.0.1

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

@@ -4,31 +4,25 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ColumnAction_exports = {};
 __export(ColumnAction_exports, {
   actionColumn: () => actionColumn
 });
+module.exports = __toCommonJS(ColumnAction_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
 const actionColumn = (renderRowActions) => ({
@@ -43,5 +37,4 @@ const actionColumn = (renderRowActions) => ({
   disableDnD: true,
   isFocuseable: false
 });
-module.exports = __toCommonJS(ColumnAction_exports);
 //# sourceMappingURL=ColumnAction.js.map

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

@@ -2,6 +2,6 @@
   "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;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;AAAA,EAGZ,MAAM,uBAAK,CAAC,UAAU,iBAAiB,SAAS;AAAA,EAChD,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA;",
+  "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;",
   "names": []
 }

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

@@ -4,31 +4,25 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ColumnDragHandle_exports = {};
 __export(ColumnDragHandle_exports, {
   dragHandleColumn: () => dragHandleColumn
 });
+module.exports = __toCommonJS(ColumnDragHandle_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_useRecoverFocusRow = require("../../../hooks/useRecoverFocusRow");
@@ -60,5 +54,4 @@ const dragHandleColumn = {
   disableDnD: true,
   isFocuseable: false
 };
-module.exports = __toCommonJS(ColumnDragHandle_exports);
 //# sourceMappingURL=ColumnDragHandle.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/addons/Columns/ColumnDragHandle/ColumnDragHandle.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport { useRecoverFocusRow } from '../../../hooks/useRecoverFocusRow';\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    useRecoverFocusRow(row, cell, isDragOverlay, draggableProps);\n    return (\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  },\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;ACAA,YAAuB;ADEvB,mBAAkB;AAClB,gCAAmC;AACnC,mBAA0B;AAC1B,oBAAkC;AAI3B,MAAM,mBAAqC;AAAA,EAEhD,IAAI;AAAA,EAEJ,QAAQ,MAAM,mDAAC,OAAD;AAAA,EACd,MAAM,CAAC,EAAE,KAAK,eAAe,MAAM,eAAe,qBAAqB;AACrE,sDAAmB,KAAK,MAAM,eAAe;AAC7C,WACE,mDAAC,iCAAD;AAAA,MACE,OAAO,EAAE,OAAO,QAAQ,QAAQ;AAAA,MAChC,WAAW,kBAAkB,eAAe;AAAA,OAE5C,mDAAC,wBAAD;AAAA,MACE,IAAI,IAAI;AAAA,MACR,KAAK,IAAI;AAAA,MACT,aAAa;AAAA,MACb,UAAU,CAAC,SAAS;AAClB,YAAI,CAAC;AAAe,eAAK,IAAI,UAAU;AAAA;AAAA,MAEzC;AAAA;AAAA;AAAA,EAKR,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkB;AAClB,gCAAmC;AACnC,mBAA0B;AAC1B,oBAAkC;AAI3B,MAAM,mBAAqC;AAAA,EAEhD,IAAI;AAAA,EAEJ,QAAQ,MAAM,mDAAC,WAAI;AAAA,EACnB,MAAM,CAAC,EAAE,KAAK,eAAe,MAAM,eAAe,qBAAqB;AACrE,sDAAmB,KAAK,MAAM,eAAe,cAAc;AAC3D,WACE,mDAAC;AAAA,MACC,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO;AAAA,MACvC,WAAW,kBAAkB,eAAe;AAAA,OAE5C,mDAAC;AAAA,MACC,IAAI,IAAI;AAAA,MACR,KAAK,IAAI;AAAA,MACT,aAAa;AAAA,MACb,UAAU,CAAC,SAAS;AAClB,YAAI,CAAC;AAAe,eAAK,IAAI,UAAU;AAAA,MACzC;AAAA,MACA;AAAA,KACF,CACF;AAAA,EAEJ;AAAA,EACA,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

@@ -18,37 +18,34 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ColumnExpand_exports = {};
 __export(ColumnExpand_exports, {
   expandRowColumn: () => expandRowColumn
 });
+module.exports = __toCommonJS(ColumnExpand_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_styled_components = __toESM(require("styled-components"));
 var import_styled = require("../../../styled");
 var import_constants = require("../../../configs/constants");
+const disabledCaret = import_styled_components.css`
+  cursor: not-allowed;
+`;
 const StyledSpan = import_styled_components.default.span`
   cursor: pointer;
   box-sizing: border-box;
@@ -56,23 +53,25 @@ const StyledSpan = import_styled_components.default.span`
   display: flex;
   justify-content: center;
   align-items: center;
+
+  ${({ disabled }) => disabled && disabledCaret}
 `;
 const expandRowColumn = {
   id: "expander",
   accessor: "expandRowColumn",
   Header: ({ ctx }) => {
     const {
-      tableProps: { expandedRows, onRowExpand },
+      tableProps: { expandedRows, onRowExpand, disabledRows },
       allDataFlattened
     } = ctx;
     const allExpandable = (0, import_react.useMemo)(() => {
       const expandable = {};
       allDataFlattened.forEach((row) => {
-        if (row.original.subRows || row.original.tableRowDetails || row.original.dimsumHeaderValue)
+        if (!disabledRows[row.uid] && (row.original.subRows || row.original.tableRowDetails || row.original.dimsumHeaderValue))
           expandable[row.uid] = true;
       });
       return expandable;
-    }, [allDataFlattened]);
+    }, [allDataFlattened, disabledRows]);
     const isAllRowsExpanded = (0, import_react.useMemo)(() => Object.keys(allExpandable).length === Object.keys(expandedRows).length, [allExpandable, expandedRows]);
     const onExpandedAllHandler = (0, import_react.useCallback)(() => {
       if (isAllRowsExpanded)
@@ -119,7 +118,7 @@ const expandRowColumn = {
   },
   Cell: ({ cell, row, isRowSelected, ctx, draggableProps }) => {
     const {
-      tableProps: { dragAndDropRows, expandedRows, onRowExpand }
+      tableProps: { dragAndDropRows, expandedRows, onRowExpand, disabledRows }
     } = ctx;
     const uniqueId = row.uid;
     const isExpanded = expandedRows[uniqueId];
@@ -149,7 +148,7 @@ const expandRowColumn = {
       role: "button",
       key: `${row.uid}-expand-button`,
       title: "Toggle Row Expanded",
-      onClick: onRowExpandHandler,
+      onClick: !disabledRows[row.uid] ? onRowExpandHandler : void 0,
       onKeyDown: (e) => {
         if (["Enter", "Space"].includes(e.code)) {
           e.preventDefault();
@@ -157,22 +156,25 @@ const expandRowColumn = {
         }
       },
       ref: cell.ref,
-      tabIndex: isRowSelected ? 0 : -1,
+      tabIndex: isRowSelected && !disabledRows[row.uid] ? 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]);
+      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]);
+    }), [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,
@@ -198,5 +200,4 @@ const expandRowColumn = {
   isFocuseable: false,
   disableDnD: true
 };
-module.exports = __toCommonJS(ColumnExpand_exports);
 //# sourceMappingURL=ColumnExpand.js.map

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 react/prop-types */\n/* eslint-disable max-lines */\nimport React, { useMemo, useCallback } from 'react';\nimport { ArrowheadDown, ArrowheadRight, ArrowShortReturn } from '@elliemae/ds-icons';\nimport * as CSS from 'csstype';\nimport styled from 'styled-components';\nimport { TypescriptColumn } from '../../../types/props';\nimport { StyledFocusWithin } from '../../../styled';\nimport { DATA_TESTID } from '../../../configs/constants';\n\nconst StyledSpan = styled.span`\n  cursor: pointer;\n  box-sizing: border-box;\n  outline: none;\n  display: flex;\n  justify-content: center;\n  align-items: center;\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 },\n      allDataFlattened,\n    } = ctx;\n\n    const allExpandable = useMemo(() => {\n      const expandable = {};\n      allDataFlattened.forEach((row) => {\n        if (row.original.subRows || row.original.tableRowDetails || row.original.dimsumHeaderValue)\n          expandable[row.uid] = true;\n      });\n      return expandable;\n    }, [allDataFlattened]);\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 },\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: CSS.Properties = 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: onRowExpandHandler,\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 ? 0 : -1,\n        'data-testid': 'data-table-row-expand-cell',\n        'aria-expanded': isExpanded,\n        isRightArrow: !isExpanded || isDragging || isDragOverlay,\n      }),\n      [row.uid, 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            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            data-testid={DATA_TESTID.DATA_TABLE_ICON_ARROW_RIGHT}\n          />\n        ),\n      [isExpanded, isDragging, isDragOverlay],\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 react/prop-types */\n/* eslint-disable max-lines */\nimport React, { useMemo, useCallback } from 'react';\nimport { ArrowheadDown, ArrowheadRight, ArrowShortReturn } from '@elliemae/ds-icons';\nimport * as CSS from 'csstype';\nimport styled, { css } from 'styled-components';\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: CSS.Properties = 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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",
   "names": []
 }

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

@@ -21,31 +21,25 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ColumnSelectMultiple_exports = {};
 __export(ColumnSelectMultiple_exports, {
   multiSelectColumn: () => multiSelectColumn
 });
+module.exports = __toCommonJS(ColumnSelectMultiple_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_ds_form = require("@elliemae/ds-form");
@@ -94,7 +88,9 @@ const multiSelectColumn = {
     } = ctx;
     const { uid } = row;
     const selectedState = selection?.[uid];
-    const PureCheckboxCell = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSCheckbox, {
+    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, {
       "data-testid": import_constants.DATA_TESTID.DATA_TABLE_CHECKBOX,
       title: "Toggle Row Selected",
       "aria-checked": selectedState,
@@ -111,7 +107,7 @@ const multiSelectColumn = {
       innerRef: cell.ref,
       tabIndex: isRowSelected ? 0 : -1,
       style: { cursor: "pointer" }
-    }), [selectedState, disabledRows, row.uid, cell.ref, isRowSelected, selection, uid, onSelectionChange]);
+    })), [selectedState, disabledRows, row.uid, cell.ref, isRowSelected, selection, uid, onSelectionChange]);
     return PureCheckboxCell;
   },
   textWrap: "wrap",
@@ -121,5 +117,4 @@ const multiSelectColumn = {
   isFocuseable: false,
   disableDnD: true
 };
-module.exports = __toCommonJS(ColumnSelectMultiple_exports);
 //# sourceMappingURL=ColumnSelectMultiple.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useMemo, useCallback } from 'react';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { TypescriptColumn } from '../../../types/props';\nimport { DATA_TESTID } from '../../../configs/constants';\n\nexport const multiSelectColumn: TypescriptColumn = {\n  // Build our multiSelecter column\n  id: 'multiSelecter', // Make sure it has an ID\n  Header: ({ ctx }) => {\n    const {\n      tableProps: { onSelectionChange, selection, data, disabledRows },\n      allDataFlattened,\n    } = ctx;\n\n    const selectionKeyCount = Object.keys(selection).length;\n\n    const currentGlobalState = useMemo(\n      () => (selectionKeyCount > 0 && selectionKeyCount < data.length ? 'mixed' : selectionKeyCount > 0),\n      [selectionKeyCount, data],\n    );\n\n    const newGlobalStateAfterToggle = useMemo(() => {\n      // false -- toggles into --> true\n      // mixed  -- toggles into --> true\n      // true  -- toggles into --> false\n      let newState = false;\n      if (currentGlobalState === false || currentGlobalState === 'mixed') newState = true;\n      return newState;\n    }, [currentGlobalState]);\n\n    const newSelection = useMemo(() => {\n      if (newGlobalStateAfterToggle) {\n        const nextSelection = {};\n        allDataFlattened.forEach((datum) => {\n          nextSelection[datum.uid] = !disabledRows[datum.uid];\n        });\n        return nextSelection;\n      }\n      return {};\n    }, [newGlobalStateAfterToggle, allDataFlattened, disabledRows]);\n\n    const onChangeHandler = useCallback(\n      (e) => {\n        onSelectionChange(newSelection, 'All', e);\n      },\n      [newSelection, onSelectionChange],\n    );\n\n    const PureHeaderCheckbox = useMemo(\n      () => (\n        <DSCheckbox\n          data-testid={DATA_TESTID.DATA_TABLE_GLOBAL_CHECKBOX}\n          title=\"Toggle All Rows Selected\"\n          checked={currentGlobalState}\n          onChange={onChangeHandler}\n          tabIndex=\"0\"\n          style={{ cursor: 'pointer' }}\n        />\n      ),\n      [currentGlobalState, onChangeHandler],\n    );\n    return PureHeaderCheckbox;\n  },\n  Cell: ({ cell, row, isRowSelected, ctx }) => {\n    const {\n      tableProps: { onSelectionChange, selection, disabledRows },\n    } = ctx;\n    const { uid } = row;\n    const selectedState = selection?.[uid];\n    const PureCheckboxCell = useMemo(\n      () => (\n        <DSCheckbox\n          data-testid={DATA_TESTID.DATA_TABLE_CHECKBOX}\n          title=\"Toggle Row Selected\"\n          aria-checked={selectedState}\n          aria-disabled={false}\n          checked={selectedState}\n          onChange={(e) => {\n            const newState = !selectedState;\n            const newSelection = { ...selection, [uid]: newState }; // we only want true and mixed values\n            if (!newState) delete newSelection[uid]; // if newState is false, remove from the new selection\n            onSelectionChange(newSelection, uid, e);\n          }}\n          disabled={disabledRows[row.uid]}\n          innerRef={cell.ref}\n          tabIndex={isRowSelected ? 0 : -1}\n          style={{ cursor: 'pointer' }}\n        />\n      ),\n      [selectedState, disabledRows, row.uid, cell.ref, isRowSelected, selection, uid, onSelectionChange],\n    );\n    return PureCheckboxCell;\n  },\n  textWrap: 'wrap',\n  width: 32,\n  padding: 7,\n  canResize: false,\n  isFocuseable: false,\n  disableDnD: true,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4C;AAC5C,qBAA2B;AAE3B,uBAA4B;AAErB,MAAM,oBAAsC;AAAA,EAEjD,IAAI;AAAA,EACJ,QAAQ,CAAC,EAAE,UAAU;AACnB,UAAM;AAAA,MACJ,YAAY,EAAE,mBAAmB,WAAW,MAAM;AAAA,MAClD;AAAA,QACE;AAEJ,UAAM,oBAAoB,OAAO,KAAK,WAAW;AAEjD,UAAM,qBAAqB,0BACzB,MAAO,oBAAoB,KAAK,oBAAoB,KAAK,SAAS,UAAU,oBAAoB,GAChG,CAAC,mBAAmB;AAGtB,UAAM,4BAA4B,0BAAQ,MAAM;AAI9C,UAAI,WAAW;AACf,UAAI,uBAAuB,SAAS,uBAAuB;AAAS,mBAAW;AAC/E,aAAO;AAAA,OACN,CAAC;AAEJ,UAAM,eAAe,0BAAQ,MAAM;AACjC,UAAI,2BAA2B;AAC7B,cAAM,gBAAgB;AACtB,yBAAiB,QAAQ,CAAC,UAAU;AAClC,wBAAc,MAAM,OAAO,CAAC,aAAa,MAAM;AAAA;AAEjD,eAAO;AAAA;AAET,aAAO;AAAA,OACN,CAAC,2BAA2B,kBAAkB;AAEjD,UAAM,kBAAkB,8BACtB,CAAC,MAAM;AACL,wBAAkB,cAAc,OAAO;AAAA,OAEzC,CAAC,cAAc;AAGjB,UAAM,qBAAqB,0BACzB,MACE,mDAAC,2BAAD;AAAA,MACE,eAAa,6BAAY;AAAA,MACzB,OAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAS;AAAA,MACT,OAAO,EAAE,QAAQ;AAAA,QAGrB,CAAC,oBAAoB;AAEvB,WAAO;AAAA;AAAA,EAET,MAAM,CAAC,EAAE,MAAM,KAAK,eAAe,UAAU;AAC3C,UAAM;AAAA,MACJ,YAAY,EAAE,mBAAmB,WAAW;AAAA,QAC1C;AACJ,UAAM,EAAE,QAAQ;AAChB,UAAM,gBAAgB,YAAY;AAClC,UAAM,mBAAmB,0BACvB,MACE,mDAAC,2BAAD;AAAA,MACE,eAAa,6BAAY;AAAA,MACzB,OAAM;AAAA,MACN,gBAAc;AAAA,MACd,iBAAe;AAAA,MACf,SAAS;AAAA,MACT,UAAU,CAAC,MAAM;AACf,cAAM,WAAW,CAAC;AAClB,cAAM,eAAe,iCAAK,YAAL,GAAiB,MAAM;AAC5C,YAAI,CAAC;AAAU,iBAAO,aAAa;AACnC,0BAAkB,cAAc,KAAK;AAAA;AAAA,MAEvC,UAAU,aAAa,IAAI;AAAA,MAC3B,UAAU,KAAK;AAAA,MACf,UAAU,gBAAgB,IAAI;AAAA,MAC9B,OAAO,EAAE,QAAQ;AAAA,QAGrB,CAAC,eAAe,cAAc,IAAI,KAAK,KAAK,KAAK,eAAe,WAAW,KAAK;AAElF,WAAO;AAAA;AAAA,EAET,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AAAA;",
+  "sourcesContent": ["import React, { useMemo, useCallback } from 'react';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { TypescriptColumn } from '../../../types/props';\nimport { DATA_TESTID } from '../../../configs/constants';\n\nexport const multiSelectColumn: TypescriptColumn = {\n  // Build our multiSelecter column\n  id: 'multiSelecter', // Make sure it has an ID\n  Header: ({ ctx }) => {\n    const {\n      tableProps: { onSelectionChange, selection, data, disabledRows },\n      allDataFlattened,\n    } = ctx;\n\n    const selectionKeyCount = Object.keys(selection).length;\n\n    const currentGlobalState = useMemo(\n      () => (selectionKeyCount > 0 && selectionKeyCount < data.length ? 'mixed' : selectionKeyCount > 0),\n      [selectionKeyCount, data],\n    );\n\n    const newGlobalStateAfterToggle = useMemo(() => {\n      // false -- toggles into --> true\n      // mixed  -- toggles into --> true\n      // true  -- toggles into --> false\n      let newState = false;\n      if (currentGlobalState === false || currentGlobalState === 'mixed') newState = true;\n      return newState;\n    }, [currentGlobalState]);\n\n    const newSelection = useMemo(() => {\n      if (newGlobalStateAfterToggle) {\n        const nextSelection = {};\n        allDataFlattened.forEach((datum) => {\n          nextSelection[datum.uid] = !disabledRows[datum.uid];\n        });\n        return nextSelection;\n      }\n      return {};\n    }, [newGlobalStateAfterToggle, allDataFlattened, disabledRows]);\n\n    const onChangeHandler = useCallback(\n      (e) => {\n        onSelectionChange(newSelection, 'All', e);\n      },\n      [newSelection, onSelectionChange],\n    );\n\n    const PureHeaderCheckbox = useMemo(\n      () => (\n        <DSCheckbox\n          data-testid={DATA_TESTID.DATA_TABLE_GLOBAL_CHECKBOX}\n          title=\"Toggle All Rows Selected\"\n          checked={currentGlobalState}\n          onChange={onChangeHandler}\n          tabIndex=\"0\"\n          style={{ cursor: 'pointer' }}\n        />\n      ),\n      [currentGlobalState, onChangeHandler],\n    );\n    return PureHeaderCheckbox;\n  },\n  Cell: ({ cell, row, isRowSelected, ctx }) => {\n    const {\n      tableProps: { onSelectionChange, selection, disabledRows },\n    } = ctx;\n    const { uid } = row;\n    const selectedState = selection?.[uid];\n    const PureCheckboxCell = useMemo(\n      () => (\n        <div onClick={(e) => e.stopPropagation()}>\n          <DSCheckbox\n            data-testid={DATA_TESTID.DATA_TABLE_CHECKBOX}\n            title=\"Toggle Row Selected\"\n            aria-checked={selectedState}\n            aria-disabled={false}\n            checked={selectedState}\n            onChange={(e) => {\n              const newState = !selectedState;\n              const newSelection = { ...selection, [uid]: newState }; // we only want true and mixed values\n              if (!newState) delete newSelection[uid]; // if newState is false, remove from the new selection\n              onSelectionChange(newSelection, uid, e);\n            }}\n            disabled={disabledRows[row.uid]}\n            innerRef={cell.ref}\n            tabIndex={isRowSelected ? 0 : -1}\n            style={{ cursor: 'pointer' }}\n          />\n        </div>\n      ),\n      [selectedState, disabledRows, row.uid, cell.ref, isRowSelected, selection, uid, onSelectionChange],\n    );\n    return PureCheckboxCell;\n  },\n  textWrap: 'wrap',\n  width: 32,\n  padding: 7,\n  canResize: false,\n  isFocuseable: false,\n  disableDnD: true,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4C;AAC5C,qBAA2B;AAE3B,uBAA4B;AAErB,MAAM,oBAAsC;AAAA,EAEjD,IAAI;AAAA,EACJ,QAAQ,CAAC,EAAE,UAAU;AACnB,UAAM;AAAA,MACJ,YAAY,EAAE,mBAAmB,WAAW,MAAM;AAAA,MAClD;AAAA,QACE;AAEJ,UAAM,oBAAoB,OAAO,KAAK,SAAS,EAAE;AAEjD,UAAM,qBAAqB,0BACzB,MAAO,oBAAoB,KAAK,oBAAoB,KAAK,SAAS,UAAU,oBAAoB,GAChG,CAAC,mBAAmB,IAAI,CAC1B;AAEA,UAAM,4BAA4B,0BAAQ,MAAM;AAI9C,UAAI,WAAW;AACf,UAAI,uBAAuB,SAAS,uBAAuB;AAAS,mBAAW;AAC/E,aAAO;AAAA,IACT,GAAG,CAAC,kBAAkB,CAAC;AAEvB,UAAM,eAAe,0BAAQ,MAAM;AACjC,UAAI,2BAA2B;AAC7B,cAAM,gBAAgB,CAAC;AACvB,yBAAiB,QAAQ,CAAC,UAAU;AAClC,wBAAc,MAAM,OAAO,CAAC,aAAa,MAAM;AAAA,QACjD,CAAC;AACD,eAAO;AAAA,MACT;AACA,aAAO,CAAC;AAAA,IACV,GAAG,CAAC,2BAA2B,kBAAkB,YAAY,CAAC;AAE9D,UAAM,kBAAkB,8BACtB,CAAC,MAAM;AACL,wBAAkB,cAAc,OAAO,CAAC;AAAA,IAC1C,GACA,CAAC,cAAc,iBAAiB,CAClC;AAEA,UAAM,qBAAqB,0BACzB,MACE,mDAAC;AAAA,MACC,eAAa,6BAAY;AAAA,MACzB,OAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAS;AAAA,MACT,OAAO,EAAE,QAAQ,UAAU;AAAA,KAC7B,GAEF,CAAC,oBAAoB,eAAe,CACtC;AACA,WAAO;AAAA,EACT;AAAA,EACA,MAAM,CAAC,EAAE,MAAM,KAAK,eAAe,UAAU;AAC3C,UAAM;AAAA,MACJ,YAAY,EAAE,mBAAmB,WAAW;AAAA,QAC1C;AACJ,UAAM,EAAE,QAAQ;AAChB,UAAM,gBAAgB,YAAY;AAClC,UAAM,mBAAmB,0BACvB,MACE,mDAAC;AAAA,MAAI,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,OACrC,mDAAC;AAAA,MACC,eAAa,6BAAY;AAAA,MACzB,OAAM;AAAA,MACN,gBAAc;AAAA,MACd,iBAAe;AAAA,MACf,SAAS;AAAA,MACT,UAAU,CAAC,MAAM;AACf,cAAM,WAAW,CAAC;AAClB,cAAM,eAAe,iCAAK,YAAL,GAAiB,MAAM,SAAS;AACrD,YAAI,CAAC;AAAU,iBAAO,aAAa;AACnC,0BAAkB,cAAc,KAAK,CAAC;AAAA,MACxC;AAAA,MACA,UAAU,aAAa,IAAI;AAAA,MAC3B,UAAU,KAAK;AAAA,MACf,UAAU,gBAAgB,IAAI;AAAA,MAC9B,OAAO,EAAE,QAAQ,UAAU;AAAA,KAC7B,CACF,GAEF,CAAC,eAAe,cAAc,IAAI,KAAK,KAAK,KAAK,eAAe,WAAW,KAAK,iBAAiB,CACnG;AACA,WAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AACd;",
   "names": []
 }

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

@@ -4,31 +4,25 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ColumnSelectSingle_exports = {};
 __export(ColumnSelectSingle_exports, {
   singleSelectColumn: () => singleSelectColumn
 });
+module.exports = __toCommonJS(ColumnSelectSingle_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_ds_form = require("@elliemae/ds-form");
@@ -79,5 +73,4 @@ const singleSelectColumn = {
   isFocuseable: false,
   disableDnD: true
 };
-module.exports = __toCommonJS(ColumnSelectSingle_exports);
 //# sourceMappingURL=ColumnSelectSingle.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useMemo } from 'react';\nimport { DSRadio } from '@elliemae/ds-form';\nimport styled from 'styled-components';\nimport { TypescriptColumn } from '../../../types/props';\nimport { DATA_TESTID } from '../../../configs/constants';\n\nconst CenteredContent = styled.div`\n  display: flex;\n  height: 100%;\n  width: 100%;\n  justify-content: center;\n  align-items: center;\n`;\nconst StyledDSRadio = styled(DSRadio)`\n  padding-bottom: 0;\n  cursor: pointer;\n`;\n\nexport const singleSelectColumn: TypescriptColumn = {\n  // Build our singleSelecter column\n  id: 'singleSelecter', // Make sure it has an ID\n  // The header doesn't need anything for single selection\n  Header: () => <div />,\n  Cell: ({ cell, row, isRowSelected, ctx }) => {\n    const {\n      tableProps: { onSelectionChange, selection, disabledRows },\n    } = ctx;\n    const { uid } = row;\n    const selectedState = selection?.[uid];\n\n    const PureCheckBox = useMemo(\n      () => (\n        <CenteredContent>\n          <StyledDSRadio\n            // eslint-disable-next-line react/prop-types\n            containerProps={{\n              'aria-checked': selectedState,\n              'aria-disabled': false,\n              title: 'Toggle Row Selected',\n            }}\n            checked={selectedState}\n            onChange={() => {\n              // in single select we only allow one item to be selected\n              onSelectionChange(!selectedState ? { [uid]: !selectedState } : {});\n            }}\n            data-testid={DATA_TESTID.DATA_TABLE_RADIO}\n            disabled={disabledRows[row.uid]}\n            innerRef={cell.ref}\n            value=\"\"\n            tabIndex={isRowSelected ? 0 : -1}\n          />\n        </CenteredContent>\n      ),\n      [selectedState, disabledRows, row.uid, cell.ref, isRowSelected, onSelectionChange, uid],\n    );\n    return PureCheckBox;\n  },\n  textWrap: 'wrap',\n  width: 32,\n  padding: 4,\n  canResize: false,\n  isFocuseable: false,\n  disableDnD: true,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+B;AAC/B,qBAAwB;AACxB,+BAAmB;AAEnB,uBAA4B;AAE5B,MAAM,kBAAkB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAO/B,MAAM,gBAAgB,sCAAO;AAAA;AAAA;AAAA;AAKtB,MAAM,qBAAuC;AAAA,EAElD,IAAI;AAAA,EAEJ,QAAQ,MAAM,mDAAC,OAAD;AAAA,EACd,MAAM,CAAC,EAAE,MAAM,KAAK,eAAe,UAAU;AAC3C,UAAM;AAAA,MACJ,YAAY,EAAE,mBAAmB,WAAW;AAAA,QAC1C;AACJ,UAAM,EAAE,QAAQ;AAChB,UAAM,gBAAgB,YAAY;AAElC,UAAM,eAAe,0BACnB,MACE,mDAAC,iBAAD,MACE,mDAAC,eAAD;AAAA,MAEE,gBAAgB;AAAA,QACd,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB,OAAO;AAAA;AAAA,MAET,SAAS;AAAA,MACT,UAAU,MAAM;AAEd,0BAAkB,CAAC,gBAAgB,GAAG,MAAM,CAAC,kBAAkB;AAAA;AAAA,MAEjE,eAAa,6BAAY;AAAA,MACzB,UAAU,aAAa,IAAI;AAAA,MAC3B,UAAU,KAAK;AAAA,MACf,OAAM;AAAA,MACN,UAAU,gBAAgB,IAAI;AAAA,SAIpC,CAAC,eAAe,cAAc,IAAI,KAAK,KAAK,KAAK,eAAe,mBAAmB;AAErF,WAAO;AAAA;AAAA,EAET,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+B;AAC/B,qBAAwB;AACxB,+BAAmB;AAEnB,uBAA4B;AAE5B,MAAM,kBAAkB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAO/B,MAAM,gBAAgB,sCAAO,sBAAO;AAAA;AAAA;AAAA;AAK7B,MAAM,qBAAuC;AAAA,EAElD,IAAI;AAAA,EAEJ,QAAQ,MAAM,mDAAC,WAAI;AAAA,EACnB,MAAM,CAAC,EAAE,MAAM,KAAK,eAAe,UAAU;AAC3C,UAAM;AAAA,MACJ,YAAY,EAAE,mBAAmB,WAAW;AAAA,QAC1C;AACJ,UAAM,EAAE,QAAQ;AAChB,UAAM,gBAAgB,YAAY;AAElC,UAAM,eAAe,0BACnB,MACE,mDAAC,uBACC,mDAAC;AAAA,MAEC,gBAAgB;AAAA,QACd,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB,OAAO;AAAA,MACT;AAAA,MACA,SAAS;AAAA,MACT,UAAU,MAAM;AAEd,0BAAkB,CAAC,gBAAgB,GAAG,MAAM,CAAC,cAAc,IAAI,CAAC,CAAC;AAAA,MACnE;AAAA,MACA,eAAa,6BAAY;AAAA,MACzB,UAAU,aAAa,IAAI;AAAA,MAC3B,UAAU,KAAK;AAAA,MACf,OAAM;AAAA,MACN,UAAU,gBAAgB,IAAI;AAAA,KAChC,CACF,GAEF,CAAC,eAAe,cAAc,IAAI,KAAK,KAAK,KAAK,eAAe,mBAAmB,GAAG,CACxF;AACA,WAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AACd;",
   "names": []
 }

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

@@ -4,27 +4,20 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Columns_exports = {};
 __export(Columns_exports, {
   INTERNAL_COLUMNS: () => INTERNAL_COLUMNS,
@@ -34,6 +27,7 @@ __export(Columns_exports, {
   multiSelectColumn: () => import_ColumnSelectMultiple.multiSelectColumn,
   singleSelectColumn: () => import_ColumnSelectSingle.singleSelectColumn
 });
+module.exports = __toCommonJS(Columns_exports);
 var React = __toESM(require("react"));
 var import_ColumnAction = require("./ColumnAction/ColumnAction");
 var import_ColumnExpand = require("./ColumnExpand/ColumnExpand");
@@ -47,5 +41,4 @@ const INTERNAL_COLUMNS = [
   "singleSelecter",
   "dragHandleColumn"
 ];
-module.exports = __toCommonJS(Columns_exports);
 //# sourceMappingURL=index.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/addons/Columns/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export { actionColumn } from './ColumnAction/ColumnAction';\nexport { expandRowColumn } from './ColumnExpand/ColumnExpand';\nexport { multiSelectColumn } from './ColumnSelectMultiple/ColumnSelectMultiple';\nexport { singleSelectColumn } from './ColumnSelectSingle/ColumnSelectSingle';\nexport { dragHandleColumn } from './ColumnDragHandle/ColumnDragHandle';\n\nexport const INTERNAL_COLUMNS = [\n  'rowActions',\n  'expander',\n  'multiSelecter',\n  'singleSelecter',\n  'dragHandleColumn',\n];\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA6B;AAC7B,0BAAgC;AAChC,kCAAkC;AAClC,gCAAmC;AACnC,8BAAiC;AAE1B,MAAM,mBAAmB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA6B;AAC7B,0BAAgC;AAChC,kCAAkC;AAClC,gCAAmC;AACnC,8BAAiC;AAE1B,MAAM,mBAAmB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
   "names": []
 }