@elliemae/ds-datagrids 2.2.0-alpha.1 → 2.2.0-alpha.5

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

@@ -1,65 +1,39 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { Component } from 'react';
-import { DSComboBox } from '@elliemae/ds-form';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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
-    };
-    this.handleBlur = this.handleBlur.bind(this);
-    this.handleChange = this.handleChange.bind(this);
+    this.state = { value: props.value };
   }
-
   handleChange(value) {
-    const {
-      onValue
-    } = this.props; // some how this is executed before handleBlur, and handleBlur before the value is set
-    // causing the value to be the same as the prevProp
-    // todo: find a better solution to this
-
+    const { onValue } = this.props;
     setTimeout(() => onValue(value), 1);
-    this.setState({
-      value
-    });
+    this.setState({ value });
   }
-
   handleBlur() {
-    const {
-      onValue
-    } = this.props;
-    const {
-      value
-    } = this.state;
+    const { onValue } = this.props;
+    const { value } = this.state;
     onValue(value);
   }
-
   render() {
-    const {
-      value
-    } = this.state;
-    return /*#__PURE__*/jsx(DSComboBox, _objectSpread(_objectSpread({}, this.props), {}, {
+    const { value } = this.state;
+    return /* @__PURE__ */ React2.createElement(DSComboBox, {
+      ...this.props,
       menuIsOpen: true,
       onBlur: this.handleBlur,
       onChange: this.handleChange,
-      onClick: e => e.stopPropagation(),
-      value: value
-    }));
+      onClick: (e) => e.stopPropagation(),
+      value
+    });
   }
-
 }
 ComboBox.defaultProps = {
   onValue: () => null
 };
-
-export { ComboBox as default };
+var ComboBox_default = ComboBox;
+export {
+  ComboBox,
+  ComboBox_default as default
+};
+//# sourceMappingURL=ComboBox.js.map

package/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;AAAA,SACM,KAAK;AAAA,MACT,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/esm/plugins/editable/EditableComponents/TextBox.js

@@ -1,29 +1,12 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import React, { Component } from 'react';
-import { DSTextBox } from '@elliemae/ds-form';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 = /*#__PURE__*/React.createRef();
-    this.state = {
-      value: props.value
-    };
-    this.handleBlur = this.handleBlur.bind(this);
-    this.handleChange = this.handleChange.bind(this);
-    this.handleKeyUp = this.handleKeyUp.bind(this);
-    this.handleKeyDown = this.handleKeyDown.bind(this);
+    this.inputRef = React2.createRef();
+    this.state = { value: props.value };
   }
