handsontable 12.1.2 → 12.2.0

package/plugins/filters/component/condition.mjs

@@ -1,17 +1,4 @@
 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.string.starts-with.js";
 import "core-js/modules/web.timers.js";
@@ -28,34 +15,18 @@ 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";
-import "core-js/modules/es.array.from.js";
-import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.regexp.exec.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, 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 { addClass } from "../../../helpers/dom/element.mjs";
 import { stopImmediatePropagation } from "../../../helpers/dom/event.mjs";
 import { arrayEach } from "../../../helpers/array.mjs";
@@ -66,57 +37,44 @@ import BaseComponent from "./_base.mjs";
 import getOptionsList, { CONDITION_NONE } from "../constants.mjs";
 import InputUI from "../ui/input.mjs";
 import SelectUI from "../ui/select.mjs";
-import { getConditionDescriptor } from "../conditionRegisterer.mjs";
-/**
- * @private
- * @class ConditionComponent
- */
-
+import { getConditionDescriptor } from "../conditionRegisterer.mjs"; /**
+                                                                      * @private
+                                                                      * @class ConditionComponent
+                                                                      */
 var ConditionComponent = /*#__PURE__*/function (_BaseComponent) {
   _inherits(ConditionComponent, _BaseComponent);
-
   var _super = _createSuper(ConditionComponent);
-
   function ConditionComponent(hotInstance, options) {
     var _this;
-
     _classCallCheck(this, ConditionComponent);
-
     _this = _super.call(this, hotInstance, {
       id: options.id,
       stateless: false
     });
     _this.name = options.name;
     _this.addSeparator = options.addSeparator;
-
     _this.elements.push(new SelectUI(_this.hot, {
       menuContainer: options.menuContainer
     }));
-
     _this.elements.push(new InputUI(_this.hot, {
       placeholder: C.FILTERS_BUTTONS_PLACEHOLDER_VALUE
     }));
-
     _this.elements.push(new InputUI(_this.hot, {
       placeholder: C.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE
     }));
-
     _this.registerHooks();
-
     return _this;
   }
+
   /**
    * Register all necessary hooks.
    *
    * @private
    */
-
-
   _createClass(ConditionComponent, [{
     key: "registerHooks",
     value: function registerHooks() {
       var _this2 = this;
-
       this.getSelectElement().addLocalHook('select', function (command) {
         return _this2.onConditionSelect(command);
       });
@@ -129,40 +87,32 @@ var ConditionComponent = /*#__PURE__*/function (_BaseComponent) {
         });
       });
     }
+
     /**
      * Set state of the component.
      *
      * @param {object} value State to restore.
      */
-
   }, {
     key: "setState",
     value: function setState(value) {
       var _this3 = this;
-
       this.reset();
-
       if (!value) {
         return;
       }
-
       var copyOfCommand = clone(value.command);
-
       if (copyOfCommand.name.startsWith(C.FILTERS_CONDITIONS_NAMESPACE)) {
         copyOfCommand.name = this.hot.getTranslatedPhrase(copyOfCommand.name);
       }
-
       this.getSelectElement().setValue(copyOfCommand);
       arrayEach(value.args, function (arg, index) {
         if (index > copyOfCommand.inputsCount - 1) {
           return false;
         }
-
         var element = _this3.getInputElement(index);
-
         element.setValue(arg);
         element[copyOfCommand.inputsCount > index ? 'show' : 'hide']();
-
         if (!index) {
           setTimeout(function () {
             return element.focus();
@@ -170,12 +120,12 @@ var ConditionComponent = /*#__PURE__*/function (_BaseComponent) {
         }
       });
     }
+
     /**
      * Export state of the component (get selected filter and filter arguments).
      *
      * @returns {object} Returns object where `command` key keeps used condition filter and `args` key its arguments.
      */
-
   }, {
     key: "getState",
     value: function getState() {
@@ -191,6 +141,7 @@ var ConditionComponent = /*#__PURE__*/function (_BaseComponent) {
         args: args
       };
     }
+
     /**
      * Update state of component.
      *
@@ -199,7 +150,6 @@ var ConditionComponent = /*#__PURE__*/function (_BaseComponent) {
      * @param {Array} condition.args An array of values to compare.
      * @param {number} column Physical column index.
      */
-
   }, {
     key: "updateState",
     value: function updateState(condition, column) {
@@ -208,19 +158,18 @@ var ConditionComponent = /*#__PURE__*/function (_BaseComponent) {
         command: command,
         args: condition ? condition.args : []
       });
-
       if (!condition) {
         arrayEach(this.getInputElements(), function (element) {
           return element.setValue(null);
         });
       }
     }
+
     /**
      * Get select element.
      *
      * @returns {SelectUI}
      */
-
   }, {
     key: "getSelectElement",
     value: function getSelectElement() {
@@ -228,25 +177,25 @@ var ConditionComponent = /*#__PURE__*/function (_BaseComponent) {
         return element instanceof SelectUI;
       })[0];
     }
+
     /**
      * Get input element.
      *
      * @param {number} index Index an array of elements.
      * @returns {InputUI}
      */
-
   }, {
     key: "getInputElement",
     value: function getInputElement() {
       var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
       return this.getInputElements()[index];
     }
+
     /**
      * Get input elements.
      *
      * @returns {Array}
      */
-
   }, {
     key: "getInputElements",
     value: function getInputElements() {
@@ -254,17 +203,16 @@ var ConditionComponent = /*#__PURE__*/function (_BaseComponent) {
         return element instanceof InputUI;
       });
     }
+
     /**
      * Get menu object descriptor.
      *
      * @returns {object}
      */
-
   }, {
     key: "getMenuItemDescriptor",
     value: function getMenuItemDescriptor() {
       var _this4 = this;
-
       return {
         key: this.id,
         name: this.name,
@@ -275,65 +223,55 @@ var ConditionComponent = /*#__PURE__*/function (_BaseComponent) {
         },
         renderer: function renderer(hot, wrapper, row, col, prop, value) {
           addClass(wrapper.parentNode, 'htFiltersMenuCondition');
-
           if (_this4.addSeparator) {
             addClass(wrapper.parentNode, 'border');
           }
-
           var label = _this4.hot.rootDocument.createElement('div');
-
           addClass(label, 'htFiltersMenuLabel');
           label.textContent = value;
           wrapper.appendChild(label);
-
           if (!wrapper.parentNode.hasAttribute('ghost-table')) {
             arrayEach(_this4.elements, function (ui) {
               return wrapper.appendChild(ui.element);
             });
           }
-
           return wrapper;
         }
       };
     }
+
     /**
      * Reset elements to their initial state.
      */
-
   }, {
     key: "reset",
     value: function reset() {
-      var _this$hot;
-
-      var lastSelectedColumn = this.hot.getPlugin('filters').getSelectedColumn();
-      var visualIndex = lastSelectedColumn && lastSelectedColumn.visualIndex;
-
-      var columnType = (_this$hot = this.hot).getDataType.apply(_this$hot, _toConsumableArray(this.hot.getSelectedLast() || [0, visualIndex]));
-
-      var items = getOptionsList(columnType);
+      var selectedColumn = this.hot.getPlugin('filters').getSelectedColumn();
+      var items = [getConditionDescriptor(CONDITION_NONE)];
+      if (selectedColumn !== null) {
+        var visualIndex = selectedColumn.visualIndex;
+        items = getOptionsList(this.hot.getDataType(0, visualIndex, this.hot.countRows(), visualIndex));
+      }
       arrayEach(this.getInputElements(), function (element) {
         return element.hide();
       });
       this.getSelectElement().setItems(items);
-
-      _get(_getPrototypeOf(ConditionComponent.prototype), "reset", this).call(this); // Select element as default 'None'
-
-
+      _get(_getPrototypeOf(ConditionComponent.prototype), "reset", this).call(this);
+      // Select element as default 'None'
       this.getSelectElement().setValue(items[0]);
     }
+
     /**
      * On condition select listener.
      *
      * @private
      * @param {object} command Menu item object (command).
      */
-
   }, {
     key: "onConditionSelect",
     value: function onConditionSelect(command) {
       arrayEach(this.getInputElements(), function (element, index) {
         element[command.inputsCount > index ? 'show' : 'hide']();
-
         if (index === 0) {
           setTimeout(function () {
             return element.focus();
@@ -342,24 +280,24 @@ var ConditionComponent = /*#__PURE__*/function (_BaseComponent) {
       });
       this.runLocalHooks('change', command);
     }
+
     /**
      * On component SelectUI closed listener.
      *
      * @private
      */
-
   }, {
     key: "onSelectUIClosed",
     value: function onSelectUIClosed() {
       this.runLocalHooks('afterClose');
     }
+
     /**
      * Key down listener.
      *
      * @private
      * @param {Event} event The DOM event object.
      */
-
   }, {
     key: "onInputKeyDown",
     value: function onInputKeyDown(event) {
@@ -372,8 +310,6 @@ var ConditionComponent = /*#__PURE__*/function (_BaseComponent) {
       }
     }
   }]);
-
   return ConditionComponent;
 }(BaseComponent);
-
 export default ConditionComponent;

package/plugins/filters/component/operators.js

@@ -1,120 +1,74 @@
 "use strict";
 
 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); }
