@elliemae/ds-data-table 3.0.0-alpha.0 → 3.0.0-alpha.1

package/dist/cjs/parts/Rows.js

@@ -2,8 +2,22 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -65,9 +79,7 @@ const Rows = () => {
       itemIndex: index,
       itemWrapperStyle: style
     };
-    return /* @__PURE__ */ import_react.default.createElement(import_Row.RowWithContext, {
-      ...rowProps
-    });
+    return /* @__PURE__ */ import_react.default.createElement(import_Row.RowWithContext, __spreadValues({}, rowProps));
   })), [virtualItems, items, visibleColumns, totalColumnsWidth]);
   return PureVirtualizedRows;
 };

package/dist/cjs/parts/Rows.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/parts/Rows.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable no-underscore-dangle */\nimport React, { useContext, useMemo } from 'react';\n\nimport { RowWithContext as Row } from './Row';\nimport { DataTableContext } from '../DataTableContext';\nimport { DnDTreeContext, withConditionalDnDRowContext } from './HoC/withConditionalDnDRowContext';\nimport { addCellData } from '../helpers';\n\nconst Rows = (): JSX.Element => {\n  const {\n    virtualListHelpers: { virtualItems },\n    layoutHelpers: { totalColumnsWidth },\n    flattenedData,\n    visibleColumns,\n  } = useContext(DataTableContext);\n\n  const { visibleItems } = useContext(DnDTreeContext);\n\n  const items = visibleItems || flattenedData;\n\n  const PureVirtualizedRows = useMemo(\n    () => (\n      <>\n        {virtualItems.map((virtualItem) => {\n          const { index, measureRef, start } = virtualItem;\n          const row = items[index];\n          if (!row) return null;\n          addCellData(row, visibleColumns);\n          const style = {\n            position: 'absolute',\n            top: `${start}px`,\n            left: 0,\n            width: totalColumnsWidth,\n          };\n          const rowProps = {\n            key: `ds-table-row-${row.uid}`,\n            row,\n            measureRef,\n            index, // this is consumed by the DnD HOC\n            itemIndex: index,\n            itemWrapperStyle: style,\n          };\n          return <Row {...rowProps} />;\n        })}\n      </>\n    ),\n    [virtualItems, items, visibleColumns, totalColumnsWidth],\n  );\n\n  return PureVirtualizedRows;\n};\n\nRows.propTypes = {};\n\nexport const RowsWithContext = withConditionalDnDRowContext(Rows);\nexport default RowsWithContext;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA2C;AAE3C,iBAAsC;AACtC,8BAAiC;AACjC,0CAA6D;AAC7D,qBAA4B;AAE5B,MAAM,OAAO,MAAmB;AAC9B,QAAM;AAAA,IACJ,oBAAoB,EAAE;AAAA,IACtB,eAAe,EAAE;AAAA,IACjB;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,QAAM,EAAE,iBAAiB,6BAAW;AAEpC,QAAM,QAAQ,gBAAgB;AAE9B,QAAM,sBAAsB,0BAC1B,MACE,wFACG,aAAa,IAAI,CAAC,gBAAgB;AACjC,UAAM,EAAE,OAAO,YAAY,UAAU;AACrC,UAAM,MAAM,MAAM;AAClB,QAAI,CAAC;AAAK,aAAO;AACjB,oCAAY,KAAK;AACjB,UAAM,QAAQ;AAAA,MACZ,UAAU;AAAA,MACV,KAAK,GAAG;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA;AAET,UAAM,WAAW;AAAA,MACf,KAAK,gBAAgB,IAAI;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,kBAAkB;AAAA;AAEpB,WAAO,mDAAC,2BAAD;AAAA,SAAS;AAAA;AAAA,OAItB,CAAC,cAAc,OAAO,gBAAgB;AAGxC,SAAO;AAAA;AAGT,KAAK,YAAY;AAEV,MAAM,kBAAkB,sEAA6B;AAC5D,IAAO,eAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA2C;AAE3C,iBAAsC;AACtC,8BAAiC;AACjC,0CAA6D;AAC7D,qBAA4B;AAE5B,MAAM,OAAO,MAAmB;AAC9B,QAAM;AAAA,IACJ,oBAAoB,EAAE;AAAA,IACtB,eAAe,EAAE;AAAA,IACjB;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,QAAM,EAAE,iBAAiB,6BAAW;AAEpC,QAAM,QAAQ,gBAAgB;AAE9B,QAAM,sBAAsB,0BAC1B,MACE,wFACG,aAAa,IAAI,CAAC,gBAAgB;AACjC,UAAM,EAAE,OAAO,YAAY,UAAU;AACrC,UAAM,MAAM,MAAM;AAClB,QAAI,CAAC;AAAK,aAAO;AACjB,oCAAY,KAAK;AACjB,UAAM,QAAQ;AAAA,MACZ,UAAU;AAAA,MACV,KAAK,GAAG;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA;AAET,UAAM,WAAW;AAAA,MACf,KAAK,gBAAgB,IAAI;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,kBAAkB;AAAA;AAEpB,WAAO,mDAAC,2BAAD,mBAAS;AAAA,OAItB,CAAC,cAAc,OAAO,gBAAgB;AAGxC,SAAO;AAAA;AAGT,KAAK,YAAY;AAEV,MAAM,kBAAkB,sEAA6B;AAC5D,IAAO,eAAQ;",
   "names": []
 }

package/dist/cjs/parts/SortableHeaderCell.js

@@ -1,10 +1,39 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+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;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -32,13 +61,17 @@ __export(SortableHeaderCell_exports, {
 var React = __toESM(require("react"));
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_withConditionalDnDSortableContext = require("./HoC/withConditionalDnDSortableContext");
-const SortableHeaderCell = ({
-  items,
-  isDragOverlay = false,
-  ...rest
-}) => (0, import_withConditionalDnDSortableContext.withConditionalDnDSortableContext)(items, isDragOverlay)(import_ds_grid.Grid)({
-  ...rest,
-  style: { display: "flex" }
-});
+const SortableHeaderCell = (_a) => {
+  var _b = _a, {
+    items,
+    isDragOverlay = false
+  } = _b, rest = __objRest(_b, [
+    "items",
+    "isDragOverlay"
+  ]);
+  return (0, import_withConditionalDnDSortableContext.withConditionalDnDSortableContext)(items, isDragOverlay)(import_ds_grid.Grid)(__spreadProps(__spreadValues({}, rest), {
+    style: { display: "flex" }
+  }));
+};
 module.exports = __toCommonJS(SortableHeaderCell_exports);
 //# sourceMappingURL=SortableHeaderCell.js.map

package/dist/cjs/parts/SortableHeaderCell.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/parts/SortableHeaderCell.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { Grid } from '@elliemae/ds-grid';\nimport { TypescriptColumn } from '../types/props';\nimport { withConditionalDnDSortableContext } from './HoC/withConditionalDnDSortableContext';\n\nexport const SortableHeaderCell = ({\n  items,\n  isDragOverlay = false,\n  ...rest\n}: {\n  items: TypescriptColumn[];\n  isDragOverlay?: boolean;\n  children: JSX.Element | JSX.Element[];\n}): JSX.Element =>\n  withConditionalDnDSortableContext(items, isDragOverlay)(Grid)({\n    ...rest,\n    style: { display: 'flex' },\n  });\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAAqB;AAErB,+CAAkD;AAE3C,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA,gBAAgB;AAAA,KACb;AAAA,MAMH,gFAAkC,OAAO,eAAe,qBAAM;AAAA,KACzD;AAAA,EACH,OAAO,EAAE,SAAS;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAAqB;AAErB,+CAAkD;AAE3C,MAAM,qBAAqB,CAAC,OAQnB;AARmB,eACjC;AAAA;AAAA,IACA,gBAAgB;AAAA,MAFiB,IAG9B,iBAH8B,IAG9B;AAAA,IAFH;AAAA,IACA;AAAA;AAOA,yFAAkC,OAAO,eAAe,qBAAM,iCACzD,OADyD;AAAA,IAE5D,OAAO,EAAE,SAAS;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/parts/TableContent.js

@@ -1,9 +1,26 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -68,10 +85,9 @@ const TableContentComponent = (props) => {
   return PureTableContent;
 };
 const ConnectedTableContent = (0, import_react_redux.connect)(mapStateToProps)(TableContentComponent);
-const TableContent = import_react.default.forwardRef((props, ref) => /* @__PURE__ */ import_react.default.createElement(ConnectedTableContent, {
-  ...props,
+const TableContent = import_react.default.forwardRef((props, ref) => /* @__PURE__ */ import_react.default.createElement(ConnectedTableContent, __spreadProps(__spreadValues({}, props), {
   forwardedRef: ref
-}));
+})));
 var TableContent_default = TableContent;
 module.exports = __toCommonJS(TableContent_exports);
 //# sourceMappingURL=TableContent.js.map

package/dist/cjs/parts/TableContent.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/parts/TableContent.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useContext, useMemo, useState } from 'react';\nimport { connect } from 'react-redux';\n\nimport { StyledTableWrapper, StyledDataTableWrapper } from '../styled';\nimport { DataTableContext } from '../DataTableContext';\nimport { Pagination } from '../addons/Pagination';\nimport { VirtualRowsList } from './VirtualRowsList';\nimport { TypescriptAppliedFilter } from '../types/props';\nimport { DATA_TESTID } from '../configs/constants';\n\nconst mapStateToProps = (state: { filters: TypescriptAppliedFilter }) => ({\n  reduxFilters: state.filters,\n});\n// must manually declare typescript types for mapStateToProps props\n// because react-redux is not smart enough\ntype TableContentProps = {\n  reduxFilters: TypescriptAppliedFilter;\n  forwardedRef: React.ForwardedRef<HTMLDivElement>;\n};\n\nconst TableContentComponent = (props: TableContentProps) => {\n  const { forwardedRef } = props;\n  const {\n    tableProps: { height, width, pagination },\n    allDataFlattened,\n    visibleColumns,\n  } = useContext(DataTableContext);\n\n  const [shiftKeyPressed, setShiftKeyPressed] = useState(false);\n\n  const PureTableContent = useMemo(\n    () => (\n      <StyledDataTableWrapper\n        data-testid={DATA_TESTID.DATA_TABLE_CONTENT_WRAPPER}\n        height={height}\n        width={width}\n        ref={forwardedRef}\n        noSelectionAllowed={shiftKeyPressed}\n        onKeyDown={(e) => setShiftKeyPressed((prevShiftKeyPressed) => prevShiftKeyPressed || e.shiftKey)}\n        onKeyUp={(e) => setShiftKeyPressed((prevShiftKeyPressed) => prevShiftKeyPressed && e.code !== 'Shift')}\n      >\n        <StyledTableWrapper\n          role=\"table\"\n          aria-rowcount={allDataFlattened.length}\n          aria-colcount={visibleColumns.length}\n          data-testid={DATA_TESTID.DATA_TABLE_TABLE}\n          height={height}\n          width={width}\n        >\n          <VirtualRowsList />\n        </StyledTableWrapper>\n        {pagination ? <Pagination /> : null}\n      </StyledDataTableWrapper>\n    ),\n    [height, width, forwardedRef, allDataFlattened.length, visibleColumns.length, pagination, shiftKeyPressed],\n  );\n\n  return PureTableContent;\n};\n\nconst ConnectedTableContent = connect(mapStateToProps)(TableContentComponent);\n\nconst TableContent = React.forwardRef<HTMLDivElement>((props, ref) => (\n  <ConnectedTableContent {...props} forwardedRef={ref} />\n));\n\nexport { TableContent };\nexport default TableContent;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAqD;AACrD,yBAAwB;AAExB,oBAA2D;AAC3D,8BAAiC;AACjC,wBAA2B;AAC3B,6BAAgC;AAEhC,uBAA4B;AAE5B,MAAM,kBAAkB,CAAC,UAAiD;AAAA,EACxE,cAAc,MAAM;AAAA;AAStB,MAAM,wBAAwB,CAAC,UAA6B;AAC1D,QAAM,EAAE,iBAAiB;AACzB,QAAM;AAAA,IACJ,YAAY,EAAE,QAAQ,OAAO;AAAA,IAC7B;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,QAAM,CAAC,iBAAiB,sBAAsB,2BAAS;AAEvD,QAAM,mBAAmB,0BACvB,MACE,mDAAC,sCAAD;AAAA,IACE,eAAa,6BAAY;AAAA,IACzB;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL,oBAAoB;AAAA,IACpB,WAAW,CAAC,MAAM,mBAAmB,CAAC,wBAAwB,uBAAuB,EAAE;AAAA,IACvF,SAAS,CAAC,MAAM,mBAAmB,CAAC,wBAAwB,uBAAuB,EAAE,SAAS;AAAA,KAE9F,mDAAC,kCAAD;AAAA,IACE,MAAK;AAAA,IACL,iBAAe,iBAAiB;AAAA,IAChC,iBAAe,eAAe;AAAA,IAC9B,eAAa,6BAAY;AAAA,IACzB;AAAA,IACA;AAAA,KAEA,mDAAC,wCAAD,QAED,aAAa,mDAAC,8BAAD,QAAiB,OAGnC,CAAC,QAAQ,OAAO,cAAc,iBAAiB,QAAQ,eAAe,QAAQ,YAAY;AAG5F,SAAO;AAAA;AAGT,MAAM,wBAAwB,gCAAQ,iBAAiB;AAEvD,MAAM,eAAe,qBAAM,WAA2B,CAAC,OAAO,QAC5D,mDAAC,uBAAD;AAAA,KAA2B;AAAA,EAAO,cAAc;AAAA;AAIlD,IAAO,uBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAqD;AACrD,yBAAwB;AAExB,oBAA2D;AAC3D,8BAAiC;AACjC,wBAA2B;AAC3B,6BAAgC;AAEhC,uBAA4B;AAE5B,MAAM,kBAAkB,CAAC,UAAiD;AAAA,EACxE,cAAc,MAAM;AAAA;AAStB,MAAM,wBAAwB,CAAC,UAA6B;AAC1D,QAAM,EAAE,iBAAiB;AACzB,QAAM;AAAA,IACJ,YAAY,EAAE,QAAQ,OAAO;AAAA,IAC7B;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,QAAM,CAAC,iBAAiB,sBAAsB,2BAAS;AAEvD,QAAM,mBAAmB,0BACvB,MACE,mDAAC,sCAAD;AAAA,IACE,eAAa,6BAAY;AAAA,IACzB;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL,oBAAoB;AAAA,IACpB,WAAW,CAAC,MAAM,mBAAmB,CAAC,wBAAwB,uBAAuB,EAAE;AAAA,IACvF,SAAS,CAAC,MAAM,mBAAmB,CAAC,wBAAwB,uBAAuB,EAAE,SAAS;AAAA,KAE9F,mDAAC,kCAAD;AAAA,IACE,MAAK;AAAA,IACL,iBAAe,iBAAiB;AAAA,IAChC,iBAAe,eAAe;AAAA,IAC9B,eAAa,6BAAY;AAAA,IACzB;AAAA,IACA;AAAA,KAEA,mDAAC,wCAAD,QAED,aAAa,mDAAC,8BAAD,QAAiB,OAGnC,CAAC,QAAQ,OAAO,cAAc,iBAAiB,QAAQ,eAAe,QAAQ,YAAY;AAG5F,SAAO;AAAA;AAGT,MAAM,wBAAwB,gCAAQ,iBAAiB;AAEvD,MAAM,eAAe,qBAAM,WAA2B,CAAC,OAAO,QAC5D,mDAAC,uBAAD,iCAA2B,QAA3B;AAAA,EAAkC,cAAc;AAAA;AAIlD,IAAO,uBAAQ;",
   "names": []
 }

package/dist/cjs/prop-types.js

@@ -1,9 +1,26 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -52,10 +69,9 @@ const tableStateShape = {
   setFilter: import_prop_types.default.func,
   totalColumnsWidth: import_prop_types.default.number
 };
-const filterComponentPropType = {
-  ...tableStateShape,
+const filterComponentPropType = __spreadProps(__spreadValues({}, tableStateShape), {
   column: import_prop_types.default.object
-};
+});
 const editableCellPropType = {
   cell: import_prop_types.default.object.isRequired,
   DefaultCellRender: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]).isRequired

package/dist/cjs/prop-types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/prop-types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\nimport PropTypes from 'prop-types';\n\nexport const tableStateShape = {\n  allColumns: PropTypes.array,\n  columns: PropTypes.array,\n  visibleColumns: PropTypes.array,\n  data: PropTypes.array,\n  preFilteredFlatRows: PropTypes.array,\n  preFilteredRows: PropTypes.array,\n  rows: PropTypes.array,\n  page: PropTypes.array,\n  preFilteredRowsById: PropTypes.object,\n  rowsById: PropTypes.object,\n  setAllFilters: PropTypes.func,\n  setFilter: PropTypes.func,\n  totalColumnsWidth: PropTypes.number,\n};\n\nexport const filterComponentPropType = {\n  ...tableStateShape,\n  column: PropTypes.object,\n};\nexport const editableCellPropType = {\n  cell: PropTypes.object.isRequired,\n  DefaultCellRender: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,\n};\n\nexport const CellPropType = tableStateShape;\n\nexport const headerGroupsType = PropTypes.arrayOf(\n  PropTypes.shape({\n    getHeaderGroupProps: PropTypes.func.isRequired,\n    headers: PropTypes.arrayOf(PropTypes.object).isRequired,\n  }),\n);\nexport const renderRowActionsPropType = PropTypes.oneOfType([\n  PropTypes.oneOf([false]),\n  PropTypes.shape({\n    columnWidth: PropTypes.number.isRequired,\n    renderer: PropTypes.func.isRequired,\n  }),\n]);\n\nexport const paginationPropType = PropTypes.oneOfType([\n  PropTypes.bool,\n  PropTypes.shape({\n    perPageOptions: PropTypes.arrayOf(PropTypes.number),\n  }),\n]);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,wBAAsB;AAEf,MAAM,kBAAkB;AAAA,EAC7B,YAAY,0BAAU;AAAA,EACtB,SAAS,0BAAU;AAAA,EACnB,gBAAgB,0BAAU;AAAA,EAC1B,MAAM,0BAAU;AAAA,EAChB,qBAAqB,0BAAU;AAAA,EAC/B,iBAAiB,0BAAU;AAAA,EAC3B,MAAM,0BAAU;AAAA,EAChB,MAAM,0BAAU;AAAA,EAChB,qBAAqB,0BAAU;AAAA,EAC/B,UAAU,0BAAU;AAAA,EACpB,eAAe,0BAAU;AAAA,EACzB,WAAW,0BAAU;AAAA,EACrB,mBAAmB,0BAAU;AAAA;AAGxB,MAAM,0BAA0B;AAAA,KAClC;AAAA,EACH,QAAQ,0BAAU;AAAA;AAEb,MAAM,uBAAuB;AAAA,EAClC,MAAM,0BAAU,OAAO;AAAA,EACvB,mBAAmB,0BAAU,UAAU,CAAC,0BAAU,MAAM,0BAAU,SAAS;AAAA;AAGtE,MAAM,eAAe;AAErB,MAAM,mBAAmB,0BAAU,QACxC,0BAAU,MAAM;AAAA,EACd,qBAAqB,0BAAU,KAAK;AAAA,EACpC,SAAS,0BAAU,QAAQ,0BAAU,QAAQ;AAAA;AAG1C,MAAM,2BAA2B,0BAAU,UAAU;AAAA,EAC1D,0BAAU,MAAM,CAAC;AAAA,EACjB,0BAAU,MAAM;AAAA,IACd,aAAa,0BAAU,OAAO;AAAA,IAC9B,UAAU,0BAAU,KAAK;AAAA;AAAA;AAItB,MAAM,qBAAqB,0BAAU,UAAU;AAAA,EACpD,0BAAU;AAAA,EACV,0BAAU,MAAM;AAAA,IACd,gBAAgB,0BAAU,QAAQ,0BAAU;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,wBAAsB;AAEf,MAAM,kBAAkB;AAAA,EAC7B,YAAY,0BAAU;AAAA,EACtB,SAAS,0BAAU;AAAA,EACnB,gBAAgB,0BAAU;AAAA,EAC1B,MAAM,0BAAU;AAAA,EAChB,qBAAqB,0BAAU;AAAA,EAC/B,iBAAiB,0BAAU;AAAA,EAC3B,MAAM,0BAAU;AAAA,EAChB,MAAM,0BAAU;AAAA,EAChB,qBAAqB,0BAAU;AAAA,EAC/B,UAAU,0BAAU;AAAA,EACpB,eAAe,0BAAU;AAAA,EACzB,WAAW,0BAAU;AAAA,EACrB,mBAAmB,0BAAU;AAAA;AAGxB,MAAM,0BAA0B,iCAClC,kBADkC;AAAA,EAErC,QAAQ,0BAAU;AAAA;AAEb,MAAM,uBAAuB;AAAA,EAClC,MAAM,0BAAU,OAAO;AAAA,EACvB,mBAAmB,0BAAU,UAAU,CAAC,0BAAU,MAAM,0BAAU,SAAS;AAAA;AAGtE,MAAM,eAAe;AAErB,MAAM,mBAAmB,0BAAU,QACxC,0BAAU,MAAM;AAAA,EACd,qBAAqB,0BAAU,KAAK;AAAA,EACpC,SAAS,0BAAU,QAAQ,0BAAU,QAAQ;AAAA;AAG1C,MAAM,2BAA2B,0BAAU,UAAU;AAAA,EAC1D,0BAAU,MAAM,CAAC;AAAA,EACjB,0BAAU,MAAM;AAAA,IACd,aAAa,0BAAU,OAAO;AAAA,IAC9B,UAAU,0BAAU,KAAK;AAAA;AAAA;AAItB,MAAM,qBAAqB,0BAAU,UAAU;AAAA,EACpD,0BAAU;AAAA,EACV,0BAAU,MAAM;AAAA,IACd,gBAAgB,0BAAU,QAAQ,0BAAU;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/redux/reducers/headersReducers/logic.js

@@ -2,8 +2,22 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -32,14 +46,11 @@ __export(logic_exports, {
 });
 var React = __toESM(require("react"));
 const patchUpdateOneHeader = (payload, state) => {
-  state[payload.headerId] = {
-    ...state?.[payload.headerId] || {},
-    ...payload.newHeader
-  };
+  state[payload.headerId] = __spreadValues(__spreadValues({}, state?.[payload.headerId] || {}), payload.newHeader);
 };
 const patchHeaderFilterButtonAndMenu = ({ headerId, newState }, state) => {
   const updatedState = { hideFilterMenu: newState, hideFilterButton: newState };
-  state[headerId] = { ...state?.[headerId] || {}, ...updatedState };
+  state[headerId] = __spreadValues(__spreadValues({}, state?.[headerId] || {}), updatedState);
 };
 module.exports = __toCommonJS(logic_exports);
 //# sourceMappingURL=logic.js.map

package/dist/cjs/redux/reducers/headersReducers/logic.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/redux/reducers/headersReducers/logic.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const patchUpdateOneHeader = (payload, state) => {\n  state[payload.headerId] = {\n    ...(state?.[payload.headerId] || {}),\n    ...payload.newHeader,\n  };\n};\n\nexport const patchHeaderFilterButtonAndMenu = (\n  { headerId, newState },\n  state,\n) => {\n  const updatedState = { hideFilterMenu: newState, hideFilterButton: newState };\n  state[headerId] = { ...(state?.[headerId] || {}), ...updatedState };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,uBAAuB,CAAC,SAAS,UAAU;AACtD,QAAM,QAAQ,YAAY;AAAA,OACpB,QAAQ,QAAQ,aAAa;AAAA,OAC9B,QAAQ;AAAA;AAAA;AAIR,MAAM,iCAAiC,CAC5C,EAAE,UAAU,YACZ,UACG;AACH,QAAM,eAAe,EAAE,gBAAgB,UAAU,kBAAkB;AACnE,QAAM,YAAY,KAAM,QAAQ,aAAa,OAAQ;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,uBAAuB,CAAC,SAAS,UAAU;AACtD,QAAM,QAAQ,YAAY,kCACpB,QAAQ,QAAQ,aAAa,KAC9B,QAAQ;AAAA;AAIR,MAAM,iCAAiC,CAC5C,EAAE,UAAU,YACZ,UACG;AACH,QAAM,eAAe,EAAE,gBAAgB,UAAU,kBAAkB;AACnE,QAAM,YAAY,kCAAM,QAAQ,aAAa,KAAQ;AAAA;",
   "names": []
 }

package/dist/esm/DataTable.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 React2, { useRef, useMemo } from "react";
 import { Provider } from "react-redux";
@@ -28,7 +44,7 @@ const DataTable = (props) => {
   }))));
 };
 DataTable.propTypes = DataTableSchema;
