@handsontable/react 14.3.0 → 14.4.0-next-0a79a1f-20240521

package/dist/react-handsontable.js

@@ -25,7 +25,7 @@
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  * 
- * Version: 14.3.0 (built at Tue Apr 16 2024 10:25:34 GMT+0200 (Central European Summer Time))
+ * Version: 14.4.0-next-0a79a1f-20240521 (built at Tue May 21 2024 10:49:08 GMT+0000 (Coordinated Universal Time))
  */
 (function (global, factory) {
 typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-dom'), require('handsontable/base'), require('handsontable/renderers/registry'), require('handsontable/editors/registry')) :
@@ -75,25 +75,16 @@ 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");
+    var i = e.call(t, r );
     if ("object" != typeof i) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return ("string" === r ? String : Number)(t);
+  return (String )(t);
 }
 function _toPropertyKey(t) {
   var i = _toPrimitive(t, "string");
   return "symbol" == typeof i ? i : i + "";
 }
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
     throw new TypeError("Cannot call a class as a function");
@@ -162,12 +153,11 @@ function _setPrototypeOf(o, p) {
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
+  for (var key in source) {
+    if (Object.prototype.hasOwnProperty.call(source, key)) {
+      if (excluded.indexOf(key) >= 0) continue;
+      target[key] = source[key];
+    }
   }
   return target;
 }
@@ -398,20 +388,37 @@ var SettingsMapper = /*#__PURE__*/function () {
      * Parse component settings into Handosntable-compatible settings.
      *
      * @param {Object} properties Object containing properties from the HotTable object.
+     * @param {Object} additionalSettings Additional settings.
+     * @param {boolean} additionalSettings.isInit Flag determining whether the settings are being set during initialization.
+     * @param {string[]} additionalSettings.initOnlySettingKeys Array of keys that can be set only during initialization.
      * @returns {Object} Handsontable-compatible settings object.
      */
     function getSettings(properties) {
+      var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+        _ref$prevProps = _ref.prevProps,
+        prevProps = _ref$prevProps === void 0 ? {} : _ref$prevProps,
+        _ref$isInit = _ref.isInit,
+        isInit = _ref$isInit === void 0 ? false : _ref$isInit,
+        _ref$initOnlySettingK = _ref.initOnlySettingKeys,
+        initOnlySettingKeys = _ref$initOnlySettingK === void 0 ? [] : _ref$initOnlySettingK;
+      var shouldSkipProp = function shouldSkipProp(key) {
+        // Omit settings that can be set only during initialization and are intentionally modified.
+        if (!isInit && initOnlySettingKeys.includes(key)) {
+          return prevProps[key] === properties[key];
+        }
+        return false;
+      };
       var newSettings = {};
       if (properties.settings) {
         var settings = properties.settings;
         for (var key in settings) {
-          if (settings.hasOwnProperty(key)) {
+          if (settings.hasOwnProperty(key) && !shouldSkipProp(key)) {
             newSettings[key] = settings[key];
           }
         }
       }
       for (var _key in properties) {
-        if (_key !== 'settings' && _key !== 'children' && properties.hasOwnProperty(_key)) {
+        if (_key !== 'settings' && _key !== 'children' && !shouldSkipProp(_key) && properties.hasOwnProperty(_key)) {
           newSettings[_key] = properties[_key];
         }
       }
@@ -539,276 +546,29 @@ var RenderersPortalManager = /*#__PURE__*/function (_React$Component) {
   }]);
 }(React__default["default"].Component);
 
-var version="14.3.0";
+var version="14.4.0-next-0a79a1f-20240521";
 
-function createCommonjsModule(fn, module) {
-	return module = { exports: {} }, fn(module, module.exports), module.exports;
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
 
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
+var propTypes = {exports: {}};
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-
-var b = "function" === typeof Symbol && Symbol["for"],
-  c = b ? Symbol["for"]("react.element") : 60103,
-  d = b ? Symbol["for"]("react.portal") : 60106,
-  e = b ? Symbol["for"]("react.fragment") : 60107,
-  f = b ? Symbol["for"]("react.strict_mode") : 60108,
-  g = b ? Symbol["for"]("react.profiler") : 60114,
-  h = b ? Symbol["for"]("react.provider") : 60109,
-  k = b ? Symbol["for"]("react.context") : 60110,
-  l = b ? Symbol["for"]("react.async_mode") : 60111,
-  m = b ? Symbol["for"]("react.concurrent_mode") : 60111,
-  n = b ? Symbol["for"]("react.forward_ref") : 60112,
-  p = b ? Symbol["for"]("react.suspense") : 60113,
-  q = b ? Symbol["for"]("react.suspense_list") : 60120,
-  r = b ? Symbol["for"]("react.memo") : 60115,
-  t = b ? Symbol["for"]("react.lazy") : 60116,
-  v = b ? Symbol["for"]("react.block") : 60121,
-  w = b ? Symbol["for"]("react.fundamental") : 60117,
-  x = b ? Symbol["for"]("react.responder") : 60118,
-  y = b ? Symbol["for"]("react.scope") : 60119;
-function z(a) {
-  if ("object" === _typeof(a) && null !== a) {
-    var u = a.$$typeof;
-    switch (u) {
-      case c:
-        switch (a = a.type, a) {
-          case l:
-          case m:
-          case e:
-          case g:
-          case f:
-          case p:
-            return a;
-          default:
-            switch (a = a && a.$$typeof, a) {
-              case k:
-              case n:
-              case t:
-              case r:
-              case h:
-                return a;
-              default:
-                return u;
-            }
-        }
-      case d:
-        return u;
-    }
-  }
-}
-function A(a) {
-  return z(a) === m;
-}
-var AsyncMode = l;
-var ConcurrentMode = m;
-var ContextConsumer = k;
-var ContextProvider = h;
-var Element = c;
-var ForwardRef = n;
-var Fragment = e;
-var Lazy = t;
-var Memo = r;
-var Portal = d;
-var Profiler = g;
-var StrictMode = f;
-var Suspense = p;
-var isAsyncMode = function isAsyncMode(a) {
-  return A(a) || z(a) === l;
-};
-var isConcurrentMode = A;
-var isContextConsumer = function isContextConsumer(a) {
-  return z(a) === k;
-};
-var isContextProvider = function isContextProvider(a) {
-  return z(a) === h;
-};
-var isElement = function isElement(a) {
-  return "object" === _typeof(a) && null !== a && a.$$typeof === c;
-};
-var isForwardRef = function isForwardRef(a) {
-  return z(a) === n;
-};
-var isFragment = function isFragment(a) {
-  return z(a) === e;
-};
-var isLazy = function isLazy(a) {
-  return z(a) === t;
-};
-var isMemo = function isMemo(a) {
-  return z(a) === r;
-};
-var isPortal = function isPortal(a) {
-  return z(a) === d;
-};
-var isProfiler = function isProfiler(a) {
-  return z(a) === g;
-};
-var isStrictMode = function isStrictMode(a) {
-  return z(a) === f;
-};
-var isSuspense = function isSuspense(a) {
-  return z(a) === p;
-};
-var isValidElementType = function isValidElementType(a) {
-  return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === _typeof(a) && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
-};
-var typeOf = z;
-var reactIs_production_min = {
-  AsyncMode: AsyncMode,
-  ConcurrentMode: ConcurrentMode,
-  ContextConsumer: ContextConsumer,
-  ContextProvider: ContextProvider,
-  Element: Element,
-  ForwardRef: ForwardRef,
-  Fragment: Fragment,
-  Lazy: Lazy,
-  Memo: Memo,
-  Portal: Portal,
-  Profiler: Profiler,
-  StrictMode: StrictMode,
-  Suspense: Suspense,
-  isAsyncMode: isAsyncMode,
-  isConcurrentMode: isConcurrentMode,
-  isContextConsumer: isContextConsumer,
-  isContextProvider: isContextProvider,
-  isElement: isElement,
-  isForwardRef: isForwardRef,
-  isFragment: isFragment,
-  isLazy: isLazy,
-  isMemo: isMemo,
-  isPortal: isPortal,
-  isProfiler: isProfiler,
-  isStrictMode: isStrictMode,
-  isSuspense: isSuspense,
-  isValidElementType: isValidElementType,
-  typeOf: typeOf
-};
-
-var reactIs_development = createCommonjsModule(function (module, exports) {
-});
-reactIs_development.AsyncMode;
-reactIs_development.ConcurrentMode;
-reactIs_development.ContextConsumer;
-reactIs_development.ContextProvider;
-reactIs_development.Element;
-reactIs_development.ForwardRef;
-reactIs_development.Fragment;
-reactIs_development.Lazy;
-reactIs_development.Memo;
-reactIs_development.Portal;
-reactIs_development.Profiler;
-reactIs_development.StrictMode;
-reactIs_development.Suspense;
-reactIs_development.isAsyncMode;
-reactIs_development.isConcurrentMode;
-reactIs_development.isContextConsumer;
-reactIs_development.isContextProvider;
-reactIs_development.isElement;
-reactIs_development.isForwardRef;
-reactIs_development.isFragment;
-reactIs_development.isLazy;
-reactIs_development.isMemo;
-reactIs_development.isPortal;
-reactIs_development.isProfiler;
-reactIs_development.isStrictMode;
-reactIs_development.isSuspense;
-reactIs_development.isValidElementType;
-reactIs_development.typeOf;
-
-createCommonjsModule(function (module) {
-
-  {
-    module.exports = reactIs_production_min;
-  }
-});
-
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-
-
-/* eslint-disable no-unused-vars */
-var getOwnPropertySymbols = Object.getOwnPropertySymbols;
-var hasOwnProperty = Object.prototype.hasOwnProperty;
-var propIsEnumerable = Object.prototype.propertyIsEnumerable;
-function toObject(val) {
-  if (val === null || val === undefined) {
-    throw new TypeError('Object.assign cannot be called with null or undefined');
-  }
-  return Object(val);
-}
-function shouldUseNative() {
-  try {
-    if (!Object.assign) {
-      return false;
-    }
-
-    // Detect buggy property enumeration order in older V8 versions.
-
-    // https://bugs.chromium.org/p/v8/issues/detail?id=4118
-    var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
-    test1[5] = 'de';
-    if (Object.getOwnPropertyNames(test1)[0] === '5') {
-      return false;
-    }
-
-    // https://bugs.chromium.org/p/v8/issues/detail?id=3056
-    var test2 = {};
-    for (var i = 0; i < 10; i++) {
-      test2['_' + String.fromCharCode(i)] = i;
-    }
-    var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
-      return test2[n];
-    });
-    if (order2.join('') !== '0123456789') {
-      return false;
-    }
-
-    // https://bugs.chromium.org/p/v8/issues/detail?id=3056
-    var test3 = {};
-    'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
-      test3[letter] = letter;
-    });
-    if (Object.keys(Object.assign({}, test3)).join('') !== 'abcdefghijklmnopqrst') {
-      return false;
-    }
-    return true;
-  } catch (err) {
-    // We don't expect any of the above to throw, but better to be safe.
-    return false;
-  }
+var ReactPropTypesSecret_1;
+var hasRequiredReactPropTypesSecret;
+function requireReactPropTypesSecret() {
+  if (hasRequiredReactPropTypesSecret) return ReactPropTypesSecret_1;
+  hasRequiredReactPropTypesSecret = 1;
+  var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+  ReactPropTypesSecret_1 = ReactPropTypesSecret;
+  return ReactPropTypesSecret_1;
 }
