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

package/esm/plugins/custom-cell-renderer/getRendererComponent.js

@@ -1,48 +1,56 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React from 'react';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'react';
 import DSButton from '@elliemae/ds-button';
 import { DSCheckbox, DSComboBox, DSRadio, DSTextBox, DSToggle } from '@elliemae/ds-form';
 import DSDropdownMenu from '@elliemae/ds-dropdownmenu';
-import { r as renderers } from '../../index-afbbe9c8.js';
-import '../../components/renderers/defaultClassedRenderers.js';
-import '@elliemae/ds-classnames';
-import '../../blockNames.js';
-import '../../components/renderers/renderRowsLoader.js';
-import '../../components/RowsLoader.js';
-import '@elliemae/ds-spinner';
+import * as index from '../../components/renderers/index.js';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["type", "handlers"];
-var components = {
-  DSButton: DSButton,
-  DSCheckbox: DSCheckbox,
-  DSComboBox: DSComboBox,
-  DSRadio: DSRadio,
-  DSTextBox: DSTextBox,
-  DSToggle: DSToggle,
-  DSDropdownMenu: DSDropdownMenu
+const _excluded = ["type", "handlers"];
+
+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(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; }
+const components = {
+  DSButton,
+  DSCheckbox,
+  DSComboBox,
+  DSRadio,
+  DSTextBox,
+  DSToggle,
+  DSDropdownMenu
 };
 
-var getRendererComponent = function getRendererComponent(_ref2, _ref, _ref3) {
-  var props = _ref2.props;
-  var rowData = _ref3.rowData;
+const getRendererComponent = (_ref2, _ref, _ref3) => {
+  let {
+    props
+  } = _ref2;
+  let {
+    rowData
+  } = _ref3;
 
-  var _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'DSTextBox' : _ref$type,
-      handlers = _ref.handlers,
+  let {
+    type = 'DSTextBox',
+    handlers
+  } = _ref,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  var Component = components[type] || renderers[type];
-  var customHandlers = props.customHandlers,
-      rowKey = props.rowKey;
-  var mappedHandlers = {};
-  Object.keys(handlers).forEach(function (key) {
-    mappedHandlers[handlers[key]] = function () {
-      return typeof customHandlers[key] === 'function' ? customHandlers[key](rowData, rowData[rowKey]) : null;
-    };
+  const Component = components[type] || index[type];
+  const {
+    customHandlers,
+    rowKey
+  } = props;
+  const mappedHandlers = {};
+  Object.keys(handlers).forEach(key => {
+    mappedHandlers[handlers[key]] = () => typeof customHandlers[key] === 'function' ? customHandlers[key](rowData, rowData[rowKey]) : null;
   });
-  return /*#__PURE__*/React.createElement(Component, _extends({}, rowData, mappedHandlers, rest));
+  return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread(_objectSpread({}, rowData), mappedHandlers), rest));
 };
 
 export { getRendererComponent as default };
-//# sourceMappingURL=getRendererComponent.js.map

package/esm/plugins/custom-cell-renderer/index.js

@@ -1,21 +1 @@
 export { CustomRendererPlugin } from './CustomRendererPlugin.js';
-import '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import './addCustomRendererToCell.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-utilities';
-import '@elliemae/ds-shared/useDataGrid/initColumnDefinition';
-import './getRendererComponent.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import '@elliemae/ds-button';
-import '@elliemae/ds-form';
-import '@elliemae/ds-dropdownmenu';
-import '../../index-afbbe9c8.js';
-import '../../components/renderers/defaultClassedRenderers.js';
-import '@elliemae/ds-classnames';
-import '../../blockNames.js';
-import '../../components/renderers/renderRowsLoader.js';
-import '../../components/RowsLoader.js';
-import '@elliemae/ds-spinner';
-//# sourceMappingURL=index.js.map

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

@@ -1,81 +1,65 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
-import _createClass from '@babel/runtime/helpers/esm/createClass';
-import _assertThisInitialized from '@babel/runtime/helpers/esm/assertThisInitialized';
-import _inherits from '@babel/runtime/helpers/esm/inherits';
-import _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
-import React, { Component } from 'react';
+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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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 ComboBox = /*#__PURE__*/function (_Component) {
-  _inherits(ComboBox, _Component);
-
-  var _super = _createSuper(ComboBox);
-
-  function ComboBox(props) {
-    var _this;
-
-    _classCallCheck(this, ComboBox);
-
-    _this = _super.call(this, props);
-    _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(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 ComboBox extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
       value: props.value
     };
-    _this.handleBlur = _this.handleBlur.bind(_assertThisInitialized(_this));
-    _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_this));
-    return _this;
+    this.handleBlur = this.handleBlur.bind(this);
+    this.handleChange = this.handleChange.bind(this);
   }
 
-  _createClass(ComboBox, [{
-    key: "handleChange",
-    value: function handleChange(value) {
-      var onValue = this.props.onValue; // 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
+  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
 
-      setTimeout(function () {
-        return onValue(value);
-      }, 1);
-      this.setState({
-        value: value
-      });
-    }
-  }, {
-    key: "handleBlur",
-    value: function handleBlur() {
-      var onValue = this.props.onValue;
-      var value = this.state.value;
-      onValue(value);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var value = this.state.value;
-      return /*#__PURE__*/React.createElement(DSComboBox, _extends({}, this.props, {
-        menuIsOpen: true,
-        onBlur: this.handleBlur,
-        onChange: this.handleChange,
-        onClick: function onClick(e) {
-          return e.stopPropagation();
-        },
-        value: value
-      }));
-    }
-  }]);
+    setTimeout(() => onValue(value), 1);
+    this.setState({
+      value
+    });
+  }
 
