@elliemae/ds-datagrids 2.3.0-alpha.9 → 2.3.0-next.3

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

@@ -1,90 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var TextBox_exports = {};
-__export(TextBox_exports, {
-  TextBox: () => TextBox,
-  default: () => TextBox_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_form = require("@elliemae/ds-form");
-class TextBox extends import_react.Component {
-  constructor(props) {
-    super(props);
-    this.inputRef = import_react.default.createRef();
-    this.state = { value: props.value };
-  }
-  componentDidMount() {
-    setTimeout(() => {
-      if (this.inputRef && this.inputRef.current) {
-        this.inputRef.current.focus();
-      }
-    }, 50);
-  }
-  handleKeyUp({ key, target: { value } }) {
-    const { onValue } = this.props;
-    if (key === "Enter") {
-      onValue(value);
-    }
-  }
-  handleKeyDown(e) {
-    if (e.key === "Enter") {
-      e.preventDefault();
-    }
-  }
-  handleBlur(e) {
-    const { onValue } = this.props;
-    const {
-      target: { value }
-    } = e;
-    onValue(value);
-  }
-  handleChange({ target: { value } }) {
-    this.setState({ value });
-  }
-  render() {
-    const { value } = this.state;
-    return /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSTextBox, {
-      "data-testid": "ds-datagrids-editable-text-box",
-      ...this.props,
-      innerRef: this.inputRef,
-      onBlur: this.handleBlur,
-      onChange: this.handleChange,
-      onClick: (e) => e.stopPropagation(),
-      onKeyUp: this.handleKeyUp,
-      onKeyDown: this.handleKeyDown,
-      value
-    });
-  }
-}
-TextBox.defaultProps = {
-  onValue: () => null
-};
-var TextBox_default = TextBox;
-module.exports = __toCommonJS(TextBox_exports);
-//# sourceMappingURL=TextBox.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAiC;AACjC,qBAA0B;AAG1B,sBAAsB,uBAAU;AAAA,EAK9B,YAAY,OAAO;AACjB,UAAM;AACN,SAAK,WAAW,qBAAM;AACtB,SAAK,QAAQ,EAAE,OAAO,MAAM;AAAA;AAAA,EAG9B,oBAAoB;AAClB,eAAW,MAAM;AACf,UAAI,KAAK,YAAY,KAAK,SAAS,SAAS;AAC1C,aAAK,SAAS,QAAQ;AAAA;AAAA,OAEvB;AAAA;AAAA,EAGL,YAAY,EAAE,KAAK,QAAQ,EAAE,WAAW;AACtC,UAAM,EAAE,YAAY,KAAK;AACzB,QAAI,QAAQ,SAAS;AACnB,cAAQ;AAAA;AAAA;AAAA,EAIZ,cAAc,GAAG;AAEf,QAAI,EAAE,QAAQ,SAAS;AACrB,QAAE;AAAA;AAAA;AAAA,EAIN,WAAW,GAAG;AACZ,UAAM,EAAE,YAAY,KAAK;AACzB,UAAM;AAAA,MACJ,QAAQ,EAAE;AAAA,QACR;AACJ,YAAQ;AAAA;AAAA,EAGV,aAAa,EAAE,QAAQ,EAAE,WAAW;AAClC,SAAK,SAAS,EAAE;AAAA;AAAA,EAGlB,SAAS;AACP,UAAM,EAAE,UAAU,KAAK;AACvB,WACE,mDAAC,0BAAD;AAAA,MACE,eAAY;AAAA,SACR,KAAK;AAAA,MACT,UAAU,KAAK;AAAA,MACf,QAAQ,KAAK;AAAA,MACb,UAAU,KAAK;AAAA,MACf,SAAS,CAAC,MAAM,EAAE;AAAA,MAClB,SAAS,KAAK;AAAA,MACd,WAAW,KAAK;AAAA,MAChB;AAAA;AAAA;AAAA;AAxDC,AADT,QACS,eAAe;AAAA,EACpB,SAAS,MAAM;AAAA;AA8DnB,IAAO,kBAAQ;",
-  "names": []
-}

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

@@ -1,37 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var EditableComponents_exports = {};
-__export(EditableComponents_exports, {
-  ComboBox: () => import_ComboBox.default,
-  TextBox: () => import_TextBox.default
-});
-var React = __toESM(require("react"));
-var import_ComboBox = __toESM(require("./ComboBox"));
-var import_TextBox = __toESM(require("./TextBox"));
-module.exports = __toCommonJS(EditableComponents_exports);
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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;ACAA,YAAuB;ADAvB,sBAAoC;AACpC,qBAAmC;",
-  "names": []
-}

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