-shouldUseNative() ? Object.assign : function (target, source) {
-  var from;
-  var to = toObject(target);
-  var symbols;
-  for (var s = 1; s < arguments.length; s++) {
-    from = Object(arguments[s]);
-    for (var key in from) {
-      if (hasOwnProperty.call(from, key)) {
-        to[key] = from[key];
-      }
-    }
-    if (getOwnPropertySymbols) {
-      symbols = getOwnPropertySymbols(from);
-      for (var i = 0; i < symbols.length; i++) {
-        if (propIsEnumerable.call(from, symbols[i])) {
-          to[symbols[i]] = from[symbols[i]];
-        }
-      }
-    }
-  }
-  return to;
-};
 
 /**
  * Copyright (c) 2013-present, Facebook, Inc.
@@ -816,73 +576,73 @@ shouldUseNative() ? Object.assign : function (target, source) {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-
-
-var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
-var ReactPropTypesSecret_1 = ReactPropTypesSecret;
-
-Function.call.bind(Object.prototype.hasOwnProperty);
-
-function emptyFunction() {}
-function emptyFunctionWithReset() {}
-emptyFunctionWithReset.resetWarningCache = emptyFunction;
-var factoryWithThrowingShims = function factoryWithThrowingShims() {
-  function shim(props, propName, componentName, location, propFullName, secret) {
-    if (secret === ReactPropTypesSecret_1) {
-      // It is still safe when called from React.
-      return;
-    }
-    var err = new Error('Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use PropTypes.checkPropTypes() to call them. ' + 'Read more at http://fb.me/use-check-prop-types');
-    err.name = 'Invariant Violation';
-    throw err;
-  }
-  shim.isRequired = shim;
-  function getShim() {
-    return shim;
-  }
-  // Important!
-  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
-  var ReactPropTypes = {
-    array: shim,
-    bigint: shim,
-    bool: shim,
-    func: shim,
-    number: shim,
-    object: shim,
-    string: shim,
-    symbol: shim,
-    any: shim,
-    arrayOf: getShim,
-    element: shim,
-    elementType: shim,
-    instanceOf: getShim,
-    node: shim,
-    objectOf: getShim,
-    oneOf: getShim,
-    oneOfType: getShim,
-    shape: getShim,
-    exact: getShim,
-    checkPropTypes: emptyFunctionWithReset,
-    resetWarningCache: emptyFunction
+var factoryWithThrowingShims;
+var hasRequiredFactoryWithThrowingShims;
+function requireFactoryWithThrowingShims() {
+  if (hasRequiredFactoryWithThrowingShims) return factoryWithThrowingShims;
+  hasRequiredFactoryWithThrowingShims = 1;
+  var ReactPropTypesSecret = requireReactPropTypesSecret();
+  function emptyFunction() {}
+  function emptyFunctionWithReset() {}
+  emptyFunctionWithReset.resetWarningCache = emptyFunction;
+  factoryWithThrowingShims = function factoryWithThrowingShims() {
+    function shim(props, propName, componentName, location, propFullName, secret) {
+      if (secret === ReactPropTypesSecret) {
+        // It is still safe when called from React.
+        return;
+      }
+      var err = new Error('Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use PropTypes.checkPropTypes() to call them. ' + 'Read more at http://fb.me/use-check-prop-types');
+      err.name = 'Invariant Violation';
+      throw err;
+    }
+    shim.isRequired = shim;
+    function getShim() {
+      return shim;
+    }
+    // Important!
+    // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
+    var ReactPropTypes = {
+      array: shim,
+      bigint: shim,
+      bool: shim,
+      func: shim,
+      number: shim,
+      object: shim,
+      string: shim,
+      symbol: shim,
+      any: shim,
+      arrayOf: getShim,
+      element: shim,
+      elementType: shim,
+      instanceOf: getShim,
+      node: shim,
+      objectOf: getShim,
+      oneOf: getShim,
+      oneOfType: getShim,
+      shape: getShim,
+      exact: getShim,
+      checkPropTypes: emptyFunctionWithReset,
+      resetWarningCache: emptyFunction
+    };
+    ReactPropTypes.PropTypes = ReactPropTypes;
+    return ReactPropTypes;
   };
-  ReactPropTypes.PropTypes = ReactPropTypes;
-  return ReactPropTypes;
-};
-
-var propTypes = createCommonjsModule(function (module) {
-  /**
-   * Copyright (c) 2013-present, Facebook, Inc.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   */
+  return factoryWithThrowingShims;
+}
 
