@elliemae/ds-datagrids 3.4.2 → 3.4.3

package/dist/cjs/plugins/editable/EditableComponents/ComboBox.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ComboBox_exports = {};
 __export(ComboBox_exports, {
@@ -26,7 +29,8 @@ __export(ComboBox_exports, {
 });
 module.exports = __toCommonJS(ComboBox_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_form = require("@elliemae/ds-form");
 class ComboBox extends import_react.Component {
   constructor(props) {
@@ -45,7 +49,7 @@ class ComboBox extends import_react.Component {
   }
   render() {
     const { value } = this.state;
-    return /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSComboBox, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSComboBox, {
       ...this.props,
       menuIsOpen: true,
       onBlur: this.handleBlur,

package/dist/cjs/plugins/editable/EditableComponents/ComboBox.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/plugins/editable/EditableComponents/ComboBox.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { Component } from 'react';\nimport { DSComboBox } from '@elliemae/ds-form';\n\nclass ComboBox extends Component {\n  static defaultProps = {\n    onValue: () => null,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = { value: props.value };\n  }\n\n  handleChange = (value) => {\n    const { onValue } = this.props;\n\n    // some how this is executed before handleBlur, and handleBlur before the value is set\n    // causing the value to be the same as the prevProp\n    // todo: find a better solution to this\n    setTimeout(() => onValue(value), 1);\n    this.setState({ value });\n  }\n\n  handleBlur = () => {\n    const { onValue } = this.props;\n    const { value } = this.state;\n    onValue(value);\n  }\n\n  render() {\n    const { value } = this.state;\n    return (\n      <DSComboBox\n        {...this.props}\n        menuIsOpen\n        onBlur={this.handleBlur}\n        onChange={this.handleChange}\n        onClick={(e) => e.stopPropagation()}\n        value={value}\n      />\n    );\n  }\n}\n\nexport { ComboBox };\nexport default ComboBox;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAiC;AACjC,qBAA2B;AAE3B,MAAM,iBAAiB,uBAAU;AAAA,EAK/B,YAAY,OAAO;AACjB,UAAM,KAAK;AAIb,wBAAe,CAAC,UAAU;AACxB,YAAM,EAAE,YAAY,KAAK;AAKzB,iBAAW,MAAM,QAAQ,KAAK,GAAG,CAAC;AAClC,WAAK,SAAS,EAAE,MAAM,CAAC;AAAA,IACzB;AAEA,sBAAa,MAAM;AACjB,YAAM,EAAE,YAAY,KAAK;AACzB,YAAM,EAAE,UAAU,KAAK;AACvB,cAAQ,KAAK;AAAA,IACf;AAjBE,SAAK,QAAQ,EAAE,OAAO,MAAM,MAAM;AAAA,EACpC;AAAA,EAkBA,SAAS;AACP,UAAM,EAAE,UAAU,KAAK;AACvB,WACE,mDAAC;AAAA,MACE,GAAG,KAAK;AAAA,MACT,YAAU;AAAA,MACV,QAAQ,KAAK;AAAA,MACb,UAAU,KAAK;AAAA,MACf,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,MAClC;AAAA,KACF;AAAA,EAEJ;AACF;AAtCE,AADI,SACG,eAAe;AAAA,EACpB,SAAS,MAAM;AACjB;AAuCF,IAAO,mBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAiC;AACjC,qBAA2B;AAE3B,MAAM,iBAAiB,uBAAU;AAAA,EAK/B,YAAY,OAAO;AACjB,UAAM,KAAK;AAIb,wBAAe,CAAC,UAAU;AACxB,YAAM,EAAE,QAAQ,IAAI,KAAK;AAKzB,iBAAW,MAAM,QAAQ,KAAK,GAAG,CAAC;AAClC,WAAK,SAAS,EAAE,MAAM,CAAC;AAAA,IACzB;AAEA,sBAAa,MAAM;AACjB,YAAM,EAAE,QAAQ,IAAI,KAAK;AACzB,YAAM,EAAE,MAAM,IAAI,KAAK;AACvB,cAAQ,KAAK;AAAA,IACf;AAjBE,SAAK,QAAQ,EAAE,OAAO,MAAM,MAAM;AAAA,EACpC;AAAA,EAkBA,SAAS;AACP,UAAM,EAAE,MAAM,IAAI,KAAK;AACvB,WACE,4CAAC;AAAA,MACE,GAAG,KAAK;AAAA,MACT,YAAU;AAAA,MACV,QAAQ,KAAK;AAAA,MACb,UAAU,KAAK;AAAA,MACf,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,MAClC;AAAA,KACF;AAAA,EAEJ;AACF;AAvCM,SACG,eAAe;AAAA,EACpB,SAAS,MAAM;AACjB;AAuCF,IAAO,mBAAQ;",
   "names": []
 }

package/dist/cjs/plugins/editable/EditableComponents/TextBox.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var TextBox_exports = {};
 __export(TextBox_exports, {
@@ -26,6 +29,7 @@ __export(TextBox_exports, {
 });
 module.exports = __toCommonJS(TextBox_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ds_form = require("@elliemae/ds-form");
 class TextBox extends import_react.Component {
@@ -64,7 +68,7 @@ class TextBox extends import_react.Component {
   }
   render() {
     const { value } = this.state;
-    return /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSTextBox, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSTextBox, {
       "data-testid": "ds-datagrids-editable-text-box",
       ...this.props,
       innerRef: this.inputRef,

package/dist/cjs/plugins/editable/EditableComponents/TextBox.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/plugins/editable/EditableComponents/TextBox.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable react/static-property-placement */\nimport React, { Component } from 'react';\nimport { DSTextBox } from '@elliemae/ds-form';\n\n// todo: redo with hooks\nclass TextBox extends Component {\n  static defaultProps = {\n    onValue: () => null,\n  };\n\n  constructor(props) {\n    super(props);\n    this.inputRef = React.createRef();\n    this.state = { value: props.value };\n  }\n\n  componentDidMount() {\n    setTimeout(() => {\n      if (this.inputRef && this.inputRef.current) {\n        this.inputRef.current.focus();\n      }\n    }, 50);\n  }\n\n  handleKeyUp = ({ key, target: { value } }) => {\n    const { onValue } = this.props;\n    if (key === 'Enter') {\n      onValue(value);\n    }\n  }\n\n  handleKeyDown = (e) => {\n    // PUI-2553 prevent form submit on `Enter` keypress\n    if (e.key === 'Enter') {\n      e.preventDefault();\n    }\n  }\n\n  handleBlur = (e) => {\n    const { onValue } = this.props;\n    const {\n      target: { value },\n    } = e;\n    onValue(value);\n  }\n\n  handleChange = ({ target: { value } }) => {\n    this.setState({ value });\n  }\n\n  render() {\n    const { value } = this.state;\n    return (\n      <DSTextBox\n        data-testid=\"ds-datagrids-editable-text-box\"\n        {...this.props}\n        innerRef={this.inputRef}\n        onBlur={this.handleBlur}\n        onChange={this.handleChange}\n        onClick={(e) => e.stopPropagation()}\n        onKeyUp={this.handleKeyUp}\n        onKeyDown={this.handleKeyDown}\n        value={value}\n      />\n    );\n  }\n}\n\nexport { TextBox };\nexport default TextBox;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAiC;AACjC,qBAA0B;AAG1B,MAAM,gBAAgB,uBAAU;AAAA,EAK9B,YAAY,OAAO;AACjB,UAAM,KAAK;AAab,uBAAc,CAAC,EAAE,KAAK,QAAQ,EAAE,cAAc;AAC5C,YAAM,EAAE,YAAY,KAAK;AACzB,UAAI,QAAQ,SAAS;AACnB,gBAAQ,KAAK;AAAA,MACf;AAAA,IACF;AAEA,yBAAgB,CAAC,MAAM;AAErB,UAAI,EAAE,QAAQ,SAAS;AACrB,UAAE,eAAe;AAAA,MACnB;AAAA,IACF;AAEA,sBAAa,CAAC,MAAM;AAClB,YAAM,EAAE,YAAY,KAAK;AACzB,YAAM;AAAA,QACJ,QAAQ,EAAE;AAAA,UACR;AACJ,cAAQ,KAAK;AAAA,IACf;AAEA,wBAAe,CAAC,EAAE,QAAQ,EAAE,cAAc;AACxC,WAAK,SAAS,EAAE,MAAM,CAAC;AAAA,IACzB;AApCE,SAAK,WAAW,qBAAM,UAAU;AAChC,SAAK,QAAQ,EAAE,OAAO,MAAM,MAAM;AAAA,EACpC;AAAA,EAEA,oBAAoB;AAClB,eAAW,MAAM;AACf,UAAI,KAAK,YAAY,KAAK,SAAS,SAAS;AAC1C,aAAK,SAAS,QAAQ,MAAM;AAAA,MAC9B;AAAA,IACF,GAAG,EAAE;AAAA,EACP;AAAA,EA4BA,SAAS;AACP,UAAM,EAAE,UAAU,KAAK;AACvB,WACE,mDAAC;AAAA,MACC,eAAY;AAAA,MACX,GAAG,KAAK;AAAA,MACT,UAAU,KAAK;AAAA,MACf,QAAQ,KAAK;AAAA,MACb,UAAU,KAAK;AAAA,MACf,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,MAClC,SAAS,KAAK;AAAA,MACd,WAAW,KAAK;AAAA,MAChB;AAAA,KACF;AAAA,EAEJ;AACF;AA5DE,AADI,QACG,eAAe;AAAA,EACpB,SAAS,MAAM;AACjB;AA6DF,IAAO,kBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAEA,mBAAiC;AACjC,qBAA0B;AAG1B,MAAM,gBAAgB,uBAAU;AAAA,EAK9B,YAAY,OAAO;AACjB,UAAM,KAAK;AAab,uBAAc,CAAC,EAAE,KAAK,QAAQ,EAAE,MAAM,EAAE,MAAM;AAC5C,YAAM,EAAE,QAAQ,IAAI,KAAK;AACzB,UAAI,QAAQ,SAAS;AACnB,gBAAQ,KAAK;AAAA,MACf;AAAA,IACF;AAEA,yBAAgB,CAAC,MAAM;AAErB,UAAI,EAAE,QAAQ,SAAS;AACrB,UAAE,eAAe;AAAA,MACnB;AAAA,IACF;AAEA,sBAAa,CAAC,MAAM;AAClB,YAAM,EAAE,QAAQ,IAAI,KAAK;AACzB,YAAM;AAAA,QACJ,QAAQ,EAAE,MAAM;AAAA,MAClB,IAAI;AACJ,cAAQ,KAAK;AAAA,IACf;AAEA,wBAAe,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM;AACxC,WAAK,SAAS,EAAE,MAAM,CAAC;AAAA,IACzB;AApCE,SAAK,WAAW,aAAAA,QAAM,UAAU;AAChC,SAAK,QAAQ,EAAE,OAAO,MAAM,MAAM;AAAA,EACpC;AAAA,EAEA,oBAAoB;AAClB,eAAW,MAAM;AACf,UAAI,KAAK,YAAY,KAAK,SAAS,SAAS;AAC1C,aAAK,SAAS,QAAQ,MAAM;AAAA,MAC9B;AAAA,IACF,GAAG,EAAE;AAAA,EACP;AAAA,EA4BA,SAAS;AACP,UAAM,EAAE,MAAM,IAAI,KAAK;AACvB,WACE,4CAAC;AAAA,MACC,eAAY;AAAA,MACX,GAAG,KAAK;AAAA,MACT,UAAU,KAAK;AAAA,MACf,QAAQ,KAAK;AAAA,MACb,UAAU,KAAK;AAAA,MACf,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,MAClC,SAAS,KAAK;AAAA,MACd,WAAW,KAAK;AAAA,MAChB;AAAA,KACF;AAAA,EAEJ;AACF;AA7DM,QACG,eAAe;AAAA,EACpB,SAAS,MAAM;AACjB;AA6DF,IAAO,kBAAQ;",
+  "names": ["React"]
 }

package/dist/cjs/plugins/editable/EditableComponents/index.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var EditableComponents_exports = {};
 __export(EditableComponents_exports, {

package/dist/cjs/plugins/editable/EditableComponents/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/plugins/editable/EditableComponents/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export { default as ComboBox } from './ComboBox';\nexport { default as TextBox } from './TextBox';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAAoC;AACpC,qBAAmC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAAoC;AACpC,qBAAmC;",
   "names": []
 }

package/dist/cjs/plugins/editable/EditablePlugin.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var EditablePlugin_exports = {};
 __export(EditablePlugin_exports, {
@@ -62,11 +65,14 @@ const decorateColumn = (column, grid) => {
     props: { isColumnEditable = (col) => col.editable, customHandlers }
   } = grid;
   const editableConfig = (0, import_decorateEditable.makeEditableConfig)(grid);
-  return isColumnEditable(column) ? (0, import_decorateEditable.addEditableToCell)({
-    column,
-    config: editableConfig,
-    handlers: customHandlers
-  }, grid) : column;
+  return isColumnEditable(column) ? (0, import_decorateEditable.addEditableToCell)(
+    {
+      column,
+      config: editableConfig,
+      handlers: customHandlers
+    },
+    grid
+  ) : column;
 };
 const EditablePlugin = (0, import_ds_shared.createInstancePlugin)("editable", {
   registerStateHook,

package/dist/cjs/plugins/editable/EditablePlugin.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/plugins/editable/EditablePlugin.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { useDerivedStateFromProps, toggleInObject } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared';\nimport { addEditableToCell, makeEditableConfig } from './decorateEditable';\n\nconst registerStateHook = (grid) => {\n  const { rowKey = 'id', editingRows: editingRowsProp, onColumnRowEdited, onColumnRowEdit } = grid.props;\n  const [editingRows, setEditingRows] = useDerivedStateFromProps(editingRowsProp || {});\n\n  const activateEdit = (editParams) => {\n    const { shouldRefocus } = grid.getInstance();\n    const { rowData, columnIndex } = editParams;\n    shouldRefocus.current = { forced: true, value: false };\n    setEditingRows((prevEditingRows) => {\n      onColumnRowEdit(editParams);\n      return toggleInObject(prevEditingRows, rowData[rowKey], columnIndex);\n    });\n  };\n\n  const editValue = ({ value, rowData, property, rowIndex }) => {\n    setEditingRows({});\n    onColumnRowEdited({\n      value,\n      rowData,\n      property,\n      rowIndex,\n    });\n  };\n\n  return {\n    state: { editingRows },\n    actions: {\n      activateEdit,\n      editValue,\n    },\n  };\n};\n\nconst decorateColumn = (column, grid) => {\n  const {\n    props: { isColumnEditable = (col) => col.editable, customHandlers },\n  } = grid;\n\n  const editableConfig = makeEditableConfig(grid);\n\n  return isColumnEditable(column)\n    ? addEditableToCell(\n        {\n          column,\n          config: editableConfig,\n          handlers: customHandlers,\n        },\n        grid,\n      )\n    : column;\n};\n\nexport const EditablePlugin = createInstancePlugin('editable', {\n  registerStateHook,\n  decorateColumn,\n  registerHotKeys(grid) {\n    return {\n      key: 'enter',\n      handler: ({ rowIndex, cellIndex }) => {\n        const {\n          composedRows,\n          decoratedColumns,\n          actions: { activateEdit },\n          props: { isColumnEditable },\n        } = grid.getInstance();\n\n        if (!isColumnEditable(decoratedColumns[cellIndex])) return;\n\n        const rows = composedRows.rows || composedRows;\n        const row = rows[rowIndex];\n        if (!row) return;\n\n        activateEdit({\n          rowData: row,\n          columnIndex: cellIndex,\n        });\n      },\n      options: {\n        keydown: false,\n        keyup: true,\n      },\n    };\n  },\n});\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAyD;AACzD,uBAAqC;AACrC,8BAAsD;AAEtD,MAAM,oBAAoB,CAAC,SAAS;AAClC,QAAM,EAAE,SAAS,MAAM,aAAa,iBAAiB,mBAAmB,oBAAoB,KAAK;AACjG,QAAM,CAAC,aAAa,kBAAkB,kDAAyB,mBAAmB,CAAC,CAAC;AAEpF,QAAM,eAAe,CAAC,eAAe;AACnC,UAAM,EAAE,kBAAkB,KAAK,YAAY;AAC3C,UAAM,EAAE,SAAS,gBAAgB;AACjC,kBAAc,UAAU,EAAE,QAAQ,MAAM,OAAO,MAAM;AACrD,mBAAe,CAAC,oBAAoB;AAClC,sBAAgB,UAAU;AAC1B,aAAO,wCAAe,iBAAiB,QAAQ,SAAS,WAAW;AAAA,IACrE,CAAC;AAAA,EACH;AAEA,QAAM,YAAY,CAAC,EAAE,OAAO,SAAS,UAAU,eAAe;AAC5D,mBAAe,CAAC,CAAC;AACjB,sBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL,OAAO,EAAE,YAAY;AAAA,IACrB,SAAS;AAAA,MACP;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;AAEA,MAAM,iBAAiB,CAAC,QAAQ,SAAS;AACvC,QAAM;AAAA,IACJ,OAAO,EAAE,mBAAmB,CAAC,QAAQ,IAAI,UAAU;AAAA,MACjD;AAEJ,QAAM,iBAAiB,gDAAmB,IAAI;AAE9C,SAAO,iBAAiB,MAAM,IAC1B,+CACE;AAAA,IACE;AAAA,IACA,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ,GACA,IACF,IACA;AACN;AAEO,MAAM,iBAAiB,2CAAqB,YAAY;AAAA,EAC7D;AAAA,EACA;AAAA,EACA,gBAAgB,MAAM;AACpB,WAAO;AAAA,MACL,KAAK;AAAA,MACL,SAAS,CAAC,EAAE,UAAU,gBAAgB;AACpC,cAAM;AAAA,UACJ;AAAA,UACA;AAAA,UACA,SAAS,EAAE;AAAA,UACX,OAAO,EAAE;AAAA,YACP,KAAK,YAAY;AAErB,YAAI,CAAC,iBAAiB,iBAAiB,UAAU;AAAG;AAEpD,cAAM,OAAO,aAAa,QAAQ;AAClC,cAAM,MAAM,KAAK;AACjB,YAAI,CAAC;AAAK;AAEV,qBAAa;AAAA,UACX,SAAS;AAAA,UACT,aAAa;AAAA,QACf,CAAC;AAAA,MACH;AAAA,MACA,SAAS;AAAA,QACP,SAAS;AAAA,QACT,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAyD;AACzD,uBAAqC;AACrC,8BAAsD;AAEtD,MAAM,oBAAoB,CAAC,SAAS;AAClC,QAAM,EAAE,SAAS,MAAM,aAAa,iBAAiB,mBAAmB,gBAAgB,IAAI,KAAK;AACjG,QAAM,CAAC,aAAa,cAAc,QAAI,8CAAyB,mBAAmB,CAAC,CAAC;AAEpF,QAAM,eAAe,CAAC,eAAe;AACnC,UAAM,EAAE,cAAc,IAAI,KAAK,YAAY;AAC3C,UAAM,EAAE,SAAS,YAAY,IAAI;AACjC,kBAAc,UAAU,EAAE,QAAQ,MAAM,OAAO,MAAM;AACrD,mBAAe,CAAC,oBAAoB;AAClC,sBAAgB,UAAU;AAC1B,iBAAO,oCAAe,iBAAiB,QAAQ,SAAS,WAAW;AAAA,IACrE,CAAC;AAAA,EACH;AAEA,QAAM,YAAY,CAAC,EAAE,OAAO,SAAS,UAAU,SAAS,MAAM;AAC5D,mBAAe,CAAC,CAAC;AACjB,sBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL,OAAO,EAAE,YAAY;AAAA,IACrB,SAAS;AAAA,MACP;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;AAEA,MAAM,iBAAiB,CAAC,QAAQ,SAAS;AACvC,QAAM;AAAA,IACJ,OAAO,EAAE,mBAAmB,CAAC,QAAQ,IAAI,UAAU,eAAe;AAAA,EACpE,IAAI;AAEJ,QAAM,qBAAiB,4CAAmB,IAAI;AAE9C,SAAO,iBAAiB,MAAM,QAC1B;AAAA,IACE;AAAA,MACE;AAAA,MACA,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA;AAAA,EACF,IACA;AACN;AAEO,MAAM,qBAAiB,uCAAqB,YAAY;AAAA,EAC7D;AAAA,EACA;AAAA,EACA,gBAAgB,MAAM;AACpB,WAAO;AAAA,MACL,KAAK;AAAA,MACL,SAAS,CAAC,EAAE,UAAU,UAAU,MAAM;AACpC,cAAM;AAAA,UACJ;AAAA,UACA;AAAA,UACA,SAAS,EAAE,aAAa;AAAA,UACxB,OAAO,EAAE,iBAAiB;AAAA,QAC5B,IAAI,KAAK,YAAY;AAErB,YAAI,CAAC,iBAAiB,iBAAiB,UAAU;AAAG;AAEpD,cAAM,OAAO,aAAa,QAAQ;AAClC,cAAM,MAAM,KAAK;AACjB,YAAI,CAAC;AAAK;AAEV,qBAAa;AAAA,UACX,SAAS;AAAA,UACT,aAAa;AAAA,QACf,CAAC;AAAA,MACH;AAAA,MACA,SAAS;AAAA,QACP,SAAS;AAAA,QACT,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
   "names": []
 }

package/dist/cjs/plugins/editable/decorateEditable.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var decorateEditable_exports = {};
 __export(decorateEditable_exports, {
@@ -26,7 +29,7 @@ __export(decorateEditable_exports, {
 });
 module.exports = __toCommonJS(decorateEditable_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var edit = __toESM(require("react-edit"));
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_utilities = require("@elliemae/ds-utilities");
@@ -54,26 +57,40 @@ const makeEditableConfig = (grid) => edit.edit({
 });
 const addEditableToCell = ({ column, config, handlers }, grid) => {
   column.cell.transforms.push(config((0, import_getEditorComponent.getEditorComponent)(column.customEditor, handlers)));
-  column.cell.props.className = (0, import_ds_utilities.cx)(column.cell.props.className, `editable${column.customEditor ? " customEditor" : ""}`);
-  return (0, import_ds_shared.appendCellFormatter)([
-    (value, extraParams) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", {
-      onClick: (e) => {
-        e.stopPropagation();
-        grid.getInstance().actions.activateEdit(extraParams);
-      },
-      onKeyUp: (e) => {
-        e.stopPropagation();
-        if (e.keyCode === 33) {
-          grid.getInstance().actions.activateEdit(extraParams);
-        }
-      },
-      role: "gridcell",
-      tabIndex: 0
-    }, value, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.EditPencil, {
-      className: "edit-pencil"
-    }), /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "edit-separator"
-    }, " ")))
-  ], column);
+  column.cell.props.className = (0, import_ds_utilities.cx)(
+    column.cell.props.className,
+    `editable${column.customEditor ? " customEditor" : ""}`
+  );
+  return (0, import_ds_shared.appendCellFormatter)(
+    [
+      (value, extraParams) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+          onClick: (e) => {
+            e.stopPropagation();
+            grid.getInstance().actions.activateEdit(extraParams);
+          },
+          onKeyUp: (e) => {
+            e.stopPropagation();
+            if (e.keyCode === 33) {
+              grid.getInstance().actions.activateEdit(extraParams);
+            }
+          },
+          role: "gridcell",
+          tabIndex: 0,
+          children: [
+            value,
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.EditPencil, {
+              className: "edit-pencil"
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+              className: "edit-separator",
+              children: " "
+            })
+          ]
+        })
+      })
+    ],
+    column
+  );
 };
 //# sourceMappingURL=decorateEditable.js.map

package/dist/cjs/plugins/editable/decorateEditable.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/plugins/editable/decorateEditable.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport * as edit from 'react-edit';\nimport { EditPencil } from '@elliemae/ds-icons';\nimport { cx } from '@elliemae/ds-utilities';\nimport { appendCellFormatter } from '@elliemae/ds-shared';\nimport { getEditorComponent } from './getEditorComponent';\n\nconst makeEditableConfig = (grid) =>\n  edit.edit({\n    isEditing: ({ columnIndex, rowData, column = {}, ...rest }) => {\n      const {\n        state: { editingRows },\n        props: { rowKey },\n      } = grid.getInstance();\n      let isCustomEditing;\n\n      if (typeof column.isEditing === 'function') {\n        isCustomEditing = column.isEditing({\n          columnIndex,\n          rowData,\n          column,\n          ...rest,\n        });\n      }\n      return editingRows[rowData[rowKey]] === columnIndex || column.alwaysEditing || isCustomEditing;\n    },\n    onActivate: () => null,\n    onValue: (...args) => grid.getInstance().actions.editValue(...args),\n  });\nconst addEditableToCell = ({ column, config, handlers }, grid) => {\n  column.cell.transforms.push(config(getEditorComponent(column.customEditor, handlers)));\n  column.cell.props.className = cx(\n    column.cell.props.className,\n    `editable${column.customEditor ? ' customEditor' : ''}`,\n  );\n  return appendCellFormatter(\n    [\n      (value, extraParams) => (\n        <>\n          <div\n            onClick={(e) => {\n              e.stopPropagation();\n              grid.getInstance().actions.activateEdit(extraParams);\n            }}\n            onKeyUp={(e) => {\n              e.stopPropagation();\n              if (e.keyCode === 33) {\n                grid.getInstance().actions.activateEdit(extraParams);\n              }\n            }}\n            role=\"gridcell\"\n            tabIndex={0}\n          >\n            {value}\n            <EditPencil className=\"edit-pencil\" />\n            <span className=\"edit-separator\"> </span>\n          </div>\n        </>\n      ),\n    ],\n    column,\n  );\n};\n\nexport { makeEditableConfig, addEditableToCell };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,WAAsB;AACtB,sBAA2B;AAC3B,0BAAmB;AACnB,uBAAoC;AACpC,gCAAmC;AAEnC,MAAM,qBAAqB,CAAC,SAC1B,KAAK,KAAK;AAAA,EACR,WAAW,CAAC,EAAE,aAAa,SAAS,SAAS,CAAC,MAAM,WAAW;AAC7D,UAAM;AAAA,MACJ,OAAO,EAAE;AAAA,MACT,OAAO,EAAE;AAAA,QACP,KAAK,YAAY;AACrB,QAAI;AAEJ,QAAI,OAAO,OAAO,cAAc,YAAY;AAC1C,wBAAkB,OAAO,UAAU;AAAA,QACjC;AAAA,QACA;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MACL,CAAC;AAAA,IACH;AACA,WAAO,YAAY,QAAQ,aAAa,eAAe,OAAO,iBAAiB;AAAA,EACjF;AAAA,EACA,YAAY,MAAM;AAAA,EAClB,SAAS,IAAI,SAAS,KAAK,YAAY,EAAE,QAAQ,UAAU,GAAG,IAAI;AACpE,CAAC;AACH,MAAM,oBAAoB,CAAC,EAAE,QAAQ,QAAQ,YAAY,SAAS;AAChE,SAAO,KAAK,WAAW,KAAK,OAAO,kDAAmB,OAAO,cAAc,QAAQ,CAAC,CAAC;AACrF,SAAO,KAAK,MAAM,YAAY,4BAC5B,OAAO,KAAK,MAAM,WAClB,WAAW,OAAO,eAAe,kBAAkB,IACrD;AACA,SAAO,0CACL;AAAA,IACE,CAAC,OAAO,gBACN,wFACE,mDAAC;AAAA,MACC,SAAS,CAAC,MAAM;AACd,UAAE,gBAAgB;AAClB,aAAK,YAAY,EAAE,QAAQ,aAAa,WAAW;AAAA,MACrD;AAAA,MACA,SAAS,CAAC,MAAM;AACd,UAAE,gBAAgB;AAClB,YAAI,EAAE,YAAY,IAAI;AACpB,eAAK,YAAY,EAAE,QAAQ,aAAa,WAAW;AAAA,QACrD;AAAA,MACF;AAAA,MACA,MAAK;AAAA,MACL,UAAU;AAAA,OAET,OACD,mDAAC;AAAA,MAAW,WAAU;AAAA,KAAc,GACpC,mDAAC;AAAA,MAAK,WAAU;AAAA,OAAiB,GAAC,CACpC,CACF;AAAA,EAEJ,GACA,MACF;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,WAAsB;AACtB,sBAA2B;AAC3B,0BAAmB;AACnB,uBAAoC;AACpC,gCAAmC;AAEnC,MAAM,qBAAqB,CAAC,SAC1B,KAAK,KAAK;AAAA,EACR,WAAW,CAAC,EAAE,aAAa,SAAS,SAAS,CAAC,MAAM,KAAK,MAAM;AAC7D,UAAM;AAAA,MACJ,OAAO,EAAE,YAAY;AAAA,MACrB,OAAO,EAAE,OAAO;AAAA,IAClB,IAAI,KAAK,YAAY;AACrB,QAAI;AAEJ,QAAI,OAAO,OAAO,cAAc,YAAY;AAC1C,wBAAkB,OAAO,UAAU;AAAA,QACjC;AAAA,QACA;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MACL,CAAC;AAAA,IACH;AACA,WAAO,YAAY,QAAQ,aAAa,eAAe,OAAO,iBAAiB;AAAA,EACjF;AAAA,EACA,YAAY,MAAM;AAAA,EAClB,SAAS,IAAI,SAAS,KAAK,YAAY,EAAE,QAAQ,UAAU,GAAG,IAAI;AACpE,CAAC;AACH,MAAM,oBAAoB,CAAC,EAAE,QAAQ,QAAQ,SAAS,GAAG,SAAS;AAChE,SAAO,KAAK,WAAW,KAAK,WAAO,8CAAmB,OAAO,cAAc,QAAQ,CAAC,CAAC;AACrF,SAAO,KAAK,MAAM,gBAAY;AAAA,IAC5B,OAAO,KAAK,MAAM;AAAA,IAClB,WAAW,OAAO,eAAe,kBAAkB;AAAA,EACrD;AACA,aAAO;AAAA,IACL;AAAA,MACE,CAAC,OAAO,gBACN;AAAA,QACE,uDAAC;AAAA,UACC,SAAS,CAAC,MAAM;AACd,cAAE,gBAAgB;AAClB,iBAAK,YAAY,EAAE,QAAQ,aAAa,WAAW;AAAA,UACrD;AAAA,UACA,SAAS,CAAC,MAAM;AACd,cAAE,gBAAgB;AAClB,gBAAI,EAAE,YAAY,IAAI;AACpB,mBAAK,YAAY,EAAE,QAAQ,aAAa,WAAW;AAAA,YACrD;AAAA,UACF;AAAA,UACA,MAAK;AAAA,UACL,UAAU;AAAA,UAET;AAAA;AAAA,YACD,4CAAC;AAAA,cAAW,WAAU;AAAA,aAAc;AAAA,YACpC,4CAAC;AAAA,cAAK,WAAU;AAAA,cAAiB;AAAA,aAAC;AAAA;AAAA,SACpC;AAAA,OACF;AAAA,IAEJ;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/cjs/plugins/editable/getEditorComponent.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var getEditorComponent_exports = {};
 __export(getEditorComponent_exports, {
@@ -26,7 +29,7 @@ __export(getEditorComponent_exports, {
 });
 module.exports = __toCommonJS(getEditorComponent_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_EditableComponents = require("./EditableComponents");
 const components = {
   DSComboBox: import_EditableComponents.ComboBox,
@@ -49,17 +52,18 @@ const getEditorComponent = (editorComponent = {}, handlers) => ({
   const Component = components[type];
   if (type === "DSComboBox") {
     const maxOptions = restEditorProps?.options?.length || 100;
-    return /* @__PURE__ */ import_react.default.createElement("div", {
-      style: { zIndex: 0 }
-    }, /* @__PURE__ */ import_react.default.createElement(Component, {
-      autoFocus: true,
-      onValue,
-      value,
-      maxOptions,
-      ...restEditorProps
-    }));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+      style: { zIndex: 0 },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
+        autoFocus: true,
+        onValue,
+        value,
+        maxOptions,
+        ...restEditorProps
+      })
+    });
   }
-  return /* @__PURE__ */ import_react.default.createElement(Component, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
     autoFocus: true,
     onValue,
     value,

package/dist/cjs/plugins/editable/getEditorComponent.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/plugins/editable/getEditorComponent.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable react/display-name */\nimport React from 'react';\nimport { ComboBox, TextBox } from './EditableComponents';\n\nconst components = {\n  DSComboBox: ComboBox,\n  DSTextBox: TextBox,\n};\n\nconst getEditorComponent = (editorComponent = {}, handlers) => ({\n  value,\n  onValue,\n  extraParameters,\n}) => {\n  if (typeof editorComponent === 'function') {\n    return editorComponent({\n      value,\n      onValue,\n      customHandlers: handlers,\n      ...extraParameters,\n    });\n  }\n\n  const { type = 'DSTextBox', ...restEditorProps } = editorComponent;\n  const Component = components[type];\n\n  if (type === 'DSComboBox') {\n    // TODO: remove this whole condition when combobox v3 is out and fully working without \"maxOptions\" parameter\n    const maxOptions = restEditorProps?.options?.length || 100;\n    return (\n      <div style={{ zIndex: 0 }}>\n        <Component\n          autoFocus\n          onValue={onValue}\n          value={value}\n          maxOptions={maxOptions}\n          {...restEditorProps}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <Component autoFocus onValue={onValue} value={value} {...restEditorProps} />\n  );\n};\n\nexport { getEditorComponent };\nexport default getEditorComponent;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,gCAAkC;AAElC,MAAM,aAAa;AAAA,EACjB,YAAY;AAAA,EACZ,WAAW;AACb;AAEA,MAAM,qBAAqB,CAAC,kBAAkB,CAAC,GAAG,aAAa,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,MAAI,OAAO,oBAAoB,YAAY;AACzC,WAAO,gBAAgB;AAAA,MACrB;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,GAAG;AAAA,IACL,CAAC;AAAA,EACH;AAEA,QAAM,EAAE,OAAO,gBAAgB,oBAAoB;AACnD,QAAM,YAAY,WAAW;AAE7B,MAAI,SAAS,cAAc;AAEzB,UAAM,aAAa,iBAAiB,SAAS,UAAU;AACvD,WACE,mDAAC;AAAA,MAAI,OAAO,EAAE,QAAQ,EAAE;AAAA,OACtB,mDAAC;AAAA,MACC,WAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,KACN,CACF;AAAA,EAEJ;AAEA,SACE,mDAAC;AAAA,IAAU,WAAS;AAAA,IAAC;AAAA,IAAkB;AAAA,IAAe,GAAG;AAAA,GAAiB;AAE9E;AAGA,IAAO,6BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAEA,gCAAkC;AAElC,MAAM,aAAa;AAAA,EACjB,YAAY;AAAA,EACZ,WAAW;AACb;AAEA,MAAM,qBAAqB,CAAC,kBAAkB,CAAC,GAAG,aAAa,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,MAAI,OAAO,oBAAoB,YAAY;AACzC,WAAO,gBAAgB;AAAA,MACrB;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,GAAG;AAAA,IACL,CAAC;AAAA,EACH;AAEA,QAAM,EAAE,OAAO,gBAAgB,gBAAgB,IAAI;AACnD,QAAM,YAAY,WAAW;AAE7B,MAAI,SAAS,cAAc;AAEzB,UAAM,aAAa,iBAAiB,SAAS,UAAU;AACvD,WACE,4CAAC;AAAA,MAAI,OAAO,EAAE,QAAQ,EAAE;AAAA,MACtB,sDAAC;AAAA,QACC,WAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG;AAAA,OACN;AAAA,KACF;AAAA,EAEJ;AAEA,SACE,4CAAC;AAAA,IAAU,WAAS;AAAA,IAAC;AAAA,IAAkB;AAAA,IAAe,GAAG;AAAA,GAAiB;AAE9E;AAGA,IAAO,6BAAQ;",
   "names": []
 }

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

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var editable_exports = {};
 __export(editable_exports, {

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

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

package/dist/cjs/plugins/expandable-grid/ExpandableColumn.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ExpandableColumn_exports = {};
 __export(ExpandableColumn_exports, {
@@ -26,7 +29,8 @@ __export(ExpandableColumn_exports, {
 });
 module.exports = __toCommonJS(ExpandableColumn_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_classnames = require("@elliemae/ds-classnames");
 var import_ds_button = require("@elliemae/ds-button");
@@ -43,27 +47,49 @@ const ExpandableMasterWrapper = (0, import_ds_classnames.aggregatedClasses)("div
 const ExpandableDetailsWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-details-wrapper`);
 function ExpandableColumnCell({ label, description, isExpanded, expandableDetails, extraData, onToggleExpand }) {
   const ref = (0, import_react.useRef)();
-  return /* @__PURE__ */ import_react.default.createElement(ExpandableColumnWrapper, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ExpandableColumnWrapper, {
     ref,
-    tabindex: 0
-  }, /* @__PURE__ */ import_react.default.createElement(ExpandableMasterWrapper, {
-    style: { height: import_rowSizes.RowSizes.extend }
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
-    buttonType: "text",
-    className: "expandable-arrow",
-    icon: isExpanded ? /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadDown, null) : /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadRight, null),
-    onClick: (e) => {
-      onToggleExpand(e);
-      if (ref && ref.current) {
-        ref.current.focus();
-      }
-    },
-    size: "s"
-  }), /* @__PURE__ */ import_react.default.createElement(LabelDescriptionWrapper, null, /* @__PURE__ */ import_react.default.createElement(Label, null, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, {
-    value: label
-  })), /* @__PURE__ */ import_react.default.createElement(Description, null, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, {
-    value: description
-  }))), /* @__PURE__ */ import_react.default.createElement(ExtraColumnData, null, extraData)), isExpanded && /* @__PURE__ */ import_react.default.createElement(ExpandableDetailsWrapper, null, expandableDetails));
+    tabindex: 0,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ExpandableMasterWrapper, {
+        style: { height: import_rowSizes.RowSizes.extend },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButton, {
+            buttonType: "text",
+            className: "expandable-arrow",
+            icon: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ArrowheadDown, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ArrowheadRight, {}),
+            onClick: (e) => {
+              onToggleExpand(e);
+              if (ref && ref.current) {
+                ref.current.focus();
+              }
+            },
+            size: "s"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LabelDescriptionWrapper, {
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, {
+                  value: label
+                })
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Description, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, {
+                  value: description
+                })
+              })
+            ]
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExtraColumnData, {
+            children: extraData
+          })
+        ]
+      }),
+      isExpanded && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExpandableDetailsWrapper, {
+        children: expandableDetails
+      })
+    ]
+  });
 }
 const expandableColumnRenderer = ({ renderRowLabel, renderRowDescription, renderExtraData }) => (value, { rowData, isExpanded }, grid) => {
   const {
@@ -71,7 +97,7 @@ const expandableColumnRenderer = ({ renderRowLabel, renderRowDescription, render
     actions: { toggleExpand }
   } = grid.getInstance();
   const expandableDetails = renderExpandedDetails({ rowData });
-  return /* @__PURE__ */ import_react.default.createElement(ExpandableColumnCell, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExpandableColumnCell, {
     description: renderRowDescription({ rowData }),
     expandableDetails,
     extraData: renderExtraData({ rowData }),

package/dist/cjs/plugins/expandable-grid/ExpandableColumn.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/plugins/expandable-grid/ExpandableColumn.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable react/display-name */\nimport React, { useRef } from 'react';\nimport { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DSButton } from '@elliemae/ds-button';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { dataGridBlockName } from '../../blockNames';\nimport { RowSizes } from '../../rowSizes';\n\nconst blockName = `${dataGridBlockName}-expandable-column`;\n\n// todo: clean this when we move to css-js\nconst ExpandableColumnWrapper = aggregatedClasses('div')(blockName);\nconst LabelDescriptionWrapper = aggregatedClasses('div')(blockName, 'label-description-wrapper');\nconst Label = aggregatedClasses('span')(blockName, 'label');\nconst Description = aggregatedClasses('span')(blockName, 'description');\nconst ExtraColumnData = aggregatedClasses('div')(blockName, 'extra-column-data');\nconst ExpandableMasterWrapper = aggregatedClasses('div')(`${blockName}-master-wrapper`);\nconst ExpandableDetailsWrapper = aggregatedClasses('div')(`${blockName}-details-wrapper`);\n\nfunction ExpandableColumnCell({ label, description, isExpanded, expandableDetails, extraData, onToggleExpand }) {\n  const ref = useRef();\n  return (\n    <ExpandableColumnWrapper ref={ref} tabindex={0}>\n      <ExpandableMasterWrapper style={{ height: RowSizes.extend }}>\n        <DSButton\n          buttonType=\"text\"\n          className=\"expandable-arrow\"\n          icon={isExpanded ? <ArrowheadDown /> : <ArrowheadRight />}\n          onClick={(e) => {\n            onToggleExpand(e);\n            if (ref && ref.current) {\n              ref.current.focus();\n            }\n          }}\n          size=\"s\"\n        />\n        <LabelDescriptionWrapper>\n          <Label>\n            <DSTruncatedTooltipText value={label} />\n          </Label>\n          <Description>\n            <DSTruncatedTooltipText value={description} />\n          </Description>\n        </LabelDescriptionWrapper>\n        <ExtraColumnData>{extraData}</ExtraColumnData>\n      </ExpandableMasterWrapper>\n      {isExpanded && <ExpandableDetailsWrapper>{expandableDetails}</ExpandableDetailsWrapper>}\n    </ExpandableColumnWrapper>\n  );\n}\n\nconst expandableColumnRenderer =\n  ({ renderRowLabel, renderRowDescription, renderExtraData }) =>\n  (value, { rowData, isExpanded }, grid) => {\n    const {\n      props: { renderExpandedDetails },\n      actions: { toggleExpand },\n    } = grid.getInstance();\n\n    const expandableDetails = renderExpandedDetails({ rowData });\n    return (\n      <ExpandableColumnCell\n        description={renderRowDescription({ rowData })}\n        expandableDetails={expandableDetails}\n        extraData={renderExtraData({ rowData })}\n        isExpanded={isExpanded}\n        label={renderRowLabel({ rowData })}\n        onToggleExpand={() => toggleExpand(rowData)}\n      />\n    );\n  };\nconst noop = () => null;\nexport const ExpandableColumn = ({\n  property,\n  label,\n  renderRowLabel = () => '----',\n  renderRowDescription = noop,\n  renderExtraData = noop,\n  width,\n  resizable,\n  sortable,\n  searchable,\n  customRenderer,\n  ...rest\n}) => {\n  return {\n    ...rest,\n    label,\n    property,\n    cell: {\n      formatters: [\n        expandableColumnRenderer({\n          renderRowLabel,\n          renderRowDescription,\n          renderExtraData,\n        }),\n      ],\n    },\n    width: width || '50%',\n    expandableColumn: true,\n    resizable,\n    sortable,\n    searchable,\n  };\n};\n\nexport default ExpandableColumn;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA8B;AAC9B,sBAA8C;AAC9C,2BAAkC;AAClC,uBAAyB;AACzB,uCAAuC;AACvC,wBAAkC;AAClC,sBAAyB;AAEzB,MAAM,YAAY,GAAG;AAGrB,MAAM,0BAA0B,4CAAkB,KAAK,EAAE,SAAS;AAClE,MAAM,0BAA0B,4CAAkB,KAAK,EAAE,WAAW,2BAA2B;AAC/F,MAAM,QAAQ,4CAAkB,MAAM,EAAE,WAAW,OAAO;AAC1D,MAAM,cAAc,4CAAkB,MAAM,EAAE,WAAW,aAAa;AACtE,MAAM,kBAAkB,4CAAkB,KAAK,EAAE,WAAW,mBAAmB;AAC/E,MAAM,0BAA0B,4CAAkB,KAAK,EAAE,GAAG,0BAA0B;AACtF,MAAM,2BAA2B,4CAAkB,KAAK,EAAE,GAAG,2BAA2B;AAExF,8BAA8B,EAAE,OAAO,aAAa,YAAY,mBAAmB,WAAW,kBAAkB;AAC9G,QAAM,MAAM,yBAAO;AACnB,SACE,mDAAC;AAAA,IAAwB;AAAA,IAAU,UAAU;AAAA,KAC3C,mDAAC;AAAA,IAAwB,OAAO,EAAE,QAAQ,yBAAS,OAAO;AAAA,KACxD,mDAAC;AAAA,IACC,YAAW;AAAA,IACX,WAAU;AAAA,IACV,MAAM,aAAa,mDAAC,mCAAc,IAAK,mDAAC,oCAAe;AAAA,IACvD,SAAS,CAAC,MAAM;AACd,qBAAe,CAAC;AAChB,UAAI,OAAO,IAAI,SAAS;AACtB,YAAI,QAAQ,MAAM;AAAA,MACpB;AAAA,IACF;AAAA,IACA,MAAK;AAAA,GACP,GACA,mDAAC,+BACC,mDAAC,aACC,mDAAC;AAAA,IAAuB,OAAO;AAAA,GAAO,CACxC,GACA,mDAAC,mBACC,mDAAC;AAAA,IAAuB,OAAO;AAAA,GAAa,CAC9C,CACF,GACA,mDAAC,uBAAiB,SAAU,CAC9B,GACC,cAAc,mDAAC,gCAA0B,iBAAkB,CAC9D;AAEJ;AAEA,MAAM,2BACJ,CAAC,EAAE,gBAAgB,sBAAsB,sBACzC,CAAC,OAAO,EAAE,SAAS,cAAc,SAAS;AACxC,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT,SAAS,EAAE;AAAA,MACT,KAAK,YAAY;AAErB,QAAM,oBAAoB,sBAAsB,EAAE,QAAQ,CAAC;AAC3D,SACE,mDAAC;AAAA,IACC,aAAa,qBAAqB,EAAE,QAAQ,CAAC;AAAA,IAC7C;AAAA,IACA,WAAW,gBAAgB,EAAE,QAAQ,CAAC;AAAA,IACtC;AAAA,IACA,OAAO,eAAe,EAAE,QAAQ,CAAC;AAAA,IACjC,gBAAgB,MAAM,aAAa,OAAO;AAAA,GAC5C;AAEJ;AACF,MAAM,OAAO,MAAM;AACZ,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,iBAAiB,MAAM;AAAA,EACvB,uBAAuB;AAAA,EACvB,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MACC;AACJ,SAAO;AAAA,IACL,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA,MAAM;AAAA,MACJ,YAAY;AAAA,QACV,yBAAyB;AAAA,UACvB;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IACA,OAAO,SAAS;AAAA,IAChB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,IAAO,2BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAA8B;AAC9B,sBAA8C;AAC9C,2BAAkC;AAClC,uBAAyB;AACzB,uCAAuC;AACvC,wBAAkC;AAClC,sBAAyB;AAEzB,MAAM,YAAY,GAAG;AAGrB,MAAM,8BAA0B,wCAAkB,KAAK,EAAE,SAAS;AAClE,MAAM,8BAA0B,wCAAkB,KAAK,EAAE,WAAW,2BAA2B;AAC/F,MAAM,YAAQ,wCAAkB,MAAM,EAAE,WAAW,OAAO;AAC1D,MAAM,kBAAc,wCAAkB,MAAM,EAAE,WAAW,aAAa;AACtE,MAAM,sBAAkB,wCAAkB,KAAK,EAAE,WAAW,mBAAmB;AAC/E,MAAM,8BAA0B,wCAAkB,KAAK,EAAE,GAAG,0BAA0B;AACtF,MAAM,+BAA2B,wCAAkB,KAAK,EAAE,GAAG,2BAA2B;AAExF,SAAS,qBAAqB,EAAE,OAAO,aAAa,YAAY,mBAAmB,WAAW,eAAe,GAAG;AAC9G,QAAM,UAAM,qBAAO;AACnB,SACE,6CAAC;AAAA,IAAwB;AAAA,IAAU,UAAU;AAAA,IAC3C;AAAA,mDAAC;AAAA,QAAwB,OAAO,EAAE,QAAQ,yBAAS,OAAO;AAAA,QACxD;AAAA,sDAAC;AAAA,YACC,YAAW;AAAA,YACX,WAAU;AAAA,YACV,MAAM,aAAa,4CAAC,iCAAc,IAAK,4CAAC,kCAAe;AAAA,YACvD,SAAS,CAAC,MAAM;AACd,6BAAe,CAAC;AAChB,kBAAI,OAAO,IAAI,SAAS;AACtB,oBAAI,QAAQ,MAAM;AAAA,cACpB;AAAA,YACF;AAAA,YACA,MAAK;AAAA,WACP;AAAA,UACA,6CAAC;AAAA,YACC;AAAA,0DAAC;AAAA,gBACC,sDAAC;AAAA,kBAAuB,OAAO;AAAA,iBAAO;AAAA,eACxC;AAAA,cACA,4CAAC;AAAA,gBACC,sDAAC;AAAA,kBAAuB,OAAO;AAAA,iBAAa;AAAA,eAC9C;AAAA;AAAA,WACF;AAAA,UACA,4CAAC;AAAA,YAAiB;AAAA,WAAU;AAAA;AAAA,OAC9B;AAAA,MACC,cAAc,4CAAC;AAAA,QAA0B;AAAA,OAAkB;AAAA;AAAA,GAC9D;AAEJ;AAEA,MAAM,2BACJ,CAAC,EAAE,gBAAgB,sBAAsB,gBAAgB,MACzD,CAAC,OAAO,EAAE,SAAS,WAAW,GAAG,SAAS;AACxC,QAAM;AAAA,IACJ,OAAO,EAAE,sBAAsB;AAAA,IAC/B,SAAS,EAAE,aAAa;AAAA,EAC1B,IAAI,KAAK,YAAY;AAErB,QAAM,oBAAoB,sBAAsB,EAAE,QAAQ,CAAC;AAC3D,SACE,4CAAC;AAAA,IACC,aAAa,qBAAqB,EAAE,QAAQ,CAAC;AAAA,IAC7C;AAAA,IACA,WAAW,gBAAgB,EAAE,QAAQ,CAAC;AAAA,IACtC;AAAA,IACA,OAAO,eAAe,EAAE,QAAQ,CAAC;AAAA,IACjC,gBAAgB,MAAM,aAAa,OAAO;AAAA,GAC5C;AAEJ;AACF,MAAM,OAAO,MAAM;AACZ,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,iBAAiB,MAAM;AAAA,EACvB,uBAAuB;AAAA,EACvB,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AACL,MAAM;AACJ,SAAO;AAAA,IACL,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA,MAAM;AAAA,MACJ,YAAY;AAAA,QACV,yBAAyB;AAAA,UACvB;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IACA,OAAO,SAAS;AAAA,IAChB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,IAAO,2BAAQ;",
   "names": []
 }

package/dist/cjs/plugins/expandable-grid/ExpandablePlugin.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ExpandablePlugin_exports = {};
 __export(ExpandablePlugin_exports, {
@@ -25,7 +28,8 @@ __export(ExpandablePlugin_exports, {
 });
 module.exports = __toCommonJS(ExpandablePlugin_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_utilities = require("@elliemae/ds-utilities");
 var import_react_window = require("react-window");
 var import_ds_icons = require("@elliemae/ds-icons");
@@ -46,10 +50,13 @@ const ExpandablePlugin = (0, import_ds_shared.createInstancePlugin)("expandable"
   registerStateHook: import_useExpandGridState.useExpandGridState,
   decorateGrid(grid) {
     const { decoratedColumns, columns } = grid.getInstance();
-    const detailColumns = (0, import_react.useMemo)(() => decoratedColumns.map((column) => ({
-      ...column,
-      customRenderer: column.detailCustomRenderer
-    })).filter((col) => !col.expandableColumn), [columns]);
+    const detailColumns = (0, import_react.useMemo)(
+      () => decoratedColumns.map((column) => ({
+        ...column,
+        customRenderer: column.detailCustomRenderer
+      })).filter((col) => !col.expandableColumn),
+      [columns]
+    );
     return {
       detailColumns
     };
@@ -66,16 +73,21 @@ const ExpandablePlugin = (0, import_ds_shared.createInstancePlugin)("expandable"
         const {
           actions: { toggleExpand }
         } = grid.getInstance();
-        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
-          buttonType: "text",
-          className: "expandable-arrow",
-          icon: isExpanded ? /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadDown, null) : /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadRight, null),
-          onClick: (e) => {
-            e.stopPropagation();
-            toggleExpand(rowData);
-          },
-          size: "s"
-        }), value);
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButton, {
+              buttonType: "text",
+              className: "expandable-arrow",
+              icon: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ArrowheadDown, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ArrowheadRight, {}),
+              onClick: (e) => {
+                e.stopPropagation();
+                toggleExpand(rowData);
+              },
+              size: "s"
+            }),
+            value
+          ]
+        });
       }, firstColumn),
       ...columns.slice(firstColumnIndex + 1)
     ];
@@ -134,7 +146,7 @@ const ExpandablePlugin = (0, import_ds_shared.createInstancePlugin)("expandable"
             composedRows
           } = grid.getInstance();
           const rowData = composedRows[rowProps.index] ? composedRows[rowProps.index] : rowProps.rowData;
-          return /* @__PURE__ */ import_react.default.createElement(ExpandedRowComponent, {
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExpandedRowComponent, {
             cellComponent: Cell,
             detailColumns,
             parentGrid: grid,
@@ -146,10 +158,11 @@ const ExpandablePlugin = (0, import_ds_shared.createInstancePlugin)("expandable"
               isExpanded,
               ...rowProps
             },
-            rows: getChildrenRows({ rowData })
-          }, rowProps.children);
+            rows: getChildrenRows({ rowData }),
+            children: rowProps.children
+          });
         }
-        return /* @__PURE__ */ import_react.default.createElement(Row, {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, {
           ...rowProps
         });
       };
@@ -165,7 +178,11 @@ const ExpandablePlugin = (0, import_ds_shared.createInstancePlugin)("expandable"
     const isExpanded = !!expandedRows[key];
     return {
       ...rowProps,
-      className: (0, import_ds_utilities.cx)(rowProps.className, Object.keys(expandedRows).length > 0 && "expandable-row", isExpanded && "expanded"),
+      className: (0, import_ds_utilities.cx)(
+        rowProps.className,
+        Object.keys(expandedRows).length > 0 && "expandable-row",
+        isExpanded && "expanded"
+      ),
       isExpanded,
       showAllRows: expandedRows[key] && expandedRows[key].showAllRows
     };