@elliemae/ds-data-table 3.5.0-rc.9 → 3.6.0-next.0

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

@@ -28,7 +28,8 @@ __export(ColumnSelectSingle_exports, {
 });
 module.exports = __toCommonJS(ColumnSelectSingle_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
 var import_ds_system = require("@elliemae/ds-system");
 var import_constants = require("../../../configs/constants");
@@ -42,7 +43,7 @@ const CenteredContent = import_ds_system.styled.div`
 const stopThePropagation = (e) => e.stopPropagation();
 const singleSelectColumn = {
   id: "singleSelecter",
-  Header: () => /* @__PURE__ */ import_react.default.createElement("div", null),
+  Header: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}),
   Cell: ({ cell, row, isRowSelected, ctx }) => {
     const {
       tableProps: { onSelectionChange, selection, disabledRows }
@@ -55,22 +56,23 @@ const singleSelectColumn = {
       },
       [onSelectionChange, selectedState, uid]
     );
-    return /* @__PURE__ */ import_react.default.createElement(CenteredContent, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CenteredContent, {
       onClick: stopThePropagation,
-      onKeyDown: stopThePropagation
-    }, /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledRadio, {
-      "aria-checked": selectedState,
-      "aria-disabled": disabledRows[row.uid],
-      title: "Toggle row selected",
-      "aria-label": "Toggle row selected",
-      checked: selectedState,
-      onChange: onChangeHandler,
-      "data-testid": import_constants.DATA_TESTID.DATA_TABLE_RADIO,
-      disabled: disabledRows[row.uid],
-      innerRef: cell.ref,
-      value: uid,
-      tabIndex: isRowSelected ? 0 : -1
-    }));
+      onKeyDown: stopThePropagation,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSControlledRadio, {
+        "aria-checked": selectedState,
+        "aria-disabled": disabledRows[row.uid],
+        title: "Toggle row selected",
+        "aria-label": "Toggle row selected",
+        checked: selectedState,
+        onChange: onChangeHandler,
+        "data-testid": import_constants.DATA_TESTID.DATA_TABLE_RADIO,
+        disabled: disabledRows[row.uid],
+        innerRef: cell.ref,
+        value: uid,
+        tabIndex: isRowSelected ? 0 : -1
+      })
+    });
   },
   textWrap: "wrap",
   width: 32,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useCallback } from 'react';\nimport { DSControlledRadio } from '@elliemae/ds-controlled-form';\nimport { styled } from '@elliemae/ds-system';\nimport { TypescriptColumn } from '../../../types/props';\nimport { DATA_TESTID } from '../../../configs/constants';\n\nconst CenteredContent = styled.div`\n  display: flex;\n  height: 100%;\n  width: 100%;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst stopThePropagation = (e: React.MouseEvent | React.KeyboardEvent) => e.stopPropagation();\n\nexport const singleSelectColumn: TypescriptColumn<HTMLInputElement> = {\n  // Build our singleSelecter column\n  id: 'singleSelecter', // Make sure it has an ID\n  // The header doesn't need anything for single selection\n  Header: () => <div />,\n  Cell: ({ cell, row, isRowSelected, ctx }) => {\n    const {\n      tableProps: { onSelectionChange, selection, disabledRows },\n    } = ctx;\n    const { uid } = row;\n    const selectedState = !!selection?.[uid];\n\n    const onChangeHandler = useCallback(\n      (newValue: string, e: React.ChangeEvent) => {\n        // in single select we only allow one item to be selected\n        onSelectionChange({ [uid]: !selectedState }, uid, e);\n      },\n      [onSelectionChange, selectedState, uid],\n    );\n\n    return (\n      <CenteredContent onClick={stopThePropagation} onKeyDown={stopThePropagation}>\n        <DSControlledRadio\n          aria-checked={selectedState}\n          aria-disabled={disabledRows[row.uid]}\n          title=\"Toggle row selected\"\n          aria-label=\"Toggle row selected\"\n          checked={selectedState}\n          onChange={onChangeHandler}\n          data-testid={DATA_TESTID.DATA_TABLE_RADIO}\n          disabled={disabledRows[row.uid]}\n          innerRef={cell.ref}\n          value={uid}\n          tabIndex={isRowSelected ? 0 : -1}\n        />\n      </CenteredContent>\n    );\n  },\n  textWrap: 'wrap',\n  width: 32,\n  padding: 4,\n  canResize: false,\n  isFocuseable: false,\n  disableDnD: true,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAmC;AACnC,gCAAkC;AAClC,uBAAuB;AAEvB,uBAA4B;AAE5B,MAAM,kBAAkB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ/B,MAAM,qBAAqB,CAAC,MAA8C,EAAE,gBAAgB;AAErF,MAAM,qBAAyD;AAAA,EAEpE,IAAI;AAAA,EAEJ,QAAQ,MAAM,6BAAAA,QAAA,cAAC,WAAI;AAAA,EACnB,MAAM,CAAC,EAAE,MAAM,KAAK,eAAe,IAAI,MAAM;AAC3C,UAAM;AAAA,MACJ,YAAY,EAAE,mBAAmB,WAAW,aAAa;AAAA,IAC3D,IAAI;AACJ,UAAM,EAAE,IAAI,IAAI;AAChB,UAAM,gBAAgB,CAAC,CAAC,YAAY;AAEpC,UAAM,sBAAkB;AAAA,MACtB,CAAC,UAAkB,MAAyB;AAE1C,0BAAkB,EAAE,CAAC,MAAM,CAAC,cAAc,GAAG,KAAK,CAAC;AAAA,MACrD;AAAA,MACA,CAAC,mBAAmB,eAAe,GAAG;AAAA,IACxC;AAEA,WACE,6BAAAA,QAAA,cAAC;AAAA,MAAgB,SAAS;AAAA,MAAoB,WAAW;AAAA,OACvD,6BAAAA,QAAA,cAAC;AAAA,MACC,gBAAc;AAAA,MACd,iBAAe,aAAa,IAAI;AAAA,MAChC,OAAM;AAAA,MACN,cAAW;AAAA,MACX,SAAS;AAAA,MACT,UAAU;AAAA,MACV,eAAa,6BAAY;AAAA,MACzB,UAAU,aAAa,IAAI;AAAA,MAC3B,UAAU,KAAK;AAAA,MACf,OAAO;AAAA,MACP,UAAU,gBAAgB,IAAI;AAAA,KAChC,CACF;AAAA,EAEJ;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AACd;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAmC;AACnC,gCAAkC;AAClC,uBAAuB;AAEvB,uBAA4B;AAE5B,MAAM,kBAAkB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ/B,MAAM,qBAAqB,CAAC,MAA8C,EAAE,gBAAgB;AAErF,MAAM,qBAAyD;AAAA,EAEpE,IAAI;AAAA,EAEJ,QAAQ,MAAM,4CAAC,SAAI;AAAA,EACnB,MAAM,CAAC,EAAE,MAAM,KAAK,eAAe,IAAI,MAAM;AAC3C,UAAM;AAAA,MACJ,YAAY,EAAE,mBAAmB,WAAW,aAAa;AAAA,IAC3D,IAAI;AACJ,UAAM,EAAE,IAAI,IAAI;AAChB,UAAM,gBAAgB,CAAC,CAAC,YAAY;AAEpC,UAAM,sBAAkB;AAAA,MACtB,CAAC,UAAkB,MAAyB;AAE1C,0BAAkB,EAAE,CAAC,MAAM,CAAC,cAAc,GAAG,KAAK,CAAC;AAAA,MACrD;AAAA,MACA,CAAC,mBAAmB,eAAe,GAAG;AAAA,IACxC;AAEA,WACE,4CAAC;AAAA,MAAgB,SAAS;AAAA,MAAoB,WAAW;AAAA,MACvD,sDAAC;AAAA,QACC,gBAAc;AAAA,QACd,iBAAe,aAAa,IAAI;AAAA,QAChC,OAAM;AAAA,QACN,cAAW;AAAA,QACX,SAAS;AAAA,QACT,UAAU;AAAA,QACV,eAAa,6BAAY;AAAA,QACzB,UAAU,aAAa,IAAI;AAAA,QAC3B,UAAU,KAAK;AAAA,QACf,OAAO;AAAA,QACP,UAAU,gBAAgB,IAAI;AAAA,OAChC;AAAA,KACF;AAAA,EAEJ;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AACd;",
+  "names": []
 }

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

@@ -28,7 +28,8 @@ __export(ComboboxEditableCell_exports, {
 });
 module.exports = __toCommonJS(ComboboxEditableCell_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
 var import_exported_related = require("../../../exported-related");
 var import_DataTableContext = require("../../../DataTableContext");
@@ -62,9 +63,9 @@ const ComboboxEditableCell = (props) => {
     const property = columnId;
     onCellValueChange({ value: value?.value, property, rowIndex: cell.row.index });
   }, [columnId, onCellValueChange, value?.value, cell]);
-  return /* @__PURE__ */ import_react.default.createElement(import_exported_related.EditableCell, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_exported_related.EditableCell, {
     StandardRender: DefaultCellRender,
-    EditableRenderer: /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSComboBox, {
+    EditableRenderer: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSComboBox, {
       selectedValues: value,
       autoFocus: true,
       withoutPortal: false,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* 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';\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 [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          allOptions={uniqueOptions}\n          onFilter={setCurrentOptions}\n          filteredOptions={currentOptions}\n        />\n      }\n      cell={cell}\n      isRowSelected={isRowSelected}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkE;AAClE,gCAA2B;AAC3B,8BAA6B;AAC7B,8BAAiC;AAE1B,MAAM,uBAAiD,CAAC,UAAU;AACvE,QAAM,EAAE,MAAM,mBAAmB,cAAc,IAAI;AAEnD,QAAM;AAAA,IACJ,YAAY,EAAE,kBAAkB;AAAA,IAChC;AAAA,EACF,QAAI,yBAAW,wCAAgB;AAC/B,QAAM,gBAAY,sBAAQ,MAAM,KAAK,OAAO,CAAC,KAAK,KAAK,CAAC;AACxD,QAAM,eAAW,sBAAQ,MAAM,KAAK,OAAO,IAAI,CAAC,KAAK,OAAO,EAAE,CAAC;AAE/D,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS;AAAA,IACjC,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,EACT,CAAC;AAED,QAAM,oBAAgB,sBAAQ,MAAM;AAClC,UAAM,kBAAkB,CAAC;AACzB,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,UAAU,CAAC;AACzF,wBAAgB,aAAa;AAAA,MAC/B;AACA,aAAO;AAAA,IACT,GAAG,CAAC,CAAC;AAAA,EACP,GAAG,CAAC,eAAe,QAAQ,CAAC;AAE5B,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAS,aAAa;AAElE,QAAM,mBAAe,0BAAY,MAAM;AACrC,UAAM,WAAW;AACjB,sBAAkB,EAAE,OAAO,OAAO,OAAO,UAAU,UAAU,KAAK,IAAI,MAAM,CAAC;AAAA,EAC/E,GAAG,CAAC,UAAU,mBAAmB,OAAO,OAAO,IAAI,CAAC;AACpD,SACE,6BAAAA,QAAA,cAAC;AAAA,IACC,gBAAgB;AAAA,IAChB,kBACE,6BAAAA,QAAA,cAAC;AAAA,MACC,gBAAgB;AAAA,MAChB,WAAS;AAAA,MACT,eAAe;AAAA,MACf,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,iBAAiB;AAAA,KACnB;AAAA,IAEF;AAAA,IACA;AAAA,GACF;AAEJ;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAAkE;AAClE,gCAA2B;AAC3B,8BAA6B;AAC7B,8BAAiC;AAE1B,MAAM,uBAAiD,CAAC,UAAU;AACvE,QAAM,EAAE,MAAM,mBAAmB,cAAc,IAAI;AAEnD,QAAM;AAAA,IACJ,YAAY,EAAE,kBAAkB;AAAA,IAChC;AAAA,EACF,QAAI,yBAAW,wCAAgB;AAC/B,QAAM,gBAAY,sBAAQ,MAAM,KAAK,OAAO,CAAC,KAAK,KAAK,CAAC;AACxD,QAAM,eAAW,sBAAQ,MAAM,KAAK,OAAO,IAAI,CAAC,KAAK,OAAO,EAAE,CAAC;AAE/D,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS;AAAA,IACjC,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,EACT,CAAC;AAED,QAAM,oBAAgB,sBAAQ,MAAM;AAClC,UAAM,kBAAkB,CAAC;AACzB,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,UAAU,CAAC;AACzF,wBAAgB,aAAa;AAAA,MAC/B;AACA,aAAO;AAAA,IACT,GAAG,CAAC,CAAC;AAAA,EACP,GAAG,CAAC,eAAe,QAAQ,CAAC;AAE5B,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAS,aAAa;AAElE,QAAM,mBAAe,0BAAY,MAAM;AACrC,UAAM,WAAW;AACjB,sBAAkB,EAAE,OAAO,OAAO,OAAO,UAAU,UAAU,KAAK,IAAI,MAAM,CAAC;AAAA,EAC/E,GAAG,CAAC,UAAU,mBAAmB,OAAO,OAAO,IAAI,CAAC;AACpD,SACE,4CAAC;AAAA,IACC,gBAAgB;AAAA,IAChB,kBACE,4CAAC;AAAA,MACC,gBAAgB;AAAA,MAChB,WAAS;AAAA,MACT,eAAe;AAAA,MACf,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,iBAAiB;AAAA,KACnB;AAAA,IAEF;AAAA,IACA;AAAA,GACF;AAEJ;",
+  "names": []
 }

package/dist/cjs/addons/Editables/DateEditableCell/DateEditableCell.js

@@ -28,7 +28,8 @@ __export(DateEditableCell_exports, {
 });
 module.exports = __toCommonJS(DateEditableCell_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_exported_related = require("../../../exported-related");
 var import_DataTableContext = require("../../../DataTableContext");
 function DateEditableCell(props) {
@@ -51,9 +52,9 @@ function DateEditableCell(props) {
     const rowIndex = cell.row.index;
     onCellValueChange({ value, property, rowIndex });
   }, [value, onCellValueChange, cell.column.id, cell.row.index]);
-  return /* @__PURE__ */ import_react.default.createElement(import_exported_related.EditableCell, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_exported_related.EditableCell, {
     StandardRender: DefaultCellRender,
-    EditableRenderer: /* @__PURE__ */ import_react.default.createElement("input", {
+    EditableRenderer: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
       value,
       onChange: handleOnChange,
       onBlur: handleOnBlur,

package/dist/cjs/addons/Editables/DateEditableCell/DateEditableCell.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/addons/Editables/DateEditableCell/DateEditableCell.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable jsx-a11y/no-autofocus */\nimport React, { useContext, useState, useCallback } from 'react';\nimport { EditableCell } from '../../../exported-related';\nimport { DataTableContext } from '../../../DataTableContext';\n\nexport function DateEditableCell(props) {\n  const { cell, DefaultCellRender } = props;\n\n  const {\n    tableProps: { onCellValueChange },\n  } = useContext(DataTableContext);\n\n  const [value, setValue] = useState(cell.value);\n\n  const handleOnChange = useCallback(\n    (e) => {\n      const {\n        target: { value: tValue },\n      } = e;\n      setValue(tValue);\n    },\n    [onCellValueChange, value],\n  );\n  const handleOnBlur = useCallback(() => {\n    const property = cell.column.id;\n    const rowIndex = cell.row.index;\n    onCellValueChange({ value, property, rowIndex });\n  }, [value, onCellValueChange, cell.column.id, cell.row.index]);\n\n  return (\n    <EditableCell\n      StandardRender={DefaultCellRender}\n      EditableRenderer={\n        <input\n          value={value}\n          onChange={handleOnChange}\n          onBlur={handleOnBlur}\n          autoFocus\n        />\n      }\n      cell={cell}\n    />\n  );\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAyD;AACzD,8BAA6B;AAC7B,8BAAiC;AAE1B,SAAS,iBAAiB,OAAO;AACtC,QAAM,EAAE,MAAM,kBAAkB,IAAI;AAEpC,QAAM;AAAA,IACJ,YAAY,EAAE,kBAAkB;AAAA,EAClC,QAAI,yBAAW,wCAAgB;AAE/B,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,KAAK,KAAK;AAE7C,QAAM,qBAAiB;AAAA,IACrB,CAAC,MAAM;AACL,YAAM;AAAA,QACJ,QAAQ,EAAE,OAAO,OAAO;AAAA,MAC1B,IAAI;AACJ,eAAS,MAAM;AAAA,IACjB;AAAA,IACA,CAAC,mBAAmB,KAAK;AAAA,EAC3B;AACA,QAAM,mBAAe,0BAAY,MAAM;AACrC,UAAM,WAAW,KAAK,OAAO;AAC7B,UAAM,WAAW,KAAK,IAAI;AAC1B,sBAAkB,EAAE,OAAO,UAAU,SAAS,CAAC;AAAA,EACjD,GAAG,CAAC,OAAO,mBAAmB,KAAK,OAAO,IAAI,KAAK,IAAI,KAAK,CAAC;AAE7D,SACE,6BAAAA,QAAA,cAAC;AAAA,IACC,gBAAgB;AAAA,IAChB,kBACE,6BAAAA,QAAA,cAAC;AAAA,MACC;AAAA,MACA,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,WAAS;AAAA,KACX;AAAA,IAEF;AAAA,GACF;AAEJ;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAAyD;AACzD,8BAA6B;AAC7B,8BAAiC;AAE1B,SAAS,iBAAiB,OAAO;AACtC,QAAM,EAAE,MAAM,kBAAkB,IAAI;AAEpC,QAAM;AAAA,IACJ,YAAY,EAAE,kBAAkB;AAAA,EAClC,QAAI,yBAAW,wCAAgB;AAE/B,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,KAAK,KAAK;AAE7C,QAAM,qBAAiB;AAAA,IACrB,CAAC,MAAM;AACL,YAAM;AAAA,QACJ,QAAQ,EAAE,OAAO,OAAO;AAAA,MAC1B,IAAI;AACJ,eAAS,MAAM;AAAA,IACjB;AAAA,IACA,CAAC,mBAAmB,KAAK;AAAA,EAC3B;AACA,QAAM,mBAAe,0BAAY,MAAM;AACrC,UAAM,WAAW,KAAK,OAAO;AAC7B,UAAM,WAAW,KAAK,IAAI;AAC1B,sBAAkB,EAAE,OAAO,UAAU,SAAS,CAAC;AAAA,EACjD,GAAG,CAAC,OAAO,mBAAmB,KAAK,OAAO,IAAI,KAAK,IAAI,KAAK,CAAC;AAE7D,SACE,4CAAC;AAAA,IACC,gBAAgB;AAAA,IAChB,kBACE,4CAAC;AAAA,MACC;AAAA,MACA,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,WAAS;AAAA,KACX;AAAA,IAEF;AAAA,GACF;AAEJ;",
+  "names": []
 }

package/dist/cjs/addons/Editables/TextEditableCell/TextEditableCell.js

@@ -28,7 +28,8 @@ __export(TextEditableCell_exports, {
 });
 module.exports = __toCommonJS(TextEditableCell_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_system = require("@elliemae/ds-system");
 var import_exported_related = require("../../../exported-related");
 var import_DataTableContext = require("../../../DataTableContext");
@@ -71,9 +72,9 @@ const TextEditableCell = (props) => {
     },
     [cell]
   );
-  return /* @__PURE__ */ import_react.default.createElement(import_exported_related.EditableCell, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_exported_related.EditableCell, {
     StandardRender: DefaultCellRender,
-    EditableRenderer: /* @__PURE__ */ import_react.default.createElement(StyledInput, {
+    EditableRenderer: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledInput, {
       value,
       onKeyDown: handleOnKeyDown,
       onChange: handleOnChange,

package/dist/cjs/addons/Editables/TextEditableCell/TextEditableCell.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/addons/Editables/TextEditableCell/TextEditableCell.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable jsx-a11y/no-autofocus */\nimport React, { useContext, useState, useRef, useCallback } from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { EditableCell } from '../../../exported-related';\nimport { DataTableContext } from '../../../DataTableContext';\n\nconst StyledInput = styled.input`\n  outline: none;\n  :focus {\n    border: 2px solid ${(props) => props.theme.colors.brand[700]};\n  }\n  max-width: 100%;\n`;\n\nexport const TextEditableCell: React.ComponentType<any> = (props) => {\n  const { cell, DefaultCellRender, isRowSelected } = props;\n  const {\n    tableProps: { onCellValueChange },\n  } = useContext(DataTableContext);\n\n  const [value, setValue] = useState<string>(cell.value);\n\n  const handleOnChange = useCallback((e) => {\n    const {\n      target: { value: tValue },\n    } = e;\n    setValue(tValue);\n  }, []);\n\n  const handleOnBlur = useCallback(() => {\n    const property = cell.column.id;\n    const rowIndex = cell.row.index;\n    onCellValueChange({ value, property, rowIndex });\n  }, [value, onCellValueChange, cell.column.id, cell.row.index]);\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.code === 'Enter') {\n        cell.ref.current.focus();\n        // will exec on blur callback from input and save new value\n      }\n      if (e.code === 'Escape') {\n        setValue(cell.value);\n        const auxRef = cell.ref.current;\n        // this prevent the on blur\n        setTimeout(() => {\n          auxRef.focus();\n        });\n      }\n    },\n    [cell],\n  );\n  return (\n    <EditableCell\n      StandardRender={DefaultCellRender}\n      EditableRenderer={\n        <StyledInput\n          value={value}\n          onKeyDown={handleOnKeyDown}\n          onChange={handleOnChange}\n          onBlur={handleOnBlur}\n          autoFocus\n        />\n      }\n      cell={cell}\n      setValue={setValue}\n      isRowSelected={isRowSelected}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAiE;AACjE,uBAAuB;AACvB,8BAA6B;AAC7B,8BAAiC;AAEjC,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA,wBAGH,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAKrD,MAAM,mBAA6C,CAAC,UAAU;AACnE,QAAM,EAAE,MAAM,mBAAmB,cAAc,IAAI;AACnD,QAAM;AAAA,IACJ,YAAY,EAAE,kBAAkB;AAAA,EAClC,QAAI,yBAAW,wCAAgB;AAE/B,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAiB,KAAK,KAAK;AAErD,QAAM,qBAAiB,0BAAY,CAAC,MAAM;AACxC,UAAM;AAAA,MACJ,QAAQ,EAAE,OAAO,OAAO;AAAA,IAC1B,IAAI;AACJ,aAAS,MAAM;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,QAAM,mBAAe,0BAAY,MAAM;AACrC,UAAM,WAAW,KAAK,OAAO;AAC7B,UAAM,WAAW,KAAK,IAAI;AAC1B,sBAAkB,EAAE,OAAO,UAAU,SAAS,CAAC;AAAA,EACjD,GAAG,CAAC,OAAO,mBAAmB,KAAK,OAAO,IAAI,KAAK,IAAI,KAAK,CAAC;AAE7D,QAAM,sBAAkB;AAAA,IACtB,CAAC,MAA2B;AAC1B,UAAI,EAAE,SAAS,SAAS;AACtB,aAAK,IAAI,QAAQ,MAAM;AAAA,MAEzB;AACA,UAAI,EAAE,SAAS,UAAU;AACvB,iBAAS,KAAK,KAAK;AACnB,cAAM,SAAS,KAAK,IAAI;AAExB,mBAAW,MAAM;AACf,iBAAO,MAAM;AAAA,QACf,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AACA,SACE,6BAAAA,QAAA,cAAC;AAAA,IACC,gBAAgB;AAAA,IAChB,kBACE,6BAAAA,QAAA,cAAC;AAAA,MACC;AAAA,MACA,WAAW;AAAA,MACX,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,WAAS;AAAA,KACX;AAAA,IAEF;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAEJ;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAAiE;AACjE,uBAAuB;AACvB,8BAA6B;AAC7B,8BAAiC;AAEjC,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA,wBAGH,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAKrD,MAAM,mBAA6C,CAAC,UAAU;AACnE,QAAM,EAAE,MAAM,mBAAmB,cAAc,IAAI;AACnD,QAAM;AAAA,IACJ,YAAY,EAAE,kBAAkB;AAAA,EAClC,QAAI,yBAAW,wCAAgB;AAE/B,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAiB,KAAK,KAAK;AAErD,QAAM,qBAAiB,0BAAY,CAAC,MAAM;AACxC,UAAM;AAAA,MACJ,QAAQ,EAAE,OAAO,OAAO;AAAA,IAC1B,IAAI;AACJ,aAAS,MAAM;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,QAAM,mBAAe,0BAAY,MAAM;AACrC,UAAM,WAAW,KAAK,OAAO;AAC7B,UAAM,WAAW,KAAK,IAAI;AAC1B,sBAAkB,EAAE,OAAO,UAAU,SAAS,CAAC;AAAA,EACjD,GAAG,CAAC,OAAO,mBAAmB,KAAK,OAAO,IAAI,KAAK,IAAI,KAAK,CAAC;AAE7D,QAAM,sBAAkB;AAAA,IACtB,CAAC,MAA2B;AAC1B,UAAI,EAAE,SAAS,SAAS;AACtB,aAAK,IAAI,QAAQ,MAAM;AAAA,MAEzB;AACA,UAAI,EAAE,SAAS,UAAU;AACvB,iBAAS,KAAK,KAAK;AACnB,cAAM,SAAS,KAAK,IAAI;AAExB,mBAAW,MAAM;AACf,iBAAO,MAAM;AAAA,QACf,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AACA,SACE,4CAAC;AAAA,IACC,gBAAgB;AAAA,IAChB,kBACE,4CAAC;AAAA,MACC;AAAA,MACA,WAAW;AAAA,MACX,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,WAAS;AAAA,KACX;AAAA,IAEF;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAEJ;",
+  "names": []
 }

package/dist/cjs/addons/Filters/Components/CurrencyRangeFilter/index.js

@@ -28,7 +28,8 @@ __export(CurrencyRangeFilter_exports, {
 });
 module.exports = __toCommonJS(CurrencyRangeFilter_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_form = require("@elliemae/ds-form");
 var import_ds_form_layout_blocks = require("@elliemae/ds-form-layout-blocks");
@@ -87,45 +88,51 @@ const CurrencyRangeFilter = (props) => {
     }
   }, [reduxHeader?.hideFilterMenu]);
   const idPreffix = "datatable-currency-range";
-  return /* @__PURE__ */ import_react.default.createElement(import_exported_related.FilterPopover, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_exported_related.FilterPopover, {
     reduxHeader,
     column,
     columnId: column.id,
-    menuContent: /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    menuContent: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
       "data-testid": import_constants.DATA_TESTID.DATA_TABLE_CURRENCY_RANGE_CONTROLLER,
       gutter: "xxxs",
       padding: "xxs",
       cols: ["auto", "auto"],
-      style: { background: "white" }
-    }, /* @__PURE__ */ import_react.default.createElement(import_ds_form_layout_blocks.DSFormLayoutBlockItem, {
-      label: "Min",
-      inputID: `${idPreffix}-min-${column.id}`
-    }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSInputMask, {
-      containerProps: { style: { textAlign: "right" } },
-      id: `${idPreffix}-min-${column.id}`,
-      value: `${filterValue?.from ?? ""}`,
-      onChange: handleFromChange,
-      placeholder: "0.00",
-      mask: (number) => import_ds_form.MASK_TYPES.NUMBER(opts)(number),
-      innerRef: handleRef,
-      onKeyDown: (e) => {
-        closePopover(e);
-      }
-    })), /* @__PURE__ */ import_react.default.createElement(import_ds_form_layout_blocks.DSFormLayoutBlockItem, {
-      label: "Max",
-      inputID: `${idPreffix}-max-${column.id}`
-    }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSInputMask, {
-      containerProps: { style: { textAlign: "right" } },
-      id: `${idPreffix}-max-${column.id}`,
-      value: `${filterValue?.to ?? ""}`,
-      onChange: handleToChange,
-      placeholder: "0.00",
-      mask: (number) => import_ds_form.MASK_TYPES.NUMBER(opts)(number),
-      onKeyDown: (e) => {
-        closePopover(e);
-      }
-    }))),
-    triggerIcon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.SearchXsmall, null),
+      style: { background: "white" },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form_layout_blocks.DSFormLayoutBlockItem, {
+          label: "Min",
+          inputID: `${idPreffix}-min-${column.id}`,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSInputMask, {
+            containerProps: { style: { textAlign: "right" } },
+            id: `${idPreffix}-min-${column.id}`,
+            value: `${filterValue?.from ?? ""}`,
+            onChange: handleFromChange,
+            placeholder: "0.00",
+            mask: (number) => import_ds_form.MASK_TYPES.NUMBER(opts)(number),
+            innerRef: handleRef,
+            onKeyDown: (e) => {
+              closePopover(e);
+            }
+          })
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form_layout_blocks.DSFormLayoutBlockItem, {
+          label: "Max",
+          inputID: `${idPreffix}-max-${column.id}`,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSInputMask, {
+            containerProps: { style: { textAlign: "right" } },
+            id: `${idPreffix}-max-${column.id}`,
+            value: `${filterValue?.to ?? ""}`,
+            onChange: handleToChange,
+            placeholder: "0.00",
+            mask: (number) => import_ds_form.MASK_TYPES.NUMBER(opts)(number),
+            onKeyDown: (e) => {
+              closePopover(e);
+            }
+          })
+        })
+      ]
+    }),
+    triggerIcon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.SearchXsmall, {}),
     customStyles: { width: column.ref?.current?.offsetWidth ?? "0px" },
     innerRef,
     ariaLabel: "Open Currency Range Filter"

package/dist/cjs/addons/Filters/Components/CurrencyRangeFilter/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../src/addons/Filters/Components/CurrencyRangeFilter/index.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useRef, useEffect, useCallback } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSInputMask, MASK_TYPES } from '@elliemae/ds-form';\nimport { DSFormLayoutBlockItem } from '@elliemae/ds-form-layout-blocks';\nimport { SearchXsmall } from '@elliemae/ds-icons';\nimport { FilterPopover, FILTER_TYPES } from '../../../../exported-related';\nimport { FilterProps } from '../../../../types/props';\nimport { DATA_TESTID } from '../../../../configs/constants';\n\nconst opts = {\n  prefix: '',\n  suffix: '',\n  allowDecimal: true,\n  decimalLimit: 2,\n  includeThousandsSeparator: false,\n  requireDecimal: true,\n  allowNegative: true,\n};\n\nexport const CurrencyRangeFilter: React.ComponentType<FilterProps> = (props) => {\n  const { column, filterValue = { from: null, to: null }, reduxHeader, patchHeader, onValueChange, innerRef } = props;\n\n  const ref = useRef();\n  const shouldFocus = useRef();\n  const handleFromChange = (e) => {\n    const nextValue = {\n      ...filterValue,\n      from: e.target.value,\n    };\n    onValueChange(FILTER_TYPES.CURRENCY_RANGE, nextValue);\n  };\n  const handleToChange = (e) => {\n    const nextValue = {\n      ...filterValue,\n      to: e.target.value,\n    };\n    onValueChange(FILTER_TYPES.CURRENCY_RANGE, nextValue);\n  };\n\n  // workaround to close menu with esc key since DSInputMask has stoppropagation on key down\n  const closePopover = (e) => {\n    if (e.code === 'Escape') {\n      patchHeader(column.id, { hideFilterMenu: true, hideFilterButton: false });\n      innerRef.current.focus();\n    }\n  };\n\n  const handleRef = useCallback(\n    (newRef) => {\n      if (ref.current) ref.current = newRef;\n      if (shouldFocus.current) {\n        setTimeout(() => {\n          newRef?.focus();\n          shouldFocus.current = false;\n        });\n      }\n    },\n    [shouldFocus],\n  );\n\n  useEffect(() => {\n    if (reduxHeader?.hideFilterMenu) {\n      shouldFocus.current = true;\n    }\n  }, [reduxHeader?.hideFilterMenu]);\n\n  const idPreffix = 'datatable-currency-range';\n  return (\n    <FilterPopover\n      reduxHeader={reduxHeader}\n      column={column}\n      columnId={column.id}\n      menuContent={\n        <Grid\n          data-testid={DATA_TESTID.DATA_TABLE_CURRENCY_RANGE_CONTROLLER}\n          gutter=\"xxxs\"\n          padding=\"xxs\"\n          cols={['auto', 'auto']}\n          style={{ background: 'white' }}\n        >\n          <DSFormLayoutBlockItem label=\"Min\" inputID={`${idPreffix}-min-${column.id}`}>\n            <DSInputMask\n              containerProps={{ style: { textAlign: 'right' } }}\n              id={`${idPreffix}-min-${column.id}`}\n              value={`${filterValue?.from ?? ''}`}\n              onChange={handleFromChange}\n              placeholder=\"0.00\"\n              mask={(number) => MASK_TYPES.NUMBER(opts)(number)}\n              innerRef={handleRef}\n              onKeyDown={(e) => {\n                closePopover(e);\n              }}\n            />\n          </DSFormLayoutBlockItem>\n          <DSFormLayoutBlockItem label=\"Max\" inputID={`${idPreffix}-max-${column.id}`}>\n            <DSInputMask\n              containerProps={{ style: { textAlign: 'right' } }}\n              id={`${idPreffix}-max-${column.id}`}\n              value={`${filterValue?.to ?? ''}`}\n              onChange={handleToChange}\n              placeholder=\"0.00\"\n              mask={(number) => MASK_TYPES.NUMBER(opts)(number)}\n              onKeyDown={(e) => {\n                closePopover(e);\n              }}\n            />\n          </DSFormLayoutBlockItem>\n        </Grid>\n      }\n      triggerIcon={<SearchXsmall />}\n      customStyles={{ width: column.ref?.current?.offsetWidth ?? '0px' }}\n      innerRef={innerRef}\n      ariaLabel=\"Open Currency Range Filter\"\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": ["React"]
+  "mappings": "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",
+  "names": []
 }

package/dist/cjs/addons/Filters/Components/DateRangeFilter/index.js

@@ -28,7 +28,8 @@ __export(DateRangeFilter_exports, {
 });
 module.exports = __toCommonJS(DateRangeFilter_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
@@ -74,33 +75,39 @@ const DateRangeFilter = (props) => {
       shouldFocus.current = true;
     }
   }, [reduxHeader?.hideFilterMenu]);
-  return /* @__PURE__ */ import_react.default.createElement(import_exported_related.FilterPopover, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_exported_related.FilterPopover, {
     reduxHeader,
     column,
     columnId: id,
-    menuContent: /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    menuContent: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
       width: "260px",
-      "data-testid": import_constants.DATA_TESTID.DATA_TABLE_DATE_RANGE_CONTROLLER
-    }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-      p: "xxs",
-      style: { background: "white" }
-    }, /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledDateRangePicker, {
-      fromDate: startDate,
-      onFromDateChange: setStartDate,
-      toDate: endDate,
-      onToDateChange: setEndDate,
-      type: "date-range-inputs",
-      innerRef: handleRef
-    })), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-      onKeyDown: (e) => e.code === "Enter" && setTimeout(() => patchHeaderFilterButtonAndMenu(id, !!(dateRange.startDate || dateRange.endDate)), 0)
-    }, /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledDateRangePicker, {
-      fromDate: startDate,
-      onFromDateChange: setStartDate,
-      toDate: endDate,
-      onToDateChange: setEndDate,
-      type: "date-range-picker-controller-only"
-    }))),
-    triggerIcon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.DatePicker2, null),
+      "data-testid": import_constants.DATA_TESTID.DATA_TABLE_DATE_RANGE_CONTROLLER,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+          p: "xxs",
+          style: { background: "white" },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSControlledDateRangePicker, {
+            fromDate: startDate,
+            onFromDateChange: setStartDate,
+            toDate: endDate,
+            onToDateChange: setEndDate,
+            type: "date-range-inputs",
+            innerRef: handleRef
+          })
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+          onKeyDown: (e) => e.code === "Enter" && setTimeout(() => patchHeaderFilterButtonAndMenu(id, !!(dateRange.startDate || dateRange.endDate)), 0),
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSControlledDateRangePicker, {
+            fromDate: startDate,
+            onFromDateChange: setStartDate,
+            toDate: endDate,
+            onToDateChange: setEndDate,
+            type: "date-range-picker-controller-only"
+          })
+        })
+      ]
+    }),
+    triggerIcon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.DatePicker2, {}),
     innerRef,
     ariaLabel: "Open Date Range Filter"
   });