-DataTable.defaultProps = { ...defaultProps };
+DataTable.defaultProps = __spreadValues({}, defaultProps);
 const DataTableWithSchema = describe(DataTable).description("Data Table");
 DataTableWithSchema.propTypes = DataTableSchema;
 export {

package/dist/esm/DataTable.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DataTable.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useMemo } from 'react';\nimport { Provider } from 'react-redux';\nimport { configureStore } from '@reduxjs/toolkit';\nimport { describe } from '@elliemae/ds-props-helpers';\n\nimport { TableContent } from './parts/TableContent';\n\nimport { TypescriptProps } from './types/props';\nimport { storeConfig } from './redux/storeConfig';\n\nimport { DataTableContext, defaultProps } from './DataTableContext';\nimport { DATA_TESTID } from './configs/constants';\nimport { useDatatableConfig } from './configs/useDatatableConfig';\nimport { FiltersBar } from './parts/FilterBar/FiltersBar';\nimport { DataTableSchema } from './DataTableSchema';\n\nexport const DataTable = (props: TypescriptProps): JSX.Element => {\n  const { withFilterBar } = props;\n  const reduxStore = useMemo(() => configureStore(storeConfig), []);\n\n  const tableWrapperRef = useRef();\n  const tableContentWrapperRef = useRef();\n\n  const ctx = useDatatableConfig(props);\n\n  return (\n    <Provider store={reduxStore}>\n      <DataTableContext.Provider value={ctx}>\n        <div ref={tableWrapperRef} data-testid={DATA_TESTID.DATA_TABLE_WRAPPER}>\n          {withFilterBar ? <FiltersBar /> : null}\n          <TableContent ref={tableContentWrapperRef} />\n        </div>\n      </DataTableContext.Provider>\n    </Provider>\n  );\n};\n\nDataTable.propTypes = DataTableSchema;\nDataTable.defaultProps = { ...defaultProps };\n\nexport const DataTableWithSchema = describe(DataTable).description('Data Table');\nDataTableWithSchema.propTypes = DataTableSchema;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEO,MAAM,YAAY,CAAC,UAAwC;AAChE,QAAM,EAAE,kBAAkB;AAC1B,QAAM,aAAa,QAAQ,MAAM,eAAe,cAAc;AAE9D,QAAM,kBAAkB;AACxB,QAAM,yBAAyB;AAE/B,QAAM,MAAM,mBAAmB;AAE/B,SACE,qCAAC,UAAD;AAAA,IAAU,OAAO;AAAA,KACf,qCAAC,iBAAiB,UAAlB;AAAA,IAA2B,OAAO;AAAA,KAChC,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAiB,eAAa,YAAY;AAAA,KACjD,gBAAgB,qCAAC,YAAD,QAAiB,MAClC,qCAAC,cAAD;AAAA,IAAc,KAAK;AAAA;AAAA;AAO7B,UAAU,YAAY;AACtB,UAAU,eAAe,KAAK;AAEvB,MAAM,sBAAsB,SAAS,WAAW,YAAY;AACnE,oBAAoB,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEO,MAAM,YAAY,CAAC,UAAwC;AAChE,QAAM,EAAE,kBAAkB;AAC1B,QAAM,aAAa,QAAQ,MAAM,eAAe,cAAc;AAE9D,QAAM,kBAAkB;AACxB,QAAM,yBAAyB;AAE/B,QAAM,MAAM,mBAAmB;AAE/B,SACE,qCAAC,UAAD;AAAA,IAAU,OAAO;AAAA,KACf,qCAAC,iBAAiB,UAAlB;AAAA,IAA2B,OAAO;AAAA,KAChC,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAiB,eAAa,YAAY;AAAA,KACjD,gBAAgB,qCAAC,YAAD,QAAiB,MAClC,qCAAC,cAAD;AAAA,IAAc,KAAK;AAAA;AAAA;AAO7B,UAAU,YAAY;AACtB,UAAU,eAAe,mBAAK;AAEvB,MAAM,sBAAsB,SAAS,WAAW,YAAY;AACnE,oBAAoB,YAAY;",
   "names": []
 }