-  {
-    // By explicitly using `prop-types` you are opting into new production behavior.
-    // http://fb.me/prop-types-in-prod
-    module.exports = factoryWithThrowingShims();
-  }
-});
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+{
+  // By explicitly using `prop-types` you are opting into new production behavior.
+  // http://fb.me/prop-types-in-prod
+  propTypes.exports = requireFactoryWithThrowingShims()();
+}
+var propTypesExports = propTypes.exports;
+var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
 
 /**
  * A Handsontable-ReactJS wrapper.
@@ -999,11 +759,18 @@ var HotTableClass = /*#__PURE__*/function (_React$Component) {
         return null;
       }
     }
+    /**
+     * Returns `true` if the `hotInstance` exists, but was destroyed.
+     *
+     * @private
+     * @returns {boolean}
+     */,
+    set:
     /**
      * Setter for the property storing the Handsontable instance.
      * @param {Handsontable} hotInstance The Handsontable instance.
-     */,
-    set: function set(hotInstance) {
+     */
+    function set(hotInstance) {
       this.__hotInstance = hotInstance;
     }
     /**
@@ -1011,6 +778,11 @@ var HotTableClass = /*#__PURE__*/function (_React$Component) {
      *
      * @returns {Map}
      */
+  }, {
+    key: "_isHotInstanceDestroyed",
+    value: function _isHotInstanceDestroyed() {
+      return this.__hotInstance && this.__hotInstance.isDestroyed;
+    }
   }, {
     key: "getPortalContainerCache",
     value: function getPortalContainerCache() {
@@ -1211,12 +983,24 @@ var HotTableClass = /*#__PURE__*/function (_React$Component) {
     /**
      * Create a new settings object containing the column settings and global editors and renderers.
      *
+     * @param {boolean} [init=false] `true` if called on Handsontable initialization.
+     * @param {HotTableProps} [prevProps] The previous properties object.
      * @returns {Handsontable.GridSettings} New global set of settings for Handsontable.
      */
   }, {
     key: "createNewGlobalSettings",
     value: function createNewGlobalSettings() {
-      var newSettings = SettingsMapper.getSettings(this.props);
+      var _this$hotInstance;
+      var init = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      var prevProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var initOnlySettingKeys = !this._isHotInstanceDestroyed() ?
+      // Needed for React's double-rendering.
+      ((_this$hotInstance = this.hotInstance) === null || _this$hotInstance === void 0 || (_this$hotInstance = _this$hotInstance.getSettings()) === null || _this$hotInstance === void 0 ? void 0 : _this$hotInstance._initOnlySettings) || [] : [];
+      var newSettings = SettingsMapper.getSettings(this.props, {
+        prevProps: prevProps,
+        isInit: init,
+        initOnlySettingKeys: initOnlySettingKeys
+      });
       var globalRendererNode = this.getGlobalRendererElement();
       var globalEditorNode = this.getGlobalEditorElement();
       newSettings.columns = this.columnSettings.length ? this.columnSettings : newSettings.columns;
@@ -1322,7 +1106,7 @@ var HotTableClass = /*#__PURE__*/function (_React$Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this3 = this;
-      var newGlobalSettings = this.createNewGlobalSettings();
+      var newGlobalSettings = this.createNewGlobalSettings(true);
       this.hotInstance = new Handsontable__default["default"].Core(this.hotElementRef, newGlobalSettings);
       this.hotInstance.addHook('beforeViewRender', function () {
         return _this3.handsontableBeforeViewRender();
@@ -1339,9 +1123,9 @@ var HotTableClass = /*#__PURE__*/function (_React$Component) {
      */
   }, {
     key: "componentDidUpdate",
-    value: function componentDidUpdate() {
+    value: function componentDidUpdate(prevProps) {
       this.clearCache();
-      var newGlobalSettings = this.createNewGlobalSettings();
+      var newGlobalSettings = this.createNewGlobalSettings(false, prevProps);
       this.updateHot(newGlobalSettings);
       this.displayAutoSizeWarning(newGlobalSettings);
     }
@@ -1402,9 +1186,9 @@ var HotTableClass = /*#__PURE__*/function (_React$Component) {
  * Prop types to be checked at runtime.
  */
 HotTableClass.propTypes = {
-  style: propTypes.object,
-  id: propTypes.string,
-  className: propTypes.string
+  style: PropTypes.object,
+  id: PropTypes.string,
+  className: PropTypes.string
 };
 
 var _excluded = ["children"];