handsontable 16.2.0 → 17.0.0-rc1

package/3rdparty/walkontable/src/utils/orderView/view.mjs

@@ -1,10 +1,9 @@
-import "core-js/modules/es.error.cause.js";
-import "core-js/modules/es.array.push.js";
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { ViewSizeSet } from "./viewSizeSet.mjs";
 import { ViewDiffer } from "./viewDiffer/index.mjs";
+import { createRendererAdapter } from "./rendererAdapter/index.mjs";
 /**
  * Executive model for each table renderer. It's responsible for injecting DOM nodes in a
  * specified order and adjusting the number of elements in the root node.
@@ -14,7 +13,7 @@ import { ViewDiffer } from "./viewDiffer/index.mjs";
  * @class {OrderView}
  */
 export class OrderView {
-  constructor(rootNode, nodesPool) {
+  constructor(rootNode, nodesPool, childNodeType) {
     /**
      * The root node to manage with.
      *
@@ -47,22 +46,21 @@ export class OrderView {
      */
     _defineProperty(this, "viewDiffer", new ViewDiffer(this.sizeSet));
     /**
-     * The list of render commands to execute. The command is an array with the following
-     * structure: [
-     *   [
-     *     'prepend' | 'append' | 'insert_before' | 'replace' | 'remove', // command name
-     *     10, // processed node index
-     *     9,  // previous node index (only for 'insert_before' and 'replace' commands)
-     *     8   // node index to remove (only for 'insert_before' command)
-     *   ],
-     *   ...
-     * ].
+     * Node type which the order view will manage while rendering the DOM elements.
      *
-     * @type {Array[]}
+     * @type {string}
      */
-    _defineProperty(this, "leads", []);
+    _defineProperty(this, "childNodeType", void 0);
+    /**
+     * The renderer adapter that handles browser-specific rendering logic.
+     *
+     * @type {StandardRendererAdapter|FirefoxRendererAdapter}
+     */
+    _defineProperty(this, "rendererAdapter", void 0);
     this.rootNode = rootNode;
     this.nodesPool = nodesPool;
+    this.childNodeType = childNodeType;
+    this.rendererAdapter = createRendererAdapter(this);
   }
 
   /**
@@ -120,48 +118,12 @@ export class OrderView {
     return length > 0 ? this.collectedNodes[length - 1] : null;
   }
 
-  /**
-   * Applies the commands generated by the differ into the specific DOM operations.
-   *
-   * @param {Array} command The command to apply.
-   */
-  applyCommand(command) {
-    const {
-      rootNode
-    } = this;
-    const [name, nodeIndex, nodePrevIndex, nodeIndexToRemove] = command;
-    const node = this.nodesPool(nodeIndex);
-    this.collectedNodes.push(node);
-    switch (name) {
-      case 'prepend':
-        rootNode.insertBefore(node, rootNode.firstChild);
-        break;
-      case 'append':
-        rootNode.appendChild(node);
-        break;
-      case 'insert_before':
-        rootNode.insertBefore(node, this.nodesPool(nodePrevIndex));
-        // To keep the constant length of child nodes (after inserting a node) remove the last child.
-        rootNode.removeChild(this.nodesPool(nodeIndexToRemove));
-        break;
-      case 'replace':
-        rootNode.replaceChild(node, this.nodesPool(nodePrevIndex));
-        break;
-      case 'remove':
-        rootNode.removeChild(node);
-        break;
-      default:
-        break;
-    }
-  }
-
   /**
    * Setups and prepares all necessary properties and start the rendering process.
    * This method has to be called only once (at the start) for the render cycle.
    */
   start() {
-    this.collectedNodes.length = 0;
-    this.leads = this.viewDiffer.diff();
+    this.rendererAdapter.start();
   }
 
   /**
@@ -169,9 +131,7 @@ export class OrderView {
    * This method has to be called as many times as the size count is met (to cover all previously rendered DOM elements).
    */
   render() {
-    if (this.leads.length > 0) {
-      this.applyCommand(this.leads.shift());
-    }
+    this.rendererAdapter.render();
   }
 
   /**
@@ -179,8 +139,6 @@ export class OrderView {
    * This method has to be called only once (at the end) for the render cycle.
    */
   end() {
-    while (this.leads.length > 0) {
-      this.applyCommand(this.leads.shift());
-    }
+    this.rendererAdapter.end();
   }
 }

package/3rdparty/walkontable/src/utils/orderView/viewDiffer/index.js

@@ -1,8 +1,6 @@
 "use strict";
 
 exports.__esModule = true;
-require("core-js/modules/es.error.cause.js");
-require("core-js/modules/es.array.push.js");
 var _constants = require("../constants");
 var _viewOrder = require("./viewOrder");
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }

package/3rdparty/walkontable/src/utils/orderView/viewDiffer/index.mjs

@@ -1,5 +1,3 @@
-import "core-js/modules/es.error.cause.js";
-import "core-js/modules/es.array.push.js";
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }

package/3rdparty/walkontable/src/utils/orderView/viewDiffer/viewOrder.js

@@ -1,8 +1,6 @@
 "use strict";
 
 exports.__esModule = true;
-require("core-js/modules/es.error.cause.js");
-require("core-js/modules/es.array.unshift.js");
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }

package/3rdparty/walkontable/src/utils/orderView/viewDiffer/viewOrder.mjs

@@ -1,5 +1,3 @@
-import "core-js/modules/es.error.cause.js";
-import "core-js/modules/es.array.unshift.js";
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }

package/3rdparty/walkontable/src/utils/orderView/viewSize.js

@@ -1,7 +1,6 @@
 "use strict";
 
 exports.__esModule = true;
-require("core-js/modules/es.error.cause.js");
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }

package/3rdparty/walkontable/src/utils/orderView/viewSize.mjs

@@ -1,4 +1,3 @@
-import "core-js/modules/es.error.cause.js";
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }

package/3rdparty/walkontable/src/utils/orderView/viewSizeSet.js

@@ -1,7 +1,6 @@
 "use strict";
 
 exports.__esModule = true;
-require("core-js/modules/es.error.cause.js");
 var _viewSize = require("./viewSize");
 var _constants = require("./constants");
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }

package/3rdparty/walkontable/src/utils/orderView/viewSizeSet.mjs

@@ -1,4 +1,3 @@
-import "core-js/modules/es.error.cause.js";
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }

package/3rdparty/walkontable/src/utils/row.js

@@ -1,7 +1,6 @@
 "use strict";
 
 exports.__esModule = true;
-require("core-js/modules/es.error.cause.js");
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }

package/3rdparty/walkontable/src/utils/row.mjs

@@ -1,4 +1,3 @@
-import "core-js/modules/es.error.cause.js";
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }

package/3rdparty/walkontable/src/viewport.js

@@ -1,8 +1,6 @@
 "use strict";
 
 exports.__esModule = true;
-require("core-js/modules/esnext.iterator.constructor.js");
-require("core-js/modules/esnext.iterator.map.js");
 var _element = require("../../../helpers/dom/element");
 var _object = require("../../../helpers/object");
 var _calculator = require("./calculator");

package/3rdparty/walkontable/src/viewport.mjs

@@ -1,5 +1,3 @@
-import "core-js/modules/esnext.iterator.constructor.js";
-import "core-js/modules/esnext.iterator.map.js";
 import { getScrollbarWidth, offset, outerHeight, outerWidth } from "../../../helpers/dom/element.mjs";
 import { objectEach } from "../../../helpers/object.mjs";
 import { FullyVisibleColumnsCalculationType, FullyVisibleRowsCalculationType, PartiallyVisibleColumnsCalculationType, PartiallyVisibleRowsCalculationType, RenderedAllColumnsCalculationType, RenderedAllRowsCalculationType, RenderedColumnsCalculationType, RenderedRowsCalculationType, ViewportColumnsCalculator, ViewportRowsCalculator } from "./calculator/index.mjs";

package/CHANGELOG.md