-  return ComboBox;
-}(Component);
+  handleBlur() {
+    const {
+      onValue
+    } = this.props;
+    const {
+      value
+    } = this.state;
+    onValue(value);
+  }
 
-ComboBox.defaultProps = {
-  onValue: function onValue() {
-    return null;
+  render() {
+    const {
+      value
+    } = this.state;
+    return /*#__PURE__*/jsx(DSComboBox, _objectSpread(_objectSpread({}, this.props), {}, {
+      menuIsOpen: true,
+      onBlur: this.handleBlur,
+      onChange: this.handleChange,
+      onClick: e => e.stopPropagation(),
+      value: value
+    }));
   }
+
+}
+ComboBox.defaultProps = {
+  onValue: () => null
 };
 
 export { ComboBox as default };
-//# sourceMappingURL=ComboBox.js.map

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

@@ -1,112 +1,103 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
-import _createClass from '@babel/runtime/helpers/esm/createClass';
-import _assertThisInitialized from '@babel/runtime/helpers/esm/assertThisInitialized';
-import _inherits from '@babel/runtime/helpers/esm/inherits';
-import _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
+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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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(TextBox, _Component);
-
-  var _super = _createSuper(TextBox);
-
-  function TextBox(props) {
-    var _this;
-
-    _classCallCheck(this, TextBox);
-
-    _this = _super.call(this, props);
-    _this.inputRef = /*#__PURE__*/React.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(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 Component {
+  constructor(props) {
+    super(props);
+    this.inputRef = /*#__PURE__*/React.createRef();
+    this.state = {
       value: props.value
     };
-    _this.handleBlur = _this.handleBlur.bind(_assertThisInitialized(_this));
-    _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_this));
-    _this.handleKeyUp = _this.handleKeyUp.bind(_assertThisInitialized(_this));
-    _this.handleKeyDown = _this.handleKeyDown.bind(_assertThisInitialized(_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(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.createElement(DSTextBox, _extends({
-        "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;
-}(Component);
+  render() {
+    const {
+      value
+    } = this.state;
+    return /*#__PURE__*/jsx(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
 };
 
 export { TextBox as default };
-//# sourceMappingURL=TextBox.js.map

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

@@ -1,12 +1,2 @@
 export { default as ComboBox } from './ComboBox.js';
 export { default as TextBox } from './TextBox.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/classCallCheck';
-import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/assertThisInitialized';
-import '@babel/runtime/helpers/esm/inherits';
-import '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import '@babel/runtime/helpers/esm/getPrototypeOf';
-import 'react';
-import '@elliemae/ds-form';
-//# sourceMappingURL=index.js.map

package/esm/plugins/editable/EditablePlugin.js

@@ -1,113 +1,102 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+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';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import 'react-edit';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-shared/useDataGrid/initColumnDefinition';
-import './getEditorComponent.js';
-import '@babel/runtime/helpers/esm/extends';
-import './EditableComponents/ComboBox.js';
-import '@babel/runtime/helpers/esm/classCallCheck';
-import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/assertThisInitialized';
-import '@babel/runtime/helpers/esm/inherits';
-import '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import '@babel/runtime/helpers/esm/getPrototypeOf';
-import '@elliemae/ds-form';
-import './EditableComponents/TextBox.js';
 
-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] = useDerivedStateFromProps(editingRowsProp || {});
 
-  var _useDerivedStateFromP = useDerivedStateFromProps(editingRowsProp || {}),
-      _useDerivedStateFromP2 = _slicedToArray(_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 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 = makeEditableConfig(grid);
+const decorateColumn = (column, grid) => {
+  const {
+    props: {
+      isColumnEditable = col => col.editable,
+      customHandlers
+    }
+  } = grid;
+  const editableConfig = makeEditableConfig(grid);
   return isColumnEditable(column) ? addEditableToCell({
-    column: column,
+    column,
     config: editableConfig,
     handlers: customHandlers
   }, grid) : column;
 };
 
-var EditablePlugin = createInstancePlugin('editable', {
-  registerStateHook: registerStateHook,
-  decorateColumn: decorateColumn,
-  registerHotKeys: function registerHotKeys(grid) {
+const EditablePlugin = createInstancePlugin('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,
@@ -120,7 +109,7 @@ var EditablePlugin = createInstancePlugin('editable', {
       }
     };
   }
+
 });
 
 export { EditablePlugin };
-//# sourceMappingURL=EditablePlugin.js.map