@elliemae/ds-datagrids 3.4.3-rc.1 → 3.4.3

package/dist/cjs/plugins/selectable/addSelectableColumn.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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 __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 addSelectableColumn_exports = {};
 __export(addSelectableColumn_exports, {
@@ -64,21 +67,31 @@ function selectionColumnCreator({
       minWidth: minWidth || width,
       isDataColumn
     };
-    selectionColumn = (0, import_ds_shared.appendCellFormatter)((0, import_selectableFormatter.selectableFormatter)({
-      isMultiSelect: multiple,
-      renderer: selectionComponent || multiSelectComponent,
-      onSelect: onSelectRow
-    }, grid))(selectionColumn);
+    selectionColumn = (0, import_ds_shared.appendCellFormatter)(
+      (0, import_selectableFormatter.selectableFormatter)(
+        {
+          isMultiSelect: multiple,
+          renderer: selectionComponent || multiSelectComponent,
+          onSelect: onSelectRow
+        },
+        grid
+      )
+    )(selectionColumn);
     if (multiple) {
-      selectionColumn = (0, import_ds_shared.appendHeaderFormatter)((0, import_selectableFormatter.selectableFormatter)({
-        rowKey,
-        selectAll,
-        isMultiSelect: true,
-        isHeader: true,
-        className: "multi-select-wrapper",
-        renderer: selectionComponent || multiSelectComponent,
-        onSelect: onSelectAll
-      }, grid))(selectionColumn);
+      selectionColumn = (0, import_ds_shared.appendHeaderFormatter)(
+        (0, import_selectableFormatter.selectableFormatter)(
+          {
+            rowKey,
+            selectAll,
+            isMultiSelect: true,
+            isHeader: true,
+            className: "multi-select-wrapper",
+            renderer: selectionComponent || multiSelectComponent,
+            onSelect: onSelectAll
+          },
+          grid
+        )
+      )(selectionColumn);
     }
     return selectionColumn;
   };

package/dist/cjs/plugins/selectable/addSelectableColumn.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/plugins/selectable/addSelectableColumn.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { appendCellFormatter, appendHeaderFormatter } from '@elliemae/ds-shared';\nimport { selectableFormatter } from './selectableFormatter';\n\nexport function selectionColumnCreator({\n  grid,\n  selectAll,\n  selectionComponent,\n  onSelectRow,\n  onSelectAll,\n  multiple,\n\n  // backward compatibility: later this needed to be passed through column definition\n  multiSelectFilterLabel,\n  multiSelectFilterOptions,\n  multiSelectFilterLabels,\n  multiSelectComponent, // favor selectionComponent\n}) {\n  const {\n    props: { rowKey },\n  } = grid;\n\n  return ({\n    visible = true,\n    isDataColumn = false,\n    width = 40,\n    minWidth,\n    cellRenderer,\n    headerCellRenderer,\n    customRenderer,\n    header,\n    ...column\n  } = {}) => {\n    let selectionColumn = {\n      ...column,\n      property: 'metaData.selected',\n      filterLabel: multiSelectFilterLabel,\n      filterOptions: multiSelectFilterOptions,\n      filterLabels: multiSelectFilterLabels,\n      visible,\n      width,\n      minWidth: minWidth || width,\n      isDataColumn,\n    };\n    selectionColumn = appendCellFormatter(\n      selectableFormatter(\n        {\n          isMultiSelect: multiple,\n          renderer: selectionComponent || multiSelectComponent,\n          onSelect: onSelectRow,\n        },\n        grid,\n      ),\n    )(selectionColumn);\n\n    if (multiple) {\n      selectionColumn = appendHeaderFormatter(\n        selectableFormatter(\n          {\n            rowKey,\n            selectAll,\n            isMultiSelect: true,\n            isHeader: true,\n            className: 'multi-select-wrapper',\n            renderer: selectionComponent || multiSelectComponent,\n            onSelect: onSelectAll,\n          },\n          grid,\n        ),\n      )(selectionColumn);\n    }\n    return selectionColumn;\n  };\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2D;AAC3D,iCAAoC;AAE7B,gCAAgC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GACC;AACD,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,MACP;AAEJ,SAAO,CAAC;AAAA,IACN,UAAU;AAAA,IACV,eAAe;AAAA,IACf,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,MACD,CAAC,MAAM;AACT,QAAI,kBAAkB;AAAA,MACpB,GAAG;AAAA,MACH,UAAU;AAAA,MACV,aAAa;AAAA,MACb,eAAe;AAAA,MACf,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA,UAAU,YAAY;AAAA,MACtB;AAAA,IACF;AACA,sBAAkB,0CAChB,oDACE;AAAA,MACE,eAAe;AAAA,MACf,UAAU,sBAAsB;AAAA,MAChC,UAAU;AAAA,IACZ,GACA,IACF,CACF,EAAE,eAAe;AAEjB,QAAI,UAAU;AACZ,wBAAkB,4CAChB,oDACE;AAAA,QACE;AAAA,QACA;AAAA,QACA,eAAe;AAAA,QACf,UAAU;AAAA,QACV,WAAW;AAAA,QACX,UAAU,sBAAsB;AAAA,QAChC,UAAU;AAAA,MACZ,GACA,IACF,CACF,EAAE,eAAe;AAAA,IACnB;AACA,WAAO;AAAA,EACT;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2D;AAC3D,iCAAoC;AAE7B,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,QAAM;AAAA,IACJ,OAAO,EAAE,OAAO;AAAA,EAClB,IAAI;AAEJ,SAAO,CAAC;AAAA,IACN,UAAU;AAAA,IACV,eAAe;AAAA,IACf,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,EACL,IAAI,CAAC,MAAM;AACT,QAAI,kBAAkB;AAAA,MACpB,GAAG;AAAA,MACH,UAAU;AAAA,MACV,aAAa;AAAA,MACb,eAAe;AAAA,MACf,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA,UAAU,YAAY;AAAA,MACtB;AAAA,IACF;AACA,0BAAkB;AAAA,UAChB;AAAA,QACE;AAAA,UACE,eAAe;AAAA,UACf,UAAU,sBAAsB;AAAA,UAChC,UAAU;AAAA,QACZ;AAAA,QACA;AAAA,MACF;AAAA,IACF,EAAE,eAAe;AAEjB,QAAI,UAAU;AACZ,4BAAkB;AAAA,YAChB;AAAA,UACE;AAAA,YACE;AAAA,YACA;AAAA,YACA,eAAe;AAAA,YACf,UAAU;AAAA,YACV,WAAW;AAAA,YACX,UAAU,sBAAsB;AAAA,YAChC,UAAU;AAAA,UACZ;AAAA,UACA;AAAA,QACF;AAAA,MACF,EAAE,eAAe;AAAA,IACnB;AACA,WAAO;AAAA,EACT;AACF;",
   "names": []
 }

package/dist/cjs/plugins/selectable/helper.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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 __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 helper_exports = {};
 __export(helper_exports, {

package/dist/cjs/plugins/selectable/helper.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/plugins/selectable/helper.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { toggleInObject } from '@elliemae/ds-utilities';\n\nexport const checkAllRowsSelected = (rows, selectedRows) => {\n  if (rows.length && selectedRows.length === rows.length) return true;\n  if (selectedRows.length) return 'mixed';\n  return false;\n};\n\nexport const toggleSelectAll = (rows, checked) =>\n  !checked ? {} : rows.reduce((nextSelRows, row) => toggleInObject(nextSelRows, row.id, true), {});\n\nexport const toggleSingleSelectable = (selectedRows, id) => (!selectedRows[id] ? toggleInObject({}, id, true) : {});\n\nconst mergeSelectedToMetaData = (selected) => (row) => ({\n  ...row,\n  'metaData.selected': selected,\n});\n\nexport const selectSingleRow = (rows, filter) => rows.map((row) => mergeSelectedToMetaData(filter(row))(row));\n\nexport const selectMultipleRow = (rows, isRowSelectedPredicate) =>\n  rows.map((row) => mergeSelectedToMetaData(isRowSelectedPredicate(row))(row));\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA+B;AAExB,MAAM,uBAAuB,CAAC,MAAM,iBAAiB;AAC1D,MAAI,KAAK,UAAU,aAAa,WAAW,KAAK;AAAQ,WAAO;AAC/D,MAAI,aAAa;AAAQ,WAAO;AAChC,SAAO;AACT;AAEO,MAAM,kBAAkB,CAAC,MAAM,YACpC,CAAC,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC,aAAa,QAAQ,wCAAe,aAAa,IAAI,IAAI,IAAI,GAAG,CAAC,CAAC;AAE1F,MAAM,yBAAyB,CAAC,cAAc,OAAQ,CAAC,aAAa,MAAM,wCAAe,CAAC,GAAG,IAAI,IAAI,IAAI,CAAC;AAEjH,MAAM,0BAA0B,CAAC,aAAa,CAAC,QAAS;AAAA,EACtD,GAAG;AAAA,EACH,qBAAqB;AACvB;AAEO,MAAM,kBAAkB,CAAC,MAAM,WAAW,KAAK,IAAI,CAAC,QAAQ,wBAAwB,OAAO,GAAG,CAAC,EAAE,GAAG,CAAC;AAErG,MAAM,oBAAoB,CAAC,MAAM,2BACtC,KAAK,IAAI,CAAC,QAAQ,wBAAwB,uBAAuB,GAAG,CAAC,EAAE,GAAG,CAAC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA+B;AAExB,MAAM,uBAAuB,CAAC,MAAM,iBAAiB;AAC1D,MAAI,KAAK,UAAU,aAAa,WAAW,KAAK;AAAQ,WAAO;AAC/D,MAAI,aAAa;AAAQ,WAAO;AAChC,SAAO;AACT;AAEO,MAAM,kBAAkB,CAAC,MAAM,YACpC,CAAC,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC,aAAa,YAAQ,oCAAe,aAAa,IAAI,IAAI,IAAI,GAAG,CAAC,CAAC;AAE1F,MAAM,yBAAyB,CAAC,cAAc,OAAQ,CAAC,aAAa,UAAM,oCAAe,CAAC,GAAG,IAAI,IAAI,IAAI,CAAC;AAEjH,MAAM,0BAA0B,CAAC,aAAa,CAAC,SAAS;AAAA,EACtD,GAAG;AAAA,EACH,qBAAqB;AACvB;AAEO,MAAM,kBAAkB,CAAC,MAAM,WAAW,KAAK,IAAI,CAAC,QAAQ,wBAAwB,OAAO,GAAG,CAAC,EAAE,GAAG,CAAC;AAErG,MAAM,oBAAoB,CAAC,MAAM,2BACtC,KAAK,IAAI,CAAC,QAAQ,wBAAwB,uBAAuB,GAAG,CAAC,EAAE,GAAG,CAAC;",
   "names": []
 }

package/dist/cjs/plugins/selectable/index.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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 __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 selectable_exports = {};
 __export(selectable_exports, {

package/dist/cjs/plugins/selectable/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/plugins/selectable/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export { SelectablePlugin } from './SelectablePlugin';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAiC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAiC;",
   "names": []
 }

package/dist/cjs/plugins/selectable/selectableFormatter.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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 __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 selectableFormatter_exports = {};
 __export(selectableFormatter_exports, {
@@ -26,26 +29,34 @@ __export(selectableFormatter_exports, {
 });
 module.exports = __toCommonJS(selectableFormatter_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_form = require("@elliemae/ds-form");
-const SelectableWrapper = ({ className, children }) => /* @__PURE__ */ import_react.default.createElement("div", {
+const SelectableWrapper = ({ className, children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
   className,
-  onClick: (e) => e.stopPropagation()
-}, children);
-const SelectableComponent = import_react.default.memo((0, import_react.forwardRef)(({ className, isMultiSelect, isHeader, onSelect, isSelected, value }, ref) => {
-  const SelectComponent = isMultiSelect || isHeader ? import_ds_form.DSCheckbox : import_ds_form.DSRadio;
-  return /* @__PURE__ */ import_react.default.createElement(SelectableWrapper, {
-    className
-  }, /* @__PURE__ */ import_react.default.createElement(SelectComponent, {
-    checked: isSelected,
-    "data-testid": "column-selectable-component",
-    innerRef: ref,
-    onChange: onSelect,
-    tabIndex: -1,
-    value
-  }));
-}, (prev, next) => next.isScrolling));
+  onClick: (e) => e.stopPropagation(),
+  children
+});
+const SelectableComponent = import_react.default.memo(
+  (0, import_react.forwardRef)(
+    ({ className, isMultiSelect, isHeader, onSelect, isSelected, value }, ref) => {
+      const SelectComponent = isMultiSelect || isHeader ? import_ds_form.DSCheckbox : import_ds_form.DSRadio;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectableWrapper, {
+        className,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectComponent, {
+          checked: isSelected,
+          "data-testid": "column-selectable-component",
+          innerRef: ref,
+          onChange: onSelect,
+          tabIndex: -1,
+          value
+        })
+      });
+    },
+    (prev, next) => next.isScrolling
+  )
+);
 const selectableFormatter = ({ isMultiSelect = false, renderer, className, isHeader, onSelect }, grid) => (valueRender, extraParams) => {
   const { registerFocus } = extraParams;
   const ref = (0, import_react.useRef)();
@@ -63,17 +74,18 @@ const selectableFormatter = ({ isMultiSelect = false, renderer, className, isHea
   const isSelected = isHeader ? selection.selectAll : !!selection.selectedRows[rowData[rowKey]];
   const handleSelect = isHeader ? () => onSelect(!isSelected) : () => onSelect(rowData[rowKey], extraParams.rowIndex, shiftPressed, lastSelectedRow);
   if ((0, import_ds_utilities.isFunction)(renderer)) {
-    return /* @__PURE__ */ import_react.default.createElement(SelectableWrapper, {
-      className
-    }, renderer({
-      rowData: {},
-      ...extraParams,
-      value: isSelected,
-      isHeader,
-      onSelect: handleSelect
-    }));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectableWrapper, {
+      className,
+      children: renderer({
+        rowData: {},
+        ...extraParams,
+        value: isSelected,
+        isHeader,
+        onSelect: handleSelect
+      })
+    });
   }
-  return /* @__PURE__ */ import_react.default.createElement(SelectableComponent, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectableComponent, {
     ref,
     className,
     isMultiSelect,

package/dist/cjs/plugins/selectable/selectableFormatter.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/plugins/selectable/selectableFormatter.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable indent */\n/* eslint-disable jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events,react/display-name */\nimport React, { forwardRef, useEffect, useRef } from 'react';\nimport { isFunction } from '@elliemae/ds-utilities';\nimport { DSCheckbox, DSRadio } from '@elliemae/ds-form';\n\nconst SelectableWrapper = ({ className, children }) => (\n  <div className={className} onClick={(e) => e.stopPropagation()}>\n    {children}\n  </div>\n);\n\nconst SelectableComponent = React.memo(\n  forwardRef(\n    ({ className, isMultiSelect, isHeader, onSelect, isSelected, value }, ref) => {\n      const SelectComponent = isMultiSelect || isHeader ? DSCheckbox : DSRadio;\n\n      return (\n        <SelectableWrapper className={className}>\n          <SelectComponent\n            checked={isSelected}\n            data-testid=\"column-selectable-component\"\n            innerRef={ref}\n            onChange={onSelect}\n            tabIndex={-1}\n            value={value}\n          />\n        </SelectableWrapper>\n      );\n    },\n    (prev, next) => next.isScrolling,\n  ),\n);\n\nconst selectableFormatter =\n  ({ isMultiSelect = false, renderer, className, isHeader, onSelect }, grid) =>\n  (valueRender, extraParams) => {\n    const { registerFocus } = extraParams;\n    const ref = useRef();\n    const {\n      props: { rowKey },\n      state: { selection },\n      shiftPressed,\n      lastSelectedRow,\n    } = grid.getInstance();\n    const { rowData, isScrolling } = extraParams;\n\n    useEffect(() => {\n      if (registerFocus) registerFocus(ref.current);\n    }, [ref.current]);\n\n    const isSelected = isHeader ? selection.selectAll : !!selection.selectedRows[rowData[rowKey]];\n\n    const handleSelect = isHeader\n      ? () => onSelect(!isSelected)\n      : () => onSelect(rowData[rowKey], extraParams.rowIndex, shiftPressed, lastSelectedRow);\n\n    if (isFunction(renderer)) {\n      return (\n        <SelectableWrapper className={className}>\n          {renderer({\n            rowData: {},\n            ...extraParams,\n            value: isSelected,\n            isHeader,\n            onSelect: handleSelect,\n          })}\n        </SelectableWrapper>\n      );\n    }\n\n    return (\n      <SelectableComponent\n        ref={ref}\n        className={className}\n        isMultiSelect={isMultiSelect}\n        isScrolling={isScrolling}\n        isSelected={isSelected}\n        onSelect={handleSelect}\n        value={!isHeader ? rowData[rowKey] : 'header-select-all'}\n      />\n    );\n  };\n\nexport { selectableFormatter };\nexport default selectableFormatter;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAAqD;AACrD,0BAA2B;AAC3B,qBAAoC;AAEpC,MAAM,oBAAoB,CAAC,EAAE,WAAW,eACtC,mDAAC;AAAA,EAAI;AAAA,EAAsB,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,GAC1D,QACH;AAGF,MAAM,sBAAsB,qBAAM,KAChC,6BACE,CAAC,EAAE,WAAW,eAAe,UAAU,UAAU,YAAY,SAAS,QAAQ;AAC5E,QAAM,kBAAkB,iBAAiB,WAAW,4BAAa;AAEjE,SACE,mDAAC;AAAA,IAAkB;AAAA,KACjB,mDAAC;AAAA,IACC,SAAS;AAAA,IACT,eAAY;AAAA,IACZ,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,GACF,CACF;AAEJ,GACA,CAAC,MAAM,SAAS,KAAK,WACvB,CACF;AAEA,MAAM,sBACJ,CAAC,EAAE,gBAAgB,OAAO,UAAU,WAAW,UAAU,YAAY,SACrE,CAAC,aAAa,gBAAgB;AAC5B,QAAM,EAAE,kBAAkB;AAC1B,QAAM,MAAM,yBAAO;AACnB,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT,OAAO,EAAE;AAAA,IACT;AAAA,IACA;AAAA,MACE,KAAK,YAAY;AACrB,QAAM,EAAE,SAAS,gBAAgB;AAEjC,8BAAU,MAAM;AACd,QAAI;AAAe,oBAAc,IAAI,OAAO;AAAA,EAC9C,GAAG,CAAC,IAAI,OAAO,CAAC;AAEhB,QAAM,aAAa,WAAW,UAAU,YAAY,CAAC,CAAC,UAAU,aAAa,QAAQ;AAErF,QAAM,eAAe,WACjB,MAAM,SAAS,CAAC,UAAU,IAC1B,MAAM,SAAS,QAAQ,SAAS,YAAY,UAAU,cAAc,eAAe;AAEvF,MAAI,oCAAW,QAAQ,GAAG;AACxB,WACE,mDAAC;AAAA,MAAkB;AAAA,OAChB,SAAS;AAAA,MACR,SAAS,CAAC;AAAA,MACV,GAAG;AAAA,MACH,OAAO;AAAA,MACP;AAAA,MACA,UAAU;AAAA,IACZ,CAAC,CACH;AAAA,EAEJ;AAEA,SACE,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,OAAO,CAAC,WAAW,QAAQ,UAAU;AAAA,GACvC;AAEJ;AAGF,IAAO,8BAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAGA,mBAAqD;AACrD,0BAA2B;AAC3B,qBAAoC;AAEpC,MAAM,oBAAoB,CAAC,EAAE,WAAW,SAAS,MAC/C,4CAAC;AAAA,EAAI;AAAA,EAAsB,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,EAC1D;AAAA,CACH;AAGF,MAAM,sBAAsB,aAAAA,QAAM;AAAA,MAChC;AAAA,IACE,CAAC,EAAE,WAAW,eAAe,UAAU,UAAU,YAAY,MAAM,GAAG,QAAQ;AAC5E,YAAM,kBAAkB,iBAAiB,WAAW,4BAAa;AAEjE,aACE,4CAAC;AAAA,QAAkB;AAAA,QACjB,sDAAC;AAAA,UACC,SAAS;AAAA,UACT,eAAY;AAAA,UACZ,UAAU;AAAA,UACV,UAAU;AAAA,UACV,UAAU;AAAA,UACV;AAAA,SACF;AAAA,OACF;AAAA,IAEJ;AAAA,IACA,CAAC,MAAM,SAAS,KAAK;AAAA,EACvB;AACF;AAEA,MAAM,sBACJ,CAAC,EAAE,gBAAgB,OAAO,UAAU,WAAW,UAAU,SAAS,GAAG,SACrE,CAAC,aAAa,gBAAgB;AAC5B,QAAM,EAAE,cAAc,IAAI;AAC1B,QAAM,UAAM,qBAAO;AACnB,QAAM;AAAA,IACJ,OAAO,EAAE,OAAO;AAAA,IAChB,OAAO,EAAE,UAAU;AAAA,IACnB;AAAA,IACA;AAAA,EACF,IAAI,KAAK,YAAY;AACrB,QAAM,EAAE,SAAS,YAAY,IAAI;AAEjC,8BAAU,MAAM;AACd,QAAI;AAAe,oBAAc,IAAI,OAAO;AAAA,EAC9C,GAAG,CAAC,IAAI,OAAO,CAAC;AAEhB,QAAM,aAAa,WAAW,UAAU,YAAY,CAAC,CAAC,UAAU,aAAa,QAAQ;AAErF,QAAM,eAAe,WACjB,MAAM,SAAS,CAAC,UAAU,IAC1B,MAAM,SAAS,QAAQ,SAAS,YAAY,UAAU,cAAc,eAAe;AAEvF,UAAI,gCAAW,QAAQ,GAAG;AACxB,WACE,4CAAC;AAAA,MAAkB;AAAA,MAChB,mBAAS;AAAA,QACR,SAAS,CAAC;AAAA,QACV,GAAG;AAAA,QACH,OAAO;AAAA,QACP;AAAA,QACA,UAAU;AAAA,MACZ,CAAC;AAAA,KACH;AAAA,EAEJ;AAEA,SACE,4CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,OAAO,CAAC,WAAW,QAAQ,UAAU;AAAA,GACvC;AAEJ;AAGF,IAAO,8BAAQ;",
+  "names": ["React"]
 }

package/dist/cjs/plugins/selectable/useSelectableState.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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 __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 useSelectableState_exports = {};
 __export(useSelectableState_exports, {
@@ -50,11 +53,16 @@ function useSelectableState(grid) {
     setLastSelectedRow
   } = grid.getInstance();
   const multiple = selectable === "multi";
-  const [selection, setSelectedRowsState] = (0, import_ds_utilities.useDerivedStateFromProps)({ selectedRows, selectAll }, { onUpdate: deriveSelectedStateFromPropsOnUpdate(rows) });
+  const [selection, setSelectedRowsState] = (0, import_ds_utilities.useDerivedStateFromProps)(
+    { selectedRows, selectAll },
+    { onUpdate: deriveSelectedStateFromPropsOnUpdate(rows) }
+  );
   const handleSelectRow = (id, index, shift = false, lastSelectedRow = null) => {
     setSelectedRowsState((prevState) => {
       const { rows: nextRows } = grid.getInstance();
-      const wasSelected = Object.keys(prevState.selectedRows).some((elem) => elem == id);
+      const wasSelected = Object.keys(prevState.selectedRows).some(
+        (elem) => elem == id
+      );
       let nextSelectedRows = multiple ? (0, import_ds_utilities2.toggleInObject)(prevState.selectedRows, id, true) : (0, import_helper.toggleSingleSelectable)(prevState.selectedRows, id);
       setLastSelectedRow({ index, mode: wasSelected ? "deselect" : "select" });
       if (shift && lastSelectedRow) {
@@ -77,7 +85,11 @@ function useSelectableState(grid) {
         selectAll: (0, import_helper.checkAllRowsSelected)(nextRows, Object.keys(nextSelectedRows))
       };
       if (index !== null && index !== void 0) {
-        onSelectRow(nextRows.filter((row) => nextState.selectedRows[row[rowKey]]), nextState.selectAll, index);
+        onSelectRow(
+          nextRows.filter((row) => nextState.selectedRows[row[rowKey]]),
+          nextState.selectAll,
+          index
+        );
       }
       return nextState;
     });

package/dist/cjs/plugins/selectable/useSelectableState.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/plugins/selectable/useSelectableState.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\nimport { useDerivedStateFromProps } from '@elliemae/ds-utilities';\nimport { toggleInObject, hashArray, omit } from '@elliemae/ds-utilities';\nimport {\n  checkAllRowsSelected,\n  toggleSelectAll,\n  toggleSingleSelectable,\n} from './helper';\n\nfunction deriveSelectedStateFromPropsOnUpdate(rows) {\n  return (nextProp = {}, prevProp = {}) => {\n    if (nextProp.selectAll !== prevProp.selectAll) {\n      const nextSelectedRows = nextProp.selectAll\n        ? toggleSelectAll(rows, true)\n        : hashArray(nextProp.selectedRows || []);\n      return {\n        selectedRows: nextSelectedRows,\n        selectAll: checkAllRowsSelected(rows, Object.keys(nextSelectedRows)),\n      };\n    }\n    return {\n      selectedRows: hashArray(nextProp.selectedRows || []),\n      selectAll: checkAllRowsSelected(rows, Object.keys(nextProp.selectedRows)),\n    };\n  };\n}\n\nexport function useSelectableState(grid) {\n  const {\n    props: { rowKey = 'id', selectedRows, selectAll, selectable, onSelectRow, onSelectAll },\n    rows,\n    setLastSelectedRow,\n  } = grid.getInstance();\n\n  const multiple = selectable === 'multi';\n  const [selection, setSelectedRowsState] = useDerivedStateFromProps(\n    { selectedRows, selectAll },\n    { onUpdate: deriveSelectedStateFromPropsOnUpdate(rows) },\n  );\n\n  // ACTIONS\n  const handleSelectRow = (\n    id,\n    index,\n    shift = false,\n    lastSelectedRow = null,\n    // eslint-disable-next-line max-params\n  ) => {\n    setSelectedRowsState((prevState) => {\n      const { rows: nextRows } = grid.getInstance();\n      const wasSelected = Object.keys(prevState.selectedRows).some(\n        // we need to match softly as the id may be a number\n        // eslint-disable-next-line eqeqeq\n        (elem) => elem == id,\n      );\n      let nextSelectedRows = multiple\n        ? toggleInObject(prevState.selectedRows, id, true)\n        : toggleSingleSelectable(prevState.selectedRows, id);\n      setLastSelectedRow({ index, mode: wasSelected ? 'deselect' : 'select' });\n      if (shift && lastSelectedRow) {\n        const prevSmallest = lastSelectedRow.index < index + 1;\n        const sliceStart = prevSmallest ? lastSelectedRow.index : index;\n        const sliceEnd = prevSmallest ? index + 1 : lastSelectedRow.index + 1;\n        const rowSegment = nextRows.slice(sliceStart, sliceEnd).map((row) => row[rowKey]);\n        if (lastSelectedRow.mode === 'deselect') {\n          nextSelectedRows = omit(prevState.selectedRows, rowSegment);\n        } else {\n          const selectedSegment = rowSegment.reduce((o, key) => ({ ...o, [key]: true }), {});\n          nextSelectedRows = {\n            ...prevState.selectedRows,\n            ...selectedSegment,\n          };\n        }\n      }\n\n      const nextState = {\n        selectedRows: nextSelectedRows,\n        selectAll: checkAllRowsSelected(nextRows, Object.keys(nextSelectedRows)),\n      };\n      if (index !== null && index !== undefined) {\n        onSelectRow(\n          nextRows.filter((row) => nextState.selectedRows[row[rowKey]]),\n          nextState.selectAll,\n          index,\n        );\n      }\n\n      return nextState;\n    });\n  };\n\n  const handleSelectAll = (checked) => {\n    if (!multiple) return;\n    setLastSelectedRow(null);\n    setSelectedRowsState(() => {\n      const { composedRows: nextRows } = grid.getInstance();\n\n      const nextState = {\n        selectAll: checked,\n        selectedRows: toggleSelectAll(nextRows, checked),\n      };\n\n      onSelectAll(nextState.selectAll);\n      onSelectRow(checked ? nextRows : [], nextState.selectAll);\n\n      return nextState;\n    });\n  };\n\n  return {\n    actions: {\n      selectRow: handleSelectRow,\n      selectAll: handleSelectAll,\n    },\n    state: {\n      selection,\n    },\n  };\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAAyC;AACzC,IAAAA,uBAAgD;AAChD,oBAIO;AAEP,SAAS,qCAAqC,MAAM;AAClD,SAAO,CAAC,WAAW,CAAC,GAAG,WAAW,CAAC,MAAM;AACvC,QAAI,SAAS,cAAc,SAAS,WAAW;AAC7C,YAAM,mBAAmB,SAAS,gBAC9B,+BAAgB,MAAM,IAAI,QAC1B,gCAAU,SAAS,gBAAgB,CAAC,CAAC;AACzC,aAAO;AAAA,QACL,cAAc;AAAA,QACd,eAAW,oCAAqB,MAAM,OAAO,KAAK,gBAAgB,CAAC;AAAA,MACrE;AAAA,IACF;AACA,WAAO;AAAA,MACL,kBAAc,gCAAU,SAAS,gBAAgB,CAAC,CAAC;AAAA,MACnD,eAAW,oCAAqB,MAAM,OAAO,KAAK,SAAS,YAAY,CAAC;AAAA,IAC1E;AAAA,EACF;AACF;AAEO,SAAS,mBAAmB,MAAM;AACvC,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS,MAAM,cAAc,WAAW,YAAY,aAAa,YAAY;AAAA,IACtF;AAAA,IACA;AAAA,EACF,IAAI,KAAK,YAAY;AAErB,QAAM,WAAW,eAAe;AAChC,QAAM,CAAC,WAAW,oBAAoB,QAAI;AAAA,IACxC,EAAE,cAAc,UAAU;AAAA,IAC1B,EAAE,UAAU,qCAAqC,IAAI,EAAE;AAAA,EACzD;AAGA,QAAM,kBAAkB,CACtB,IACA,OACA,QAAQ,OACR,kBAAkB,SAEf;AACH,yBAAqB,CAAC,cAAc;AAClC,YAAM,EAAE,MAAM,SAAS,IAAI,KAAK,YAAY;AAC5C,YAAM,cAAc,OAAO,KAAK,UAAU,YAAY,EAAE;AAAA,QAGtD,CAAC,SAAS,QAAQ;AAAA,MACpB;AACA,UAAI,mBAAmB,eACnB,qCAAe,UAAU,cAAc,IAAI,IAAI,QAC/C,sCAAuB,UAAU,cAAc,EAAE;AACrD,yBAAmB,EAAE,OAAO,MAAM,cAAc,aAAa,SAAS,CAAC;AACvE,UAAI,SAAS,iBAAiB;AAC5B,cAAM,eAAe,gBAAgB,QAAQ,QAAQ;AACrD,cAAM,aAAa,eAAe,gBAAgB,QAAQ;AAC1D,cAAM,WAAW,eAAe,QAAQ,IAAI,gBAAgB,QAAQ;AACpE,cAAM,aAAa,SAAS,MAAM,YAAY,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,OAAO;AAChF,YAAI,gBAAgB,SAAS,YAAY;AACvC,iCAAmB,2BAAK,UAAU,cAAc,UAAU;AAAA,QAC5D,OAAO;AACL,gBAAM,kBAAkB,WAAW,OAAO,CAAC,GAAG,SAAS,EAAE,GAAG,GAAG,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC;AACjF,6BAAmB;AAAA,YACjB,GAAG,UAAU;AAAA,YACb,GAAG;AAAA,UACL;AAAA,QACF;AAAA,MACF;AAEA,YAAM,YAAY;AAAA,QAChB,cAAc;AAAA,QACd,eAAW,oCAAqB,UAAU,OAAO,KAAK,gBAAgB,CAAC;AAAA,MACzE;AACA,UAAI,UAAU,QAAQ,UAAU,QAAW;AACzC;AAAA,UACE,SAAS,OAAO,CAAC,QAAQ,UAAU,aAAa,IAAI,QAAQ;AAAA,UAC5D,UAAU;AAAA,UACV;AAAA,QACF;AAAA,MACF;AAEA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,QAAM,kBAAkB,CAAC,YAAY;AACnC,QAAI,CAAC;AAAU;AACf,uBAAmB,IAAI;AACvB,yBAAqB,MAAM;AACzB,YAAM,EAAE,cAAc,SAAS,IAAI,KAAK,YAAY;AAEpD,YAAM,YAAY;AAAA,QAChB,WAAW;AAAA,QACX,kBAAc,+BAAgB,UAAU,OAAO;AAAA,MACjD;AAEA,kBAAY,UAAU,SAAS;AAC/B,kBAAY,UAAU,WAAW,CAAC,GAAG,UAAU,SAAS;AAExD,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL,SAAS;AAAA,MACP,WAAW;AAAA,MACX,WAAW;AAAA,IACb;AAAA,IACA,OAAO;AAAA,MACL;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": ["import_ds_utilities"]
 }

package/dist/cjs/plugins/sortable/SortablePlugin.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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 __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 SortablePlugin_exports = {};
 __export(SortablePlugin_exports, {
@@ -39,11 +42,14 @@ const decorateColumn = (column, grid) => {
     return column;
   if (!isSortableColumnActive(column))
     return column;
-  const formatter = (0, import_sortHeaderFormatter.sortHeaderFormatter)(sortabular.sort({
-    getSortingColumns: () => grid.getState().sortingColumns || [],
-    onSort: grid.actions.sort,
-    strategy: sortabular.strategies.byProperty
-  }), grid);
+  const formatter = (0, import_sortHeaderFormatter.sortHeaderFormatter)(
+    sortabular.sort({
+      getSortingColumns: () => grid.getState().sortingColumns || [],
+      onSort: grid.actions.sort,
+      strategy: sortabular.strategies.byProperty
+    }),
+    grid
+  );
   return (0, import_ds_utilities.compose)((0, import_ds_shared.appendHeaderFormatter)(formatter), (0, import_ds_shared.mergeClassNameToColumnHeader)("with-sortable"))(column);
 };
 const composeRows = (rows, grid) => {

package/dist/cjs/plugins/sortable/SortablePlugin.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/plugins/sortable/SortablePlugin.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import * as sortabular from 'sortabular';\nimport { compose, isEmpty, orderBy } from '@elliemae/ds-utilities';\nimport { createInstancePlugin, appendHeaderFormatter, mergeClassNameToColumnHeader } from '@elliemae/ds-shared';\nimport { sortHeaderFormatter } from './sortHeaderFormatter';\nimport { useSortableState } from './useSortableState';\nimport { sorter, sorterGroups } from './sorter';\n\nconst decorateColumn = (column, grid) => {\n  const {\n    props: { isSortableColumnActive = (col) => col.sortable, groupedRows },\n  } = grid;\n\n  if (groupedRows) return column;\n  if (!isSortableColumnActive(column)) return column;\n\n  const formatter = sortHeaderFormatter(\n    sortabular.sort({\n      getSortingColumns: () => grid.getState().sortingColumns || [],\n      onSort: grid.actions.sort,\n      strategy: sortabular.strategies.byProperty,\n    }),\n    grid,\n  );\n\n  return compose(appendHeaderFormatter(formatter), mergeClassNameToColumnHeader('with-sortable'))(column);\n};\n\nconst composeRows = (rows, grid) => {\n  const {\n    state: { sortingColumns },\n    props: { isDataSorted, groupedRows, groupedBy, sortEmptyLast },\n    rows: rowsData,\n    composedRows,\n    decoratedColumns,\n  } = grid.getInstance();\n\n  const sortingConfig = {\n    columns: decoratedColumns,\n    sortingColumns: !isEmpty(sortingColumns) && sortingColumns,\n    sort: orderBy,\n    emptyLast: sortEmptyLast,\n  };\n\n  // TODO: 1572 FIX\n  if (groupedRows && !groupedBy) {\n    return !isDataSorted ? sorterGroups(sortingConfig)(composedRows, rowsData, groupedBy) : rows;\n  }\n\n  return !isDataSorted ? sorter(sortingConfig)(rows) : rows;\n};\n\nexport const SortablePlugin = createInstancePlugin('sortable', {\n  registerStateHook: useSortableState,\n  decorateColumn,\n  composeRows,\n  registerHotKeys(grid) {\n    return {\n      key: 'ctrl+s',\n      handler: ({ cellIndex }) => {\n        const {\n          actions: { sort },\n          decoratedColumns,\n        } = grid.getInstance();\n        const column = decoratedColumns[cellIndex];\n        if (!column) return;\n        sort(column.property);\n      },\n    };\n  },\n});\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iBAA4B;AAC5B,0BAA0C;AAC1C,uBAA0F;AAC1F,iCAAoC;AACpC,8BAAiC;AACjC,oBAAqC;AAErC,MAAM,iBAAiB,CAAC,QAAQ,SAAS;AACvC,QAAM;AAAA,IACJ,OAAO,EAAE,yBAAyB,CAAC,QAAQ,IAAI,UAAU;AAAA,MACvD;AAEJ,MAAI;AAAa,WAAO;AACxB,MAAI,CAAC,uBAAuB,MAAM;AAAG,WAAO;AAE5C,QAAM,YAAY,oDAChB,WAAW,KAAK;AAAA,IACd,mBAAmB,MAAM,KAAK,SAAS,EAAE,kBAAkB,CAAC;AAAA,IAC5D,QAAQ,KAAK,QAAQ;AAAA,IACrB,UAAU,WAAW,WAAW;AAAA,EAClC,CAAC,GACD,IACF;AAEA,SAAO,iCAAQ,4CAAsB,SAAS,GAAG,mDAA6B,eAAe,CAAC,EAAE,MAAM;AACxG;AAEA,MAAM,cAAc,CAAC,MAAM,SAAS;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT,OAAO,EAAE,cAAc,aAAa,WAAW;AAAA,IAC/C,MAAM;AAAA,IACN;AAAA,IACA;AAAA,MACE,KAAK,YAAY;AAErB,QAAM,gBAAgB;AAAA,IACpB,SAAS;AAAA,IACT,gBAAgB,CAAC,iCAAQ,cAAc,KAAK;AAAA,IAC5C,MAAM;AAAA,IACN,WAAW;AAAA,EACb;AAGA,MAAI,eAAe,CAAC,WAAW;AAC7B,WAAO,CAAC,eAAe,gCAAa,aAAa,EAAE,cAAc,UAAU,SAAS,IAAI;AAAA,EAC1F;AAEA,SAAO,CAAC,eAAe,0BAAO,aAAa,EAAE,IAAI,IAAI;AACvD;AAEO,MAAM,iBAAiB,2CAAqB,YAAY;AAAA,EAC7D,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA,gBAAgB,MAAM;AACpB,WAAO;AAAA,MACL,KAAK;AAAA,MACL,SAAS,CAAC,EAAE,gBAAgB;AAC1B,cAAM;AAAA,UACJ,SAAS,EAAE;AAAA,UACX;AAAA,YACE,KAAK,YAAY;AACrB,cAAM,SAAS,iBAAiB;AAChC,YAAI,CAAC;AAAQ;AACb,aAAK,OAAO,QAAQ;AAAA,MACtB;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iBAA4B;AAC5B,0BAA0C;AAC1C,uBAA0F;AAC1F,iCAAoC;AACpC,8BAAiC;AACjC,oBAAqC;AAErC,MAAM,iBAAiB,CAAC,QAAQ,SAAS;AACvC,QAAM;AAAA,IACJ,OAAO,EAAE,yBAAyB,CAAC,QAAQ,IAAI,UAAU,YAAY;AAAA,EACvE,IAAI;AAEJ,MAAI;AAAa,WAAO;AACxB,MAAI,CAAC,uBAAuB,MAAM;AAAG,WAAO;AAE5C,QAAM,gBAAY;AAAA,IAChB,WAAW,KAAK;AAAA,MACd,mBAAmB,MAAM,KAAK,SAAS,EAAE,kBAAkB,CAAC;AAAA,MAC5D,QAAQ,KAAK,QAAQ;AAAA,MACrB,UAAU,WAAW,WAAW;AAAA,IAClC,CAAC;AAAA,IACD;AAAA,EACF;AAEA,aAAO,iCAAQ,wCAAsB,SAAS,OAAG,+CAA6B,eAAe,CAAC,EAAE,MAAM;AACxG;AAEA,MAAM,cAAc,CAAC,MAAM,SAAS;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE,eAAe;AAAA,IACxB,OAAO,EAAE,cAAc,aAAa,WAAW,cAAc;AAAA,IAC7D,MAAM;AAAA,IACN;AAAA,IACA;AAAA,EACF,IAAI,KAAK,YAAY;AAErB,QAAM,gBAAgB;AAAA,IACpB,SAAS;AAAA,IACT,gBAAgB,KAAC,6BAAQ,cAAc,KAAK;AAAA,IAC5C,MAAM;AAAA,IACN,WAAW;AAAA,EACb;AAGA,MAAI,eAAe,CAAC,WAAW;AAC7B,WAAO,CAAC,mBAAe,4BAAa,aAAa,EAAE,cAAc,UAAU,SAAS,IAAI;AAAA,EAC1F;AAEA,SAAO,CAAC,mBAAe,sBAAO,aAAa,EAAE,IAAI,IAAI;AACvD;AAEO,MAAM,qBAAiB,uCAAqB,YAAY;AAAA,EAC7D,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA,gBAAgB,MAAM;AACpB,WAAO;AAAA,MACL,KAAK;AAAA,MACL,SAAS,CAAC,EAAE,UAAU,MAAM;AAC1B,cAAM;AAAA,UACJ,SAAS,EAAE,KAAK;AAAA,UAChB;AAAA,QACF,IAAI,KAAK,YAAY;AACrB,cAAM,SAAS,iBAAiB;AAChC,YAAI,CAAC;AAAQ;AACb,aAAK,OAAO,QAAQ;AAAA,MACtB;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
   "names": []
 }

package/dist/cjs/plugins/sortable/checkIfSortable.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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 __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 checkIfSortable_exports = {};
 __export(checkIfSortable_exports, {

package/dist/cjs/plugins/sortable/checkIfSortable.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/plugins/sortable/checkIfSortable.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable no-plusplus */\n/* eslint-disable no-loops/no-loops */\nexport const checkIfSortable = (column, rows) => {\n  for (let index = 0; index < rows.length; index++) {\n    const element = rows[index][column];\n    if (!(element === null || element === undefined)) {\n      // PUI-6452\n      return true;\n    }\n  }\n  return false;\n};\n\nexport default checkIfSortable;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEhB,MAAM,kBAAkB,CAAC,QAAQ,SAAS;AAC/C,WAAS,QAAQ,GAAG,QAAQ,KAAK,QAAQ,SAAS;AAChD,UAAM,UAAU,KAAK,OAAO;AAC5B,QAAI,CAAE,aAAY,QAAQ,YAAY,SAAY;AAEhD,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;AAEA,IAAO,0BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEhB,MAAM,kBAAkB,CAAC,QAAQ,SAAS;AAC/C,WAAS,QAAQ,GAAG,QAAQ,KAAK,QAAQ,SAAS;AAChD,UAAM,UAAU,KAAK,OAAO;AAC5B,QAAI,EAAE,YAAY,QAAQ,YAAY,SAAY;AAEhD,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;AAEA,IAAO,0BAAQ;",
   "names": []
 }

package/dist/cjs/plugins/sortable/index.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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 __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 sortable_exports = {};
 __export(sortable_exports, {

package/dist/cjs/plugins/sortable/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/plugins/sortable/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export { SortablePlugin } from './SortablePlugin';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAA+B;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAA+B;",
   "names": []
 }

package/dist/cjs/plugins/sortable/sortHeaderFormatter.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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 __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 sortHeaderFormatter_exports = {};
 __export(sortHeaderFormatter_exports, {
@@ -26,6 +29,7 @@ __export(sortHeaderFormatter_exports, {
 });
 module.exports = __toCommonJS(sortHeaderFormatter_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_ds_icons = require("@elliemae/ds-icons");
@@ -33,23 +37,28 @@ const blockName = "data-grid-sort-header";
 const SortHeaderContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName);
 const iconColor = ["brand-primary", 800];
 const SortHeader = import_react.default.memo(({ value, onClick, sortState }) => {
-  const sortIndicator = sortState === "asc" ? /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadUp, {
+  const sortIndicator = sortState === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ArrowheadUp, {
     color: iconColor
-  }) : /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadDown, {
+  }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ArrowheadDown, {
     color: iconColor
   });
-  return /* @__PURE__ */ import_react.default.createElement(SortHeaderContainer, {
-    onClick
-  }, /* @__PURE__ */ import_react.default.createElement("span", {
-    className: "header-value"
-  }, value), sortState && sortIndicator);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SortHeaderContainer, {
+    onClick,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+        className: "header-value",
+        children: value
+      }),
+      sortState && sortIndicator
+    ]
+  });
 });
 const sortHeaderFormatter = (sortable, grid) => (value, { columnIndex, property }) => {
   const {
     state: { sortingColumns }
   } = grid.getInstance();
   const { onClick, className } = sortable(value, { columnIndex, property });
-  return /* @__PURE__ */ import_react.default.createElement(SortHeader, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SortHeader, {
     className,
     onClick,
     sortState: sortingColumns[property] && sortingColumns[property].direction,

package/dist/cjs/plugins/sortable/sortHeaderFormatter.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/plugins/sortable/sortHeaderFormatter.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { ArrowheadDown, ArrowheadUp } from '@elliemae/ds-icons';\n\nconst blockName = 'data-grid-sort-header';\n\nconst SortHeaderContainer = aggregatedClasses('div')(blockName);\n\nconst iconColor = ['brand-primary', 800];\n\nconst SortHeader = React.memo(({ value, onClick, sortState }) => {\n  const sortIndicator = sortState === 'asc' ? <ArrowheadUp color={iconColor} /> : <ArrowheadDown color={iconColor} />;\n  return (\n    <SortHeaderContainer onClick={onClick}>\n      <span className=\"header-value\">{value}</span>\n      {sortState && sortIndicator}\n    </SortHeaderContainer>\n  );\n});\n\nconst sortHeaderFormatter =\n  (sortable, grid) =>\n  (value, { columnIndex, property }) => {\n    const {\n      state: { sortingColumns },\n    } = grid.getInstance();\n    const { onClick, className } = sortable(value, { columnIndex, property });\n    return (\n      <SortHeader\n        className={className}\n        onClick={onClick}\n        sortState={sortingColumns[property] && sortingColumns[property].direction}\n        value={value}\n      />\n    );\n  };\n\nexport { sortHeaderFormatter };\nexport default sortHeaderFormatter;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,2BAAkC;AAClC,sBAA2C;AAE3C,MAAM,YAAY;AAElB,MAAM,sBAAsB,4CAAkB,KAAK,EAAE,SAAS;AAE9D,MAAM,YAAY,CAAC,iBAAiB,GAAG;AAEvC,MAAM,aAAa,qBAAM,KAAK,CAAC,EAAE,OAAO,SAAS,gBAAgB;AAC/D,QAAM,gBAAgB,cAAc,QAAQ,mDAAC;AAAA,IAAY,OAAO;AAAA,GAAW,IAAK,mDAAC;AAAA,IAAc,OAAO;AAAA,GAAW;AACjH,SACE,mDAAC;AAAA,IAAoB;AAAA,KACnB,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAgB,KAAM,GACrC,aAAa,aAChB;AAEJ,CAAC;AAED,MAAM,sBACJ,CAAC,UAAU,SACX,CAAC,OAAO,EAAE,aAAa,eAAe;AACpC,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,MACP,KAAK,YAAY;AACrB,QAAM,EAAE,SAAS,cAAc,SAAS,OAAO,EAAE,aAAa,SAAS,CAAC;AACxE,SACE,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,WAAW,eAAe,aAAa,eAAe,UAAU;AAAA,IAChE;AAAA,GACF;AAEJ;AAGF,IAAO,8BAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkB;AAClB,2BAAkC;AAClC,sBAA2C;AAE3C,MAAM,YAAY;AAElB,MAAM,0BAAsB,wCAAkB,KAAK,EAAE,SAAS;AAE9D,MAAM,YAAY,CAAC,iBAAiB,GAAG;AAEvC,MAAM,aAAa,aAAAA,QAAM,KAAK,CAAC,EAAE,OAAO,SAAS,UAAU,MAAM;AAC/D,QAAM,gBAAgB,cAAc,QAAQ,4CAAC;AAAA,IAAY,OAAO;AAAA,GAAW,IAAK,4CAAC;AAAA,IAAc,OAAO;AAAA,GAAW;AACjH,SACE,6CAAC;AAAA,IAAoB;AAAA,IACnB;AAAA,kDAAC;AAAA,QAAK,WAAU;AAAA,QAAgB;AAAA,OAAM;AAAA,MACrC,aAAa;AAAA;AAAA,GAChB;AAEJ,CAAC;AAED,MAAM,sBACJ,CAAC,UAAU,SACX,CAAC,OAAO,EAAE,aAAa,SAAS,MAAM;AACpC,QAAM;AAAA,IACJ,OAAO,EAAE,eAAe;AAAA,EAC1B,IAAI,KAAK,YAAY;AACrB,QAAM,EAAE,SAAS,UAAU,IAAI,SAAS,OAAO,EAAE,aAAa,SAAS,CAAC;AACxE,SACE,4CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,WAAW,eAAe,aAAa,eAAe,UAAU;AAAA,IAChE;AAAA,GACF;AAEJ;AAGF,IAAO,8BAAQ;",
+  "names": ["React"]
 }

package/dist/cjs/plugins/sortable/sortTree.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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 __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 sortTree_exports = {};
 __export(sortTree_exports, {
@@ -27,10 +30,14 @@ __export(sortTree_exports, {
 module.exports = __toCommonJS(sortTree_exports);
 var React = __toESM(require("react"));
 var sort = __toESM(require("sortabular"));
-const deepSorting = (sortConfig, rows = []) => sort.sorter(sortConfig)(rows.map((row) => row.children && row.children.length ? {
-  ...row,
-  children: deepSorting(sortConfig, row.children)
-} : row));
+const deepSorting = (sortConfig, rows = []) => sort.sorter(sortConfig)(
+  rows.map(
+    (row) => row.children && row.children.length ? {
+      ...row,
+      children: deepSorting(sortConfig, row.children)
+    } : row
+  )
+);
 function sortTree(sortConfig) {
   return (rows) => deepSorting(sortConfig, rows);
 }

package/dist/cjs/plugins/sortable/sortTree.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/plugins/sortable/sortTree.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import * as sort from 'sortabular';\n\nconst deepSorting = (sortConfig, rows = []) =>\n  sort.sorter(sortConfig)(\n    rows.map(row =>\n      row.children && row.children.length\n        ? {\n            ...row,\n            children: deepSorting(sortConfig, row.children),\n          }\n        : row,\n    ),\n  );\nfunction sortTree(sortConfig) {\n  return rows => deepSorting(sortConfig, rows);\n}\n\nexport { sortTree };\nexport default sortTree;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,WAAsB;AAEtB,MAAM,cAAc,CAAC,YAAY,OAAO,CAAC,MACvC,KAAK,OAAO,UAAU,EACpB,KAAK,IAAI,SACP,IAAI,YAAY,IAAI,SAAS,SACzB;AAAA,EACE,GAAG;AAAA,EACH,UAAU,YAAY,YAAY,IAAI,QAAQ;AAChD,IACA,GACN,CACF;AACF,kBAAkB,YAAY;AAC5B,SAAO,UAAQ,YAAY,YAAY,IAAI;AAC7C;AAGA,IAAO,mBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,WAAsB;AAEtB,MAAM,cAAc,CAAC,YAAY,OAAO,CAAC,MACvC,KAAK,OAAO,UAAU;AAAA,EACpB,KAAK;AAAA,IAAI,SACP,IAAI,YAAY,IAAI,SAAS,SACzB;AAAA,MACE,GAAG;AAAA,MACH,UAAU,YAAY,YAAY,IAAI,QAAQ;AAAA,IAChD,IACA;AAAA,EACN;AACF;AACF,SAAS,SAAS,YAAY;AAC5B,SAAO,UAAQ,YAAY,YAAY,IAAI;AAC7C;AAGA,IAAO,mBAAQ;",
   "names": []
 }

package/dist/cjs/plugins/sortable/sorter.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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 __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 sorter_exports = {};
 __export(sorter_exports, {
@@ -115,17 +118,25 @@ const sorterGroups = ({ columns, sortingColumns, sort, emptyLast } = {}) => (dat
   });
   rowsData.forEach((group) => {
     groups[group.id] = {
-      children: actualSortFunction(group.children.map((c) => ({
-        parentNode: preserveData[c.id].parentNode,
-        data: c,
-        ...c
-      })), columnIndexList, orderList)
+      children: actualSortFunction(
+        group.children.map((c) => ({
+          parentNode: preserveData[c.id].parentNode,
+          data: c,
+          ...c
+        })),
+        columnIndexList,
+        orderList
+      )
     };
   });
-  const sorted = actualSortFunction(data.map((r) => ({
-    ...r.data,
-    ...r
-  })), columnIndexList, orderList);
+  const sorted = actualSortFunction(
+    data.map((r) => ({
+      ...r.data,
+      ...r
+    })),
+    columnIndexList,
+    orderList
+  );
   let ssortGlobal = [];
   sorted.filter((s) => !s.isGroup).forEach((sr) => {
     if (groups[sr.parentNode.id]) {

package/dist/cjs/plugins/sortable/sorter.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/plugins/sortable/sorter.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport { get } from '@elliemae/ds-utilities';\nimport moment from 'moment';\n\nexport const sorter =\n  ({ columns, sortingColumns, sort, emptyLast } = {}) =>\n  (data) => {\n    if (!columns) {\n      throw new Error('sort.sorter - Missing \"columns\" argument!');\n    }\n\n    if (!sort) {\n      throw new Error('sort.sorter - Missing \"sort\" argument!');\n    }\n\n    if (!sortingColumns) {\n      return data;\n    }\n    const columnIndexList = new Array(sortingColumns.length);\n    const orderList = new Array(sortingColumns.length);\n\n    let actualSortFunction = sort;\n    if (emptyLast) {\n      actualSortFunction = (innerData, innerColumnIndexList, innerOrderList) => {\n        const sortedData = sort(innerData, innerColumnIndexList, innerOrderList);\n\n        const keys = Object.keys(sortingColumns);\n\n        const withData = sortedData.filter((r) => keys.some((key) => !!r[key]));\n        const withoutData = sortedData.filter((r) => keys.some((key) => !r[key]));\n\n        return [...withData, ...withoutData];\n      };\n    }\n\n    Object.keys(sortingColumns).forEach((sortingColumnKey) => {\n      const realColumn = columns.find((column) => column.property === sortingColumnKey);\n      if (!realColumn) return;\n      const columnSorter =\n        realColumn.sort ||\n        function resolveValue(row) {\n          const { property, sortBy } = realColumn;\n          const value = row[sortBy || property];\n          // Pick resolved value by convention\n          const resolvedValue = get(row, `_${property}`, value);\n\n          if (realColumn.type === 'DateTime') {\n            return moment(resolvedValue);\n          }\n\n          return typeof resolvedValue === 'string' ? resolvedValue.toLowerCase() : resolvedValue;\n        };\n\n      const sortingColumn = sortingColumns[sortingColumnKey];\n\n      columnIndexList[sortingColumn.position] = columnSorter;\n\n      orderList[sortingColumn.position] = sortingColumn.direction;\n    });\n    return actualSortFunction(data, columnIndexList, orderList);\n  };\n\nexport const sorterGroups =\n  ({ columns, sortingColumns, sort, emptyLast } = {}) =>\n  (data, rowsData) => {\n    if (!columns) {\n      throw new Error('sort.sorter - Missing \"columns\" argument!');\n    }\n\n    if (!sort) {\n      throw new Error('sort.sorter - Missing \"sort\" argument!');\n    }\n\n    if (!sortingColumns) {\n      return data;\n    }\n\n    const columnIndexList = new Array(sortingColumns.length);\n    const orderList = new Array(sortingColumns.length);\n\n    let actualSortFunction = sort;\n    if (emptyLast) {\n      actualSortFunction = (innerData, innerColumnIndexList, innerOrderList) => {\n        const sortedData = sort(innerData, innerColumnIndexList, innerOrderList);\n\n        const keys = Object.keys(sortingColumns);\n\n        const withData = sortedData.filter((r) => keys.some((key) => !!r[key]));\n        const withoutData = sortedData.filter((r) => keys.some((key) => !r[key]));\n\n        return [...withData, ...withoutData];\n      };\n    }\n\n    Object.keys(sortingColumns).forEach((sortingColumnKey) => {\n      const realColumn = columns.find((column) => column.property === sortingColumnKey);\n      if (!realColumn) return;\n      const columnSorter =\n        realColumn.sort ||\n        function resolveValue(row) {\n          const { property, sortBy } = realColumn;\n          const value = row[sortBy || property];\n          // Pick resolved value by convention\n          const resolvedValue = get(row, `_${property}`, value);\n\n          if (realColumn.type === 'DateTime') {\n            return moment(resolvedValue);\n          }\n\n          return typeof resolvedValue === 'string' ? resolvedValue.toLowerCase() : resolvedValue;\n        };\n\n      const sortingColumn = sortingColumns[sortingColumnKey];\n\n      columnIndexList[sortingColumn.position] = columnSorter;\n\n      orderList[sortingColumn.position] = sortingColumn.direction;\n    });\n\n    const groups = {};\n    const preserveData = {};\n    data.forEach((c) => {\n      preserveData[c.id] = { ...c };\n    });\n\n    rowsData.forEach((group) => {\n      groups[group.id] = {\n        children: actualSortFunction(\n          group.children.map((c) => ({\n            parentNode: preserveData[c.id].parentNode,\n            data: c,\n            ...c,\n          })),\n          columnIndexList,\n          orderList,\n        ), // sort internally\n      };\n    });\n\n    const sorted = actualSortFunction(\n      data.map((r) => ({\n        ...r.data,\n        ...r,\n      })),\n      columnIndexList,\n      orderList,\n    ); // sort global\n    let ssortGlobal = [];\n    sorted\n      .filter((s) => !s.isGroup)\n      .forEach((sr) => {\n        if (groups[sr.parentNode.id]) {\n          ssortGlobal = [...ssortGlobal, preserveData[sr.parentNode.id], ...groups[sr.parentNode.id].children];\n          delete groups[sr.parentNode.id];\n        }\n      });\n    return ssortGlobal;\n  };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["moment"]
 }