package/dist/cjs/addons/Filters/Components/DateRangeFilter/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../src/addons/Filters/Components/DateRangeFilter/index.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useEffect, useCallback, useRef, useState } from 'react';\nimport { DatePicker2 } from '@elliemae/ds-icons';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSControlledDateRangePicker } from '@elliemae/ds-controlled-form';\nimport { FilterPopover, FILTER_TYPES } from '../../../../exported-related';\nimport { FilterProps } from '../../../../types/props';\nimport { DATA_TESTID } from '../../../../configs/constants';\n\nconst emptyFilterValue = { startDate: null, endDate: null };\n\nexport const DateRangeFilter: React.ComponentType<FilterProps> = (props) => {\n  const {\n    column,\n    column: { id },\n    filterValue = emptyFilterValue,\n    onValueChange,\n    patchHeaderFilterButtonAndMenu,\n    reduxHeader,\n    innerRef,\n  } = props;\n\n  const dateRange = filterValue;\n\n  const [startDate, setStartDate] = useState(dateRange.startDate || '');\n  const [endDate, setEndDate] = useState(dateRange.endDate || '');\n\n  useEffect(() => {\n    setStartDate(dateRange.startDate || '');\n    setEndDate(dateRange.endDate || '');\n  }, [dateRange]);\n\n  useEffect(() => {\n    if (startDate && endDate && !startDate.includes('_') && !endDate.includes('_')) {\n      onValueChange(FILTER_TYPES.DATE_RANGE, { startDate, endDate });\n    }\n    // We are missing onValueChange on purpose, this is an internal function and won't cause any problems\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [startDate, endDate]);\n\n  const ref = useRef();\n  const shouldFocus = useRef(true);\n  const handleRef = useCallback((newRef) => {\n    if (ref.current) ref.current = newRef;\n    if (shouldFocus.current) {\n      setTimeout(() => {\n        newRef?.focus();\n        shouldFocus.current = false;\n      });\n    }\n  }, []);\n\n  useEffect(() => {\n    if (reduxHeader?.hideFilterMenu) {\n      shouldFocus.current = true;\n    }\n  }, [reduxHeader?.hideFilterMenu]);\n\n  return (\n    <FilterPopover\n      reduxHeader={reduxHeader}\n      column={column}\n      columnId={id}\n      menuContent={\n        <Grid width=\"260px\" data-testid={DATA_TESTID.DATA_TABLE_DATE_RANGE_CONTROLLER}>\n          <Grid p=\"xxs\" style={{ background: 'white' }}>\n            <DSControlledDateRangePicker\n              fromDate={startDate}\n              onFromDateChange={setStartDate}\n              toDate={endDate}\n              onToDateChange={setEndDate}\n              type=\"date-range-inputs\"\n              innerRef={handleRef}\n            />\n          </Grid>\n          <Grid\n            onKeyDown={(e) =>\n              e.code === 'Enter' &&\n              setTimeout(() => patchHeaderFilterButtonAndMenu(id, !!(dateRange.startDate || dateRange.endDate)), 0)\n            }\n          >\n            <DSControlledDateRangePicker\n              fromDate={startDate}\n              onFromDateChange={setStartDate}\n              toDate={endDate}\n              onToDateChange={setEndDate}\n              type=\"date-range-picker-controller-only\"\n            />\n          </Grid>\n        </Grid>\n      }\n      triggerIcon={<DatePicker2 />}\n      innerRef={innerRef}\n      ariaLabel=\"Open Date Range Filter\"\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAgE;AAChE,sBAA4B;AAC5B,qBAAqB;AACrB,gCAA4C;AAC5C,8BAA4C;AAE5C,uBAA4B;AAE5B,MAAM,mBAAmB,EAAE,WAAW,MAAM,SAAS,KAAK;AAEnD,MAAM,kBAAoD,CAAC,UAAU;AAC1E,QAAM;AAAA,IACJ;AAAA,IACA,QAAQ,EAAE,GAAG;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,YAAY;AAElB,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,UAAU,aAAa,EAAE;AACpE,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,UAAU,WAAW,EAAE;AAE9D,8BAAU,MAAM;AACd,iBAAa,UAAU,aAAa,EAAE;AACtC,eAAW,UAAU,WAAW,EAAE;AAAA,EACpC,GAAG,CAAC,SAAS,CAAC;AAEd,8BAAU,MAAM;AACd,QAAI,aAAa,WAAW,CAAC,UAAU,SAAS,GAAG,KAAK,CAAC,QAAQ,SAAS,GAAG,GAAG;AAC9E,oBAAc,qCAAa,YAAY,EAAE,WAAW,QAAQ,CAAC;AAAA,IAC/D;AAAA,EAGF,GAAG,CAAC,WAAW,OAAO,CAAC;AAEvB,QAAM,UAAM,qBAAO;AACnB,QAAM,kBAAc,qBAAO,IAAI;AAC/B,QAAM,gBAAY,0BAAY,CAAC,WAAW;AACxC,QAAI,IAAI;AAAS,UAAI,UAAU;AAC/B,QAAI,YAAY,SAAS;AACvB,iBAAW,MAAM;AACf,gBAAQ,MAAM;AACd,oBAAY,UAAU;AAAA,MACxB,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,8BAAU,MAAM;AACd,QAAI,aAAa,gBAAgB;AAC/B,kBAAY,UAAU;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,aAAa,cAAc,CAAC;AAEhC,SACE,6BAAAA,QAAA,cAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,aACE,6BAAAA,QAAA,cAAC;AAAA,MAAK,OAAM;AAAA,MAAQ,eAAa,6BAAY;AAAA,OAC3C,6BAAAA,QAAA,cAAC;AAAA,MAAK,GAAE;AAAA,MAAM,OAAO,EAAE,YAAY,QAAQ;AAAA,OACzC,6BAAAA,QAAA,cAAC;AAAA,MACC,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,MAAK;AAAA,MACL,UAAU;AAAA,KACZ,CACF,GACA,6BAAAA,QAAA,cAAC;AAAA,MACC,WAAW,CAAC,MACV,EAAE,SAAS,WACX,WAAW,MAAM,+BAA+B,IAAI,CAAC,EAAE,UAAU,aAAa,UAAU,QAAQ,GAAG,CAAC;AAAA,OAGtG,6BAAAA,QAAA,cAAC;AAAA,MACC,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,MAAK;AAAA,KACP,CACF,CACF;AAAA,IAEF,aAAa,6BAAAA,QAAA,cAAC,iCAAY;AAAA,IAC1B;AAAA,IACA,WAAU;AAAA,GACZ;AAEJ;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAgE;AAChE,sBAA4B;AAC5B,qBAAqB;AACrB,gCAA4C;AAC5C,8BAA4C;AAE5C,uBAA4B;AAE5B,MAAM,mBAAmB,EAAE,WAAW,MAAM,SAAS,KAAK;AAEnD,MAAM,kBAAoD,CAAC,UAAU;AAC1E,QAAM;AAAA,IACJ;AAAA,IACA,QAAQ,EAAE,GAAG;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,YAAY;AAElB,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,UAAU,aAAa,EAAE;AACpE,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,UAAU,WAAW,EAAE;AAE9D,8BAAU,MAAM;AACd,iBAAa,UAAU,aAAa,EAAE;AACtC,eAAW,UAAU,WAAW,EAAE;AAAA,EACpC,GAAG,CAAC,SAAS,CAAC;AAEd,8BAAU,MAAM;AACd,QAAI,aAAa,WAAW,CAAC,UAAU,SAAS,GAAG,KAAK,CAAC,QAAQ,SAAS,GAAG,GAAG;AAC9E,oBAAc,qCAAa,YAAY,EAAE,WAAW,QAAQ,CAAC;AAAA,IAC/D;AAAA,EAGF,GAAG,CAAC,WAAW,OAAO,CAAC;AAEvB,QAAM,UAAM,qBAAO;AACnB,QAAM,kBAAc,qBAAO,IAAI;AAC/B,QAAM,gBAAY,0BAAY,CAAC,WAAW;AACxC,QAAI,IAAI;AAAS,UAAI,UAAU;AAC/B,QAAI,YAAY,SAAS;AACvB,iBAAW,MAAM;AACf,gBAAQ,MAAM;AACd,oBAAY,UAAU;AAAA,MACxB,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,8BAAU,MAAM;AACd,QAAI,aAAa,gBAAgB;AAC/B,kBAAY,UAAU;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,aAAa,cAAc,CAAC;AAEhC,SACE,4CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,aACE,6CAAC;AAAA,MAAK,OAAM;AAAA,MAAQ,eAAa,6BAAY;AAAA,MAC3C;AAAA,oDAAC;AAAA,UAAK,GAAE;AAAA,UAAM,OAAO,EAAE,YAAY,QAAQ;AAAA,UACzC,sDAAC;AAAA,YACC,UAAU;AAAA,YACV,kBAAkB;AAAA,YAClB,QAAQ;AAAA,YACR,gBAAgB;AAAA,YAChB,MAAK;AAAA,YACL,UAAU;AAAA,WACZ;AAAA,SACF;AAAA,QACA,4CAAC;AAAA,UACC,WAAW,CAAC,MACV,EAAE,SAAS,WACX,WAAW,MAAM,+BAA+B,IAAI,CAAC,EAAE,UAAU,aAAa,UAAU,QAAQ,GAAG,CAAC;AAAA,UAGtG,sDAAC;AAAA,YACC,UAAU;AAAA,YACV,kBAAkB;AAAA,YAClB,QAAQ;AAAA,YACR,gBAAgB;AAAA,YAChB,MAAK;AAAA,WACP;AAAA,SACF;AAAA;AAAA,KACF;AAAA,IAEF,aAAa,4CAAC,+BAAY;AAAA,IAC1B;AAAA,IACA,WAAU;AAAA,GACZ;AAEJ;",
+  "names": []
 }

package/dist/cjs/addons/Filters/Components/DateSwitcherFilter/index.js

@@ -28,7 +28,8 @@ __export(DateSwitcherFilter_exports, {
 });
 module.exports = __toCommonJS(DateSwitcherFilter_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
@@ -69,60 +70,70 @@ const DateSwitcherFilter = (props) => {
     },
     [reduxHeader?.hideFilterMenu]
   );
-  return /* @__PURE__ */ import_react.default.createElement(import_exported_related.FilterPopover, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_exported_related.FilterPopover, {
     reduxHeader,
     column,
     columnId: id,
-    menuContent: /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    menuContent: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
       width: "260px",
-      "data-testid": import_constants.DATA_TESTID.DATA_TABLE_DATE_RANGE_CONTROLLER
-    }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-      p: "xxs",
-      gutter: "xxs",
-      style: { background: "white" }
-    }, /* @__PURE__ */ import_react.default.createElement("div", {
-      "data-testid": import_constants.DATA_TESTID.DATA_TABLE_DATE_RANGE_CONTROLLER_CHECKBOX_SWITCHER
-    }, /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledCheckbox, {
-      checked: isDateRange,
-      name: "Date range",
-      label: "Date Range",
-      id: "date-range-switcher-id-internal",
-      onChange: () => {
-        setIsDateRange(!isDateRange);
-        setStartDate("");
-        setEndDate("");
-      },
-      innerRef: handleRef
-    })), isDateRange ? /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledDateRangePicker, {
-      fromDate: startDate,
-      onFromDateChange: setStartDate,
-      toDate: endDate,
-      onToDateChange: setEndDate,
-      type: "date-range-inputs"
-    }) : /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledDateTimePicker, {
-      date: startDate,
-      onDateChange: (_date) => {
-        setStartDate(_date);
-        setEndDate(_date);
-      },
-      type: "date-inputs"
-    })), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-      onKeyDown: (e) => e.code === "Enter" && setTimeout(() => patchHeaderFilterButtonAndMenu(id, !!(dateRange.startDate || dateRange.endDate)), 0)
-    }, isDateRange ? /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledDateRangePicker, {
-      fromDate: startDate,
-      onFromDateChange: setStartDate,
-      toDate: endDate,
-      onToDateChange: setEndDate,
-      type: "date-range-picker-controller-only"
-    }) : /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledDateTimePicker, {
-      date: startDate,
-      onDateChange: (_date) => {
-        setStartDate(_date);
-        setEndDate(_date);
-      },
-      type: "date-picker-controller-only"
-    }))),
-    triggerIcon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.DatePicker2, null),
+      "data-testid": import_constants.DATA_TESTID.DATA_TABLE_DATE_RANGE_CONTROLLER,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
+          p: "xxs",
+          gutter: "xxs",
+          style: { background: "white" },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+              "data-testid": import_constants.DATA_TESTID.DATA_TABLE_DATE_RANGE_CONTROLLER_CHECKBOX_SWITCHER,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSControlledCheckbox, {
+                checked: isDateRange,
+                name: "Date range",
+                label: "Date Range",
+                id: "date-range-switcher-id-internal",
+                onChange: () => {
+                  setIsDateRange(!isDateRange);
+                  setStartDate("");
+                  setEndDate("");
+                },
+                innerRef: handleRef
+              })
+            }),
+            isDateRange ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSControlledDateRangePicker, {
+              fromDate: startDate,
+              onFromDateChange: setStartDate,
+              toDate: endDate,
+              onToDateChange: setEndDate,
+              type: "date-range-inputs"
+            }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSControlledDateTimePicker, {
+              date: startDate,
+              onDateChange: (_date) => {
+                setStartDate(_date);
+                setEndDate(_date);
+              },
+              type: "date-inputs"
+            })
+          ]
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+          onKeyDown: (e) => e.code === "Enter" && setTimeout(() => patchHeaderFilterButtonAndMenu(id, !!(dateRange.startDate || dateRange.endDate)), 0),
+          children: isDateRange ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSControlledDateRangePicker, {
+            fromDate: startDate,
+            onFromDateChange: setStartDate,
+            toDate: endDate,
+            onToDateChange: setEndDate,
+            type: "date-range-picker-controller-only"
+          }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSControlledDateTimePicker, {
+            date: startDate,
+            onDateChange: (_date) => {
+              setStartDate(_date);
+              setEndDate(_date);
+            },
+            type: "date-picker-controller-only"
+          })
+        })
+      ]
+    }),
+    triggerIcon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.DatePicker2, {}),
     innerRef,
     ariaLabel: "Open Date Range Filter"
   });