@@ -1,108 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var EditablePlugin_exports = {};
-__export(EditablePlugin_exports, {
-  EditablePlugin: () => EditablePlugin
-});
-var React = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
-var import_decorateEditable = require("./decorateEditable");
-const registerStateHook = (grid) => {
-  const { rowKey = "id", editingRows: editingRowsProp, onColumnRowEdited, onColumnRowEdit } = grid.props;
-  const [editingRows, setEditingRows] = (0, import_ds_utilities.useDerivedStateFromProps)(editingRowsProp || {});
-  const activateEdit = (editParams) => {
-    const { shouldRefocus } = grid.getInstance();
-    const { rowData, columnIndex } = editParams;
-    shouldRefocus.current = { forced: true, value: false };
-    setEditingRows((prevEditingRows) => {
-      onColumnRowEdit(editParams);
-      return (0, import_ds_utilities.toggleInObject)(prevEditingRows, rowData[rowKey], columnIndex);
-    });
-  };
-  const editValue = ({ value, rowData, property, rowIndex }) => {
-    setEditingRows({});
-    onColumnRowEdited({
-      value,
-      rowData,
-      property,
-      rowIndex
-    });
-  };
-  return {
-    state: { editingRows },
-    actions: {
-      activateEdit,
-      editValue
-    }
-  };
-};
-const decorateColumn = (column, grid) => {
-  const {
-    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;
-};
-const EditablePlugin = (0, import_createInstancePlugin.createInstancePlugin)("editable", {
-  registerStateHook,
-  decorateColumn,
-  registerHotKeys(grid) {
-    return {
-      key: "enter",
-      handler: ({ rowIndex, cellIndex }) => {
-        const {
-          composedRows,
-          decoratedColumns,
-          actions: { activateEdit },
-          props: { isColumnEditable }
-        } = grid.getInstance();
-        if (!isColumnEditable(decoratedColumns[cellIndex]))
-          return;
-        const rows = composedRows.rows || composedRows;
-        const row = rows[rowIndex];
-        if (!row)
-          return;
-        activateEdit({
-          rowData: row,
-          columnIndex: cellIndex
-        });
-      },
-      options: {
-        keydown: false,
-        keyup: true
-      }
-    };
-  }
-});
-module.exports = __toCommonJS(EditablePlugin_exports);
-//# sourceMappingURL=EditablePlugin.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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/createDataInstance/createInstancePlugin';\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;ACAA,YAAuB;ADAvB,0BAAyD;AACzD,kCAAqC;AACrC,8BAAsD;AAEtD,MAAM,oBAAoB,CAAC,SAAS;AAClC,QAAM,EAAE,SAAS,MAAM,aAAa,iBAAiB,mBAAmB,oBAAoB,KAAK;AACjG,QAAM,CAAC,aAAa,kBAAkB,kDAAyB,mBAAmB;AAElF,QAAM,eAAe,CAAC,eAAe;AACnC,UAAM,EAAE,kBAAkB,KAAK;AAC/B,UAAM,EAAE,SAAS,gBAAgB;AACjC,kBAAc,UAAU,EAAE,QAAQ,MAAM,OAAO;AAC/C,mBAAe,CAAC,oBAAoB;AAClC,sBAAgB;AAChB,aAAO,wCAAe,iBAAiB,QAAQ,SAAS;AAAA;AAAA;AAI5D,QAAM,YAAY,CAAC,EAAE,OAAO,SAAS,UAAU,eAAe;AAC5D,mBAAe;AACf,sBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAIJ,SAAO;AAAA,IACL,OAAO,EAAE;AAAA,IACT,SAAS;AAAA,MACP;AAAA,MACA;AAAA;AAAA;AAAA;AAKN,MAAM,iBAAiB,CAAC,QAAQ,SAAS;AACvC,QAAM;AAAA,IACJ,OAAO,EAAE,mBAAmB,CAAC,QAAQ,IAAI,UAAU;AAAA,MACjD;AAEJ,QAAM,iBAAiB,gDAAmB;AAE1C,SAAO,iBAAiB,UACpB,+CACE;AAAA,IACE;AAAA,IACA,QAAQ;AAAA,IACR,UAAU;AAAA,KAEZ,QAEF;AAAA;AAGC,MAAM,iBAAiB,sDAAqB,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;AAET,YAAI,CAAC,iBAAiB,iBAAiB;AAAa;AAEpD,cAAM,OAAO,aAAa,QAAQ;AAClC,cAAM,MAAM,KAAK;AACjB,YAAI,CAAC;AAAK;AAEV,qBAAa;AAAA,UACX,SAAS;AAAA,UACT,aAAa;AAAA;AAAA;AAAA,MAGjB,SAAS;AAAA,QACP,SAAS;AAAA,QACT,OAAO;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

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

@@ -1,85 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var decorateEditable_exports = {};
-__export(decorateEditable_exports, {
-  addEditableToCell: () => addEditableToCell,
-  makeEditableConfig: () => makeEditableConfig
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var edit = __toESM(require("react-edit"));
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_initColumnDefinition = require("@elliemae/ds-shared/useDataGrid/initColumnDefinition");
-var import_getEditorComponent = require("./getEditorComponent");
-const makeEditableConfig = (grid) => edit.edit({
-  isEditing: ({ columnIndex, rowData, column = {}, ...rest }) => {
-    const {
-      state: { editingRows },
-      props: { rowKey }
-    } = grid.getInstance();
-    let isCustomEditing;
-    if (typeof column.isEditing === "function") {
-      isCustomEditing = column.isEditing({
-        columnIndex,
-        rowData,
-        column,
-        ...rest
-      });
-    }
-    return editingRows[rowData[rowKey]] === columnIndex || column.alwaysEditing || isCustomEditing;
-  },
-  onActivate: () => null,
-  onValue: (...args) => grid.getInstance().actions.editValue(...args)
-});
-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_initColumnDefinition.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);
-};
-module.exports = __toCommonJS(decorateEditable_exports);
-//# sourceMappingURL=decorateEditable.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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/useDataGrid/initColumnDefinition';\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;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,WAAsB;AACtB,sBAA2B;AAC3B,0BAAmB;AACnB,kCAAoC;AACpC,gCAAmC;AAEnC,MAAM,qBAAqB,CAAC,SAC1B,KAAK,KAAK;AAAA,EACR,WAAW,CAAC,EAAE,aAAa,SAAS,SAAS,OAAO,WAAW;AAC7D,UAAM;AAAA,MACJ,OAAO,EAAE;AAAA,MACT,OAAO,EAAE;AAAA,QACP,KAAK;AACT,QAAI;AAEJ,QAAI,OAAO,OAAO,cAAc,YAAY;AAC1C,wBAAkB,OAAO,UAAU;AAAA,QACjC;AAAA,QACA;AAAA,QACA;AAAA,WACG;AAAA;AAAA;AAGP,WAAO,YAAY,QAAQ,aAAa,eAAe,OAAO,iBAAiB;AAAA;AAAA,EAEjF,YAAY,MAAM;AAAA,EAClB,SAAS,IAAI,SAAS,KAAK,cAAc,QAAQ,UAAU,GAAG;AAAA;AAElE,MAAM,oBAAoB,CAAC,EAAE,QAAQ,QAAQ,YAAY,SAAS;AAChE,SAAO,KAAK,WAAW,KAAK,OAAO,kDAAmB,OAAO,cAAc;AAC3E,SAAO,KAAK,MAAM,YAAY,4BAC5B,OAAO,KAAK,MAAM,WAClB,WAAW,OAAO,eAAe,kBAAkB;AAErD,SAAO,qDACL;AAAA,IACE,CAAC,OAAO,gBACN,wFACE,mDAAC,OAAD;AAAA,MACE,SAAS,CAAC,MAAM;AACd,UAAE;AACF,aAAK,cAAc,QAAQ,aAAa;AAAA;AAAA,MAE1C,SAAS,CAAC,MAAM;AACd,UAAE;AACF,YAAI,EAAE,YAAY,IAAI;AACpB,eAAK,cAAc,QAAQ,aAAa;AAAA;AAAA;AAAA,MAG5C,MAAK;AAAA,MACL,UAAU;AAAA,OAET,OACD,mDAAC,4BAAD;AAAA,MAAY,WAAU;AAAA,QACtB,mDAAC,QAAD;AAAA,MAAM,WAAU;AAAA,OAAiB;AAAA,KAKzC;AAAA;",
-  "names": []
-}

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

