@elliemae/ds-datagrids 2.3.1-rc.2 → 3.0.0-alpha.2

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

@@ -0,0 +1,57 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import React2, { Component } from "react";
+import { DSComboBox } from "@elliemae/ds-form";
+class ComboBox extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { value: props.value };
+  }
+  handleChange(value) {
+    const { onValue } = this.props;
+    setTimeout(() => onValue(value), 1);
+    this.setState({ value });
+  }
+  handleBlur() {
+    const { onValue } = this.props;
+    const { value } = this.state;
+    onValue(value);
+  }
+  render() {
+    const { value } = this.state;
+    return /* @__PURE__ */ React2.createElement(DSComboBox, __spreadProps(__spreadValues({}, this.props), {
+      menuIsOpen: true,
+      onBlur: this.handleBlur,
+      onChange: this.handleChange,
+      onClick: (e) => e.stopPropagation(),
+      value
+    }));
+  }
+}
+ComboBox.defaultProps = {
+  onValue: () => null
+};
+var ComboBox_default = ComboBox;
+export {
+  ComboBox,
+  ComboBox_default as default
+};
+//# sourceMappingURL=ComboBox.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/plugins/editable/EditableComponents/ComboBox.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAEA,uBAAuB,UAAU;AAAA,EAK/B,YAAY,OAAO;AACjB,UAAM;AACN,SAAK,QAAQ,EAAE,OAAO,MAAM;AAAA;AAAA,EAG9B,aAAa,OAAO;AAClB,UAAM,EAAE,YAAY,KAAK;AAKzB,eAAW,MAAM,QAAQ,QAAQ;AACjC,SAAK,SAAS,EAAE;AAAA;AAAA,EAGlB,aAAa;AACX,UAAM,EAAE,YAAY,KAAK;AACzB,UAAM,EAAE,UAAU,KAAK;AACvB,YAAQ;AAAA;AAAA,EAGV,SAAS;AACP,UAAM,EAAE,UAAU,KAAK;AACvB,WACE,qCAAC,YAAD,iCACM,KAAK,QADX;AAAA,MAEE,YAAU;AAAA,MACV,QAAQ,KAAK;AAAA,MACb,UAAU,KAAK;AAAA,MACf,SAAS,CAAC,MAAM,EAAE;AAAA,MAClB;AAAA;AAAA;AAAA;AAlCC,AADT,SACS,eAAe;AAAA,EACpB,SAAS,MAAM;AAAA;AAwCnB,IAAO,mBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,80 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import React2, { Component } from "react";
+import { DSTextBox } from "@elliemae/ds-form";
+class TextBox extends Component {
+  constructor(props) {
+    super(props);
+    this.inputRef = React2.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__ */ React2.createElement(DSTextBox, __spreadProps(__spreadValues({
+      "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;
+export {
+  TextBox,
+  TextBox_default as default
+};
+//# sourceMappingURL=TextBox.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/plugins/editable/EditableComponents/TextBox.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACEA;AACA;AAGA,sBAAsB,UAAU;AAAA,EAK9B,YAAY,OAAO;AACjB,UAAM;AACN,SAAK,WAAW,OAAM;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,qCAAC,WAAD;AAAA,MACE,eAAY;AAAA,OACR,KAAK,QAFX;AAAA,MAGE,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/esm/plugins/editable/EditableComponents/index.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { default as default2 } from "./ComboBox";
+import { default as default3 } from "./TextBox";
+export {
+  default2 as ComboBox,
+  default3 as TextBox
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,79 @@
+import * as React from "react";
+import { useDerivedStateFromProps, toggleInObject } from "@elliemae/ds-utilities";
+import { createInstancePlugin } from "@elliemae/ds-shared/createDataInstance/createInstancePlugin";
+import { addEditableToCell, makeEditableConfig } from "./decorateEditable";
+const registerStateHook = (grid) => {
+  const { rowKey = "id", editingRows: editingRowsProp, onColumnRowEdited, onColumnRowEdit } = grid.props;
+  const [editingRows, setEditingRows] = useDerivedStateFromProps(editingRowsProp || {});
+  const activateEdit = (editParams) => {
+    const { shouldRefocus } = grid.getInstance();
+    const { rowData, columnIndex } = editParams;
+    shouldRefocus.current = { forced: true, value: false };
+    setEditingRows((prevEditingRows) => {
+      onColumnRowEdit(editParams);
+      return 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 = makeEditableConfig(grid);
+  return isColumnEditable(column) ? addEditableToCell({
+    column,
+    config: editableConfig,
+    handlers: customHandlers
+  }, grid) : column;
+};
+const EditablePlugin = 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
+      }
+    };
+  }
+});
+export {
+  EditablePlugin
+};
+//# sourceMappingURL=EditablePlugin.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/editable/EditablePlugin.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,oBAAoB,CAAC,SAAS;AAClC,QAAM,EAAE,SAAS,MAAM,aAAa,iBAAiB,mBAAmB,oBAAoB,KAAK;AACjG,QAAM,CAAC,aAAa,kBAAkB,yBAAyB,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,eAAe,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,mBAAmB;AAE1C,SAAO,iBAAiB,UACpB,kBACE;AAAA,IACE;AAAA,IACA,QAAQ;AAAA,IACR,UAAU;AAAA,KAEZ,QAEF;AAAA;AAGC,MAAM,iBAAiB,qBAAqB,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/esm/plugins/editable/decorateEditable.js

@@ -0,0 +1,84 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React2 from "react";
+import * as edit from "react-edit";
+import { EditPencil } from "@elliemae/ds-icons";
+import { cx } from "@elliemae/ds-utilities";
+import { appendCellFormatter } from "@elliemae/ds-shared/useDataGrid/initColumnDefinition";
+import { getEditorComponent } from "./getEditorComponent";
+const makeEditableConfig = (grid) => edit.edit({
+  isEditing: (_a) => {
+    var _b = _a, { columnIndex, rowData, column = {} } = _b, rest = __objRest(_b, ["columnIndex", "rowData", "column"]);
+    const {
+      state: { editingRows },
+      props: { rowKey }
+    } = grid.getInstance();
+    let isCustomEditing;
+    if (typeof column.isEditing === "function") {
+      isCustomEditing = column.isEditing(__spreadValues({
+        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(getEditorComponent(column.customEditor, handlers)));
+  column.cell.props.className = cx(column.cell.props.className, `editable${column.customEditor ? " customEditor" : ""}`);
+  return appendCellFormatter([
+    (value, extraParams) => /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.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__ */ React2.createElement(EditPencil, {
+      className: "edit-pencil"
+    }), /* @__PURE__ */ React2.createElement("span", {
+      className: "edit-separator"
+    }, " ")))
+  ], column);
+};
+export {
+  addEditableToCell,
+  makeEditableConfig
+};
+//# sourceMappingURL=decorateEditable.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/editable/decorateEditable.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,qBAAqB,CAAC,SAC1B,KAAK,KAAK;AAAA,EACR,WAAW,CAAC,OAAmD;AAAnD,iBAAE,eAAa,SAAS,SAAS,OAAjC,IAAwC,iBAAxC,IAAwC,CAAtC,eAAa,WAAS;AAClC,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,SACG;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,mBAAmB,OAAO,cAAc;AAC3E,SAAO,KAAK,MAAM,YAAY,GAC5B,OAAO,KAAK,MAAM,WAClB,WAAW,OAAO,eAAe,kBAAkB;AAErD,SAAO,oBACL;AAAA,IACE,CAAC,OAAO,gBACN,4DACE,qCAAC,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,qCAAC,YAAD;AAAA,MAAY,WAAU;AAAA,QACtB,qCAAC,QAAD;AAAA,MAAM,WAAU;AAAA,OAAiB;AAAA,KAKzC;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,72 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React2 from "react";
+import { ComboBox, TextBox } from "./EditableComponents";
+const components = {
+  DSComboBox: ComboBox,
+  DSTextBox: TextBox
+};
+const getEditorComponent = (editorComponent = {}, handlers) => ({
+  value,
+  onValue,
+  extraParameters
+}) => {
+  if (typeof editorComponent === "function") {
+    return editorComponent(__spreadValues({
+      value,
+      onValue,
+      customHandlers: handlers
+    }, extraParameters));
+  }
+  const _a = editorComponent, { type = "DSTextBox" } = _a, restEditorProps = __objRest(_a, ["type"]);
+  const Component = components[type];
+  if (type === "DSComboBox") {
+    const maxOptions = restEditorProps?.options?.length || 100;
+    return /* @__PURE__ */ React2.createElement("div", {
+      style: { zIndex: 0 }
+    }, /* @__PURE__ */ React2.createElement(Component, __spreadValues({
+      autoFocus: true,
+      onValue,
+      value,
+      maxOptions
+    }, restEditorProps)));
+  }
+  return /* @__PURE__ */ React2.createElement(Component, __spreadValues({
+    autoFocus: true,
+    onValue,
+    value
+  }, restEditorProps));
+};
+var getEditorComponent_default = getEditorComponent;
+export {
+  getEditorComponent_default as default,
+  getEditorComponent
+};
+//# sourceMappingURL=getEditorComponent.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/editable/getEditorComponent.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAEA,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,OACb;AAAA;AAIP,QAAmD,sBAA3C,SAAO,gBAAoC,IAApB,4BAAoB,IAApB,CAAvB;AACR,QAAM,YAAY,WAAW;AAE7B,MAAI,SAAS,cAAc;AAEzB,UAAM,aAAa,iBAAiB,SAAS,UAAU;AACvD,WACE,qCAAC,OAAD;AAAA,MAAK,OAAO,EAAE,QAAQ;AAAA,OACpB,qCAAC,WAAD;AAAA,MACE,WAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,OACI;AAAA;AAMZ,SACE,qCAAC,WAAD;AAAA,IAAW,WAAS;AAAA,IAAC;AAAA,IAAkB;AAAA,KAAkB;AAAA;AAK7D,IAAO,6BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { EditablePlugin } from "./EditablePlugin";
+import { ComboBox, TextBox } from "./EditableComponents";
+export {
+  ComboBox,
+  EditablePlugin,
+  TextBox
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/editable/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { EditablePlugin } from './EditablePlugin';\nexport { ComboBox, TextBox } from './EditableComponents';\n"],
+  "mappings": "AAAA;ACAA;AACA;",
+  "names": []
+}

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

@@ -0,0 +1,136 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React2, { useRef } from "react";
+import { ArrowheadDown, ArrowheadRight } from "@elliemae/ds-icons";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { DSButton } from "@elliemae/ds-button";
+import { DSTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+import { dataGridBlockName } from "../../blockNames";
+import { RowSizes } from "../../rowSizes";
+const blockName = `${dataGridBlockName}-expandable-column`;
+const ExpandableColumnWrapper = aggregatedClasses("div")(blockName);
+const LabelDescriptionWrapper = aggregatedClasses("div")(blockName, "label-description-wrapper");
+const Label = aggregatedClasses("span")(blockName, "label");
+const Description = aggregatedClasses("span")(blockName, "description");
+const ExtraColumnData = aggregatedClasses("div")(blockName, "extra-column-data");
+const ExpandableMasterWrapper = aggregatedClasses("div")(`${blockName}-master-wrapper`);
+const ExpandableDetailsWrapper = aggregatedClasses("div")(`${blockName}-details-wrapper`);
+function ExpandableColumnCell({ label, description, isExpanded, expandableDetails, extraData, onToggleExpand }) {
+  const ref = useRef();
+  return /* @__PURE__ */ React2.createElement(ExpandableColumnWrapper, {
+    ref,
+    tabindex: 0
+  }, /* @__PURE__ */ React2.createElement(ExpandableMasterWrapper, {
+    style: { height: RowSizes.extend }
+  }, /* @__PURE__ */ React2.createElement(DSButton, {
+    buttonType: "text",
+    className: "expandable-arrow",
+    icon: isExpanded ? /* @__PURE__ */ React2.createElement(ArrowheadDown, null) : /* @__PURE__ */ React2.createElement(ArrowheadRight, null),
+    onClick: (e) => {
+      onToggleExpand(e);
+      if (ref && ref.current) {
+        ref.current.focus();
+      }
+    },
+    size: "s"
+  }), /* @__PURE__ */ React2.createElement(LabelDescriptionWrapper, null, /* @__PURE__ */ React2.createElement(Label, null, /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
+    value: label
+  })), /* @__PURE__ */ React2.createElement(Description, null, /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
+    value: description
+  }))), /* @__PURE__ */ React2.createElement(ExtraColumnData, null, extraData)), isExpanded && /* @__PURE__ */ React2.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__ */ React2.createElement(ExpandableColumnCell, {
+    description: renderRowDescription({ rowData }),
+    expandableDetails,
+    extraData: renderExtraData({ rowData }),
+    isExpanded,
+    label: renderRowLabel({ rowData }),
+    onToggleExpand: () => toggleExpand(rowData)
+  });
+};
+const noop = () => null;
+const ExpandableColumn = (_a) => {
+  var _b = _a, {
+    property,
+    label,
+    renderRowLabel = () => "----",
+    renderRowDescription = noop,
+    renderExtraData = noop,
+    width,
+    resizable,
+    sortable,
+    searchable,
+    customRenderer
+  } = _b, rest = __objRest(_b, [
+    "property",
+    "label",
+    "renderRowLabel",
+    "renderRowDescription",
+    "renderExtraData",
+    "width",
+    "resizable",
+    "sortable",
+    "searchable",
+    "customRenderer"
+  ]);
+  return __spreadProps(__spreadValues({}, rest), {
+    label,
+    property,
+    cell: {
+      formatters: [
+        expandableColumnRenderer({
+          renderRowLabel,
+          renderRowDescription,
+          renderExtraData
+        })
+      ]
+    },
+    width: width || "50%",
+    expandableColumn: true,
+    resizable,
+    sortable,
+    searchable
+  });
+};
+var ExpandableColumn_default = ExpandableColumn;
+export {
+  ExpandableColumn,
+  ExpandableColumn_default as default
+};
+//# sourceMappingURL=ExpandableColumn.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/expandable-grid/ExpandableColumn.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY,GAAG;AAGrB,MAAM,0BAA0B,kBAAkB,OAAO;AACzD,MAAM,0BAA0B,kBAAkB,OAAO,WAAW;AACpE,MAAM,QAAQ,kBAAkB,QAAQ,WAAW;AACnD,MAAM,cAAc,kBAAkB,QAAQ,WAAW;AACzD,MAAM,kBAAkB,kBAAkB,OAAO,WAAW;AAC5D,MAAM,0BAA0B,kBAAkB,OAAO,GAAG;AAC5D,MAAM,2BAA2B,kBAAkB,OAAO,GAAG;AAE7D,8BAA8B,EAAE,OAAO,aAAa,YAAY,mBAAmB,WAAW,kBAAkB;AAC9G,QAAM,MAAM;AACZ,SACE,qCAAC,yBAAD;AAAA,IAAyB;AAAA,IAAU,UAAU;AAAA,KAC3C,qCAAC,yBAAD;AAAA,IAAyB,OAAO,EAAE,QAAQ,SAAS;AAAA,KACjD,qCAAC,UAAD;AAAA,IACE,YAAW;AAAA,IACX,WAAU;AAAA,IACV,MAAM,aAAa,qCAAC,eAAD,QAAoB,qCAAC,gBAAD;AAAA,IACvC,SAAS,CAAC,MAAM;AACd,qBAAe;AACf,UAAI,OAAO,IAAI,SAAS;AACtB,YAAI,QAAQ;AAAA;AAAA;AAAA,IAGhB,MAAK;AAAA,MAEP,qCAAC,yBAAD,MACE,qCAAC,OAAD,MACE,qCAAC,wBAAD;AAAA,IAAwB,OAAO;AAAA,OAEjC,qCAAC,aAAD,MACE,qCAAC,wBAAD;AAAA,IAAwB,OAAO;AAAA,QAGnC,qCAAC,iBAAD,MAAkB,aAEnB,cAAc,qCAAC,0BAAD,MAA2B;AAAA;AAKhD,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;AAET,QAAM,oBAAoB,sBAAsB,EAAE;AAClD,SACE,qCAAC,sBAAD;AAAA,IACE,aAAa,qBAAqB,EAAE;AAAA,IACpC;AAAA,IACA,WAAW,gBAAgB,EAAE;AAAA,IAC7B;AAAA,IACA,OAAO,eAAe,EAAE;AAAA,IACxB,gBAAgB,MAAM,aAAa;AAAA;AAAA;AAI3C,MAAM,OAAO,MAAM;AACZ,MAAM,mBAAmB,CAAC,OAY3B;AAZ2B,eAC/B;AAAA;AAAA,IACA;AAAA,IACA,iBAAiB,MAAM;AAAA,IACvB,uBAAuB;AAAA,IACvB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAV+B,IAW5B,iBAX4B,IAW5B;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SAAO,iCACF,OADE;AAAA,IAEL;AAAA,IACA;AAAA,IACA,MAAM;AAAA,MACJ,YAAY;AAAA,QACV,yBAAyB;AAAA,UACvB;AAAA,UACA;AAAA,UACA;AAAA;AAAA;AAAA;AAAA,IAIN,OAAO,SAAS;AAAA,IAChB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIJ,IAAO,2BAAQ;",
+  "names": []
+}