handsontable 0.0.0-next-48677e7-20230509 → 0.0.0-next-c73b24c-20230510

package/plugins/copyPaste/focusableElement.js

@@ -0,0 +1,219 @@
+"use strict";
+
+require("core-js/modules/es.symbol.iterator.js");
+exports.__esModule = true;
+exports.createElement = createElement;
+exports.deactivateElement = deactivateElement;
+exports.destroyElement = destroyElement;
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-set.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/es.symbol.to-primitive.js");
+require("core-js/modules/es.date.to-primitive.js");
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.number.constructor.js");
+require("core-js/modules/es.weak-map.js");
+var _eventManager = _interopRequireDefault(require("../../eventManager"));
+var _localHooks = _interopRequireDefault(require("../../mixins/localHooks"));
+var _object = require("../../helpers/object");
+var _browser = require("../../helpers/browser");
+var _element = require("../../helpers/dom/element");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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, _toPropertyKey(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 _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+/**
+ * @private
+ * @class FocusableWrapper
+ */
+var FocusableWrapper = /*#__PURE__*/function () {
+  function FocusableWrapper(container) {
+    _classCallCheck(this, FocusableWrapper);
+    this.rootDocument = container.defaultView ? container : container.ownerDocument;
+    /**
+     * The main/operational focusable element.
+     *
+     * @type {HTMLElement}
+     */
+    this.mainElement = null;
+    /**
+     * Instance of EventManager.
+     *
+     * @type {EventManager}
+     */
+    this.eventManager = new _eventManager.default(this);
+    /**
+     * An object for tracking information about event listeners attached to the focusable element.
+     *
+     * @type {WeakSet}
+     */
+    this.listenersCount = new WeakSet();
+    /**
+     * Parent for an focusable element.
+     *
+     * @type {HTMLElement}
+     */
+    this.container = container;
+  }
+
+  /**
+   * Switch to the secondary focusable element. Used when no any main focusable element is provided.
+   */
+  _createClass(FocusableWrapper, [{
+    key: "useSecondaryElement",
+    value: function useSecondaryElement() {
+      var el = createOrGetSecondaryElement(this.container);
+      if (!this.listenersCount.has(el)) {
+        this.listenersCount.add(el);
+        forwardEventsToLocalHooks(this.eventManager, el, this);
+      }
+      this.mainElement = el;
+    }
+
+    /**
+     * Switch to the main focusable element.
+     *
+     * @param {HTMLElement} element The DOM element.
+     */
+  }, {
+    key: "setFocusableElement",
+    value: function setFocusableElement(element) {
+      if (!this.listenersCount.has(element)) {
+        this.listenersCount.add(element);
+        forwardEventsToLocalHooks(this.eventManager, element, this);
+      }
+      this.mainElement = element;
+    }
+
+    /**
+     * Get currently set focusable element.
+     *
+     * @returns {HTMLElement}
+     */
+  }, {
+    key: "getFocusableElement",
+    value: function getFocusableElement() {
+      return this.mainElement;
+    }
+
+    /**
+     * Set focus to the focusable element.
+     */
+  }, {
+    key: "focus",
+    value: function focus() {
+      // Add an empty space to texarea. It is necessary for safari to enable "copy" command from menu bar.
+      this.mainElement.value = ' ';
+      if (!(0, _browser.isMobileBrowser)()) {
+        (0, _element.selectElementIfAllowed)(this.mainElement);
+      }
+    }
+  }]);
+  return FocusableWrapper;
+}();
+(0, _object.mixin)(FocusableWrapper, _localHooks.default);
+var refCounter = new WeakMap();
+
+/**
+ * Create and return the FocusableWrapper instance.
+ *
+ * @param {HTMLElement} container The container element, holder for focusable elements.
+ * @returns {FocusableWrapper}
+ */
+function createElement(container) {
+  var focusableWrapper = new FocusableWrapper(container);
+  var counter = refCounter.get(container);
+  counter = isNaN(counter) ? 0 : counter;
+  refCounter.set(container, counter + 1);
+  return focusableWrapper;
+}
+
+/**
+ * Deactivate the FocusableWrapper instance.
+ *
+ * @param {FocusableWrapper} wrapper The instance of the FocusableWrapper class.
+ */
+function deactivateElement(wrapper) {
+  wrapper.eventManager.clear();
+}
+var runLocalHooks = function runLocalHooks(eventName, subject) {
+  return function (event) {
+    return subject.runLocalHooks(eventName, event);
+  };
+};
+
+/**
+ * Register copy/cut/paste events and forward their actions to the subject local hooks system.
+ *
+ * @param {EventManager} eventManager The instance of the EventManager class.
+ * @param {HTMLElement} element The element on which the listeners are mounted.
+ * @param {FocusableWrapper} subject The subject object for local hooks.
+ */
+function forwardEventsToLocalHooks(eventManager, element, subject) {
+  eventManager.addEventListener(element, 'copy', runLocalHooks('copy', subject));
+  eventManager.addEventListener(element, 'cut', runLocalHooks('cut', subject));
+  eventManager.addEventListener(element, 'paste', runLocalHooks('paste', subject));
+}
+var secondaryElements = new WeakMap();
+
+/**
+ * Create and attach newly created focusable element to the DOM.
+ *
+ * @param {HTMLElement} container The container element, holder for focusable elements.
+ * @returns {HTMLElement}
+ */
+function createOrGetSecondaryElement(container) {
+  var secondaryElement = secondaryElements.get(container);
+  if (secondaryElement) {
+    if (!secondaryElement.parentElement) {
+      container.appendChild(secondaryElement);
+    }
+    return secondaryElement;
+  }
+  var doc = container.defaultView ? container : container.ownerDocument;
+  var element = doc.createElement('textarea');
+  secondaryElements.set(container, element);
+  element.setAttribute('data-hot-input', ''); // Makes the element recognizable by Hot as its own component's element.
+  element.className = 'HandsontableCopyPaste';
+  element.tabIndex = -1;
+  element.autocomplete = 'off';
+  element.wrap = 'hard';
+  element.value = ' ';
+  container.appendChild(element);
+  return element;
+}
+
+/**
+ * Destroy the FocusableWrapper instance.
+ *
+ * @param {FocusableWrapper} wrapper The instance of the FocusableWrapper class.
+ */
+function destroyElement(wrapper) {
+  if (!(wrapper instanceof FocusableWrapper)) {
+    return;
+  }
+  var counter = refCounter.get(wrapper.container);
+  counter = isNaN(counter) ? 0 : counter;
+  if (counter > 0) {
+    counter -= 1;
+  }
+  deactivateElement(wrapper);
+  if (counter <= 0) {
+    counter = 0;
+
+    // Detach secondary element from the DOM.
+    var secondaryElement = secondaryElements.get(wrapper.container);
+    if (secondaryElement && secondaryElement.parentNode) {
+      secondaryElement.parentNode.removeChild(secondaryElement);
+      secondaryElements.delete(wrapper.container);
+    }
+    wrapper.mainElement = null;
+  }
+  refCounter.set(wrapper.container, counter);
+}

package/plugins/copyPaste/focusableElement.mjs

@@ -0,0 +1,213 @@
+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); }
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.string.iterator.js";
+import "core-js/modules/es.weak-set.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+import "core-js/modules/es.weak-map.js";
+import "core-js/modules/es.symbol.to-primitive.js";
+import "core-js/modules/es.date.to-primitive.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
+import "core-js/modules/es.number.constructor.js";
+import "core-js/modules/es.symbol.iterator.js";
+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, _toPropertyKey(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 _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import EventManager from "../../eventManager.mjs";
+import localHooks from "../../mixins/localHooks.mjs";
+import { mixin } from "../../helpers/object.mjs";
+import { isMobileBrowser } from "../../helpers/browser.mjs";
+import { selectElementIfAllowed } from "../../helpers/dom/element.mjs";
+/**
+ * @private
+ * @class FocusableWrapper
+ */
+var FocusableWrapper = /*#__PURE__*/function () {
+  function FocusableWrapper(container) {
+    _classCallCheck(this, FocusableWrapper);
+    this.rootDocument = container.defaultView ? container : container.ownerDocument;
+    /**
+     * The main/operational focusable element.
+     *
+     * @type {HTMLElement}
+     */
+    this.mainElement = null;
+    /**
+     * Instance of EventManager.
+     *
+     * @type {EventManager}
+     */
+    this.eventManager = new EventManager(this);
+    /**
+     * An object for tracking information about event listeners attached to the focusable element.
+     *
+     * @type {WeakSet}
+     */
+    this.listenersCount = new WeakSet();
+    /**
+     * Parent for an focusable element.
+     *
+     * @type {HTMLElement}
+     */
+    this.container = container;
+  }
+
+  /**
+   * Switch to the secondary focusable element. Used when no any main focusable element is provided.
+   */
+  _createClass(FocusableWrapper, [{
+    key: "useSecondaryElement",
+    value: function useSecondaryElement() {
+      var el = createOrGetSecondaryElement(this.container);
+      if (!this.listenersCount.has(el)) {
+        this.listenersCount.add(el);
+        forwardEventsToLocalHooks(this.eventManager, el, this);
+      }
+      this.mainElement = el;
+    }
+
+    /**
+     * Switch to the main focusable element.
+     *
+     * @param {HTMLElement} element The DOM element.
+     */
+  }, {
+    key: "setFocusableElement",
+    value: function setFocusableElement(element) {
+      if (!this.listenersCount.has(element)) {
+        this.listenersCount.add(element);
+        forwardEventsToLocalHooks(this.eventManager, element, this);
+      }
+      this.mainElement = element;
+    }
+
+    /**
+     * Get currently set focusable element.
+     *
+     * @returns {HTMLElement}
+     */
+  }, {
+    key: "getFocusableElement",
+    value: function getFocusableElement() {
+      return this.mainElement;
+    }
+
+    /**
+     * Set focus to the focusable element.
+     */
+  }, {
+    key: "focus",
+    value: function focus() {
+      // Add an empty space to texarea. It is necessary for safari to enable "copy" command from menu bar.
+      this.mainElement.value = ' ';
+      if (!isMobileBrowser()) {
+        selectElementIfAllowed(this.mainElement);
+      }
+    }
+  }]);
+  return FocusableWrapper;
+}();
+mixin(FocusableWrapper, localHooks);
+var refCounter = new WeakMap();
+
+/**
+ * Create and return the FocusableWrapper instance.
+ *
+ * @param {HTMLElement} container The container element, holder for focusable elements.
+ * @returns {FocusableWrapper}
+ */
+function createElement(container) {
+  var focusableWrapper = new FocusableWrapper(container);
+  var counter = refCounter.get(container);
+  counter = isNaN(counter) ? 0 : counter;
+  refCounter.set(container, counter + 1);
+  return focusableWrapper;
+}
+
+/**
+ * Deactivate the FocusableWrapper instance.
+ *
+ * @param {FocusableWrapper} wrapper The instance of the FocusableWrapper class.
+ */
+function deactivateElement(wrapper) {
+  wrapper.eventManager.clear();
+}
+var runLocalHooks = function runLocalHooks(eventName, subject) {
+  return function (event) {
+    return subject.runLocalHooks(eventName, event);
+  };
+};
+
+/**
+ * Register copy/cut/paste events and forward their actions to the subject local hooks system.
+ *
+ * @param {EventManager} eventManager The instance of the EventManager class.
+ * @param {HTMLElement} element The element on which the listeners are mounted.
+ * @param {FocusableWrapper} subject The subject object for local hooks.
+ */
+function forwardEventsToLocalHooks(eventManager, element, subject) {
+  eventManager.addEventListener(element, 'copy', runLocalHooks('copy', subject));
+  eventManager.addEventListener(element, 'cut', runLocalHooks('cut', subject));
+  eventManager.addEventListener(element, 'paste', runLocalHooks('paste', subject));
+}
+var secondaryElements = new WeakMap();
+
+/**
+ * Create and attach newly created focusable element to the DOM.
+ *
+ * @param {HTMLElement} container The container element, holder for focusable elements.
+ * @returns {HTMLElement}
+ */
+function createOrGetSecondaryElement(container) {
+  var secondaryElement = secondaryElements.get(container);
+  if (secondaryElement) {
+    if (!secondaryElement.parentElement) {
+      container.appendChild(secondaryElement);
+    }
+    return secondaryElement;
+  }
+  var doc = container.defaultView ? container : container.ownerDocument;
+  var element = doc.createElement('textarea');
+  secondaryElements.set(container, element);
+  element.setAttribute('data-hot-input', ''); // Makes the element recognizable by Hot as its own component's element.
+  element.className = 'HandsontableCopyPaste';
+  element.tabIndex = -1;
+  element.autocomplete = 'off';
+  element.wrap = 'hard';
+  element.value = ' ';
+  container.appendChild(element);
+  return element;
+}
+
+/**
+ * Destroy the FocusableWrapper instance.
+ *
+ * @param {FocusableWrapper} wrapper The instance of the FocusableWrapper class.
+ */
+function destroyElement(wrapper) {
+  if (!(wrapper instanceof FocusableWrapper)) {
+    return;
+  }
+  var counter = refCounter.get(wrapper.container);
+  counter = isNaN(counter) ? 0 : counter;
+  if (counter > 0) {
+    counter -= 1;
+  }
+  deactivateElement(wrapper);
+  if (counter <= 0) {
+    counter = 0;
+
+    // Detach secondary element from the DOM.
+    var secondaryElement = secondaryElements.get(wrapper.container);
+    if (secondaryElement && secondaryElement.parentNode) {
+      secondaryElement.parentNode.removeChild(secondaryElement);
+      secondaryElements.delete(wrapper.container);
+    }
+    wrapper.mainElement = null;
+  }
+  refCounter.set(wrapper.container, counter);
+}
+export { createElement, deactivateElement, destroyElement };

package/plugins/customBorders/customBorders.js

@@ -735,12 +735,10 @@ var CustomBorders = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "checkCustomSelectionsFromContextMenu",
     value: function checkCustomSelectionsFromContextMenu(border, place, remove) {
-      var _this12 = this;
       var check = false;
       (0, _array.arrayEach)(this.hot.selection.highlight.customSelections, function (customSelection) {
         if (border.id === customSelection.settings.id) {
-          var borders = _this12.hot.view._wt.selectionManager.getBorderInstances(customSelection);
-          (0, _array.arrayEach)(borders, function (borderObject) {
+          (0, _object.objectEach)(customSelection.instanceBorders, function (borderObject) {
             borderObject.toggleHiddenClass(place, remove); // TODO this also bad?
           });
 
@@ -765,7 +763,6 @@ var CustomBorders = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "checkCustomSelections",
     value: function checkCustomSelections(border, cellRange, place) {
-      var _this13 = this;
       var hideCount = this.countHide(border);
       var check = false;
       if (hideCount === 4) {
@@ -777,8 +774,7 @@ var CustomBorders = /*#__PURE__*/function (_BasePlugin) {
             customSelection.visualCellRange = cellRange;
             customSelection.commit();
             if (place) {
-              var borders = _this13.hot.view._wt.selectionManager.getBorderInstances(customSelection);
-              (0, _array.arrayEach)(borders, function (borderObject) {
+              (0, _object.objectEach)(customSelection.instanceBorders, function (borderObject) {
                 borderObject.changeBorderStyle(place, border);
               });
             }

package/plugins/customBorders/customBorders.mjs

@@ -45,7 +45,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { BasePlugin } from "../base/index.mjs";
-import { hasOwnProperty, deepClone } from "../../helpers/object.mjs";
+import { hasOwnProperty, objectEach, deepClone } from "../../helpers/object.mjs";
 import { rangeEach } from "../../helpers/number.mjs";
 import { arrayEach, arrayReduce, arrayMap } from "../../helpers/array.mjs";
 import * as C from "../../i18n/constants.mjs";
@@ -726,12 +726,10 @@ export var CustomBorders = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "checkCustomSelectionsFromContextMenu",
     value: function checkCustomSelectionsFromContextMenu(border, place, remove) {
-      var _this12 = this;
       var check = false;
       arrayEach(this.hot.selection.highlight.customSelections, function (customSelection) {
         if (border.id === customSelection.settings.id) {
-          var borders = _this12.hot.view._wt.selectionManager.getBorderInstances(customSelection);
-          arrayEach(borders, function (borderObject) {
+          objectEach(customSelection.instanceBorders, function (borderObject) {
             borderObject.toggleHiddenClass(place, remove); // TODO this also bad?
           });
 
@@ -756,7 +754,6 @@ export var CustomBorders = /*#__PURE__*/function (_BasePlugin) {
   }, {
     key: "checkCustomSelections",
     value: function checkCustomSelections(border, cellRange, place) {
-      var _this13 = this;
       var hideCount = this.countHide(border);
       var check = false;
       if (hideCount === 4) {
@@ -768,8 +765,7 @@ export var CustomBorders = /*#__PURE__*/function (_BasePlugin) {
             customSelection.visualCellRange = cellRange;
             customSelection.commit();
             if (place) {
-              var borders = _this13.hot.view._wt.selectionManager.getBorderInstances(customSelection);
-              arrayEach(borders, function (borderObject) {
+              objectEach(customSelection.instanceBorders, function (borderObject) {
                 borderObject.changeBorderStyle(place, border);
               });
             }

package/plugins/filters/filters.js

@@ -329,6 +329,11 @@ var Filters = /*#__PURE__*/function (_BasePlugin) {
      *  * `between` - Between
      *  * `by_value` - By value
      *  * `contains` - Contains
+     *  * `date_after` - After a date
+     *  * `date_before` - Before a date
+     *  * `date_today` - Today
+     *  * `date_tomorrow` - Tomorrow
+     *  * `date_yesterday` - Yesterday
      *  * `empty` - Empty
      *  * `ends_with` - Ends with
      *  * `eq` - Equal

package/plugins/filters/filters.mjs

@@ -319,6 +319,11 @@ export var Filters = /*#__PURE__*/function (_BasePlugin) {
      *  * `between` - Between
      *  * `by_value` - By value
      *  * `contains` - Contains
+     *  * `date_after` - After a date
+     *  * `date_before` - Before a date
+     *  * `date_today` - Today
+     *  * `date_tomorrow` - Tomorrow
+     *  * `date_yesterday` - Yesterday
      *  * `empty` - Empty
      *  * `ends_with` - Ends with
      *  * `eq` - Equal