@elliemae/ds-datagrids 1.61.0 → 2.0.0-alpha.12

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

@@ -1,125 +1,110 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
-var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
-var _createClass = require('@babel/runtime/helpers/createClass');
-var _assertThisInitialized = require('@babel/runtime/helpers/assertThisInitialized');
-var _inherits = require('@babel/runtime/helpers/inherits');
-var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
-var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var dsForm = require('@elliemae/ds-form');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
-var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
-var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
-var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
-var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var TextBox = /*#__PURE__*/function (_Component) {
-  _inherits__default['default'](TextBox, _Component);
-
-  var _super = _createSuper(TextBox);
-
-  function TextBox(props) {
-    var _this;
-
-    _classCallCheck__default['default'](this, TextBox);
-
-    _this = _super.call(this, props);
-    _this.inputRef = /*#__PURE__*/React__default['default'].createRef();
-    _this.state = {
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+class TextBox extends React.Component {
+  constructor(props) {
+    super(props);
+    this.inputRef = /*#__PURE__*/React__default["default"].createRef();
+    this.state = {
       value: props.value
     };
-    _this.handleBlur = _this.handleBlur.bind(_assertThisInitialized__default['default'](_this));
-    _this.handleChange = _this.handleChange.bind(_assertThisInitialized__default['default'](_this));
-    _this.handleKeyUp = _this.handleKeyUp.bind(_assertThisInitialized__default['default'](_this));
-    _this.handleKeyDown = _this.handleKeyDown.bind(_assertThisInitialized__default['default'](_this));
-    return _this;
+    this.handleBlur = this.handleBlur.bind(this);
+    this.handleChange = this.handleChange.bind(this);
+    this.handleKeyUp = this.handleKeyUp.bind(this);
+    this.handleKeyDown = this.handleKeyDown.bind(this);
   }
 
-  _createClass__default['default'](TextBox, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-
-      setTimeout(function () {
-        if (_this2.inputRef && _this2.inputRef.current) {
-          _this2.inputRef.current.focus();
-        }
-      }, 50);
-    }
-  }, {
-    key: "handleKeyUp",
-    value: function handleKeyUp(_ref) {
-      var key = _ref.key,
-          value = _ref.target.value;
-      var onValue = this.props.onValue;
-
-      if (key === 'Enter') {
-        onValue(value);
+  componentDidMount() {
+    setTimeout(() => {
+      if (this.inputRef && this.inputRef.current) {
+        this.inputRef.current.focus();
       }
-    }
-  }, {
-    key: "handleKeyDown",
-    value: function handleKeyDown(e) {
-      // PUI-2553 prevent form submit on `Enter` keypress
-      if (e.key === 'Enter') {
-        e.preventDefault();
+    }, 50);
+  }
+
+  handleKeyUp(_ref) {
+    let {
+      key,
+      target: {
+        value
       }
-    }
-  }, {
-    key: "handleBlur",
-    value: function handleBlur(e) {
-      var onValue = this.props.onValue;
-      var value = e.target.value;
+    } = _ref;
+    const {
+      onValue
+    } = this.props;
+
+    if (key === 'Enter') {
       onValue(value);
     }
-  }, {
-    key: "handleChange",
-    value: function handleChange(_ref2) {
-      var value = _ref2.target.value;
-      this.setState({
-        value: value
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var value = this.state.value;
-      return /*#__PURE__*/React__default['default'].createElement(dsForm.DSTextBox, _extends__default['default']({
-        "data-testid": "ds-datagrids-editable-text-box"
-      }, this.props, {
-        innerRef: this.inputRef,
-        onBlur: this.handleBlur,
-        onChange: this.handleChange,
-        onClick: function onClick(e) {
-          return e.stopPropagation();
-        },
-        onKeyUp: this.handleKeyUp,
-        onKeyDown: this.handleKeyDown,
-        value: value
-      }));
+  }
+
+  handleKeyDown(e) {
+    // PUI-2553 prevent form submit on `Enter` keypress
+    if (e.key === 'Enter') {
+      e.preventDefault();
     }
-  }]);
+  }
+
+  handleBlur(e) {
+    const {
+      onValue
+    } = this.props;
+    const {
+      target: {
+        value
+      }
+    } = e;
+    onValue(value);
+  }
+
+  handleChange(_ref2) {
+    let {
+      target: {
+        value
+      }
+    } = _ref2;
+    this.setState({
+      value
+    });
+  }
 
-  return TextBox;
-}(React.Component);
+  render() {
+    const {
+      value
+    } = this.state;
+    return /*#__PURE__*/jsxRuntime.jsx(dsForm.DSTextBox, _objectSpread(_objectSpread({
+      "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: value
+    }));
+  }
 
+}
 TextBox.defaultProps = {
-  onValue: function onValue() {
-    return null;
-  }
+  onValue: () => null
 };
 
 module.exports = TextBox;
-//# sourceMappingURL=TextBox.js.map

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

@@ -2,20 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var plugins_editable_EditableComponents_ComboBox = require('./ComboBox.js');
-var plugins_editable_EditableComponents_TextBox = require('./TextBox.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('react');
-require('@elliemae/ds-form');
+var ComboBox = require('./ComboBox.js');
+var TextBox = require('./TextBox.js');
 
 
 
-exports.ComboBox = plugins_editable_EditableComponents_ComboBox;
-exports.TextBox = plugins_editable_EditableComponents_TextBox;
-//# sourceMappingURL=index.js.map
+exports.ComboBox = ComboBox;
+exports.TextBox = TextBox;

package/cjs/plugins/editable/EditablePlugin.js

@@ -2,121 +2,109 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+require('core-js/modules/web.dom-collections.iterator.js');
 var dsUtilities = require('@elliemae/ds-utilities');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-var plugins_editable_decorateEditable = require('./decorateEditable.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-require('react-edit');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
-require('./getEditorComponent.js');
-require('@babel/runtime/helpers/extends');
-require('./EditableComponents/ComboBox.js');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('@elliemae/ds-form');
-require('./EditableComponents/TextBox.js');
+var decorateEditable = require('./decorateEditable.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
-var registerStateHook = function registerStateHook(grid) {
-  var _grid$props = grid.props,
-      _grid$props$rowKey = _grid$props.rowKey,
-      rowKey = _grid$props$rowKey === void 0 ? 'id' : _grid$props$rowKey,
-      editingRowsProp = _grid$props.editingRows,
-      onColumnRowEdited = _grid$props.onColumnRowEdited,
-      onColumnRowEdit = _grid$props.onColumnRowEdit;
+const registerStateHook = grid => {
+  const {
+    rowKey = 'id',
+    editingRows: editingRowsProp,
+    onColumnRowEdited,
+    onColumnRowEdit
+  } = grid.props;
+  const [editingRows, setEditingRows] = dsUtilities.useDerivedStateFromProps(editingRowsProp || {});
 
-  var _useDerivedStateFromP = dsUtilities.useDerivedStateFromProps(editingRowsProp || {}),
-      _useDerivedStateFromP2 = _slicedToArray__default['default'](_useDerivedStateFromP, 2),
-      editingRows = _useDerivedStateFromP2[0],
-      setEditingRows = _useDerivedStateFromP2[1];
-
-  var activateEdit = function activateEdit(editParams) {
-    var _grid$getInstance = grid.getInstance(),
-        shouldRefocus = _grid$getInstance.shouldRefocus;
-
-    var rowData = editParams.rowData,
-        columnIndex = editParams.columnIndex;
+  const activateEdit = editParams => {
+    const {
+      shouldRefocus
+    } = grid.getInstance();
+    const {
+      rowData,
+      columnIndex
+    } = editParams;
     shouldRefocus.current = {
       forced: true,
       value: false
     };
-    setEditingRows(function (prevEditingRows) {
+    setEditingRows(prevEditingRows => {
       onColumnRowEdit(editParams);
       return dsUtilities.toggleInObject(prevEditingRows, rowData[rowKey], columnIndex);
     });
   };
 
-  var editValue = function editValue(_ref) {
-    var value = _ref.value,
-        rowData = _ref.rowData,
-        property = _ref.property,
-        rowIndex = _ref.rowIndex;
+  const editValue = _ref => {
+    let {
+      value,
+      rowData,
+      property,
+      rowIndex
+    } = _ref;
     setEditingRows({});
     onColumnRowEdited({
-      value: value,
-      rowData: rowData,
-      property: property,
-      rowIndex: rowIndex
+      value,
+      rowData,
+      property,
+      rowIndex
     });
   };
 
   return {
     state: {
-      editingRows: editingRows
+      editingRows
     },
     actions: {
-      activateEdit: activateEdit,
-      editValue: editValue
+      activateEdit,
+      editValue
     }
   };
 };
 
-var decorateColumn = function decorateColumn(column, grid) {
-  var _grid$props2 = grid.props,
-      _grid$props2$isColumn = _grid$props2.isColumnEditable,
-      isColumnEditable = _grid$props2$isColumn === void 0 ? function (col) {
-    return col.editable;
-  } : _grid$props2$isColumn,
-      customHandlers = _grid$props2.customHandlers;
-  var editableConfig = plugins_editable_decorateEditable.makeEditableConfig(grid);
-  return isColumnEditable(column) ? plugins_editable_decorateEditable.addEditableToCell({
-    column: column,
+const decorateColumn = (column, grid) => {
+  const {
+    props: {
+      isColumnEditable = col => col.editable,
+      customHandlers
+    }
+  } = grid;
+  const editableConfig = decorateEditable.makeEditableConfig(grid);
+  return isColumnEditable(column) ? decorateEditable.addEditableToCell({
+    column,
     config: editableConfig,
     handlers: customHandlers
   }, grid) : column;
 };
 
-var EditablePlugin = createInstancePlugin__default['default']('editable', {
-  registerStateHook: registerStateHook,
-  decorateColumn: decorateColumn,
-  registerHotKeys: function registerHotKeys(grid) {
+const EditablePlugin = createInstancePlugin__default["default"]('editable', {
+  registerStateHook,
+  decorateColumn,
+
+  registerHotKeys(grid) {
     return {
       key: 'enter',
-      handler: function handler(_ref2) {
-        var rowIndex = _ref2.rowIndex,
-            cellIndex = _ref2.cellIndex;
-
-        var _grid$getInstance2 = grid.getInstance(),
-            composedRows = _grid$getInstance2.composedRows,
-            decoratedColumns = _grid$getInstance2.decoratedColumns,
-            activateEdit = _grid$getInstance2.actions.activateEdit,
-            isColumnEditable = _grid$getInstance2.props.isColumnEditable;
-
+      handler: _ref2 => {
+        let {
+          rowIndex,
+          cellIndex
+        } = _ref2;
+        const {
+          composedRows,
+          decoratedColumns,
+          actions: {
+            activateEdit
+          },
+          props: {
+            isColumnEditable
+          }
+        } = grid.getInstance();
         if (!isColumnEditable(decoratedColumns[cellIndex])) return;
-        var rows = composedRows.rows || composedRows;
-        var row = rows[rowIndex];
+        const rows = composedRows.rows || composedRows;
+        const row = rows[rowIndex];
         if (!row) return;
         activateEdit({
           rowData: row,
@@ -129,7 +117,7 @@ var EditablePlugin = createInstancePlugin__default['default']('editable', {
       }
     };
   }
+
 });
 
 exports.EditablePlugin = EditablePlugin;
-//# sourceMappingURL=EditablePlugin.js.map

package/cjs/plugins/editable/decorateEditable.js

@@ -2,24 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('react');
 var edit = require('react-edit');
 var dsIcons = require('@elliemae/ds-icons');
 var dsUtilities = require('@elliemae/ds-utilities');
 var initColumnDefinition = require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
-var plugins_editable_getEditorComponent = require('./getEditorComponent.js');
-require('@babel/runtime/helpers/extends');
-require('./EditableComponents/ComboBox.js');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('@elliemae/ds-form');
-require('./EditableComponents/TextBox.js');
+var getEditorComponent = require('./getEditorComponent.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -32,77 +30,78 @@ function _interopNamespace(e) {
         var d = Object.getOwnPropertyDescriptor(e, k);
         Object.defineProperty(n, k, d.get ? d : {
           enumerable: true,
-          get: function () {
-            return e[k];
-          }
+          get: function () { return e[k]; }
         });
       }
     });
   }
-  n['default'] = e;
+  n["default"] = e;
   return Object.freeze(n);
 }
 
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var edit__namespace = /*#__PURE__*/_interopNamespace(edit);
 
-var _excluded = ["columnIndex", "rowData", "column"];
+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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var makeEditableConfig = function makeEditableConfig(grid) {
-  return edit__namespace.edit({
-    isEditing: function isEditing(_ref) {
-      var columnIndex = _ref.columnIndex,
-          rowData = _ref.rowData,
-          _ref$column = _ref.column,
-          column = _ref$column === void 0 ? {} : _ref$column,
-          rest = _objectWithoutProperties__default['default'](_ref, _excluded);
-
-      var _grid$getInstance = grid.getInstance(),
-          editingRows = _grid$getInstance.state.editingRows,
-          rowKey = _grid$getInstance.props.rowKey;
-
-      var isCustomEditing;
-
-      if (typeof column.isEditing === 'function') {
-        isCustomEditing = column.isEditing(_objectSpread({
-          columnIndex: columnIndex,
-          rowData: rowData,
-          column: column
-        }, rest));
-      }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-      return editingRows[rowData[rowKey]] === columnIndex || column.alwaysEditing || isCustomEditing;
-    },
-    onActivate: function onActivate() {
-      return null;
-    },
-    onValue: function onValue() {
-      var _grid$getInstance$act;
+const makeEditableConfig = grid => edit__namespace.edit({
+  isEditing: _ref => {
+    let {
+      columnIndex,
+      rowData,
+      column = {}
+    } = _ref,
+        rest = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-      return (_grid$getInstance$act = grid.getInstance().actions).editValue.apply(_grid$getInstance$act, arguments);
+    const {
+      state: {
+        editingRows
+      },
+      props: {
+        rowKey
+      }
+    } = grid.getInstance();
+    let isCustomEditing;
+
+    if (typeof column.isEditing === 'function') {
+      isCustomEditing = column.isEditing(_objectSpread({
+        columnIndex,
+        rowData,
+        column
+      }, rest));
     }
-  });
-};
 
-var addEditableToCell = function addEditableToCell(_ref2, grid) {
-  var column = _ref2.column,
-      config = _ref2.config,
-      handlers = _ref2.handlers;
-  column.cell.transforms.push(config(plugins_editable_getEditorComponent(column.customEditor, handlers)));
+    return editingRows[rowData[rowKey]] === columnIndex || column.alwaysEditing || isCustomEditing;
+  },
+  onActivate: () => null,
+  onValue: function () {
+    return grid.getInstance().actions.editValue(...arguments);
+  }
+});
+
+const addEditableToCell = (_ref2, grid) => {
+  let {
+    column,
+    config,
+    handlers
+  } = _ref2;
+  column.cell.transforms.push(config(getEditorComponent(column.customEditor, handlers)));
   column.cell.props.className = dsUtilities.cx(column.cell.props.className, "editable".concat(column.customEditor ? ' customEditor' : ''));
-  return initColumnDefinition.appendCellFormatter([function (value, extraParams) {
-    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
-      onClick: function onClick(e) {
+  return initColumnDefinition.appendCellFormatter([(value, extraParams) => /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: /*#__PURE__*/_jsx__default["default"]("div", {
+      onClick: e => {
         e.stopPropagation();
         grid.getInstance().actions.activateEdit(extraParams);
       },
-      onKeyUp: function onKeyUp(e) {
+      onKeyUp: e => {
         e.stopPropagation();
 
         if (e.keyCode === 33) {
@@ -111,14 +110,13 @@ var addEditableToCell = function addEditableToCell(_ref2, grid) {
       },
       role: "gridcell",
       tabIndex: 0
-    }, value, /*#__PURE__*/React__default['default'].createElement(dsIcons.EditPencil, {
+    }, void 0, value, _EditPencil || (_EditPencil = /*#__PURE__*/_jsx__default["default"](dsIcons.EditPencil, {
       className: "edit-pencil"
-    }), /*#__PURE__*/React__default['default'].createElement("span", {
+    })), _span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {
       className: "edit-separator"
-    }, " ")));
-  }], column);
+    }, void 0, " ")))
+  })], column);
 };
 
 exports.addEditableToCell = addEditableToCell;
 exports.makeEditableConfig = makeEditableConfig;
-//# sourceMappingURL=decorateEditable.js.map