-
   componentDidMount() {
     setTimeout(() => {
       if (this.inputRef && this.inputRef.current) {
@@ -31,73 +14,48 @@ class TextBox extends Component {
       }
     }, 50);
   }
-
-  handleKeyUp(_ref) {
-    let {
-      key,
-      target: {
-        value
-      }
-    } = _ref;
-    const {
-      onValue
-    } = this.props;
-
-    if (key === 'Enter') {
+  handleKeyUp({ key, target: { value } }) {
+    const { onValue } = this.props;
+    if (key === "Enter") {
       onValue(value);
     }
   }
-
   handleKeyDown(e) {
-    // PUI-2553 prevent form submit on `Enter` keypress
-    if (e.key === 'Enter') {
+    if (e.key === "Enter") {
       e.preventDefault();
     }
   }
-
   handleBlur(e) {
+    const { onValue } = this.props;
     const {
-      onValue
-    } = this.props;
-    const {
-      target: {
-        value
-      }
+      target: { value }
     } = e;
     onValue(value);
   }
-
-  handleChange(_ref2) {
-    let {
-      target: {
-        value
-      }
-    } = _ref2;
-    this.setState({
-      value
-    });
+  handleChange({ target: { value } }) {
+    this.setState({ value });
   }
-
   render() {
-    const {
-      value
-    } = this.state;
-    return /*#__PURE__*/jsx(DSTextBox, _objectSpread(_objectSpread({
-      "data-testid": "ds-datagrids-editable-text-box"
-    }, this.props), {}, {
+    const { value } = this.state;
+    return /* @__PURE__ */ React2.createElement(DSTextBox, {
+      "data-testid": "ds-datagrids-editable-text-box",
+      ...this.props,
       innerRef: this.inputRef,
       onBlur: this.handleBlur,
       onChange: this.handleChange,
-      onClick: e => e.stopPropagation(),
+      onClick: (e) => e.stopPropagation(),
       onKeyUp: this.handleKeyUp,
       onKeyDown: this.handleKeyDown,
-      value: value
-    }));
+      value
+    });
   }
-
 }
 TextBox.defaultProps = {
   onValue: () => null
 };
-
-export { TextBox as default };
+var TextBox_default = TextBox;
+export {
+  TextBox,
+  TextBox_default as default
+};
+//# sourceMappingURL=TextBox.js.map

package/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,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/esm/plugins/editable/EditableComponents/index.js

@@ -1,2 +1,8 @@
-export { default as ComboBox } from './ComboBox.js';
-export { default as TextBox } from './TextBox.js';
+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/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/esm/plugins/editable/EditablePlugin.js

@@ -1,42 +1,20 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useDerivedStateFromProps, toggleInObject } from '@elliemae/ds-utilities';
-import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import { makeEditableConfig, addEditableToCell } from './decorateEditable.js';
-
-const registerStateHook = grid => {
-  const {
-    rowKey = 'id',
-    editingRows: editingRowsProp,
-    onColumnRowEdited,
-    onColumnRowEdit
-  } = grid.props;
+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 => {
+  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 = _ref => {
-    let {
-      value,
-      rowData,
-      property,
-      rowIndex
-    } = _ref;
+  const editValue = ({ value, rowData, property, rowIndex }) => {
     setEditingRows({});
     onColumnRowEdited({
       value,
@@ -45,24 +23,17 @@ const registerStateHook = grid => {
       rowIndex
     });
   };
-
   return {
-    state: {
-      editingRows
-    },
+    state: { editingRows },
     actions: {
       activateEdit,
       editValue
     }
   };
 };
-
 const decorateColumn = (column, grid) => {
   const {
-    props: {
-      isColumnEditable = col => col.editable,
-      customHandlers
-    }
+    props: { isColumnEditable = (col) => col.editable, customHandlers }
   } = grid;
   const editableConfig = makeEditableConfig(grid);
   return isColumnEditable(column) ? addEditableToCell({
@@ -71,33 +42,25 @@ const decorateColumn = (column, grid) => {
     handlers: customHandlers
   }, grid) : column;
 };
-
-const EditablePlugin = createInstancePlugin('editable', {
+const EditablePlugin = createInstancePlugin("editable", {
   registerStateHook,
   decorateColumn,
-
   registerHotKeys(grid) {
     return {
-      key: 'enter',
-      handler: _ref2 => {
-        let {
-          rowIndex,
-          cellIndex
-        } = _ref2;
+      key: "enter",
+      handler: ({ rowIndex, cellIndex }) => {
         const {
           composedRows,
           decoratedColumns,
-          actions: {
-            activateEdit
-          },
-          props: {
-            isColumnEditable
-          }
+          actions: { activateEdit },
+          props: { isColumnEditable }
         } = grid.getInstance();
-        if (!isColumnEditable(decoratedColumns[cellIndex])) return;
+        if (!isColumnEditable(decoratedColumns[cellIndex]))
+          return;
         const rows = composedRows.rows || composedRows;
         const row = rows[rowIndex];
-        if (!row) return;
+        if (!row)
+          return;
         activateEdit({
           rowData: row,
           columnIndex: cellIndex
@@ -109,7 +72,8 @@ const EditablePlugin = createInstancePlugin('editable', {
       }
     };
   }
-
 });
-
-export { EditablePlugin };
+export {
+  EditablePlugin
+};
+//# sourceMappingURL=EditablePlugin.js.map

package/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/esm/plugins/editable/decorateEditable.js

@@ -1,92 +1,56 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import '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.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
-
-var _EditPencil, _span;
-
-const _excluded = ["columnIndex", "rowData", "column"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const makeEditableConfig = grid => edit.edit({
-  isEditing: _ref => {
-    let {
-      columnIndex,
-      rowData,
-      column = {}
-    } = _ref,
-        rest = _objectWithoutProperties(_ref, _excluded);
-
+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: ({ columnIndex, rowData, column = {}, ...rest }) => {
     const {
-      state: {
-        editingRows
-      },
-      props: {
-        rowKey
-      }
+      state: { editingRows },
+      props: { rowKey }
     } = grid.getInstance();
     let isCustomEditing;
-
-    if (typeof column.isEditing === 'function') {
-      isCustomEditing = column.isEditing(_objectSpread({
+    if (typeof column.isEditing === "function") {
+      isCustomEditing = column.isEditing({
         columnIndex,
         rowData,
-        column
-      }, rest));
+        column,
+        ...rest
+      });
     }
-
     return editingRows[rowData[rowKey]] === columnIndex || column.alwaysEditing || isCustomEditing;
   },
   onActivate: () => null,
-  onValue: function () {
-    return grid.getInstance().actions.editValue(...arguments);
-  }
+  onValue: (...args) => grid.getInstance().actions.editValue(...args)
 });
-
-const addEditableToCell = (_ref2, grid) => {
-  let {
-    column,
-    config,
-    handlers
-  } = _ref2;
+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".concat(column.customEditor ? ' customEditor' : ''));
-  return appendCellFormatter([(value, extraParams) => /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/_jsx("div", {
-      onClick: e => {
+  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 => {
+      onKeyUp: (e) => {
         e.stopPropagation();
-
         if (e.keyCode === 33) {
           grid.getInstance().actions.activateEdit(extraParams);
         }
       },
       role: "gridcell",
       tabIndex: 0
-    }, void 0, value, _EditPencil || (_EditPencil = /*#__PURE__*/_jsx(EditPencil, {
+    }, value, /* @__PURE__ */ React2.createElement(EditPencil, {
       className: "edit-pencil"
-    })), _span || (_span = /*#__PURE__*/_jsx("span", {
+    }), /* @__PURE__ */ React2.createElement("span", {
       className: "edit-separator"
-    }, void 0, " ")))
-  })], column);
+    }, " ")))
+  ], column);
+};
+export {
+  addEditableToCell,
+  makeEditableConfig
 };
-
-export { addEditableToCell, makeEditableConfig };
+//# sourceMappingURL=decorateEditable.js.map

package/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,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,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": []
+}