@@ -42,7 +42,7 @@ adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 - Fixed a problem where resizing the window vertically did not resize the table. [#11919](https://github.com/handsontable/handsontable/pull/11919)
 - Fixed an issue where the dialog overlay could make the table unresponsive after rapid show/hide calls. [#11925](https://github.com/handsontable/handsontable/pull/11925)
 - Fixed an issue with TouchEvent on Firefox. [#11928](https://github.com/handsontable/handsontable/pull/11928)
-- React: Fixed and issue with Collapsible Columns being reset in React wrapper. [#11923](https://github.com/handsontable/handsontable/pull/11923)
+- React: Fixed an issue with Collapsible Columns being reset in React wrapper. [#11923](https://github.com/handsontable/handsontable/pull/11923)
 
 ### Security
 - Updated dev dependencies to address high-severity vulnerabilities. [#11895](https://github.com/handsontable/handsontable/pull/11895)

package/README.md

@@ -10,8 +10,8 @@
   <p>
     Use it with JavaScript, TypeScript, or frameworks such as 
     <a href="https://github.com/handsontable/handsontable/tree/master/wrappers/react-wrapper" target="_blank">React</a>, 
-    <a href="https://github.com/handsontable/handsontable/tree/master/wrappers/angular" target="_blank">Angular</a>, and 
-    <a href="https://github.com/handsontable/handsontable/tree/master/wrappers/vue" target="_blank">Vue</a>. With its spreadsheet-like editing features, it’s perfect for building data-rich internal apps. It allows users to enter, edit, validate, and process data from various sources. Common use cases include resource planning software (ERP), inventory management systems, digital platforms, and data modeling applications.
+    <a href="https://github.com/handsontable/handsontable/tree/master/wrappers/angular-wrapper" target="_blank">Angular</a>, and 
+    <a href="https://github.com/handsontable/handsontable/tree/master/wrappers/vue3" target="_blank">Vue</a>. With its spreadsheet-like editing features, it’s perfect for building data-rich internal apps. It allows users to enter, edit, validate, and process data from various sources. Common use cases include resource planning software (ERP), inventory management systems, digital platforms, and data modeling applications.
   </p>
 
 <a href="https://handsontable.com">Website</a> &nbsp;&nbsp;—&nbsp;&nbsp; <a href="https://handsontable.com/docs">Documentation</a> &nbsp;&nbsp;—&nbsp;&nbsp; <a href="https://handsontable.com/docs/themes">Themes</a> &nbsp;&nbsp;—&nbsp;&nbsp; <a href="https://handsontable.com/docs/api">API</a> &nbsp;&nbsp;—&nbsp;&nbsp; <a href="https://github.com/handsontable/handsontable/discussions">Community</a>
@@ -62,9 +62,8 @@
 ## 🪄 Installation
 Below, you'll find the installation guide for the JavaScript component. If you're using a specific framework, refer to its dedicated wrapper for installation instructions:
 
-- <img src="https://raw.githubusercontent.com/handsontable/handsontable/develop/resources/icons/react-icon.svg" width="12" height="12"><a href="https://github.com/handsontable/handsontable/tree/master/wrappers/react-wrapper"> React functional component</a>
-- <img src="https://raw.githubusercontent.com/handsontable/handsontable/develop/resources/icons/react-icon.svg" width="12" height="12" alt="React"> <a href="https://github.com/handsontable/handsontable/tree/master/wrappers/react"> React class component</a>
-- <img src="https://raw.githubusercontent.com/handsontable/handsontable/develop/resources/icons/angular-icon.svg" width="12" height="12" alt="Angular"> <a href="https://github.com/handsontable/handsontable/tree/master/wrappers/angular"> Angular</a>
+- <img src="https://raw.githubusercontent.com/handsontable/handsontable/develop/resources/icons/react-icon.svg" width="12" height="12"><a href="https://github.com/handsontable/handsontable/tree/master/wrappers/react-wrapper"> React</a>
+- <img src="https://raw.githubusercontent.com/handsontable/handsontable/develop/resources/icons/angular-icon.svg" width="12" height="12" alt="Angular"> <a href="https://github.com/handsontable/handsontable/tree/master/wrappers/angular-wrapper"> Angular</a>
 - <img src="https://raw.githubusercontent.com/handsontable/handsontable/develop/resources/icons/vue-icon.svg" width="12" height="12" alt="Vue"> <a href="https://github.com/handsontable/handsontable/tree/master/wrappers/vue3"> Vue</a>
 
 ---
@@ -88,17 +87,10 @@ You can also use [Yarn](https://yarnpkg.com/package/handsontable), [NuGet](https
 
   ```js
   import Handsontable from 'handsontable';
-  // Base CSS rules
-  import 'handsontable/styles/handsontable.min.css';
-  // Main theme variables
-  import 'handsontable/styles/ht-theme-main.min.css';
   
   const element = document.getElementById('handsontable-grid');
   
   new Handsontable(element, {
-    // theme name with obligatory ht-theme-* prefix
-    themeName: 'ht-theme-main-dark-auto',
-    // other options
     data: [
       { company: 'Tagcat', country: 'United Kingdom', rating: 4.4 },
       { company: 'Zoomzone', country: 'Japan', rating: 4.5 },
@@ -136,14 +128,6 @@ You can also use [Yarn](https://yarnpkg.com/package/handsontable), [NuGet](https
       <meta charset="UTF-8" />
       <meta name="viewport" content="width=device-width, initial-scale=1.0" />
       <title>Handsontable - JavaScript Data Grid Example</title>
-      <link
-        rel="stylesheet"
-        href="https://cdn.jsdelivr.net/npm/handsontable/styles/handsontable.min.css"
-      />
-      <link
-        rel="stylesheet"
-        href="https://cdn.jsdelivr.net/npm/handsontable/styles/ht-theme-main.min.css"
-      />
     </head>
     <body>
       <div id="handsontable-grid"></div>
@@ -152,9 +136,6 @@ You can also use [Yarn](https://yarnpkg.com/package/handsontable), [NuGet](https
         const element = document.getElementById("handsontable-grid");
   
         new Handsontable(element, {
-          // theme name with obligatory ht-theme-* prefix
-          themeName: 'ht-theme-main-dark-auto',
-          // other options
           data: [
             { company: "Tagcat", country: "United Kingdom", rating: 4.4 },
             { company: "Zoomzone", country: "Japan", rating: 4.5 },

package/base.js

@@ -7,11 +7,14 @@ var _dataMap = require("./dataMap");
 var _hooks = require("./core/hooks");
 var _registry = require("./i18n/registry");
 var _registry2 = require("./cellTypes/registry");
+var _registry3 = require("./renderers/registry");
+var _baseRenderer = require("./renderers/baseRenderer");
 var _textType = require("./cellTypes/textType");
 var _baseEditor = require("./editors/baseEditor");
 var _src = require("./3rdparty/walkontable/src");
 exports.CellCoords = _src.CellCoords;
 exports.CellRange = _src.CellRange;
+var _registry4 = require("./themes/registry");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // FIXME: Bug in eslint-plugin-import: https://github.com/benmosher/eslint-plugin-import/issues/1883
 /* eslint-disable import/named */
@@ -20,6 +23,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 
 // register default mandatory cell type for the Base package
 (0, _registry2.registerCellType)(_textType.TextCellType);
+(0, _registry3.registerRenderer)(_baseRenderer.baseRenderer);
 
 // export the `BaseEditor` class to the Handsontable global namespace
 Handsontable.editors = {
@@ -45,8 +49,8 @@ Handsontable.hooks = _hooks.Hooks.getSingleton();
 Handsontable.CellCoords = _src.CellCoords;
 Handsontable.CellRange = _src.CellRange;
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "20/11/2025 13:26:51";
-Handsontable.version = "16.2.0";
+Handsontable.buildDate = "20/02/2026 12:48:24";
+Handsontable.version = "17.0.0-rc1";
 Handsontable.languages = {
   dictionaryKeys: _registry.dictionaryKeys,
   getLanguageDictionary: _registry.getLanguageDictionary,
@@ -54,4 +58,11 @@ Handsontable.languages = {
   registerLanguageDictionary: _registry.registerLanguageDictionary,
   getTranslatedPhrase: _registry.getTranslatedPhrase
 };
+Handsontable.themes = {
+  hasTheme: _registry4.hasTheme,
+  getTheme: _registry4.getTheme,
+  getThemeNames: _registry4.getThemeNames,
+  getThemes: _registry4.getThemes,
+  registerTheme: _registry4.registerTheme
+};
 var _default = exports.default = Handsontable;

package/base.mjs

@@ -6,10 +6,14 @@ import { Hooks } from "./core/hooks/index.mjs"; // FIXME: Bug in eslint-plugin-i
 import { dictionaryKeys, getTranslatedPhrase, registerLanguageDictionary, getLanguagesDictionaries, getLanguageDictionary } from "./i18n/registry.mjs";
 /* eslint-enable import/named */
 import { registerCellType } from "./cellTypes/registry.mjs";
+import { registerRenderer } from "./renderers/registry.mjs";
+import { baseRenderer } from "./renderers/baseRenderer/index.mjs";
 import { TextCellType } from "./cellTypes/textType/index.mjs";
 import { BaseEditor } from "./editors/baseEditor/index.mjs";
-import { CellCoords, CellRange } from "./3rdparty/walkontable/src/index.mjs"; // register default mandatory cell type for the Base package
+import { CellCoords, CellRange } from "./3rdparty/walkontable/src/index.mjs";
+import { hasTheme, getTheme, getThemeNames, getThemes, registerTheme } from "./themes/registry.mjs"; // register default mandatory cell type for the Base package
 registerCellType(TextCellType);
+registerRenderer(baseRenderer);
 
 // export the `BaseEditor` class to the Handsontable global namespace
 Handsontable.editors = {
@@ -35,8 +39,8 @@ Handsontable.hooks = Hooks.getSingleton();
 Handsontable.CellCoords = CellCoords;
 Handsontable.CellRange = CellRange;
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "20/11/2025 13:26:54";
-Handsontable.version = "16.2.0";
+Handsontable.buildDate = "20/02/2026 12:48:32";
+Handsontable.version = "17.0.0-rc1";
 Handsontable.languages = {
   dictionaryKeys,
   getLanguageDictionary,
@@ -44,5 +48,12 @@ Handsontable.languages = {
   registerLanguageDictionary,
   getTranslatedPhrase
 };
+Handsontable.themes = {
+  hasTheme,
+  getTheme,
+  getThemeNames,
+  getThemes,
+  registerTheme
+};
 export { CellCoords, CellRange };
 export default Handsontable;

package/cellTypes/autocompleteType/accessors/valueSetter.js

@@ -3,7 +3,6 @@
 exports.__esModule = true;
 exports.valueSetter = valueSetter;
 var _object = require("../../../helpers/object");
-var _mixed = require("../../../helpers/mixed");
 /**
  * Defines what value is set to an autocomplete-typed cell.
  *
@@ -14,9 +13,8 @@ var _mixed = require("../../../helpers/mixed");
  */
 function valueSetter(newValue, row, column) {
   const sourceDataAtCell = this.getSourceDataAtCell(this.toPhysicalRow(row), this.toPhysicalColumn(column));
-  const isKeyValueObject = obj => (0, _object.isObject)(obj) && (0, _mixed.isDefined)(obj.key) && (0, _mixed.isDefined)(obj.value);
-  if (isKeyValueObject(sourceDataAtCell)) {
-    return isKeyValueObject(newValue) ? newValue : {
+  if ((0, _object.isKeyValueObject)(sourceDataAtCell)) {
+    return (0, _object.isKeyValueObject)(newValue) ? newValue : {
       key: newValue,
       value: newValue
     };

package/cellTypes/autocompleteType/accessors/valueSetter.mjs

@@ -1,5 +1,4 @@
-import { isObject } from "../../../helpers/object.mjs";
-import { isDefined } from "../../../helpers/mixed.mjs";
+import { isKeyValueObject } from "../../../helpers/object.mjs";
 /**
  * Defines what value is set to an autocomplete-typed cell.
  *
@@ -10,7 +9,6 @@ import { isDefined } from "../../../helpers/mixed.mjs";
  */
 export function valueSetter(newValue, row, column) {
   const sourceDataAtCell = this.getSourceDataAtCell(this.toPhysicalRow(row), this.toPhysicalColumn(column));
-  const isKeyValueObject = obj => isObject(obj) && isDefined(obj.key) && isDefined(obj.value);
   if (isKeyValueObject(sourceDataAtCell)) {
     return isKeyValueObject(newValue) ? newValue : {
       key: newValue,

package/cellTypes/autocompleteType/autocompleteType.js

@@ -12,5 +12,6 @@ const AutocompleteCellType = exports.AutocompleteCellType = {
   renderer: _autocompleteRenderer.autocompleteRenderer,
   validator: _autocompleteValidator.autocompleteValidator,
   valueGetter: _accessors.valueGetter,
-  valueSetter: _accessors.valueSetter
+  valueSetter: _accessors.valueSetter,
+  parsePastedValue: true
 };

package/cellTypes/autocompleteType/autocompleteType.mjs

@@ -9,5 +9,6 @@ export const AutocompleteCellType = {
   renderer: autocompleteRenderer,
   validator: autocompleteValidator,
   valueGetter,
-  valueSetter
+  valueSetter,
+  parsePastedValue: true
 };

package/cellTypes/dropdownType/dropdownType.js

@@ -15,5 +15,6 @@ const DropdownCellType = exports.DropdownCellType = {
   filter: false,
   strict: true,
   valueGetter: _accessors.valueGetter,
-  valueSetter: _accessors.valueSetter
+  valueSetter: _accessors.valueSetter,
+  parsePastedValue: true
 };

package/cellTypes/dropdownType/dropdownType.mjs

@@ -12,5 +12,6 @@ export const DropdownCellType = {
   filter: false,
   strict: true,
   valueGetter,
-  valueSetter
+  valueSetter,
+  parsePastedValue: true
 };

package/cellTypes/index.d.ts

@@ -3,6 +3,8 @@ import { CheckboxCellType, CELL_TYPE as CHECKBOX_TYPE } from './checkboxType';
 import { DateCellType, CELL_TYPE as DATE_TYPE } from './dateType';
 import { DropdownCellType, CELL_TYPE as DROPDOWN_TYPE } from './dropdownType';
 import { HandsontableCellType, CELL_TYPE as HANDSONTABLE_TYPE } from './handsontableType';
+import { IntlDateCellType, CELL_TYPE as INTL_DATE_TYPE } from './intlDateType';
+import { IntlTimeCellType, CELL_TYPE as INTL_TIME_TYPE } from './intlTimeType';
 import { NumericCellType, CELL_TYPE as NUMERIC_TYPE } from './numericType';
 import { PasswordCellType, CELL_TYPE as PASSWORD_TYPE } from './passwordType';
 import { SelectCellType, CELL_TYPE as SELECT_TYPE } from './selectType';
@@ -17,6 +19,8 @@ export interface CellTypes {
   date: typeof DateCellType;
   dropdown: typeof DropdownCellType;
   handsontable: typeof HandsontableCellType;
+  intlDate: typeof IntlDateCellType;
+  intlTime: typeof IntlTimeCellType;
   numeric: typeof NumericCellType;
   password: typeof PasswordCellType;
   select: typeof SelectCellType;
@@ -35,6 +39,8 @@ export {
   DateCellType, DATE_TYPE,
   DropdownCellType, DROPDOWN_TYPE,
   HandsontableCellType, HANDSONTABLE_TYPE,
+  IntlDateCellType, INTL_DATE_TYPE,
+  IntlTimeCellType, INTL_TIME_TYPE,
   NumericCellType, NUMERIC_TYPE,
   PasswordCellType, PASSWORD_TYPE,
   SelectCellType, SELECT_TYPE,

package/cellTypes/index.js

@@ -17,6 +17,15 @@ exports.DROPDOWN_TYPE = _dropdownType.CELL_TYPE;
 var _handsontableType = require("./handsontableType");
 exports.HandsontableCellType = _handsontableType.HandsontableCellType;
 exports.HANDSONTABLE_TYPE = _handsontableType.CELL_TYPE;
+var _intlDateType = require("./intlDateType");
+exports.IntlDateCellType = _intlDateType.IntlDateCellType;
+exports.INTL_DATE_TYPE = _intlDateType.CELL_TYPE;
+var _intlTimeType = require("./intlTimeType");
+exports.IntlTimeCellType = _intlTimeType.IntlTimeCellType;
+exports.INTL_TIME_TYPE = _intlTimeType.CELL_TYPE;
+var _multiSelectType = require("./multiSelectType");
+exports.MultiSelectCellType = _multiSelectType.MultiSelectCellType;
+exports.MULTISELECT_TYPE = _multiSelectType.CELL_TYPE;
 var _numericType = require("./numericType");
 exports.NumericCellType = _numericType.NumericCellType;
 exports.NUMERIC_TYPE = _numericType.CELL_TYPE;
@@ -47,6 +56,9 @@ function registerAllCellTypes() {
   (0, _registry.registerCellType)(_dateType.DateCellType);
   (0, _registry.registerCellType)(_dropdownType.DropdownCellType);
   (0, _registry.registerCellType)(_handsontableType.HandsontableCellType);
+  (0, _registry.registerCellType)(_intlDateType.IntlDateCellType);
+  (0, _registry.registerCellType)(_intlTimeType.IntlTimeCellType);
+  (0, _registry.registerCellType)(_multiSelectType.MultiSelectCellType);
   (0, _registry.registerCellType)(_numericType.NumericCellType);
   (0, _registry.registerCellType)(_passwordType.PasswordCellType);
   (0, _registry.registerCellType)(_selectType.SelectCellType);

package/cellTypes/index.mjs

@@ -3,6 +3,9 @@ import { CheckboxCellType, CELL_TYPE as CHECKBOX_TYPE } from "./checkboxType/ind
 import { DateCellType, CELL_TYPE as DATE_TYPE } from "./dateType/index.mjs";
 import { DropdownCellType, CELL_TYPE as DROPDOWN_TYPE } from "./dropdownType/index.mjs";
 import { HandsontableCellType, CELL_TYPE as HANDSONTABLE_TYPE } from "./handsontableType/index.mjs";
+import { IntlDateCellType, CELL_TYPE as INTL_DATE_TYPE } from "./intlDateType/index.mjs";
+import { IntlTimeCellType, CELL_TYPE as INTL_TIME_TYPE } from "./intlTimeType/index.mjs";
+import { MultiSelectCellType, CELL_TYPE as MULTISELECT_TYPE } from "./multiSelectType/index.mjs";
 import { NumericCellType, CELL_TYPE as NUMERIC_TYPE } from "./numericType/index.mjs";
 import { PasswordCellType, CELL_TYPE as PASSWORD_TYPE } from "./passwordType/index.mjs";
 import { SelectCellType, CELL_TYPE as SELECT_TYPE } from "./selectType/index.mjs";
@@ -18,11 +21,14 @@ export function registerAllCellTypes() {
   registerCellType(DateCellType);
   registerCellType(DropdownCellType);
   registerCellType(HandsontableCellType);
+  registerCellType(IntlDateCellType);
+  registerCellType(IntlTimeCellType);
+  registerCellType(MultiSelectCellType);
   registerCellType(NumericCellType);
   registerCellType(PasswordCellType);
   registerCellType(SelectCellType);
   registerCellType(TextCellType);
   registerCellType(TimeCellType);
 }
-export { AutocompleteCellType, AUTOCOMPLETE_TYPE, CheckboxCellType, CHECKBOX_TYPE, DateCellType, DATE_TYPE, DropdownCellType, DROPDOWN_TYPE, HandsontableCellType, HANDSONTABLE_TYPE, NumericCellType, NUMERIC_TYPE, PasswordCellType, PASSWORD_TYPE, SelectCellType, SELECT_TYPE, TextCellType, TEXT_TYPE, TimeCellType, TIME_TYPE };
+export { AutocompleteCellType, AUTOCOMPLETE_TYPE, CheckboxCellType, CHECKBOX_TYPE, DateCellType, DATE_TYPE, DropdownCellType, DROPDOWN_TYPE, HandsontableCellType, HANDSONTABLE_TYPE, IntlDateCellType, INTL_DATE_TYPE, IntlTimeCellType, INTL_TIME_TYPE, MultiSelectCellType, MULTISELECT_TYPE, NumericCellType, NUMERIC_TYPE, PasswordCellType, PASSWORD_TYPE, SelectCellType, SELECT_TYPE, TextCellType, TEXT_TYPE, TimeCellType, TIME_TYPE };
 export { getCellType, getRegisteredCellTypeNames, getRegisteredCellTypes, hasCellType, registerCellType } from "./registry.mjs";

package/cellTypes/intlDateType/index.d.ts

@@ -0,0 +1 @@
+export * from './intlDateType';

package/cellTypes/intlDateType/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+exports.__esModule = true;
+var _intlDateType = require("./intlDateType");
+exports.CELL_TYPE = _intlDateType.CELL_TYPE;
+exports.IntlDateCellType = _intlDateType.IntlDateCellType;

package/cellTypes/intlDateType/index.mjs

@@ -0,0 +1 @@
+export { CELL_TYPE, IntlDateCellType } from "./intlDateType.mjs";

package/cellTypes/intlDateType/intlDateType.d.ts

@@ -0,0 +1,23 @@
+import { CellTypeObject } from '../base';
+import { IntlDateEditor } from '../../editors/intlDateEditor';
+import { intlDateRenderer, valueFormatter } from '../../renderers/intlDateRenderer';
+import { intlDateValidator, sourceDataValidator } from '../../validators/intlDateValidator';
+
+export const CELL_TYPE: 'intl-date';
+export interface IntlDateCellType extends CellTypeObject {
+  editor: typeof IntlDateEditor;
+  renderer: typeof intlDateRenderer;
+  validator: typeof intlDateValidator;
+  sourceDataValidator: typeof sourceDataValidator;
+  sourceDataWarningMessage: string;
+  valueFormatter: typeof valueFormatter;
+}
+
+export namespace IntlDateCellType {
+  export { IntlDateCellType as cellType };
+  export { IntlDateEditor as editor };
+  export { intlDateRenderer as renderer };
+  export { intlDateValidator as validator };
+  export { sourceDataValidator };
+  export { valueFormatter };
+}

package/cellTypes/intlDateType/intlDateType.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+var _intlDateEditor = require("../../editors/intlDateEditor");
+var _intlDateRenderer = require("../../renderers/intlDateRenderer");
+var _intlDateValidator = require("../../validators/intlDateValidator");
+const CELL_TYPE = exports.CELL_TYPE = 'intl-date';
+const IntlDateCellType = exports.IntlDateCellType = {
+  CELL_TYPE,
+  editor: _intlDateEditor.IntlDateEditor,
+  renderer: _intlDateRenderer.intlDateRenderer,
+  validator: _intlDateValidator.intlDateValidator,
+  sourceDataValidator: _intlDateValidator.sourceDataValidator,
+  sourceDataWarningMessage: _intlDateValidator.SOURCE_DATA_WARNING_MESSAGE,
+  valueFormatter: _intlDateRenderer.valueFormatter
+};

package/cellTypes/intlDateType/intlDateType.mjs

@@ -0,0 +1,13 @@
+import { IntlDateEditor } from "../../editors/intlDateEditor/index.mjs";
+import { intlDateRenderer, valueFormatter } from "../../renderers/intlDateRenderer/index.mjs";
+import { SOURCE_DATA_WARNING_MESSAGE, intlDateValidator, sourceDataValidator } from "../../validators/intlDateValidator/index.mjs";
+export const CELL_TYPE = 'intl-date';
+export const IntlDateCellType = {
+  CELL_TYPE,
+  editor: IntlDateEditor,
+  renderer: intlDateRenderer,
+  validator: intlDateValidator,
+  sourceDataValidator,
+  sourceDataWarningMessage: SOURCE_DATA_WARNING_MESSAGE,
+  valueFormatter
+};

package/cellTypes/intlTimeType/index.d.ts

@@ -0,0 +1 @@
+export * from './intlTimeType';

package/cellTypes/intlTimeType/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+exports.__esModule = true;
+var _intlTimeType = require("./intlTimeType");
+exports.CELL_TYPE = _intlTimeType.CELL_TYPE;
+exports.IntlTimeCellType = _intlTimeType.IntlTimeCellType;

package/cellTypes/intlTimeType/index.mjs

@@ -0,0 +1 @@
+export { CELL_TYPE, IntlTimeCellType } from "./intlTimeType.mjs";