package/dist/cjs/addons/Filters/Components/DateSwitcherFilter/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../src/addons/Filters/Components/DateSwitcherFilter/index.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useEffect, useRef, useCallback, useState } from 'react';\nimport { DatePicker2 } from '@elliemae/ds-icons';\nimport { Grid } from '@elliemae/ds-grid';\nimport {\n  DSControlledDateRangePicker,\n  DSControlledDateTimePicker,\n  DSControlledCheckbox,\n} from '@elliemae/ds-controlled-form';\nimport { FilterPopover, FILTER_TYPES } from '../../../../exported-related';\nimport { FilterProps } from '../../../../types/props';\nimport { DATA_TESTID } from '../../../../configs/constants';\n\nconst emptyFilterValue = { startDate: null, endDate: null };\n\nexport const DateSwitcherFilter: React.ComponentType<FilterProps> = (props) => {\n  const {\n    column,\n    column: { id },\n    filterValue = emptyFilterValue,\n    onValueChange,\n    patchHeaderFilterButtonAndMenu,\n    reduxHeader,\n    innerRef,\n  } = props;\n\n  const ref = useRef();\n  const dateRange = filterValue;\n\n  const [startDate, setStartDate] = useState(dateRange.startDate || '');\n  const [endDate, setEndDate] = useState(dateRange.endDate || '');\n  const [isDateRange, setIsDateRange] = useState(false);\n\n  useEffect(() => {\n    setStartDate(dateRange.startDate || '');\n    setEndDate(dateRange.endDate || '');\n  }, [dateRange]);\n\n  useEffect(() => {\n    if (startDate && endDate && !startDate.includes('_') && !endDate.includes('_')) {\n      onValueChange(FILTER_TYPES.DATE_SWITCHER, { startDate, endDate, isDateRange });\n    }\n    // We are missing onValueChange on purpose, this is an internal function and won't cause any problems\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [startDate, endDate, isDateRange]);\n\n  const handleRef = useCallback(\n    (newRef) => {\n      if (ref.current) ref.current = newRef;\n      if (!reduxHeader?.hideFilterMenu) {\n        setTimeout(() => newRef?.focus());\n      }\n    },\n    [reduxHeader?.hideFilterMenu],\n  );\n\n  return (\n    <FilterPopover\n      reduxHeader={reduxHeader}\n      column={column}\n      columnId={id}\n      menuContent={\n        <Grid width=\"260px\" data-testid={DATA_TESTID.DATA_TABLE_DATE_RANGE_CONTROLLER}>\n          <Grid p=\"xxs\" gutter=\"xxs\" style={{ background: 'white' }}>\n            <div data-testid={DATA_TESTID.DATA_TABLE_DATE_RANGE_CONTROLLER_CHECKBOX_SWITCHER}>\n              <DSControlledCheckbox\n                checked={isDateRange}\n                name=\"Date range\"\n                label=\"Date Range\"\n                id=\"date-range-switcher-id-internal\"\n                onChange={() => {\n                  setIsDateRange(!isDateRange);\n                  setStartDate('');\n                  setEndDate('');\n                }}\n                innerRef={handleRef}\n              />\n            </div>\n            {isDateRange ? (\n              <DSControlledDateRangePicker\n                fromDate={startDate}\n                onFromDateChange={setStartDate}\n                toDate={endDate}\n                onToDateChange={setEndDate}\n                type=\"date-range-inputs\"\n              />\n            ) : (\n              <DSControlledDateTimePicker\n                date={startDate}\n                onDateChange={(_date) => {\n                  setStartDate(_date);\n                  setEndDate(_date);\n                }}\n                type=\"date-inputs\"\n              />\n            )}\n          </Grid>\n          <Grid\n            onKeyDown={(e) =>\n              e.code === 'Enter' &&\n              setTimeout(() => patchHeaderFilterButtonAndMenu(id, !!(dateRange.startDate || dateRange.endDate)), 0)\n            }\n          >\n            {isDateRange ? (\n              <DSControlledDateRangePicker\n                fromDate={startDate}\n                onFromDateChange={setStartDate}\n                toDate={endDate}\n                onToDateChange={setEndDate}\n                type=\"date-range-picker-controller-only\"\n              />\n            ) : (\n              <DSControlledDateTimePicker\n                date={startDate}\n                onDateChange={(_date) => {\n                  setStartDate(_date);\n                  setEndDate(_date);\n                }}\n                type=\"date-picker-controller-only\"\n              />\n            )}\n          </Grid>\n        </Grid>\n      }\n      triggerIcon={<DatePicker2 />}\n      innerRef={innerRef}\n      ariaLabel=\"Open Date Range Filter\"\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": ["React"]
+  "mappings": "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",
+  "names": []
 }