@@ -1,76 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var getEditorComponent_exports = {};
-__export(getEditorComponent_exports, {
-  default: () => getEditorComponent_default,
-  getEditorComponent: () => getEditorComponent
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_EditableComponents = require("./EditableComponents");
-const components = {
-  DSComboBox: import_EditableComponents.ComboBox,
-  DSTextBox: import_EditableComponents.TextBox
-};
-const getEditorComponent = (editorComponent = {}, handlers) => ({
-  value,
-  onValue,
-  extraParameters
-}) => {
-  if (typeof editorComponent === "function") {
-    return editorComponent({
-      value,
-      onValue,
-      customHandlers: handlers,
-      ...extraParameters
-    });
-  }
-  const { type = "DSTextBox", ...restEditorProps } = editorComponent;
-  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__ */ import_react.default.createElement(Component, {
-    autoFocus: true,
-    onValue,
-    value,
-    ...restEditorProps
-  });
-};
-var getEditorComponent_default = getEditorComponent;
-module.exports = __toCommonJS(getEditorComponent_exports);
-//# sourceMappingURL=getEditorComponent.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,gCAAkC;AAElC,MAAM,aAAa;AAAA,EACjB,YAAY;AAAA,EACZ,WAAW;AAAA;AAGb,MAAM,qBAAqB,CAAC,kBAAkB,IAAI,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,SACb;AAAA;AAAA;AAIP,QAAM,EAAE,OAAO,gBAAgB,oBAAoB;AACnD,QAAM,YAAY,WAAW;AAE7B,MAAI,SAAS,cAAc;AAEzB,UAAM,aAAa,iBAAiB,SAAS,UAAU;AACvD,WACE,mDAAC,OAAD;AAAA,MAAK,OAAO,EAAE,QAAQ;AAAA,OACpB,mDAAC,WAAD;AAAA,MACE,WAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,SACI;AAAA;AAAA;AAMZ,SACE,mDAAC,WAAD;AAAA,IAAW,WAAS;AAAA,IAAC;AAAA,IAAkB;AAAA,OAAkB;AAAA;AAAA;AAK7D,IAAO,6BAAQ;",
-  "names": []
-}

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

@@ -1,38 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var editable_exports = {};
-__export(editable_exports, {
-  ComboBox: () => import_EditableComponents.ComboBox,
-  EditablePlugin: () => import_EditablePlugin.EditablePlugin,
-  TextBox: () => import_EditableComponents.TextBox
-});
-var React = __toESM(require("react"));
-var import_EditablePlugin = require("./EditablePlugin");
-var import_EditableComponents = require("./EditableComponents");
-module.exports = __toCommonJS(editable_exports);
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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;ACAA,YAAuB;ADAvB,4BAA+B;AAC/B,gCAAkC;",
-  "names": []
-}

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