-
 require("core-js/modules/es.reflect.construct.js");
-
 require("core-js/modules/es.array.slice.js");
-
 require("core-js/modules/es.object.freeze.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.default = void 0;
-
 require("core-js/modules/es.function.name.js");
-
 require("core-js/modules/es.array.find.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.set-prototype-of.js");
-
 require("core-js/modules/es.object.get-prototype-of.js");
-
 var _element = require("../../../helpers/dom/element");
-
 var _array = require("../../../helpers/array");
-
 var _templateLiteralTag = require("../../../helpers/templateLiteralTag");
-
 var _base = _interopRequireDefault(require("./_base"));
-
 var _logicalOperationRegisterer = require("../logicalOperationRegisterer");
-
 var _conjunction = require("../logicalOperations/conjunction");
-
 var _disjunction = require("../logicalOperations/disjunction");
-
 var _disjunctionWithExtraCondition = require("../logicalOperations/disjunctionWithExtraCondition");
-
 var _radioInput = _interopRequireDefault(require("../ui/radioInput"));
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 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 _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 SELECTED_AT_START_ELEMENT_INDEX = 0;
+
 /**
  * @private
  * @class OperatorsComponent
  */
-
 var OperatorsComponent = /*#__PURE__*/function (_BaseComponent) {
   _inherits(OperatorsComponent, _BaseComponent);
-
   var _super = _createSuper(OperatorsComponent);
-
   function OperatorsComponent(hotInstance, options) {
     var _this;
-
     _classCallCheck(this, OperatorsComponent);
-
     _this = _super.call(this, hotInstance, {
       id: options.id,
       stateless: false
     });
     _this.name = options.name;
-
     _this.buildOperatorsElement();
-
     return _this;
   }
+
   /**
    * Get menu object descriptor.
    *
    * @returns {object}
    */
-
-
   _createClass(OperatorsComponent, [{
     key: "getMenuItemDescriptor",
     value: function getMenuItemDescriptor() {
       var _this2 = this;
-
       return {
         key: this.id,
         name: this.name,
@@ -125,28 +79,25 @@ var OperatorsComponent = /*#__PURE__*/function (_BaseComponent) {
         },
         renderer: function renderer(hot, wrapper) {
           (0, _element.addClass)(wrapper.parentNode, 'htFiltersMenuOperators');
-
           if (!wrapper.parentNode.hasAttribute('ghost-table')) {
             (0, _array.arrayEach)(_this2.elements, function (ui) {
               return wrapper.appendChild(ui.element);
             });
           }
-
           return wrapper;
         }
       };
     }
+
     /**
      * Add RadioInputUI elements to component.
      *
      * @private
      */
-
   }, {
     key: "buildOperatorsElement",
     value: function buildOperatorsElement() {
       var _this3 = this;
-
       var operationKeys = [_conjunction.OPERATION_ID, _disjunction.OPERATION_ID];
       (0, _array.arrayEach)(operationKeys, function (operation) {
         var radioInput = new _radioInput.default(_this3.hot, {
@@ -162,119 +113,110 @@ var OperatorsComponent = /*#__PURE__*/function (_BaseComponent) {
         radioInput.addLocalHook('change', function (event) {
           return _this3.onRadioInputChange(event);
         });
-
         _this3.elements.push(radioInput);
       });
     }
+
     /**
      * Set state of operators component to check radio input at specific `index`.
      *
      * @param {number} searchedIndex Index of radio input to check.
      */
-
   }, {
     key: "setChecked",
     value: function setChecked(searchedIndex) {
       if (this.elements.length < searchedIndex) {
         throw Error((0, _templateLiteralTag.toSingleLine)(_templateObject || (_templateObject = _taggedTemplateLiteral(["Radio button with index ", " doesn't exist."])), searchedIndex));
       }
-
       (0, _array.arrayEach)(this.elements, function (element, index) {
         element.setChecked(index === searchedIndex);
       });
     }
+
     /**
      * Get `id` of active operator.
      *
      * @returns {string}
      */
-
   }, {
     key: "getActiveOperationId",
     value: function getActiveOperationId() {
       var operationElement = this.elements.find(function (element) {
         return element instanceof _radioInput.default && element.isChecked();
       });
-
       if (operationElement) {
         return operationElement.getValue();
       }
-
       return _conjunction.OPERATION_ID;
     }
+
     /**
      * Export state of the component (get selected operator).
      *
      * @returns {string} Returns `id` of selected operator.
      */
-
   }, {
     key: "getState",
     value: function getState() {
       return this.getActiveOperationId();
     }
+
     /**
      * Set state of the component.
      *
      * @param {object} value State to restore.
      */
-
   }, {
     key: "setState",
     value: function setState(value) {
       this.reset();
-
       if (value && this.getActiveOperationId() !== value) {
         (0, _array.arrayEach)(this.elements, function (element) {
           element.setChecked(element.getValue() === value);
         });
       }
     }
+
     /**
      * Update state of component.
      *
      * @param {string} [operationId='conjunction'] Id of selected operation.
      * @param {number} column Physical column index.
      */
-
   }, {
     key: "updateState",
     value: function updateState() {
       var operationId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _conjunction.OPERATION_ID;
       var column = arguments.length > 1 ? arguments[1] : undefined;
       var selectedOperationId = operationId;
-
       if (selectedOperationId === _disjunctionWithExtraCondition.OPERATION_ID) {
         selectedOperationId = _disjunction.OPERATION_ID;
       }
-
       this.state.setValueAtIndex(column, selectedOperationId);
     }
+
     /**
      * Reset elements to their initial state.
      */
-
   }, {
     key: "reset",
     value: function reset() {
       this.setChecked(SELECTED_AT_START_ELEMENT_INDEX);
     }
+
     /**
      * OnChange listener.
      *
      * @private
      * @param {Event} event The DOM event object.
      */
-
   }, {
     key: "onRadioInputChange",
     value: function onRadioInputChange(event) {
       this.setState(event.target.value);
     }
   }]);
-
   return OperatorsComponent;
 }(_base.default);
-
 var _default = OperatorsComponent;
 exports.default = _default;