package/dist/esm/addons/Columns/ColumnExpand/ColumnExpand.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 React2, { useMemo, useCallback } from "react";
 import { ArrowheadDown, ArrowheadRight, ArrowShortReturn } from "@elliemae/ds-icons";
@@ -33,7 +49,7 @@ const expandRowColumn = {
       if (isAllRowsExpanded)
         onRowExpand({}, "All");
       else
-        onRowExpand({ ...allExpandable }, "All");
+        onRowExpand(__spreadValues({}, allExpandable), "All");
     }, [allExpandable, isAllRowsExpanded, onRowExpand]);
     const GlobalExpandIcon = useMemo(() => {
       if (isAllRowsExpanded)
@@ -86,7 +102,7 @@ const expandRowColumn = {
       } else {
         expandedRows[uniqueId] = true;
       }
-      onRowExpand({ ...expandedRows }, uniqueId);
+      onRowExpand(__spreadValues({}, expandedRows), uniqueId);
     }, [expandedRows, uniqueId, onRowExpand]);
     const isDragging = draggableProps ? draggableProps.isDragging : false;
     const isDragOverlay = dragAndDropRows && !draggableProps;
@@ -137,9 +153,7 @@ const expandRowColumn = {
     if (shouldPrintCaret)
       return /* @__PURE__ */ React2.createElement(StyledFocusWithin, {
         style: indentStyle
-      }, /* @__PURE__ */ React2.createElement(StyledSpan, {
-        ...rowProps
-      }, PureCaretIcon));
+      }, /* @__PURE__ */ React2.createElement(StyledSpan, __spreadValues({}, rowProps), PureCaretIcon));
     if (row.depth !== 0)
       return /* @__PURE__ */ React2.createElement("span", {
         style: indentStyle

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

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

package/dist/esm/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.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, useCallback } from "react";
 import { DSCheckbox } from "@elliemae/ds-form";
@@ -54,7 +73,7 @@ const multiSelectColumn = {
       checked: selectedState,
       onChange: (e) => {
         const newState = !selectedState;
-        const newSelection = { ...selection, [uid]: newState };
+        const newSelection = __spreadProps(__spreadValues({}, selection), { [uid]: newState });
         if (!newState)
           delete newSelection[uid];
         onSelectionChange(newSelection, uid, e);

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

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

package/dist/esm/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import React2, { useContext, useState, useCallback, useMemo } from "react";
-import { ComboBoxFreeSolo } from "@elliemae/ds-form";
+import { DSComboBox } from "@elliemae/ds-controlled-form";
 import { EditableCell } from "../../../exported-related";
 import { DataTableContext } from "../../../DataTableContext";
 import { editableCellPropType } from "../../../prop-types";
@@ -12,30 +12,39 @@ const ComboboxEditableCell = (props) => {
   } = useContext(DataTableContext);
   const cellValue = useMemo(() => cell.value, [cell.value]);
   const columnId = useMemo(() => cell.column.id, [cell.column.id]);
-  const [value, setValue] = useState({ value: cellValue, label: cellValue });
+  const [value, setValue] = useState({
+    dsId: cellValue,
+    type: "option",
+    value: cellValue,
+    label: cellValue
+  });
   const uniqueOptions = useMemo(() => {
     const uniqueValuesMap = {};
     return flattenedData.reduce((optionsSoFar, currRow) => {
       const currValue = currRow.original[columnId];
       if (!uniqueValuesMap[currValue]) {
-        optionsSoFar.push({ value: currValue, label: currValue });
+        optionsSoFar.push({ dsId: currValue, type: "option", value: currValue, label: currValue });
         uniqueValuesMap[currValue] = true;
       }
       return optionsSoFar;
     }, []);
   }, [flattenedData, columnId]);
+  const filterOptions = (newFilter) => uniqueOptions.filter((option) => option.type === "separator" || option.label.toLowerCase().includes(newFilter.toLowerCase()));
+  const [currentOptions, setCurrentOptions] = useState(uniqueOptions);
   const handleOnBlur = useCallback(() => {
     const property = columnId;
     onCellValueChange({ value: value?.value, property, rowIndex: cell.row.index });
-  }, [columnId, onCellValueChange, value?.value, cell.row.index]);
+  }, [columnId, onCellValueChange, value?.value, cell]);
   return /* @__PURE__ */ React2.createElement(EditableCell, {
     StandardRender: DefaultCellRender,
-    EditableRenderer: /* @__PURE__ */ React2.createElement(ComboBoxFreeSolo, {
-      value,
+    EditableRenderer: /* @__PURE__ */ React2.createElement(DSComboBox, {
+      selectedValues: value,
       autoFocus: true,
+      withoutPortal: false,
       onBlur: handleOnBlur,
       onChange: setValue,
-      options: uniqueOptions
+      onFilter: (newFilter) => setCurrentOptions(filterOptions(newFilter)),
+      options: currentOptions
     }),
     cell,
     isRowSelected

package/dist/esm/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable jsx-a11y/no-autofocus */\nimport React, { useContext, useState, useCallback, useMemo } from 'react';\nimport { ComboBoxFreeSolo } from '@elliemae/ds-form';\nimport { EditableCell } from '../../../exported-related';\nimport { DataTableContext } from '../../../DataTableContext';\nimport { editableCellPropType } from '../../../prop-types';\n\nexport const ComboboxEditableCell: React.ComponentType<any> = (props) => {\n  const { cell, DefaultCellRender, isRowSelected } = props;\n\n  const {\n    tableProps: { onCellValueChange },\n    flattenedData,\n  } = useContext(DataTableContext);\n  const cellValue = useMemo(() => cell.value, [cell.value]);\n  const columnId = useMemo(() => cell.column.id, [cell.column.id]);\n\n  const [value, setValue] = useState({ value: cellValue, label: cellValue });\n\n  const uniqueOptions = useMemo(() => {\n    const uniqueValuesMap = {};\n    return flattenedData.reduce((optionsSoFar, currRow) => {\n      const currValue = currRow.original[columnId];\n      if (!uniqueValuesMap[currValue]) {\n        optionsSoFar.push({ value: currValue, label: currValue });\n        uniqueValuesMap[currValue] = true;\n      }\n      return optionsSoFar;\n    }, []);\n  }, [flattenedData, columnId]);\n\n  const handleOnBlur = useCallback(() => {\n    const property = columnId;\n    onCellValueChange({ value: value?.value, property, rowIndex: cell.row.index });\n  }, [columnId, onCellValueChange, value?.value, cell.row.index]);\n\n  return (\n    <EditableCell\n      StandardRender={DefaultCellRender}\n      EditableRenderer={\n        <ComboBoxFreeSolo value={value} autoFocus onBlur={handleOnBlur} onChange={setValue} options={uniqueOptions} />\n      }\n      cell={cell}\n      isRowSelected={isRowSelected}\n    />\n  );\n};\nComboboxEditableCell.propTypes = editableCellPropType;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAEO,MAAM,uBAAiD,CAAC,UAAU;AACvE,QAAM,EAAE,MAAM,mBAAmB,kBAAkB;AAEnD,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,IACd;AAAA,MACE,WAAW;AACf,QAAM,YAAY,QAAQ,MAAM,KAAK,OAAO,CAAC,KAAK;AAClD,QAAM,WAAW,QAAQ,MAAM,KAAK,OAAO,IAAI,CAAC,KAAK,OAAO;AAE5D,QAAM,CAAC,OAAO,YAAY,SAAS,EAAE,OAAO,WAAW,OAAO;AAE9D,QAAM,gBAAgB,QAAQ,MAAM;AAClC,UAAM,kBAAkB;AACxB,WAAO,cAAc,OAAO,CAAC,cAAc,YAAY;AACrD,YAAM,YAAY,QAAQ,SAAS;AACnC,UAAI,CAAC,gBAAgB,YAAY;AAC/B,qBAAa,KAAK,EAAE,OAAO,WAAW,OAAO;AAC7C,wBAAgB,aAAa;AAAA;AAE/B,aAAO;AAAA,OACN;AAAA,KACF,CAAC,eAAe;AAEnB,QAAM,eAAe,YAAY,MAAM;AACrC,UAAM,WAAW;AACjB,sBAAkB,EAAE,OAAO,OAAO,OAAO,UAAU,UAAU,KAAK,IAAI;AAAA,KACrE,CAAC,UAAU,mBAAmB,OAAO,OAAO,KAAK,IAAI;AAExD,SACE,qCAAC,cAAD;AAAA,IACE,gBAAgB;AAAA,IAChB,kBACE,qCAAC,kBAAD;AAAA,MAAkB;AAAA,MAAc,WAAS;AAAA,MAAC,QAAQ;AAAA,MAAc,UAAU;AAAA,MAAU,SAAS;AAAA;AAAA,IAE/F;AAAA,IACA;AAAA;AAAA;AAIN,qBAAqB,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable jsx-a11y/no-autofocus */\nimport React, { useContext, useState, useCallback, useMemo } from 'react';\nimport { DSComboBox } from '@elliemae/ds-controlled-form';\nimport { EditableCell } from '../../../exported-related';\nimport { DataTableContext } from '../../../DataTableContext';\nimport { editableCellPropType } from '../../../prop-types';\n\nexport const ComboboxEditableCell: React.ComponentType<any> = (props) => {\n  const { cell, DefaultCellRender, isRowSelected } = props;\n\n  const {\n    tableProps: { onCellValueChange },\n    flattenedData,\n  } = useContext(DataTableContext);\n  const cellValue = useMemo(() => cell.value, [cell.value]);\n  const columnId = useMemo(() => cell.column.id, [cell.column.id]);\n\n  const [value, setValue] = useState({\n    dsId: cellValue,\n    type: 'option',\n    value: cellValue,\n    label: cellValue,\n  });\n\n  const uniqueOptions = useMemo(() => {\n    const uniqueValuesMap = {};\n    return flattenedData.reduce((optionsSoFar, currRow) => {\n      const currValue = currRow.original[columnId];\n      if (!uniqueValuesMap[currValue]) {\n        optionsSoFar.push({ dsId: currValue, type: 'option', value: currValue, label: currValue });\n        uniqueValuesMap[currValue] = true;\n      }\n      return optionsSoFar;\n    }, []);\n  }, [flattenedData, columnId]);\n\n  const filterOptions = (newFilter: string) =>\n    uniqueOptions.filter(\n      (option) => option.type === 'separator' || option.label.toLowerCase().includes(newFilter.toLowerCase()),\n    );\n\n  const [currentOptions, setCurrentOptions] = useState(uniqueOptions);\n\n  const handleOnBlur = useCallback(() => {\n    const property = columnId;\n    onCellValueChange({ value: value?.value, property, rowIndex: cell.row.index });\n  }, [columnId, onCellValueChange, value?.value, cell]);\n  return (\n    <EditableCell\n      StandardRender={DefaultCellRender}\n      EditableRenderer={\n        <DSComboBox\n          selectedValues={value}\n          autoFocus\n          withoutPortal={false}\n          onBlur={handleOnBlur}\n          onChange={setValue}\n          onFilter={(newFilter: string) => setCurrentOptions(filterOptions(newFilter))}\n          options={currentOptions}\n        />\n      }\n      cell={cell}\n      isRowSelected={isRowSelected}\n    />\n  );\n};\nComboboxEditableCell.propTypes = editableCellPropType;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAEO,MAAM,uBAAiD,CAAC,UAAU;AACvE,QAAM,EAAE,MAAM,mBAAmB,kBAAkB;AAEnD,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,IACd;AAAA,MACE,WAAW;AACf,QAAM,YAAY,QAAQ,MAAM,KAAK,OAAO,CAAC,KAAK;AAClD,QAAM,WAAW,QAAQ,MAAM,KAAK,OAAO,IAAI,CAAC,KAAK,OAAO;AAE5D,QAAM,CAAC,OAAO,YAAY,SAAS;AAAA,IACjC,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA;AAGT,QAAM,gBAAgB,QAAQ,MAAM;AAClC,UAAM,kBAAkB;AACxB,WAAO,cAAc,OAAO,CAAC,cAAc,YAAY;AACrD,YAAM,YAAY,QAAQ,SAAS;AACnC,UAAI,CAAC,gBAAgB,YAAY;AAC/B,qBAAa,KAAK,EAAE,MAAM,WAAW,MAAM,UAAU,OAAO,WAAW,OAAO;AAC9E,wBAAgB,aAAa;AAAA;AAE/B,aAAO;AAAA,OACN;AAAA,KACF,CAAC,eAAe;AAEnB,QAAM,gBAAgB,CAAC,cACrB,cAAc,OACZ,CAAC,WAAW,OAAO,SAAS,eAAe,OAAO,MAAM,cAAc,SAAS,UAAU;AAG7F,QAAM,CAAC,gBAAgB,qBAAqB,SAAS;AAErD,QAAM,eAAe,YAAY,MAAM;AACrC,UAAM,WAAW;AACjB,sBAAkB,EAAE,OAAO,OAAO,OAAO,UAAU,UAAU,KAAK,IAAI;AAAA,KACrE,CAAC,UAAU,mBAAmB,OAAO,OAAO;AAC/C,SACE,qCAAC,cAAD;AAAA,IACE,gBAAgB;AAAA,IAChB,kBACE,qCAAC,YAAD;AAAA,MACE,gBAAgB;AAAA,MAChB,WAAS;AAAA,MACT,eAAe;AAAA,MACf,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU,CAAC,cAAsB,kBAAkB,cAAc;AAAA,MACjE,SAAS;AAAA;AAAA,IAGb;AAAA,IACA;AAAA;AAAA;AAIN,qBAAqB,YAAY;",
   "names": []
 }

package/dist/esm/addons/Filters/Components/CurrencyRangeFilter/index.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 { Grid } from "@elliemae/ds-grid";
@@ -19,17 +38,15 @@ const opts = {
 const CurrencyRangeFilter = (props) => {
   const { column, filterValue = { from: null, to: null }, reduxHeader, onValueChange, innerRef } = props;
   const handleFromChange = (e) => {
-    const nextValue = {
-      ...filterValue,
+    const nextValue = __spreadProps(__spreadValues({}, filterValue), {
       from: e.target.value
-    };
+    });
     onValueChange(FILTER_TYPES.CURRENCY_RANGE, nextValue);
   };
   const handleToChange = (e) => {
-    const nextValue = {
-      ...filterValue,
+    const nextValue = __spreadProps(__spreadValues({}, filterValue), {
       to: e.target.value
-    };
+    });
     onValueChange(FILTER_TYPES.CURRENCY_RANGE, nextValue);
   };
   const { patchHeader } = useDispatchHeadersActions();