@elliemae/ds-datagrids 3.0.0-alpha.0 → 3.0.0-alpha.1

package/dist/esm/plugins/pagination/components/PerPageDropdown.js

@@ -1,11 +1,40 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import * as React from "react";
 import React2 from "react";
 import memoize from "memoize-one";
 import { range } from "@elliemae/ds-utilities";
 import { DSComboBox, components } from "@elliemae/ds-form";
-const SingleValue = ({ children, ...props }) => /* @__PURE__ */ React2.createElement(components.SingleValue, {
-  ...props
-}, children, " ", /* @__PURE__ */ React2.createElement("span", null, "per page"));
+const SingleValue = (_a) => {
+  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ React2.createElement(components.SingleValue, __spreadValues({}, props), children, " ", /* @__PURE__ */ React2.createElement("span", null, "per page"));
+};
 const generateOption = (value) => ({
   value,
   label: value

package/dist/esm/plugins/pagination/components/PerPageDropdown.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/plugins/pagination/components/PerPageDropdown.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport memoize from 'memoize-one';\nimport { range } from '@elliemae/ds-utilities';\nimport { DSComboBox, components } from '@elliemae/ds-form';\n\nconst SingleValue = ({ children, ...props }) => (\n  <components.SingleValue {...props}>\n    {children} <span>per page</span>\n  </components.SingleValue>\n);\n\nconst generateOption = (value) => ({\n  value,\n  label: value,\n});\nconst getOptions = memoize((step, min, max) => {\n  const options = range(min, max + step, step).map(generateOption);\n  return min === 0 ? options.slice(1, options.length) : options;\n});\n\nfunction PerPageDropdown({ min = 0, max = 100, step = 5, value = 0, onChange = () => null }) {\n  const options = getOptions(step, min, max);\n  return (\n    <DSComboBox\n      className=\"per-page-dropdown\"\n      components={{\n        SingleValue,\n      }}\n      containerProps={{\n        'data-testid': 'per-page-dropdown',\n      }}\n      maxOptions={10}\n      onChange={onChange}\n      options={options}\n      searchable={false}\n      value={value}\n    />\n  );\n}\n\nexport { PerPageDropdown };\nexport default PerPageDropdown;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,cAAc,CAAC,EAAE,aAAa,YAClC,qCAAC,WAAW,aAAZ;AAAA,KAA4B;AAAA,GACzB,UAAS,KAAC,qCAAC,QAAD,MAAM;AAIrB,MAAM,iBAAiB,CAAC,UAAW;AAAA,EACjC;AAAA,EACA,OAAO;AAAA;AAET,MAAM,aAAa,QAAQ,CAAC,MAAM,KAAK,QAAQ;AAC7C,QAAM,UAAU,MAAM,KAAK,MAAM,MAAM,MAAM,IAAI;AACjD,SAAO,QAAQ,IAAI,QAAQ,MAAM,GAAG,QAAQ,UAAU;AAAA;AAGxD,yBAAyB,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,GAAG,QAAQ,GAAG,WAAW,MAAM,QAAQ;AAC3F,QAAM,UAAU,WAAW,MAAM,KAAK;AACtC,SACE,qCAAC,YAAD;AAAA,IACE,WAAU;AAAA,IACV,YAAY;AAAA,MACV;AAAA;AAAA,IAEF,gBAAgB;AAAA,MACd,eAAe;AAAA;AAAA,IAEjB,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA;AAAA;AAMN,IAAO,0BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,cAAc,CAAC,OAAwB;AAAxB,eAAE,eAAF,IAAe,kBAAf,IAAe,CAAb;AACrB,8CAAC,WAAW,aAAZ,mBAA4B,QACzB,UAAS,KAAC,qCAAC,QAAD,MAAM;AAAA;AAIrB,MAAM,iBAAiB,CAAC,UAAW;AAAA,EACjC;AAAA,EACA,OAAO;AAAA;AAET,MAAM,aAAa,QAAQ,CAAC,MAAM,KAAK,QAAQ;AAC7C,QAAM,UAAU,MAAM,KAAK,MAAM,MAAM,MAAM,IAAI;AACjD,SAAO,QAAQ,IAAI,QAAQ,MAAM,GAAG,QAAQ,UAAU;AAAA;AAGxD,yBAAyB,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,GAAG,QAAQ,GAAG,WAAW,MAAM,QAAQ;AAC3F,QAAM,UAAU,WAAW,MAAM,KAAK;AACtC,SACE,qCAAC,YAAD;AAAA,IACE,WAAU;AAAA,IACV,YAAY;AAAA,MACV;AAAA;AAAA,IAEF,gBAAgB;AAAA,MACd,eAAe;AAAA;AAAA,IAEjB,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA;AAAA;AAMN,IAAO,0BAAQ;",
   "names": []
 }

package/dist/esm/plugins/pagination/usePaginationState.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import { useDerivedStateFromProps } from "@elliemae/ds-utilities";
 import { parsePerPageNumber } from "./helper";
@@ -31,10 +50,9 @@ function usePaginationState(grid) {
     setPagination((prevPagination) => {
       const pages = Math.ceil(length / prevPagination.perPage);
       onPageChange(page);
-      return {
-        ...prevPagination,
+      return __spreadProps(__spreadValues({}, prevPagination), {
         page: Math.min(Math.max(page, 1), pages)
-      };
+      });
     });
   };
   return {

package/dist/esm/plugins/pagination/usePaginationState.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/pagination/usePaginationState.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useDerivedStateFromProps } from '@elliemae/ds-utilities';\nimport { parsePerPageNumber } from './helper';\n\nexport function usePaginationState(grid) {\n  const {\n    minPerPage = 0,\n    maxPerPage = 50,\n    onPerPageChange = () => null,\n    onPageChange = () => null,\n    pagination: paginationProp = {\n      page: 1,\n      perPage: 10,\n    },\n    groupedRows,\n  } = grid.props;\n  const { composedRows, rows } = grid.getInstance();\n  const [pagination, setPagination] = useDerivedStateFromProps(paginationProp);\n\n  const onPerPage = (perPageNumber) => {\n    const parsedPerPageNumber = parsePerPageNumber(perPageNumber, maxPerPage, minPerPage);\n    const actualNumber = parsedPerPageNumber ? parseInt(parsedPerPageNumber, 10) : 0;\n\n    setPagination((prevPagination) => {\n      onPerPageChange(actualNumber);\n      return {\n        page: prevPagination.page,\n        perPage: actualNumber,\n      };\n    });\n  };\n\n  const onPageSelect = (page) => {\n    const length = groupedRows ? composedRows.length : rows.length;\n    setPagination((prevPagination) => {\n      const pages = Math.ceil(length / prevPagination.perPage);\n      onPageChange(page);\n      return {\n        ...prevPagination,\n        page: Math.min(Math.max(page, 1), pages),\n      };\n    });\n  };\n\n  return {\n    state: {\n      pagination,\n    },\n    actions: {\n      onPerPage,\n      onPageSelect,\n    },\n  };\n}\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEO,4BAA4B,MAAM;AACvC,QAAM;AAAA,IACJ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,kBAAkB,MAAM;AAAA,IACxB,eAAe,MAAM;AAAA,IACrB,YAAY,iBAAiB;AAAA,MAC3B,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX;AAAA,MACE,KAAK;AACT,QAAM,EAAE,cAAc,SAAS,KAAK;AACpC,QAAM,CAAC,YAAY,iBAAiB,yBAAyB;AAE7D,QAAM,YAAY,CAAC,kBAAkB;AACnC,UAAM,sBAAsB,mBAAmB,eAAe,YAAY;AAC1E,UAAM,eAAe,sBAAsB,SAAS,qBAAqB,MAAM;AAE/E,kBAAc,CAAC,mBAAmB;AAChC,sBAAgB;AAChB,aAAO;AAAA,QACL,MAAM,eAAe;AAAA,QACrB,SAAS;AAAA;AAAA;AAAA;AAKf,QAAM,eAAe,CAAC,SAAS;AAC7B,UAAM,SAAS,cAAc,aAAa,SAAS,KAAK;AACxD,kBAAc,CAAC,mBAAmB;AAChC,YAAM,QAAQ,KAAK,KAAK,SAAS,eAAe;AAChD,mBAAa;AACb,aAAO;AAAA,WACF;AAAA,QACH,MAAM,KAAK,IAAI,KAAK,IAAI,MAAM,IAAI;AAAA;AAAA;AAAA;AAKxC,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA;AAAA,IAEF,SAAS;AAAA,MACP;AAAA,MACA;AAAA;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAEO,4BAA4B,MAAM;AACvC,QAAM;AAAA,IACJ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,kBAAkB,MAAM;AAAA,IACxB,eAAe,MAAM;AAAA,IACrB,YAAY,iBAAiB;AAAA,MAC3B,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX;AAAA,MACE,KAAK;AACT,QAAM,EAAE,cAAc,SAAS,KAAK;AACpC,QAAM,CAAC,YAAY,iBAAiB,yBAAyB;AAE7D,QAAM,YAAY,CAAC,kBAAkB;AACnC,UAAM,sBAAsB,mBAAmB,eAAe,YAAY;AAC1E,UAAM,eAAe,sBAAsB,SAAS,qBAAqB,MAAM;AAE/E,kBAAc,CAAC,mBAAmB;AAChC,sBAAgB;AAChB,aAAO;AAAA,QACL,MAAM,eAAe;AAAA,QACrB,SAAS;AAAA;AAAA;AAAA;AAKf,QAAM,eAAe,CAAC,SAAS;AAC7B,UAAM,SAAS,cAAc,aAAa,SAAS,KAAK;AACxD,kBAAc,CAAC,mBAAmB;AAChC,YAAM,QAAQ,KAAK,KAAK,SAAS,eAAe;AAChD,mBAAa;AACb,aAAO,iCACF,iBADE;AAAA,QAEL,MAAM,KAAK,IAAI,KAAK,IAAI,MAAM,IAAI;AAAA;AAAA;AAAA;AAKxC,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA;AAAA,IAEF,SAAS;AAAA,MACP;AAAA,MACA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/esm/plugins/resizable/decorateResizable.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2 from "react";
 import { appendHeaderFormatter } from "@elliemae/ds-shared/useDataGrid/initColumnDefinition";
@@ -16,10 +35,9 @@ const ResizableWrapper = React2.memo(({ value, onDrag, onDragEnd, onDragStart, m
     className: "resize-container"
   }, value, /* @__PURE__ */ React2.createElement(Handle, null));
 });
-const resizableFormatter = (options) => (value) => /* @__PURE__ */ React2.createElement(ResizableWrapper, {
-  ...options,
+const resizableFormatter = (options) => (value) => /* @__PURE__ */ React2.createElement(ResizableWrapper, __spreadProps(__spreadValues({}, options), {
   value
-});
+}));
 export {
   addResizableToColumn,
   resizableFormatter

package/dist/esm/plugins/resizable/decorateResizable.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/resizable/decorateResizable.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { appendHeaderFormatter } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';\nimport { useResizeHandle } from './useResizeHandle';\n\nconst addResizableToColumn = (column, formatter) =>\n  appendHeaderFormatter(formatter, column);\n\nconst ResizableWrapper = React.memo(\n  ({ value, onDrag, onDragEnd, onDragStart, minWidth, handleClassName }) => {\n    const { containerRef, Handle } = useResizeHandle({\n      onDrag,\n      onDragEnd,\n      onDragStart,\n      minWidth,\n      handleClassName,\n    });\n    return (\n      <div ref={containerRef} className=\"resize-container\">\n        {value}\n        <Handle />\n      </div>\n    );\n  },\n);\n\n// eslint-disable-next-line react/display-name\nconst resizableFormatter = options => value => (\n  <ResizableWrapper {...options} value={value} />\n);\n\nexport { addResizableToColumn, resizableFormatter };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,uBAAuB,CAAC,QAAQ,cACpC,sBAAsB,WAAW;AAEnC,MAAM,mBAAmB,OAAM,KAC7B,CAAC,EAAE,OAAO,QAAQ,WAAW,aAAa,UAAU,sBAAsB;AACxE,QAAM,EAAE,cAAc,WAAW,gBAAgB;AAAA,IAC/C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAEF,SACE,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAc,WAAU;AAAA,KAC/B,OACD,qCAAC,QAAD;AAAA;AAOR,MAAM,qBAAqB,aAAW,WACpC,qCAAC,kBAAD;AAAA,KAAsB;AAAA,EAAS;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAEA,MAAM,uBAAuB,CAAC,QAAQ,cACpC,sBAAsB,WAAW;AAEnC,MAAM,mBAAmB,OAAM,KAC7B,CAAC,EAAE,OAAO,QAAQ,WAAW,aAAa,UAAU,sBAAsB;AACxE,QAAM,EAAE,cAAc,WAAW,gBAAgB;AAAA,IAC/C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAEF,SACE,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAc,WAAU;AAAA,KAC/B,OACD,qCAAC,QAAD;AAAA;AAOR,MAAM,qBAAqB,aAAW,WACpC,qCAAC,kBAAD,iCAAsB,UAAtB;AAAA,EAA+B;AAAA;",
   "names": []
 }

package/dist/esm/plugins/row-dnd/DndRowsPlugin.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2, { useMemo } from "react";
 import { SortableElement, SortableContainer, SortableHandle } from "react-sortable-hoc";
@@ -55,8 +74,7 @@ const decorateColumns = (columns) => {
 };
 const getBodyProps = (props, grid) => {
   const { onMoveRowEnd, onReorder, onMoveRowStart } = grid.props;
-  return {
-    ...props,
+  return __spreadProps(__spreadValues({}, props), {
     onSortEnd: (data) => {
       grid.enableEvents();
       grid.setIsRowDragging(false);
@@ -78,23 +96,19 @@ const getBodyProps = (props, grid) => {
         resolve(grid.refs.innerBody.current || grid.refs.body.current);
       }, 100);
     })
-  };
+  });
 };
 const decorateRenderers = (renderers) => {
   const RowComponent = renderers.body.row;
   const BodyWrapperComponent = renderers.body.wrapper;
   const Row = useMemo(() => SortableElement(RowComponent), []);
-  const BodyWrapper = useMemo(() => SortableContainer((props) => /* @__PURE__ */ React2.createElement(BodyWrapperComponent, {
-    ...omit(props, keysToOmit)
-  })), []);
-  return {
-    ...renderers,
-    body: {
-      ...renderers.body,
+  const BodyWrapper = useMemo(() => SortableContainer((props) => /* @__PURE__ */ React2.createElement(BodyWrapperComponent, __spreadValues({}, omit(props, keysToOmit)))), []);
+  return __spreadProps(__spreadValues({}, renderers), {
+    body: __spreadProps(__spreadValues({}, renderers.body), {
       wrapper: BodyWrapper,
       row: Row
-    }
-  };
+    })
+  });
 };
 const DndRowsPlugin = createInstancePlugin("dnd-rows", {
   decorateColumns,

package/dist/esm/plugins/row-dnd/DndRowsPlugin.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/row-dnd/DndRowsPlugin.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable react-hooks/rules-of-hooks */\nimport React, { useMemo } from 'react';\nimport { SortableElement, SortableContainer, SortableHandle } from 'react-sortable-hoc';\nimport { GripperVertical } from '@elliemae/ds-icons';\nimport { omit } from '@elliemae/ds-utilities';\nimport { appendCellFormatter } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\n\n// todo: remove once it's fixed in react-sortable-hoc library\nconst keysToOmit = [\n  'axis',\n  'contentWindow',\n  'disableAutoscroll',\n  'distance',\n  'getContainer',\n  'getHelperDimensions',\n  'helperClass',\n  'helperContainer',\n  'hideSortableGhost',\n  'keyboardSortingTransitionDuration',\n  'lockAxis',\n  'lockOffset',\n  'lockToContainerEdges',\n  'onSortEnd',\n  'onSortMove',\n  'onSortOver',\n  'onSortStart',\n  'pressDelay',\n  'pressThreshold',\n  'shouldCancelStart',\n  'transitionDuration',\n  'updateBeforeSortStart',\n  'useDragHandle',\n  'useWindowAsScrollContainer',\n];\n\nconst DragHandle = SortableHandle(() => <GripperVertical className=\"drag-handle\" />);\n\nconst translateDnDData = ({ oldIndex, newIndex, index }) => ({\n  sourceIndex: oldIndex,\n  targetIndex: newIndex,\n  fromIndex: index === undefined ? oldIndex : index,\n});\n\nconst decorateColumns = (columns) => {\n  const dragColumn = {\n    property: 'drag',\n    label: '',\n    visible: true,\n    width: 24,\n    minWidth: 24,\n    special: true,\n  };\n  return [\n    appendCellFormatter(\n      () => (\n        <>\n          <DragHandle />\n        </>\n      ),\n      dragColumn,\n    ),\n    ...columns,\n  ];\n};\n\nconst getBodyProps = (props, grid) => {\n  const { onMoveRowEnd, onReorder, onMoveRowStart } = grid.props;\n  return {\n    ...props,\n    onSortEnd: (data) => {\n      grid.enableEvents();\n      grid.setIsRowDragging(false);\n      onMoveRowEnd(translateDnDData(data));\n    },\n    onSortStart: (...args) => {\n      grid.disableEvents();\n      grid.setIsRowDragging(true);\n      onMoveRowStart(...args);\n    },\n    onSortOver: (data) => {\n      onReorder(translateDnDData(data));\n    },\n    lockAxis: 'y',\n    useDragHandle: true,\n    helperClass: 'row-drag-helper',\n    // a promise is needed, since sortable it's mounted before it's container\n    getContainer: () =>\n      new Promise((resolve) => {\n        setTimeout(() => {\n          resolve(grid.refs.innerBody.current || grid.refs.body.current);\n        }, 100);\n      }),\n  };\n};\n\nconst decorateRenderers = (renderers) => {\n  const RowComponent = renderers.body.row;\n  const BodyWrapperComponent = renderers.body.wrapper;\n\n  const Row = useMemo(() => SortableElement(RowComponent), []);\n\n  const BodyWrapper = useMemo(\n    () => SortableContainer((props) => <BodyWrapperComponent {...omit(props, keysToOmit)} />),\n    [],\n  );\n\n  return {\n    ...renderers,\n    body: {\n      ...renderers.body,\n      wrapper: BodyWrapper,\n      row: Row,\n    },\n  };\n};\n\nexport const DndRowsPlugin = createInstancePlugin('dnd-rows', {\n  decorateColumns,\n  getBodyProps,\n  decorateRenderers,\n});\n"],
-  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAGF,MAAM,aAAa,eAAe,MAAM,qCAAC,iBAAD;AAAA,EAAiB,WAAU;AAAA;AAEnE,MAAM,mBAAmB,CAAC,EAAE,UAAU,UAAU,YAAa;AAAA,EAC3D,aAAa;AAAA,EACb,aAAa;AAAA,EACb,WAAW,UAAU,SAAY,WAAW;AAAA;AAG9C,MAAM,kBAAkB,CAAC,YAAY;AACnC,QAAM,aAAa;AAAA,IACjB,UAAU;AAAA,IACV,OAAO;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA;AAEX,SAAO;AAAA,IACL,oBACE,MACE,4DACE,qCAAC,YAAD,QAGJ;AAAA,IAEF,GAAG;AAAA;AAAA;AAIP,MAAM,eAAe,CAAC,OAAO,SAAS;AACpC,QAAM,EAAE,cAAc,WAAW,mBAAmB,KAAK;AACzD,SAAO;AAAA,OACF;AAAA,IACH,WAAW,CAAC,SAAS;AACnB,WAAK;AACL,WAAK,iBAAiB;AACtB,mBAAa,iBAAiB;AAAA;AAAA,IAEhC,aAAa,IAAI,SAAS;AACxB,WAAK;AACL,WAAK,iBAAiB;AACtB,qBAAe,GAAG;AAAA;AAAA,IAEpB,YAAY,CAAC,SAAS;AACpB,gBAAU,iBAAiB;AAAA;AAAA,IAE7B,UAAU;AAAA,IACV,eAAe;AAAA,IACf,aAAa;AAAA,IAEb,cAAc,MACZ,IAAI,QAAQ,CAAC,YAAY;AACvB,iBAAW,MAAM;AACf,gBAAQ,KAAK,KAAK,UAAU,WAAW,KAAK,KAAK,KAAK;AAAA,SACrD;AAAA;AAAA;AAAA;AAKX,MAAM,oBAAoB,CAAC,cAAc;AACvC,QAAM,eAAe,UAAU,KAAK;AACpC,QAAM,uBAAuB,UAAU,KAAK;AAE5C,QAAM,MAAM,QAAQ,MAAM,gBAAgB,eAAe;AAEzD,QAAM,cAAc,QAClB,MAAM,kBAAkB,CAAC,UAAU,qCAAC,sBAAD;AAAA,OAA0B,KAAK,OAAO;AAAA,OACzE;AAGF,SAAO;AAAA,OACF;AAAA,IACH,MAAM;AAAA,SACD,UAAU;AAAA,MACb,SAAS;AAAA,MACT,KAAK;AAAA;AAAA;AAAA;AAKJ,MAAM,gBAAgB,qBAAqB,YAAY;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAGF,MAAM,aAAa,eAAe,MAAM,qCAAC,iBAAD;AAAA,EAAiB,WAAU;AAAA;AAEnE,MAAM,mBAAmB,CAAC,EAAE,UAAU,UAAU,YAAa;AAAA,EAC3D,aAAa;AAAA,EACb,aAAa;AAAA,EACb,WAAW,UAAU,SAAY,WAAW;AAAA;AAG9C,MAAM,kBAAkB,CAAC,YAAY;AACnC,QAAM,aAAa;AAAA,IACjB,UAAU;AAAA,IACV,OAAO;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA;AAEX,SAAO;AAAA,IACL,oBACE,MACE,4DACE,qCAAC,YAAD,QAGJ;AAAA,IAEF,GAAG;AAAA;AAAA;AAIP,MAAM,eAAe,CAAC,OAAO,SAAS;AACpC,QAAM,EAAE,cAAc,WAAW,mBAAmB,KAAK;AACzD,SAAO,iCACF,QADE;AAAA,IAEL,WAAW,CAAC,SAAS;AACnB,WAAK;AACL,WAAK,iBAAiB;AACtB,mBAAa,iBAAiB;AAAA;AAAA,IAEhC,aAAa,IAAI,SAAS;AACxB,WAAK;AACL,WAAK,iBAAiB;AACtB,qBAAe,GAAG;AAAA;AAAA,IAEpB,YAAY,CAAC,SAAS;AACpB,gBAAU,iBAAiB;AAAA;AAAA,IAE7B,UAAU;AAAA,IACV,eAAe;AAAA,IACf,aAAa;AAAA,IAEb,cAAc,MACZ,IAAI,QAAQ,CAAC,YAAY;AACvB,iBAAW,MAAM;AACf,gBAAQ,KAAK,KAAK,UAAU,WAAW,KAAK,KAAK,KAAK;AAAA,SACrD;AAAA;AAAA;AAAA;AAKX,MAAM,oBAAoB,CAAC,cAAc;AACvC,QAAM,eAAe,UAAU,KAAK;AACpC,QAAM,uBAAuB,UAAU,KAAK;AAE5C,QAAM,MAAM,QAAQ,MAAM,gBAAgB,eAAe;AAEzD,QAAM,cAAc,QAClB,MAAM,kBAAkB,CAAC,UAAU,qCAAC,sBAAD,mBAA0B,KAAK,OAAO,gBACzE;AAGF,SAAO,iCACF,YADE;AAAA,IAEL,MAAM,iCACD,UAAU,OADT;AAAA,MAEJ,SAAS;AAAA,MACT,KAAK;AAAA;AAAA;AAAA;AAKJ,MAAM,gBAAgB,qBAAqB,YAAY;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA;",
   "names": []
 }

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

@@ -1,3 +1,34 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import * as React from "react";
 import {
   appendCellFormatter,
@@ -19,19 +50,27 @@ function selectionColumnCreator({
   const {
     props: { rowKey }
   } = grid;
-  return ({
-    visible = true,
-    isDataColumn = false,
-    width = 40,
-    minWidth,
-    cellRenderer,
-    headerCellRenderer,
-    customRenderer,
-    header,
-    ...column
-  } = {}) => {
-    let selectionColumn = {
-      ...column,
+  return (_a = {}) => {
+    var _b = _a, {
+      visible = true,
+      isDataColumn = false,
+      width = 40,
+      minWidth,
+      cellRenderer,
+      headerCellRenderer,
+      customRenderer,
+      header
+    } = _b, column = __objRest(_b, [
+      "visible",
+      "isDataColumn",
+      "width",
+      "minWidth",
+      "cellRenderer",
+      "headerCellRenderer",
+      "customRenderer",
+      "header"
+    ]);
+    let selectionColumn = __spreadProps(__spreadValues({}, column), {
       property: "metaData.selected",
       filterLabel: multiSelectFilterLabel,
       filterOptions: multiSelectFilterOptions,
@@ -40,7 +79,7 @@ function selectionColumnCreator({
       width,
       minWidth: minWidth || width,
       isDataColumn
-    };
+    });
     selectionColumn = appendCellFormatter(selectableFormatter({
       isMultiSelect: multiple,
       renderer: selectionComponent || multiSelectComponent,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/selectable/addSelectableColumn.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  appendCellFormatter,\n  appendHeaderFormatter,\n} from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';\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"],
-  "mappings": "AAAA;ACAA;AAAA;AAAA;AAAA;AAIA;AAEO,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,OAAO;AACT,QAAI,kBAAkB;AAAA,SACjB;AAAA,MACH,UAAU;AAAA,MACV,aAAa;AAAA,MACb,eAAe;AAAA,MACf,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA,UAAU,YAAY;AAAA,MACtB;AAAA;AAEF,sBAAkB,oBAChB,oBACE;AAAA,MACE,eAAe;AAAA,MACf,UAAU,sBAAsB;AAAA,MAChC,UAAU;AAAA,OAEZ,OAEF;AAEF,QAAI,UAAU;AACZ,wBAAkB,sBAChB,oBACE;AAAA,QACE;AAAA,QACA;AAAA,QACA,eAAe;AAAA,QACf,UAAU;AAAA,QACV,WAAW;AAAA,QACX,UAAU,sBAAsB;AAAA,QAChC,UAAU;AAAA,SAEZ,OAEF;AAAA;AAEJ,WAAO;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AAAA;AAAA;AAAA;AAIA;AAEO,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,KAUJ,OAAO;AAVH,iBACN;AAAA,gBAAU;AAAA,MACV,eAAe;AAAA,MACf,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QARM,IASH,mBATG,IASH;AAAA,MARH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAGA,QAAI,kBAAkB,iCACjB,SADiB;AAAA,MAEpB,UAAU;AAAA,MACV,aAAa;AAAA,MACb,eAAe;AAAA,MACf,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA,UAAU,YAAY;AAAA,MACtB;AAAA;AAEF,sBAAkB,oBAChB,oBACE;AAAA,MACE,eAAe;AAAA,MACf,UAAU,sBAAsB;AAAA,MAChC,UAAU;AAAA,OAEZ,OAEF;AAEF,QAAI,UAAU;AACZ,wBAAkB,sBAChB,oBACE;AAAA,QACE;AAAA,QACA;AAAA,QACA,eAAe;AAAA,QACf,UAAU;AAAA,QACV,WAAW;AAAA,QACX,UAAU,sBAAsB;AAAA,QAChC,UAAU;AAAA,SAEZ,OAEF;AAAA;AAEJ,WAAO;AAAA;AAAA;",
   "names": []
 }

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

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import { toggleInObject } from "@elliemae/ds-utilities";
 const checkAllRowsSelected = (rows, selectedRows) => {
@@ -9,8 +28,7 @@ const checkAllRowsSelected = (rows, selectedRows) => {
 };
 const toggleSelectAll = (rows, checked) => !checked ? {} : rows.reduce((nextSelRows, row) => toggleInObject(nextSelRows, row.id, true), {});
 const toggleSingleSelectable = (selectedRows, id) => !selectedRows[id] ? toggleInObject({}, id, true) : {};
-const mergeSelectedToMetaData = (selected) => (row) => ({
-  ...row,
+const mergeSelectedToMetaData = (selected) => (row) => __spreadProps(__spreadValues({}, row), {
   "metaData.selected": selected
 });
 const selectSingleRow = (rows, filter) => rows.map((row) => mergeSelectedToMetaData(filter(row))(row));

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/selectable/helper.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,uBAAuB,CAAC,MAAM,iBAAiB;AAC1D,MAAI,KAAK,UAAU,aAAa,WAAW,KAAK;AAAQ,WAAO;AAC/D,MAAI,aAAa;AAAQ,WAAO;AAChC,SAAO;AAAA;AAGF,MAAM,kBAAkB,CAAC,MAAM,YACpC,CAAC,UAAU,KAAK,KAAK,OAAO,CAAC,aAAa,QAAQ,eAAe,aAAa,IAAI,IAAI,OAAO;AAExF,MAAM,yBAAyB,CAAC,cAAc,OAAQ,CAAC,aAAa,MAAM,eAAe,IAAI,IAAI,QAAQ;AAEhH,MAAM,0BAA0B,CAAC,aAAa,CAAC,QAAS;AAAA,KACnD;AAAA,EACH,qBAAqB;AAAA;AAGhB,MAAM,kBAAkB,CAAC,MAAM,WAAW,KAAK,IAAI,CAAC,QAAQ,wBAAwB,OAAO,MAAM;AAEjG,MAAM,oBAAoB,CAAC,MAAM,2BACtC,KAAK,IAAI,CAAC,QAAQ,wBAAwB,uBAAuB,MAAM;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AAEO,MAAM,uBAAuB,CAAC,MAAM,iBAAiB;AAC1D,MAAI,KAAK,UAAU,aAAa,WAAW,KAAK;AAAQ,WAAO;AAC/D,MAAI,aAAa;AAAQ,WAAO;AAChC,SAAO;AAAA;AAGF,MAAM,kBAAkB,CAAC,MAAM,YACpC,CAAC,UAAU,KAAK,KAAK,OAAO,CAAC,aAAa,QAAQ,eAAe,aAAa,IAAI,IAAI,OAAO;AAExF,MAAM,yBAAyB,CAAC,cAAc,OAAQ,CAAC,aAAa,MAAM,eAAe,IAAI,IAAI,QAAQ;AAEhH,MAAM,0BAA0B,CAAC,aAAa,CAAC,QAAS,iCACnD,MADmD;AAAA,EAEtD,qBAAqB;AAAA;AAGhB,MAAM,kBAAkB,CAAC,MAAM,WAAW,KAAK,IAAI,CAAC,QAAQ,wBAAwB,OAAO,MAAM;AAEjG,MAAM,oBAAoB,CAAC,MAAM,2BACtC,KAAK,IAAI,CAAC,QAAQ,wBAAwB,uBAAuB,MAAM;",
   "names": []
 }

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

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2, { forwardRef, useEffect, useRef } from "react";
 import { isFunction } from "@elliemae/ds-utilities";
@@ -38,13 +57,13 @@ const selectableFormatter = ({ isMultiSelect = false, renderer, className, isHea
   if (isFunction(renderer)) {
     return /* @__PURE__ */ React2.createElement(SelectableWrapper, {
       className
-    }, renderer({
-      rowData: {},
-      ...extraParams,
+    }, renderer(__spreadProps(__spreadValues({
+      rowData: {}
+    }, extraParams), {
       value: isSelected,
       isHeader,
       onSelect: handleSelect
-    }));
+    })));
   }
   return /* @__PURE__ */ React2.createElement(SelectableComponent, {
     ref,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/selectable/selectableFormatter.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA;ACGA;AACA;AACA;AAEA,MAAM,oBAAoB,CAAC,EAAE,WAAW,eACtC,qCAAC,OAAD;AAAA,EAAK;AAAA,EAAsB,SAAS,CAAC,MAAM,EAAE;AAAA,GAC1C;AAIL,MAAM,sBAAsB,OAAM,KAChC,WACE,CAAC,EAAE,WAAW,eAAe,UAAU,UAAU,YAAY,SAAS,QAAQ;AAC5E,QAAM,kBAAkB,iBAAiB,WAAW,aAAa;AAEjE,SACE,qCAAC,mBAAD;AAAA,IAAmB;AAAA,KACjB,qCAAC,iBAAD;AAAA,IACE,SAAS;AAAA,IACT,eAAY;AAAA,IACZ,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA;AAAA,GAKR,CAAC,MAAM,SAAS,KAAK;AAIzB,MAAM,sBACJ,CAAC,EAAE,gBAAgB,OAAO,UAAU,WAAW,UAAU,YAAY,SACrE,CAAC,aAAa,gBAAgB;AAC5B,QAAM,EAAE,kBAAkB;AAC1B,QAAM,MAAM;AACZ,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT,OAAO,EAAE;AAAA,IACT;AAAA,IACA;AAAA,MACE,KAAK;AACT,QAAM,EAAE,SAAS,gBAAgB;AAEjC,YAAU,MAAM;AACd,QAAI;AAAe,oBAAc,IAAI;AAAA,KACpC,CAAC,IAAI;AAER,QAAM,aAAa,WAAW,UAAU,YAAY,CAAC,CAAC,UAAU,aAAa,QAAQ;AAErF,QAAM,eAAe,WACjB,MAAM,SAAS,CAAC,cAChB,MAAM,SAAS,QAAQ,SAAS,YAAY,UAAU,cAAc;AAExE,MAAI,WAAW,WAAW;AACxB,WACE,qCAAC,mBAAD;AAAA,MAAmB;AAAA,OAChB,SAAS;AAAA,MACR,SAAS;AAAA,SACN;AAAA,MACH,OAAO;AAAA,MACP;AAAA,MACA,UAAU;AAAA;AAAA;AAMlB,SACE,qCAAC,qBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,OAAO,CAAC,WAAW,QAAQ,UAAU;AAAA;AAAA;AAM7C,IAAO,8BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACGA;AACA;AACA;AAEA,MAAM,oBAAoB,CAAC,EAAE,WAAW,eACtC,qCAAC,OAAD;AAAA,EAAK;AAAA,EAAsB,SAAS,CAAC,MAAM,EAAE;AAAA,GAC1C;AAIL,MAAM,sBAAsB,OAAM,KAChC,WACE,CAAC,EAAE,WAAW,eAAe,UAAU,UAAU,YAAY,SAAS,QAAQ;AAC5E,QAAM,kBAAkB,iBAAiB,WAAW,aAAa;AAEjE,SACE,qCAAC,mBAAD;AAAA,IAAmB;AAAA,KACjB,qCAAC,iBAAD;AAAA,IACE,SAAS;AAAA,IACT,eAAY;AAAA,IACZ,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA;AAAA,GAKR,CAAC,MAAM,SAAS,KAAK;AAIzB,MAAM,sBACJ,CAAC,EAAE,gBAAgB,OAAO,UAAU,WAAW,UAAU,YAAY,SACrE,CAAC,aAAa,gBAAgB;AAC5B,QAAM,EAAE,kBAAkB;AAC1B,QAAM,MAAM;AACZ,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT,OAAO,EAAE;AAAA,IACT;AAAA,IACA;AAAA,MACE,KAAK;AACT,QAAM,EAAE,SAAS,gBAAgB;AAEjC,YAAU,MAAM;AACd,QAAI;AAAe,oBAAc,IAAI;AAAA,KACpC,CAAC,IAAI;AAER,QAAM,aAAa,WAAW,UAAU,YAAY,CAAC,CAAC,UAAU,aAAa,QAAQ;AAErF,QAAM,eAAe,WACjB,MAAM,SAAS,CAAC,cAChB,MAAM,SAAS,QAAQ,SAAS,YAAY,UAAU,cAAc;AAExE,MAAI,WAAW,WAAW;AACxB,WACE,qCAAC,mBAAD;AAAA,MAAmB;AAAA,OAChB,SAAS;AAAA,MACR,SAAS;AAAA,OACN,cAFK;AAAA,MAGR,OAAO;AAAA,MACP;AAAA,MACA,UAAU;AAAA;AAAA;AAMlB,SACE,qCAAC,qBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,OAAO,CAAC,WAAW,QAAQ,UAAU;AAAA;AAAA;AAM7C,IAAO,8BAAQ;",
   "names": []
 }

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

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import { useDerivedStateFromProps } from "@elliemae/ds-utilities";
 import { toggleInObject, hashArray, omit } from "@elliemae/ds-utilities";
@@ -43,11 +62,8 @@ function useSelectableState(grid) {
         if (lastSelectedRow.mode === "deselect") {
           nextSelectedRows = omit(prevState.selectedRows, rowSegment);
         } else {
-          const selectedSegment = rowSegment.reduce((o, key) => ({ ...o, [key]: true }), {});
-          nextSelectedRows = {
-            ...prevState.selectedRows,
-            ...selectedSegment
-          };
+          const selectedSegment = rowSegment.reduce((o, key) => __spreadProps(__spreadValues({}, o), { [key]: true }), {});
+          nextSelectedRows = __spreadValues(__spreadValues({}, prevState.selectedRows), selectedSegment);
         }
       }
       const nextState = {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/selectable/useSelectableState.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAMA,8CAA8C,MAAM;AAClD,SAAO,CAAC,WAAW,IAAI,WAAW,OAAO;AACvC,QAAI,SAAS,cAAc,SAAS,WAAW;AAC7C,YAAM,mBAAmB,SAAS,YAC9B,gBAAgB,MAAM,QACtB,UAAU,SAAS,gBAAgB;AACvC,aAAO;AAAA,QACL,cAAc;AAAA,QACd,WAAW,qBAAqB,MAAM,OAAO,KAAK;AAAA;AAAA;AAGtD,WAAO;AAAA,MACL,cAAc,UAAU,SAAS,gBAAgB;AAAA,MACjD,WAAW,qBAAqB,MAAM,OAAO,KAAK,SAAS;AAAA;AAAA;AAAA;AAK1D,4BAA4B,MAAM;AACvC,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS,MAAM,cAAc,WAAW,YAAY,aAAa;AAAA,IAC1E;AAAA,IACA;AAAA,MACE,KAAK;AAET,QAAM,WAAW,eAAe;AAChC,QAAM,CAAC,WAAW,wBAAwB,yBACxC,EAAE,cAAc,aAChB,EAAE,UAAU,qCAAqC;AAInD,QAAM,kBAAkB,CACtB,IACA,OACA,QAAQ,OACR,kBAAkB,SAEf;AACH,yBAAqB,CAAC,cAAc;AAClC,YAAM,EAAE,MAAM,aAAa,KAAK;AAChC,YAAM,cAAc,OAAO,KAAK,UAAU,cAAc,KAGtD,CAAC,SAAS,QAAQ;AAEpB,UAAI,mBAAmB,WACnB,eAAe,UAAU,cAAc,IAAI,QAC3C,uBAAuB,UAAU,cAAc;AACnD,yBAAmB,EAAE,OAAO,MAAM,cAAc,aAAa;AAC7D,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,UAAU,IAAI,CAAC,QAAQ,IAAI;AACzE,YAAI,gBAAgB,SAAS,YAAY;AACvC,6BAAmB,KAAK,UAAU,cAAc;AAAA,eAC3C;AACL,gBAAM,kBAAkB,WAAW,OAAO,CAAC,GAAG,QAAS,MAAK,IAAI,MAAM,SAAS;AAC/E,6BAAmB;AAAA,eACd,UAAU;AAAA,eACV;AAAA;AAAA;AAAA;AAKT,YAAM,YAAY;AAAA,QAChB,cAAc;AAAA,QACd,WAAW,qBAAqB,UAAU,OAAO,KAAK;AAAA;AAExD,UAAI,UAAU,QAAQ,UAAU,QAAW;AACzC,oBACE,SAAS,OAAO,CAAC,QAAQ,UAAU,aAAa,IAAI,WACpD,UAAU,WACV;AAAA;AAIJ,aAAO;AAAA;AAAA;AAIX,QAAM,kBAAkB,CAAC,YAAY;AACnC,QAAI,CAAC;AAAU;AACf,uBAAmB;AACnB,yBAAqB,MAAM;AACzB,YAAM,EAAE,cAAc,aAAa,KAAK;AAExC,YAAM,YAAY;AAAA,QAChB,WAAW;AAAA,QACX,cAAc,gBAAgB,UAAU;AAAA;AAG1C,kBAAY,UAAU;AACtB,kBAAY,UAAU,WAAW,IAAI,UAAU;AAE/C,aAAO;AAAA;AAAA;AAIX,SAAO;AAAA,IACL,SAAS;AAAA,MACP,WAAW;AAAA,MACX,WAAW;AAAA;AAAA,IAEb,OAAO;AAAA,MACL;AAAA;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAMA,8CAA8C,MAAM;AAClD,SAAO,CAAC,WAAW,IAAI,WAAW,OAAO;AACvC,QAAI,SAAS,cAAc,SAAS,WAAW;AAC7C,YAAM,mBAAmB,SAAS,YAC9B,gBAAgB,MAAM,QACtB,UAAU,SAAS,gBAAgB;AACvC,aAAO;AAAA,QACL,cAAc;AAAA,QACd,WAAW,qBAAqB,MAAM,OAAO,KAAK;AAAA;AAAA;AAGtD,WAAO;AAAA,MACL,cAAc,UAAU,SAAS,gBAAgB;AAAA,MACjD,WAAW,qBAAqB,MAAM,OAAO,KAAK,SAAS;AAAA;AAAA;AAAA;AAK1D,4BAA4B,MAAM;AACvC,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS,MAAM,cAAc,WAAW,YAAY,aAAa;AAAA,IAC1E;AAAA,IACA;AAAA,MACE,KAAK;AAET,QAAM,WAAW,eAAe;AAChC,QAAM,CAAC,WAAW,wBAAwB,yBACxC,EAAE,cAAc,aAChB,EAAE,UAAU,qCAAqC;AAInD,QAAM,kBAAkB,CACtB,IACA,OACA,QAAQ,OACR,kBAAkB,SAEf;AACH,yBAAqB,CAAC,cAAc;AAClC,YAAM,EAAE,MAAM,aAAa,KAAK;AAChC,YAAM,cAAc,OAAO,KAAK,UAAU,cAAc,KAGtD,CAAC,SAAS,QAAQ;AAEpB,UAAI,mBAAmB,WACnB,eAAe,UAAU,cAAc,IAAI,QAC3C,uBAAuB,UAAU,cAAc;AACnD,yBAAmB,EAAE,OAAO,MAAM,cAAc,aAAa;AAC7D,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,UAAU,IAAI,CAAC,QAAQ,IAAI;AACzE,YAAI,gBAAgB,SAAS,YAAY;AACvC,6BAAmB,KAAK,UAAU,cAAc;AAAA,eAC3C;AACL,gBAAM,kBAAkB,WAAW,OAAO,CAAC,GAAG,QAAS,iCAAK,IAAL,GAAS,MAAM,SAAS;AAC/E,6BAAmB,kCACd,UAAU,eACV;AAAA;AAAA;AAKT,YAAM,YAAY;AAAA,QAChB,cAAc;AAAA,QACd,WAAW,qBAAqB,UAAU,OAAO,KAAK;AAAA;AAExD,UAAI,UAAU,QAAQ,UAAU,QAAW;AACzC,oBACE,SAAS,OAAO,CAAC,QAAQ,UAAU,aAAa,IAAI,WACpD,UAAU,WACV;AAAA;AAIJ,aAAO;AAAA;AAAA;AAIX,QAAM,kBAAkB,CAAC,YAAY;AACnC,QAAI,CAAC;AAAU;AACf,uBAAmB;AACnB,yBAAqB,MAAM;AACzB,YAAM,EAAE,cAAc,aAAa,KAAK;AAExC,YAAM,YAAY;AAAA,QAChB,WAAW;AAAA,QACX,cAAc,gBAAgB,UAAU;AAAA;AAG1C,kBAAY,UAAU;AACtB,kBAAY,UAAU,WAAW,IAAI,UAAU;AAE/C,aAAO;AAAA;AAAA;AAIX,SAAO;AAAA,IACL,SAAS;AAAA,MACP,WAAW;AAAA,MACX,WAAW;AAAA;AAAA,IAEb,OAAO;AAAA,MACL;AAAA;AAAA;AAAA;",
   "names": []
 }

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

@@ -1,9 +1,27 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import * as sort from "sortabular";
-const deepSorting = (sortConfig, rows = []) => sort.sorter(sortConfig)(rows.map((row) => row.children && row.children.length ? {
-  ...row,
+const deepSorting = (sortConfig, rows = []) => sort.sorter(sortConfig)(rows.map((row) => row.children && row.children.length ? __spreadProps(__spreadValues({}, row), {
   children: deepSorting(sortConfig, row.children)
-} : row));
+}) : row));
 function sortTree(sortConfig) {
   return (rows) => deepSorting(sortConfig, rows);
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/sortable/sortTree.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AAEA,MAAM,cAAc,CAAC,YAAY,OAAO,OACtC,KAAK,OAAO,YACV,KAAK,IAAI,SACP,IAAI,YAAY,IAAI,SAAS,SACzB;AAAA,KACK;AAAA,EACH,UAAU,YAAY,YAAY,IAAI;AAAA,IAExC;AAGV,kBAAkB,YAAY;AAC5B,SAAO,UAAQ,YAAY,YAAY;AAAA;AAIzC,IAAO,mBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AAEA,MAAM,cAAc,CAAC,YAAY,OAAO,OACtC,KAAK,OAAO,YACV,KAAK,IAAI,SACP,IAAI,YAAY,IAAI,SAAS,SACzB,iCACK,MADL;AAAA,EAEE,UAAU,YAAY,YAAY,IAAI;AAAA,KAExC;AAGV,kBAAkB,YAAY;AAC5B,SAAO,UAAQ,YAAY,YAAY;AAAA;AAIzC,IAAO,mBAAQ;",
   "names": []
 }

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

@@ -1,3 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 import * as React from "react";
 import { get } from "@elliemae/ds-utilities";
 import moment from "moment";
@@ -84,21 +100,17 @@ const sorterGroups = ({ columns, sortingColumns, sort, emptyLast } = {}) => (dat
   const groups = {};
   const preserveData = {};
   data.forEach((c) => {
-    preserveData[c.id] = { ...c };
+    preserveData[c.id] = __spreadValues({}, c);
   });
   rowsData.forEach((group) => {
     groups[group.id] = {
-      children: actualSortFunction(group.children.map((c) => ({
+      children: actualSortFunction(group.children.map((c) => __spreadValues({
         parentNode: preserveData[c.id].parentNode,
-        data: c,
-        ...c
-      })), columnIndexList, orderList)
+        data: c
+      }, c)), columnIndexList, orderList)
     };
   });
-  const sorted = actualSortFunction(data.map((r) => ({
-    ...r.data,
-    ...r
-  })), columnIndexList, orderList);
+  const sorted = actualSortFunction(data.map((r) => __spreadValues(__spreadValues({}, r.data), r)), columnIndexList, orderList);
   let ssortGlobal = [];
   sorted.filter((s) => !s.isGroup).forEach((sr) => {
     if (groups[sr.parentNode.id]) {