handsontable 0.0.0-next-9ec04ce-20221121

package/editors/selectEditor/selectEditor.js

@@ -0,0 +1,302 @@
+"use strict";
+
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.reflect.construct.js");
+require("core-js/modules/es.reflect.get.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.symbol.iterator.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+exports.__esModule = true;
+exports.SelectEditor = exports.EDITOR_TYPE = void 0;
+require("core-js/modules/es.object.set-prototype-of.js");
+require("core-js/modules/es.object.get-prototype-of.js");
+var _baseEditor = require("../baseEditor");
+var _element = require("../../helpers/dom/element");
+var _object = require("../../helpers/object");
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
+function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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 _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+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; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+var EDITOR_VISIBLE_CLASS_NAME = 'ht_editor_visible';
+var SHORTCUTS_GROUP = 'selectEditor';
+var EDITOR_TYPE = 'select';
+
+/**
+ * @private
+ * @class SelectEditor
+ */
+exports.EDITOR_TYPE = EDITOR_TYPE;
+var SelectEditor = /*#__PURE__*/function (_BaseEditor) {
+  _inherits(SelectEditor, _BaseEditor);
+  var _super = _createSuper(SelectEditor);
+  function SelectEditor() {
+    _classCallCheck(this, SelectEditor);
+    return _super.apply(this, arguments);
+  }
+  _createClass(SelectEditor, [{
+    key: "init",
+    value:
+    /**
+     * Initializes editor instance, DOM Element and mount hooks.
+     */
+    function init() {
+      this.select = this.hot.rootDocument.createElement('SELECT');
+      (0, _element.addClass)(this.select, 'htSelectEditor');
+      this.select.style.display = 'none';
+      this.hot.rootElement.appendChild(this.select);
+      this.registerHooks();
+    }
+
+    /**
+     * Returns select's value.
+     *
+     * @returns {*}
+     */
+  }, {
+    key: "getValue",
+    value: function getValue() {
+      return this.select.value;
+    }
+
+    /**
+     * Sets value in the select element.
+     *
+     * @param {*} value A new select's value.
+     */
+  }, {
+    key: "setValue",
+    value: function setValue(value) {
+      this.select.value = value;
+    }
+
+    /**
+     * Opens the editor and adjust its size.
+     */
+  }, {
+    key: "open",
+    value: function open() {
+      this._opened = true;
+      this.refreshDimensions();
+      this.select.style.display = '';
+      var shortcutManager = this.hot.getShortcutManager();
+      shortcutManager.setActiveContextName('editor');
+      this.registerShortcuts();
+    }
+
+    /**
+     * Closes the editor.
+     */
+  }, {
+    key: "close",
+    value: function close() {
+      this._opened = false;
+      this.select.style.display = 'none';
+      if ((0, _element.hasClass)(this.select, EDITOR_VISIBLE_CLASS_NAME)) {
+        (0, _element.removeClass)(this.select, EDITOR_VISIBLE_CLASS_NAME);
+      }
+      this.unregisterShortcuts();
+      this.clearHooks();
+    }
+
+    /**
+     * Sets focus state on the select element.
+     */
+  }, {
+    key: "focus",
+    value: function focus() {
+      this.select.focus();
+    }
+
+    /**
+     * Binds hooks to refresh editor's size after scrolling of the viewport or resizing of columns/rows.
+     *
+     * @private
+     */
+  }, {
+    key: "registerHooks",
+    value: function registerHooks() {
+      var _this = this;
+      this.addHook('afterScrollHorizontally', function () {
+        return _this.refreshDimensions();
+      });
+      this.addHook('afterScrollVertically', function () {
+        return _this.refreshDimensions();
+      });
+      this.addHook('afterColumnResize', function () {
+        return _this.refreshDimensions();
+      });
+      this.addHook('afterRowResize', function () {
+        return _this.refreshDimensions();
+      });
+    }
+
+    /**
+     * Prepares editor's meta data and a list of available options.
+     *
+     * @param {number} row The visual row index.
+     * @param {number} col The visual column index.
+     * @param {number|string} prop The column property (passed when datasource is an array of objects).
+     * @param {HTMLTableCellElement} td The rendered cell element.
+     * @param {*} value The rendered value.
+     * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
+     */
+  }, {
+    key: "prepare",
+    value: function prepare(row, col, prop, td, value, cellProperties) {
+      var _this2 = this;
+      _get(_getPrototypeOf(SelectEditor.prototype), "prepare", this).call(this, row, col, prop, td, value, cellProperties);
+      var selectOptions = this.cellProperties.selectOptions;
+      var options;
+      if (typeof selectOptions === 'function') {
+        options = this.prepareOptions(selectOptions(this.row, this.col, this.prop));
+      } else {
+        options = this.prepareOptions(selectOptions);
+      }
+      (0, _element.empty)(this.select);
+      (0, _object.objectEach)(options, function (optionValue, key) {
+        var optionElement = _this2.hot.rootDocument.createElement('OPTION');
+        optionElement.value = key;
+        (0, _element.fastInnerHTML)(optionElement, optionValue);
+        _this2.select.appendChild(optionElement);
+      });
+    }
+
+    /**
+     * Creates consistent list of available options.
+     *
+     * @private
+     * @param {Array|object} optionsToPrepare The list of the values to render in the select eleemnt.
+     * @returns {object}
+     */
+  }, {
+    key: "prepareOptions",
+    value: function prepareOptions(optionsToPrepare) {
+      var preparedOptions = {};
+      if (Array.isArray(optionsToPrepare)) {
+        for (var i = 0, len = optionsToPrepare.length; i < len; i++) {
+          preparedOptions[optionsToPrepare[i]] = optionsToPrepare[i];
+        }
+      } else if (_typeof(optionsToPrepare) === 'object') {
+        preparedOptions = optionsToPrepare;
+      }
+      return preparedOptions;
+    }
+
+    /**
+     * Refreshes editor's value using source data.
+     *
+     * @private
+     */
+  }, {
+    key: "refreshValue",
+    value: function refreshValue() {
+      var sourceData = this.hot.getSourceDataAtCell(this.row, this.prop);
+      this.originalValue = sourceData;
+      this.setValue(sourceData);
+      this.refreshDimensions();
+    }
+
+    /**
+     * Refreshes editor's size and position.
+     *
+     * @private
+     */
+  }, {
+    key: "refreshDimensions",
+    value: function refreshDimensions() {
+      if (this.state !== _baseEditor.EDITOR_STATE.EDITING) {
+        return;
+      }
+      this.TD = this.getEditedCell();
+
+      // TD is outside of the viewport.
+      if (!this.TD) {
+        this.close();
+        return;
+      }
+      var _this$getEditedCellRe = this.getEditedCellRect(),
+        top = _this$getEditedCellRe.top,
+        start = _this$getEditedCellRe.start,
+        width = _this$getEditedCellRe.width,
+        height = _this$getEditedCellRe.height;
+      var selectStyle = this.select.style;
+      selectStyle.height = "".concat(height, "px");
+      selectStyle.width = "".concat(width, "px");
+      selectStyle.top = "".concat(top, "px");
+      selectStyle[this.hot.isRtl() ? 'right' : 'left'] = "".concat(start, "px");
+      selectStyle.margin = '0px';
+      (0, _element.addClass)(this.select, EDITOR_VISIBLE_CLASS_NAME);
+    }
+
+    /**
+     * Register shortcuts responsible for handling editor.
+     *
+     * @private
+     */
+  }, {
+    key: "registerShortcuts",
+    value: function registerShortcuts() {
+      var _this3 = this;
+      var shortcutManager = this.hot.getShortcutManager();
+      var editorContext = shortcutManager.getContext('editor');
+      var contextConfig = {
+        group: SHORTCUTS_GROUP
+      };
+
+      // Actions from fast edit works.
+      if (this.isInFullEditMode() === false) {
+        return;
+      }
+      editorContext.addShortcuts([{
+        keys: [['ArrowUp']],
+        callback: function callback() {
+          var previousOptionIndex = _this3.select.selectedIndex - 1;
+          if (previousOptionIndex >= 0) {
+            _this3.select[previousOptionIndex].selected = true;
+          }
+        }
+      }, {
+        keys: [['ArrowDown']],
+        callback: function callback() {
+          var nextOptionIndex = _this3.select.selectedIndex + 1;
+          if (nextOptionIndex <= _this3.select.length - 1) {
+            _this3.select[nextOptionIndex].selected = true;
+          }
+        }
+      }], contextConfig);
+    }
+
+    /**
+     * Unregister shortcuts responsible for handling editor.
+     *
+     * @private
+     */
+  }, {
+    key: "unregisterShortcuts",
+    value: function unregisterShortcuts() {
+      var shortcutManager = this.hot.getShortcutManager();
+      var editorContext = shortcutManager.getContext('editor');
+      editorContext.removeShortcutsByGroup(SHORTCUTS_GROUP);
+    }
+  }], [{
+    key: "EDITOR_TYPE",
+    get: function get() {
+      return EDITOR_TYPE;
+    }
+  }]);
+  return SelectEditor;
+}(_baseEditor.BaseEditor);
+exports.SelectEditor = SelectEditor;

package/editors/selectEditor/selectEditor.mjs

@@ -0,0 +1,296 @@
+import "core-js/modules/es.object.set-prototype-of.js";
+import "core-js/modules/es.object.get-prototype-of.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.reflect.construct.js";
+import "core-js/modules/es.reflect.get.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
+import "core-js/modules/es.symbol.iterator.js";
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.string.iterator.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
+function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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 _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+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; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+import { BaseEditor, EDITOR_STATE } from "../baseEditor/index.mjs";
+import { addClass, empty, fastInnerHTML, hasClass, removeClass } from "../../helpers/dom/element.mjs";
+import { objectEach } from "../../helpers/object.mjs";
+var EDITOR_VISIBLE_CLASS_NAME = 'ht_editor_visible';
+var SHORTCUTS_GROUP = 'selectEditor';
+export var EDITOR_TYPE = 'select';
+
+/**
+ * @private
+ * @class SelectEditor
+ */
+export var SelectEditor = /*#__PURE__*/function (_BaseEditor) {
+  _inherits(SelectEditor, _BaseEditor);
+  var _super = _createSuper(SelectEditor);
+  function SelectEditor() {
+    _classCallCheck(this, SelectEditor);
+    return _super.apply(this, arguments);
+  }
+  _createClass(SelectEditor, [{
+    key: "init",
+    value:
+    /**
+     * Initializes editor instance, DOM Element and mount hooks.
+     */
+    function init() {
+      this.select = this.hot.rootDocument.createElement('SELECT');
+      addClass(this.select, 'htSelectEditor');
+      this.select.style.display = 'none';
+      this.hot.rootElement.appendChild(this.select);
+      this.registerHooks();
+    }
+
+    /**
+     * Returns select's value.
+     *
+     * @returns {*}
+     */
+  }, {
+    key: "getValue",
+    value: function getValue() {
+      return this.select.value;
+    }
+
+    /**
+     * Sets value in the select element.
+     *
+     * @param {*} value A new select's value.
+     */
+  }, {
+    key: "setValue",
+    value: function setValue(value) {
+      this.select.value = value;
+    }
+
+    /**
+     * Opens the editor and adjust its size.
+     */
+  }, {
+    key: "open",
+    value: function open() {
+      this._opened = true;
+      this.refreshDimensions();
+      this.select.style.display = '';
+      var shortcutManager = this.hot.getShortcutManager();
+      shortcutManager.setActiveContextName('editor');
+      this.registerShortcuts();
+    }
+
+    /**
+     * Closes the editor.
+     */
+  }, {
+    key: "close",
+    value: function close() {
+      this._opened = false;
+      this.select.style.display = 'none';
+      if (hasClass(this.select, EDITOR_VISIBLE_CLASS_NAME)) {
+        removeClass(this.select, EDITOR_VISIBLE_CLASS_NAME);
+      }
+      this.unregisterShortcuts();
+      this.clearHooks();
+    }
+
+    /**
+     * Sets focus state on the select element.
+     */
+  }, {
+    key: "focus",
+    value: function focus() {
+      this.select.focus();
+    }
+
+    /**
+     * Binds hooks to refresh editor's size after scrolling of the viewport or resizing of columns/rows.
+     *
+     * @private
+     */
+  }, {
+    key: "registerHooks",
+    value: function registerHooks() {
+      var _this = this;
+      this.addHook('afterScrollHorizontally', function () {
+        return _this.refreshDimensions();
+      });
+      this.addHook('afterScrollVertically', function () {
+        return _this.refreshDimensions();
+      });
+      this.addHook('afterColumnResize', function () {
+        return _this.refreshDimensions();
+      });
+      this.addHook('afterRowResize', function () {
+        return _this.refreshDimensions();
+      });
+    }
+
+    /**
+     * Prepares editor's meta data and a list of available options.
+     *
+     * @param {number} row The visual row index.
+     * @param {number} col The visual column index.
+     * @param {number|string} prop The column property (passed when datasource is an array of objects).
+     * @param {HTMLTableCellElement} td The rendered cell element.
+     * @param {*} value The rendered value.
+     * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
+     */
+  }, {
+    key: "prepare",
+    value: function prepare(row, col, prop, td, value, cellProperties) {
+      var _this2 = this;
+      _get(_getPrototypeOf(SelectEditor.prototype), "prepare", this).call(this, row, col, prop, td, value, cellProperties);
+      var selectOptions = this.cellProperties.selectOptions;
+      var options;
+      if (typeof selectOptions === 'function') {
+        options = this.prepareOptions(selectOptions(this.row, this.col, this.prop));
+      } else {
+        options = this.prepareOptions(selectOptions);
+      }
+      empty(this.select);
+      objectEach(options, function (optionValue, key) {
+        var optionElement = _this2.hot.rootDocument.createElement('OPTION');
+        optionElement.value = key;
+        fastInnerHTML(optionElement, optionValue);
+        _this2.select.appendChild(optionElement);
+      });
+    }
+
+    /**
+     * Creates consistent list of available options.
+     *
+     * @private
+     * @param {Array|object} optionsToPrepare The list of the values to render in the select eleemnt.
+     * @returns {object}
+     */
+  }, {
+    key: "prepareOptions",
+    value: function prepareOptions(optionsToPrepare) {
+      var preparedOptions = {};
+      if (Array.isArray(optionsToPrepare)) {
+        for (var i = 0, len = optionsToPrepare.length; i < len; i++) {
+          preparedOptions[optionsToPrepare[i]] = optionsToPrepare[i];
+        }
+      } else if (_typeof(optionsToPrepare) === 'object') {
+        preparedOptions = optionsToPrepare;
+      }
+      return preparedOptions;
+    }
+
+    /**
+     * Refreshes editor's value using source data.
+     *
+     * @private
+     */
+  }, {
+    key: "refreshValue",
+    value: function refreshValue() {
+      var sourceData = this.hot.getSourceDataAtCell(this.row, this.prop);
+      this.originalValue = sourceData;
+      this.setValue(sourceData);
+      this.refreshDimensions();
+    }
+
+    /**
+     * Refreshes editor's size and position.
+     *
+     * @private
+     */
+  }, {
+    key: "refreshDimensions",
+    value: function refreshDimensions() {
+      if (this.state !== EDITOR_STATE.EDITING) {
+        return;
+      }
+      this.TD = this.getEditedCell();
+
+      // TD is outside of the viewport.
+      if (!this.TD) {
+        this.close();
+        return;
+      }
+      var _this$getEditedCellRe = this.getEditedCellRect(),
+        top = _this$getEditedCellRe.top,
+        start = _this$getEditedCellRe.start,
+        width = _this$getEditedCellRe.width,
+        height = _this$getEditedCellRe.height;
+      var selectStyle = this.select.style;
+      selectStyle.height = "".concat(height, "px");
+      selectStyle.width = "".concat(width, "px");
+      selectStyle.top = "".concat(top, "px");
+      selectStyle[this.hot.isRtl() ? 'right' : 'left'] = "".concat(start, "px");
+      selectStyle.margin = '0px';
+      addClass(this.select, EDITOR_VISIBLE_CLASS_NAME);
+    }
+
+    /**
+     * Register shortcuts responsible for handling editor.
+     *
+     * @private
+     */
+  }, {
+    key: "registerShortcuts",
+    value: function registerShortcuts() {
+      var _this3 = this;
+      var shortcutManager = this.hot.getShortcutManager();
+      var editorContext = shortcutManager.getContext('editor');
+      var contextConfig = {
+        group: SHORTCUTS_GROUP
+      };
+
+      // Actions from fast edit works.
+      if (this.isInFullEditMode() === false) {
+        return;
+      }
+      editorContext.addShortcuts([{
+        keys: [['ArrowUp']],
+        callback: function callback() {
+          var previousOptionIndex = _this3.select.selectedIndex - 1;
+          if (previousOptionIndex >= 0) {
+            _this3.select[previousOptionIndex].selected = true;
+          }
+        }
+      }, {
+        keys: [['ArrowDown']],
+        callback: function callback() {
+          var nextOptionIndex = _this3.select.selectedIndex + 1;
+          if (nextOptionIndex <= _this3.select.length - 1) {
+            _this3.select[nextOptionIndex].selected = true;
+          }
+        }
+      }], contextConfig);
+    }
+
+    /**
+     * Unregister shortcuts responsible for handling editor.
+     *
+     * @private
+     */
+  }, {
+    key: "unregisterShortcuts",
+    value: function unregisterShortcuts() {
+      var shortcutManager = this.hot.getShortcutManager();
+      var editorContext = shortcutManager.getContext('editor');
+      editorContext.removeShortcutsByGroup(SHORTCUTS_GROUP);
+    }
+  }], [{
+    key: "EDITOR_TYPE",
+    get: function get() {
+      return EDITOR_TYPE;
+    }
+  }]);
+  return SelectEditor;
+}(BaseEditor);

package/editors/textEditor/caretPositioner.js

@@ -0,0 +1,37 @@
+"use strict";
+
+exports.__esModule = true;
+exports.updateCaretPosition = updateCaretPosition;
+var _element = require("../../helpers/dom/element");
+/**
+ * Updates the textarea caret position depends on the action executed on that element.
+ *
+ * The following actions are supported:
+ *  - 'home': Move the caret to the beginning of the current line;
+ *  - 'end': Move the caret to the end of the current line.
+ *
+ * @param {'home'|'end'} actionName The action to perform that modifies the caret behavior.
+ * @param {HTMLTextAreaElement} textareaElement The textarea element where the action is supposed to happen.
+ */
+function updateCaretPosition(actionName, textareaElement) {
+  var caretPosition = (0, _element.getCaretPosition)(textareaElement);
+  var textLines = textareaElement.value.split('\n');
+  var newCaretPosition = caretPosition;
+  var lineStartIndex = 0;
+  for (var i = 0; i < textLines.length; i++) {
+    var textLine = textLines[i];
+    if (i !== 0) {
+      lineStartIndex += textLines[i - 1].length + 1;
+    }
+    var lineEndIndex = lineStartIndex + textLine.length;
+    if (actionName === 'home') {
+      newCaretPosition = lineStartIndex;
+    } else if (actionName === 'end') {
+      newCaretPosition = lineEndIndex;
+    }
+    if (caretPosition <= lineEndIndex) {
+      break;
+    }
+  }
+  (0, _element.setCaretPosition)(textareaElement, newCaretPosition);
+}

package/editors/textEditor/caretPositioner.mjs

@@ -0,0 +1,33 @@
+import { getCaretPosition, setCaretPosition } from "../../helpers/dom/element.mjs";
+/**
+ * Updates the textarea caret position depends on the action executed on that element.
+ *
+ * The following actions are supported:
+ *  - 'home': Move the caret to the beginning of the current line;
+ *  - 'end': Move the caret to the end of the current line.
+ *
+ * @param {'home'|'end'} actionName The action to perform that modifies the caret behavior.
+ * @param {HTMLTextAreaElement} textareaElement The textarea element where the action is supposed to happen.
+ */
+export function updateCaretPosition(actionName, textareaElement) {
+  var caretPosition = getCaretPosition(textareaElement);
+  var textLines = textareaElement.value.split('\n');
+  var newCaretPosition = caretPosition;
+  var lineStartIndex = 0;
+  for (var i = 0; i < textLines.length; i++) {
+    var textLine = textLines[i];
+    if (i !== 0) {
+      lineStartIndex += textLines[i - 1].length + 1;
+    }
+    var lineEndIndex = lineStartIndex + textLine.length;
+    if (actionName === 'home') {
+      newCaretPosition = lineStartIndex;
+    } else if (actionName === 'end') {
+      newCaretPosition = lineEndIndex;
+    }
+    if (caretPosition <= lineEndIndex) {
+      break;
+    }
+  }
+  setCaretPosition(textareaElement, newCaretPosition);
+}

package/editors/textEditor/index.d.ts

@@ -0,0 +1 @@
+export { EDITOR_TYPE, TextEditor } from './textEditor';

package/editors/textEditor/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+exports.__esModule = true;
+exports.TextEditor = exports.EDITOR_TYPE = void 0;
+var _textEditor = require("./textEditor");
+exports.EDITOR_TYPE = _textEditor.EDITOR_TYPE;
+exports.TextEditor = _textEditor.TextEditor;

package/editors/textEditor/index.mjs

@@ -0,0 +1 @@
+export { EDITOR_TYPE, TextEditor } from "./textEditor.mjs";