@@ -1,124 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var ExpandableColumn_exports = {};
-__export(ExpandableColumn_exports, {
-  ExpandableColumn: () => ExpandableColumn,
-  default: () => ExpandableColumn_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(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");
-var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
-var import_blockNames = require("../../blockNames");
-var import_rowSizes = require("../../rowSizes");
-const blockName = `${import_blockNames.dataGridBlockName}-expandable-column`;
-const ExpandableColumnWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName);
-const LabelDescriptionWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "label-description-wrapper");
-const Label = (0, import_ds_classnames.aggregatedClasses)("span")(blockName, "label");
-const Description = (0, import_ds_classnames.aggregatedClasses)("span")(blockName, "description");
-const ExtraColumnData = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "extra-column-data");
-const ExpandableMasterWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-master-wrapper`);
-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, {
-    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));
-}
-const expandableColumnRenderer = ({ renderRowLabel, renderRowDescription, renderExtraData }) => (value, { rowData, isExpanded }, grid) => {
-  const {
-    props: { renderExpandedDetails },
-    actions: { toggleExpand }
-  } = grid.getInstance();
-  const expandableDetails = renderExpandedDetails({ rowData });
-  return /* @__PURE__ */ import_react.default.createElement(ExpandableColumnCell, {
-    description: renderRowDescription({ rowData }),
-    expandableDetails,
-    extraData: renderExtraData({ rowData }),
-    isExpanded,
-    label: renderRowLabel({ rowData }),
-    onToggleExpand: () => toggleExpand(rowData)
-  });
-};
-const noop = () => null;
-const ExpandableColumn = ({
-  property,
-  label,
-  renderRowLabel = () => "----",
-  renderRowDescription = noop,
-  renderExtraData = noop,
-  width,
-  resizable,
-  sortable,
-  searchable,
-  customRenderer,
-  ...rest
-}) => {
-  return {
-    ...rest,
-    label,
-    property,
-    cell: {
-      formatters: [
-        expandableColumnRenderer({
-          renderRowLabel,
-          renderRowDescription,
-          renderExtraData
-        })
-      ]
-    },
-    width: width || "50%",
-    expandableColumn: true,
-    resizable,
-    sortable,
-    searchable
-  };
-};
-var ExpandableColumn_default = ExpandableColumn;
-module.exports = __toCommonJS(ExpandableColumn_exports);
-//# sourceMappingURL=ExpandableColumn.js.map