handsontable 11.1.0 → 12.1.0

package/editors/baseEditor/baseEditor.mjs

@@ -14,7 +14,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 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 || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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); }; }
 
@@ -24,7 +24,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 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 : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -34,6 +34,8 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 import "core-js/modules/es.object.freeze.js";
 import "core-js/modules/es.string.trim.js";
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.array.includes.js";
 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";
@@ -45,13 +47,13 @@ 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";
 import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.regexp.exec.js";
-import { CellCoords } from "../../3rdparty/walkontable/src/index.mjs";
-import { stringify } from "../../helpers/mixed.mjs";
+import { isDefined, stringify } from "../../helpers/mixed.mjs";
 import { mixin } from "../../helpers/object.mjs";
+import { SHORTCUTS_GROUP_NAVIGATION } from "../../editorManager.mjs";
 import hooksRefRegisterer from "../../mixins/hooksRefRegisterer.mjs";
+import { getScrollbarWidth, offset, hasVerticalScrollbar, hasHorizontalScrollbar, outerWidth, outerHeight, getComputedStyle } from "../../helpers/dom/element.mjs";
 export var EDITOR_TYPE = 'base';
 export var EDITOR_STATE = Object.freeze({
   VIRGIN: 'STATE_VIRGIN',
@@ -61,6 +63,7 @@ export var EDITOR_STATE = Object.freeze({
   // waiting for async validation
   FINISHED: 'STATE_FINISHED'
 });
+export var SHORTCUTS_GROUP_EDITOR = 'baseEditor';
 /**
  * @class BaseEditor
  */
@@ -278,6 +281,8 @@ export var BaseEditor = /*#__PURE__*/function () {
   }, {
     key: "saveValue",
     value: function saveValue(value, ctrlDown) {
+      var _this = this;
+
       var visualRowFrom;
       var visualColumnFrom;
       var visualRowTo;
@@ -306,6 +311,39 @@ export var BaseEditor = /*#__PURE__*/function () {
 
         visualRowFrom = _modifiedCellCoords[0];
         visualColumnFrom = _modifiedCellCoords[1];
+      }
+
+      var shortcutManager = this.hot.getShortcutManager();
+      var editorContext = shortcutManager.getContext('editor');
+      var contextConfig = {
+        runOnlyIf: function runOnlyIf() {
+          return isDefined(_this.hot.getSelected());
+        },
+        group: SHORTCUTS_GROUP_EDITOR
+      };
+
+      if (this.isInFullEditMode()) {
+        editorContext.addShortcuts([{
+          keys: [['ArrowUp']],
+          callback: function callback() {
+            _this.hot.selection.transformStart(-1, 0);
+          }
+        }, {
+          keys: [['ArrowDown']],
+          callback: function callback() {
+            _this.hot.selection.transformStart(1, 0);
+          }
+        }, {
+          keys: [['ArrowLeft']],
+          callback: function callback() {
+            _this.hot.selection.transformStart(0, -1 * _this.hot.getDirectionFactor());
+          }
+        }, {
+          keys: [['ArrowRight']],
+          callback: function callback() {
+            _this.hot.selection.transformStart(0, _this.hot.getDirectionFactor());
+          }
+        }], contextConfig);
       } // Saving values using the modified coordinates.
 
 
@@ -330,7 +368,7 @@ export var BaseEditor = /*#__PURE__*/function () {
 
       var renderableRowIndex = hotInstance.rowIndexMapper.getRenderableFromVisualIndex(this.row);
       var renderableColumnIndex = hotInstance.columnIndexMapper.getRenderableFromVisualIndex(this.col);
-      hotInstance.view.scrollViewport(new CellCoords(renderableRowIndex, renderableColumnIndex));
+      hotInstance.view.scrollViewport(hotInstance._createCellCoords(renderableRowIndex, renderableColumnIndex));
       this.state = EDITOR_STATE.EDITING; // Set the editor value only in the full edit mode. In other mode the focusable element has to be empty,
       // otherwise IME (editor for Asia users) doesn't work.
 
@@ -357,7 +395,7 @@ export var BaseEditor = /*#__PURE__*/function () {
   }, {
     key: "finishEditing",
     value: function finishEditing(restoreOriginalValue, ctrlDown, callback) {
-      var _this = this;
+      var _this2 = this;
 
       var val;
 
@@ -371,7 +409,7 @@ export var BaseEditor = /*#__PURE__*/function () {
 
           callback(result);
 
-          _this.hot.view.render();
+          _this2.hot.view.render();
         };
       }
 
@@ -379,9 +417,14 @@ export var BaseEditor = /*#__PURE__*/function () {
         return;
       }
 
+      var shortcutManager = this.hot.getShortcutManager();
+      var editorContext = shortcutManager.getContext('editor');
+      editorContext.removeShortcutsByGroup(SHORTCUTS_GROUP_EDITOR);
+      editorContext.removeShortcutsByGroup(SHORTCUTS_GROUP_NAVIGATION);
+
       if (this.state === EDITOR_STATE.VIRGIN) {
         this.hot._registerTimeout(function () {
-          _this._fireCallbacks(true);
+          _this2._fireCallbacks(true);
         });
 
         return;
@@ -408,9 +451,9 @@ export var BaseEditor = /*#__PURE__*/function () {
 
         if (this.hot.getCellValidator(this.cellProperties)) {
           this.hot.addHookOnce('postAfterValidate', function (result) {
-            _this.state = EDITOR_STATE.FINISHED;
+            _this2.state = EDITOR_STATE.FINISHED;
 
-            _this.discardEditor(result);
+            _this2.discardEditor(result);
           });
         } else {
           this.state = EDITOR_STATE.FINISHED;
@@ -456,6 +499,9 @@ export var BaseEditor = /*#__PURE__*/function () {
         this.state = EDITOR_STATE.VIRGIN;
 
         this._fireCallbacks(true);
+
+        var shortcutManager = this.hot.getShortcutManager();
+        shortcutManager.setActiveContextName('grid');
       }
     }
     /**
@@ -501,6 +547,137 @@ export var BaseEditor = /*#__PURE__*/function () {
     value: function isWaiting() {
       return this.state === EDITOR_STATE.WAITING;
     }
+    /* eslint-disable jsdoc/require-description-complete-sentence */
+
+    /**
+     * Gets the object that provides information about the edited cell size and its position
+     * relative to the table viewport.
+     *
+     * The rectangle has six integer properties:
+     *  - `top` The top position relative to the table viewport
+     *  - `start` The left (or right in RTL) position relative to the table viewport
+     *  - `width` The cell's current width;
+     *  - `maxWidth` The maximum cell's width after which the editor goes out of the table viewport
+     *  - `height` The cell's current height;
+     *  - `maxHeight` The maximum cell's height after which the editor goes out of the table viewport
+     *
+     * @returns {{top: number, start: number, width: number, maxWidth: number, height: number, maxHeight: number} | undefined}
+     */
+
+  }, {
+    key: "getEditedCellRect",
+    value: function getEditedCellRect() {
+      var _wtOverlays$getParent;
+
+      var TD = this.getEditedCell(); // TD is outside of the viewport.
+
+      if (!TD) {
+        return;
+      }
+
+      var _this$hot$view$_wt = this.hot.view._wt,
+          wtOverlays = _this$hot$view$_wt.wtOverlays,
+          wtViewport = _this$hot$view$_wt.wtViewport;
+      var rootWindow = this.hot.rootWindow;
+      var currentOffset = offset(TD);
+      var cellWidth = outerWidth(TD);
+      var containerOffset = offset(this.hot.rootElement);
+      var containerWidth = outerWidth(this.hot.rootElement);
+      var scrollableContainerTop = wtOverlays.topOverlay.holder;
+      var scrollableContainerLeft = wtOverlays.inlineStartOverlay.holder;
+      var containerScrollTop = scrollableContainerTop !== rootWindow ? scrollableContainerTop.scrollTop : 0;
+      var containerScrollLeft = scrollableContainerLeft !== rootWindow ? scrollableContainerLeft.scrollLeft : 0;
+      var gridMostRightPos = rootWindow.innerWidth - containerOffset.left - containerWidth;
+
+      var _ref2 = (_wtOverlays$getParent = wtOverlays.getParentOverlay(TD)) !== null && _wtOverlays$getParent !== void 0 ? _wtOverlays$getParent : this.hot.view._wt,
+          overlayTable = _ref2.wtTable;
+
+      var overlayName = overlayTable.name;
+      var scrollTop = ['master', 'inline_start'].includes(overlayName) ? containerScrollTop : 0;
+      var scrollLeft = ['master', 'top', 'bottom'].includes(overlayName) ? containerScrollLeft : 0; // If colHeaders is disabled, cells in the first row have border-top
+
+      var editTopModifier = currentOffset.top === containerOffset.top ? 0 : 1;
+      var topPos = currentOffset.top - containerOffset.top - editTopModifier - scrollTop;
+      var inlineStartPos = 0;
+
+      if (this.hot.isRtl()) {
+        inlineStartPos = rootWindow.innerWidth - currentOffset.left - cellWidth - gridMostRightPos - 1 + scrollLeft;
+      } else {
+        inlineStartPos = currentOffset.left - containerOffset.left - 1 - scrollLeft;
+      } // When the scrollable element is Window object then the editor position needs to be compensated
+      // by the overlays' position (position relative to the table viewport). In other cases, the overlay's
+      // position always returns 0.
+
+
+      if (['top', 'top_inline_start_corner'].includes(overlayName)) {
+        topPos += wtOverlays.topOverlay.getOverlayOffset();
+      }
+
+      if (['inline_start', 'top_inline_start_corner'].includes(overlayName)) {
+        inlineStartPos += Math.abs(wtOverlays.inlineStartOverlay.getOverlayOffset());
+      }
+
+      var hasColumnHeaders = this.hot.hasColHeaders();
+      var renderableRow = this.hot.rowIndexMapper.getRenderableFromVisualIndex(this.row);
+      var renderableColumn = this.hot.columnIndexMapper.getRenderableFromVisualIndex(this.col);
+      var nrOfRenderableRowIndexes = this.hot.rowIndexMapper.getRenderableIndexesLength();
+
+      var firstRowIndexOfTheBottomOverlay = nrOfRenderableRowIndexes - this.hot.view._wt.getSetting('fixedRowsBottom');
+
+      if (hasColumnHeaders && renderableRow <= 0 || renderableRow === firstRowIndexOfTheBottomOverlay) {
+        topPos += 1;
+      }
+
+      if (renderableColumn <= 0) {
+        inlineStartPos += 1;
+      }
+
+      var firstRowOffset = wtViewport.rowsRenderCalculator.startPosition;
+      var firstColumnOffset = wtViewport.columnsRenderCalculator.startPosition;
+      var horizontalScrollPosition = Math.abs(wtOverlays.inlineStartOverlay.getScrollPosition());
+      var verticalScrollPosition = wtOverlays.topOverlay.getScrollPosition();
+      var scrollbarWidth = getScrollbarWidth(this.hot.rootDocument);
+      var cellTopOffset = TD.offsetTop + firstRowOffset - verticalScrollPosition;
+      var cellStartOffset = 0;
+
+      if (this.hot.isRtl()) {
+        var cellOffset = TD.offsetLeft;
+
+        if (cellOffset >= 0) {
+          cellStartOffset = overlayTable.getWidth() - TD.offsetLeft;
+        } else {
+          // The `offsetLeft` returns negative values when the parent offset element has position relative
+          // (it happens when on the cell the selection is applied - the `area` CSS class).
+          // When it happens the `offsetLeft` value is calculated from the right edge of the parent element.
+          cellStartOffset = Math.abs(cellOffset);
+        }
+
+        cellStartOffset += firstColumnOffset - horizontalScrollPosition - cellWidth;
+      } else {
+        cellStartOffset = TD.offsetLeft + firstColumnOffset - horizontalScrollPosition;
+      }
+
+      var cellComputedStyle = getComputedStyle(this.TD, this.hot.rootWindow);
+      var borderPhysicalWidthProp = this.hot.isRtl() ? 'borderRightWidth' : 'borderLeftWidth';
+      var inlineStartBorderCompensation = parseInt(cellComputedStyle[borderPhysicalWidthProp], 10) > 0 ? 0 : 1;
+      var topBorderCompensation = parseInt(cellComputedStyle.borderTopWidth, 10) > 0 ? 0 : 1;
+      var width = outerWidth(TD) + inlineStartBorderCompensation;
+      var height = outerHeight(TD) + topBorderCompensation;
+      var actualVerticalScrollbarWidth = hasVerticalScrollbar(scrollableContainerTop) ? scrollbarWidth : 0;
+      var actualHorizontalScrollbarWidth = hasHorizontalScrollbar(scrollableContainerLeft) ? scrollbarWidth : 0;
+      var maxWidth = this.hot.view.maximumVisibleElementWidth(cellStartOffset) - actualVerticalScrollbarWidth + inlineStartBorderCompensation;
+      var maxHeight = Math.max(this.hot.view.maximumVisibleElementHeight(cellTopOffset) - actualHorizontalScrollbarWidth + topBorderCompensation, 23);
+      return {
+        top: topPos,
+        start: inlineStartPos,
+        height: height,
+        maxHeight: maxHeight,
+        width: width,
+        maxWidth: maxWidth
+      };
+    }
+    /* eslint-enable jsdoc/require-description-complete-sentence */
+
     /**
      * Gets className of the edited cell if exist.
      *
@@ -513,29 +690,20 @@ export var BaseEditor = /*#__PURE__*/function () {
       var editorSection = this.checkEditorSection();
 
       switch (editorSection) {
-        case 'right':
-          return 'ht_clone_right';
-
-        case 'left':
-          return 'ht_clone_left';
+        case 'inline-start':
+          return 'ht_clone_left ht_clone_inline_start';
 
         case 'bottom':
           return 'ht_clone_bottom';
 
-        case 'bottom-right-corner':
-          return 'ht_clone_bottom_right_corner';
-
-        case 'bottom-left-corner':
-          return 'ht_clone_bottom_left_corner';
+        case 'bottom-inline-start-corner':
+          return 'ht_clone_bottom_left_corner ht_clone_bottom_inline_start_corner';
 
         case 'top':
           return 'ht_clone_top';
 
-        case 'top-right-corner':
-          return 'ht_clone_top_right_corner';
-
-        case 'top-left-corner':
-          return 'ht_clone_top_left_corner';
+        case 'top-inline-start-corner':
+          return 'ht_clone_top_left_corner ht_clone_top_inline_start_corner';
 
         default:
           return 'ht_clone_master';
@@ -566,19 +734,19 @@ export var BaseEditor = /*#__PURE__*/function () {
       var section = '';
 
       if (this.row < this.hot.getSettings().fixedRowsTop) {
-        if (this.col < this.hot.getSettings().fixedColumnsLeft) {
-          section = 'top-left-corner';
+        if (this.col < this.hot.getSettings().fixedColumnsStart) {
+          section = 'top-inline-start-corner';
         } else {
           section = 'top';
         }
       } else if (this.hot.getSettings().fixedRowsBottom && this.row >= totalRows - this.hot.getSettings().fixedRowsBottom) {
-        if (this.col < this.hot.getSettings().fixedColumnsLeft) {
-          section = 'bottom-left-corner';
+        if (this.col < this.hot.getSettings().fixedColumnsStart) {
+          section = 'bottom-inline-start-corner';
         } else {
           section = 'bottom';
         }
-      } else if (this.col < this.hot.getSettings().fixedColumnsLeft) {
-        section = 'left';
+      } else if (this.col < this.hot.getSettings().fixedColumnsStart) {
+        section = 'inline-start';
       }
 
       return section;

package/editors/checkboxEditor/checkboxEditor.js

@@ -37,7 +37,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 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 || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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); }; }
 
@@ -47,7 +47,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 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 : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var EDITOR_TYPE = 'checkbox';
 /**

package/editors/checkboxEditor/checkboxEditor.mjs

@@ -19,7 +19,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 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 || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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); }; }
 
@@ -29,7 +29,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 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 : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 import { BaseEditor } from "../baseEditor/index.mjs";
 import { hasClass } from "../../helpers/dom/element.mjs";

package/editors/dateEditor/dateEditor.js

@@ -51,13 +51,13 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 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; } 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 _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 || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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); }; }
 
@@ -67,7 +67,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 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 : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var EDITOR_TYPE = 'date';
 /**
@@ -136,6 +136,7 @@ var DateEditor = /*#__PURE__*/function (_TextEditor) {
       this.datePickerStyle.top = 0;
       this.datePickerStyle.left = 0;
       this.datePickerStyle.zIndex = 9999;
+      this.datePicker.setAttribute('dir', this.hot.isRtl() ? 'rtl' : 'ltr');
       (0, _element.addClass)(this.datePicker, 'htDatepickerHolder');
       this.hot.rootDocument.body.appendChild(this.datePicker);
       var eventManager = new _eventManager.default(this);
@@ -256,12 +257,22 @@ var DateEditor = /*#__PURE__*/function (_TextEditor) {
       var isMouseDown = this.instance.view.isMouseDown();
       var isMeta = event ? (0, _unicode.isFunctionKey)(event.keyCode) : false;
       var dateStr;
-      this.datePickerStyle.top = "".concat(this.hot.rootWindow.pageYOffset + offset.top + (0, _element.outerHeight)(this.TD), "px");
-      this.datePickerStyle.left = "".concat(this.hot.rootWindow.pageXOffset + offset.left, "px");
+      this.datePicker.style.display = 'block';
       this.$datePicker = new _pikaday.default(this.getDatePickerConfig());
 
       this.$datePicker._onInputFocus = function () {};
 
+      this.datePickerStyle.top = "".concat(this.hot.rootWindow.pageYOffset + offset.top + (0, _element.outerHeight)(this.TD), "px");
+      var pickerLeftPosition = this.hot.rootWindow.pageXOffset;
+
+      if (this.hot.isRtl()) {
+        pickerLeftPosition = offset.right - (0, _element.outerWidth)(this.datePicker);
+      } else {
+        pickerLeftPosition = offset.left;
+      }
+
+      this.datePickerStyle.left = "".concat(pickerLeftPosition, "px");
+
       if (this.originalValue) {
         dateStr = this.originalValue;
 
@@ -292,8 +303,6 @@ var DateEditor = /*#__PURE__*/function (_TextEditor) {
         // datepicker, but don't fill the editor input
         this.$datePicker.gotoToday();
       }
-
-      this.datePickerStyle.display = 'block';
     }
     /**
      * Hide data picker.
@@ -330,7 +339,11 @@ var DateEditor = /*#__PURE__*/function (_TextEditor) {
       options.container = this.datePicker;
       options.bound = false;
       options.format = options.format || this.defaultDateFormat;
-      options.reposition = options.reposition || false;
+      options.reposition = options.reposition || false; // Set the RTL to `false`. Due to the https://github.com/Pikaday/Pikaday/issues/647 bug, the layout direction
+      // of the date picker is controlled by juggling the "dir" attribute of the root date picker element.
+      // See line @64 of this file.
+
+      options.isRTL = false;
 
       options.onSelect = function (value) {
         var dateStr = value;

package/editors/dateEditor/dateEditor.mjs

@@ -19,13 +19,13 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 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; } 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 _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 || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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); }; }
 
@@ -35,13 +35,13 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 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 : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 import moment from 'moment';
 import Pikaday from 'pikaday';
 import { TextEditor } from "../textEditor/index.mjs";
 import EventManager from "../../eventManager.mjs";
-import { addClass, outerHeight } from "../../helpers/dom/element.mjs";
+import { addClass, outerHeight, outerWidth } from "../../helpers/dom/element.mjs";
 import { deepExtend } from "../../helpers/object.mjs";
 import { isFunctionKey } from "../../helpers/unicode.mjs";
 export var EDITOR_TYPE = 'date';
@@ -109,6 +109,7 @@ export var DateEditor = /*#__PURE__*/function (_TextEditor) {
       this.datePickerStyle.top = 0;
       this.datePickerStyle.left = 0;
       this.datePickerStyle.zIndex = 9999;
+      this.datePicker.setAttribute('dir', this.hot.isRtl() ? 'rtl' : 'ltr');
       addClass(this.datePicker, 'htDatepickerHolder');
       this.hot.rootDocument.body.appendChild(this.datePicker);
       var eventManager = new EventManager(this);
@@ -229,12 +230,22 @@ export var DateEditor = /*#__PURE__*/function (_TextEditor) {
       var isMouseDown = this.instance.view.isMouseDown();
       var isMeta = event ? isFunctionKey(event.keyCode) : false;
       var dateStr;
-      this.datePickerStyle.top = "".concat(this.hot.rootWindow.pageYOffset + offset.top + outerHeight(this.TD), "px");
-      this.datePickerStyle.left = "".concat(this.hot.rootWindow.pageXOffset + offset.left, "px");
+      this.datePicker.style.display = 'block';
       this.$datePicker = new Pikaday(this.getDatePickerConfig());
 
       this.$datePicker._onInputFocus = function () {};
 
+      this.datePickerStyle.top = "".concat(this.hot.rootWindow.pageYOffset + offset.top + outerHeight(this.TD), "px");
+      var pickerLeftPosition = this.hot.rootWindow.pageXOffset;
+
+      if (this.hot.isRtl()) {
+        pickerLeftPosition = offset.right - outerWidth(this.datePicker);
+      } else {
+        pickerLeftPosition = offset.left;
+      }
+
+      this.datePickerStyle.left = "".concat(pickerLeftPosition, "px");
+
       if (this.originalValue) {
         dateStr = this.originalValue;
 
@@ -265,8 +276,6 @@ export var DateEditor = /*#__PURE__*/function (_TextEditor) {
         // datepicker, but don't fill the editor input
         this.$datePicker.gotoToday();
       }
-
-      this.datePickerStyle.display = 'block';
     }
     /**
      * Hide data picker.
@@ -303,7 +312,11 @@ export var DateEditor = /*#__PURE__*/function (_TextEditor) {
       options.container = this.datePicker;
       options.bound = false;
       options.format = options.format || this.defaultDateFormat;
-      options.reposition = options.reposition || false;
+      options.reposition = options.reposition || false; // Set the RTL to `false`. Due to the https://github.com/Pikaday/Pikaday/issues/647 bug, the layout direction
+      // of the date picker is controlled by juggling the "dir" attribute of the root date picker element.
+      // See line @64 of this file.
+
+      options.isRTL = false;
 
       options.onSelect = function (value) {
         var dateStr = value;

package/editors/dropdownEditor/dropdownEditor.js

@@ -43,13 +43,13 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 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; } 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 _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 || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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); }; }
 
@@ -59,7 +59,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 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 : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var EDITOR_TYPE = 'dropdown';
 /**

package/editors/dropdownEditor/dropdownEditor.mjs

@@ -20,13 +20,13 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 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; } 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 _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 || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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); }; }
 
@@ -36,7 +36,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 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 : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 import { AutocompleteEditor } from "../autocompleteEditor/index.mjs";
 import Hooks from "../../pluginHooks.mjs";