@handsontable/vue3 12.1.2 → 12.2.0

package/HotColumn.vue.d.ts

@@ -4,7 +4,7 @@ declare const HotColumn: import("vue").DefineComponent<import("./types").VueProp
      * component and it's child components.
      */
     createColumnSettings(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<import("./types").VueProps<import("./types").HotTableProps>>>, {
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<import("./types").VueProps<import("./types").HotTableProps>>>, {
     [x: string]: any;
 }>;
 export default HotColumn;

package/HotTable.vue.d.ts

@@ -23,7 +23,7 @@ declare const HotTable: import("vue").DefineComponent<import("./types").VueProps
      * @returns {HotTableProps[] | undefined}
      */
     getColumnSettings(): HotTableProps[] | void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<import("./types").VueProps<HotTableProps>>>, {
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<import("./types").VueProps<HotTableProps>>>, {
     [x: string]: any;
 }>;
 export default HotTable;

package/commonjs/HotColumn.vue.d.ts

@@ -4,7 +4,7 @@ declare const HotColumn: import("vue").DefineComponent<import("./types").VueProp
      * component and it's child components.
      */
     createColumnSettings(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<import("./types").VueProps<import("./types").HotTableProps>>>, {
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<import("./types").VueProps<import("./types").HotTableProps>>>, {
     [x: string]: any;
 }>;
 export default HotColumn;

package/commonjs/HotTable.vue.d.ts

@@ -23,7 +23,7 @@ declare const HotTable: import("vue").DefineComponent<import("./types").VueProps
      * @returns {HotTableProps[] | undefined}
      */
     getColumnSettings(): HotTableProps[] | void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<import("./types").VueProps<HotTableProps>>>, {
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<import("./types").VueProps<HotTableProps>>>, {
     [x: string]: any;
 }>;
 export default HotTable;

package/commonjs/vue-handsontable.js

@@ -13,7 +13,6 @@ var unassignedPropSymbol = Symbol('unassigned');
 /**
  * Message for the warning thrown if the Handsontable instance has been destroyed.
  */
-
 var HOT_DESTROYED_WARNING = 'The Handsontable instance bound to this component was destroyed and cannot be' + ' used properly.';
 /**
  * Check if at specified `key` there is any value for `object`.
@@ -22,7 +21,6 @@ var HOT_DESTROYED_WARNING = 'The Handsontable instance bound to this component w
  * @param {string} key String key to check.
  * @returns {boolean}
  */
-
 function hasOwnProperty(object, key) {
   return Object.prototype.hasOwnProperty.call(object, key);
 }
@@ -32,35 +30,30 @@ function hasOwnProperty(object, key) {
  * @param {string} source Source for the factory (either 'HotTable' or 'HotColumn').
  * @returns {object}
  */
-
 function propFactory(source) {
   var registeredHooks = Handsontable__default["default"].hooks.getRegistered();
   var propSchema = {};
-  Object.assign(propSchema, Handsontable__default["default"].DefaultSettings); // eslint-disable-next-line no-restricted-syntax, guard-for-in
-
+  Object.assign(propSchema, Handsontable__default["default"].DefaultSettings);
+  // eslint-disable-next-line no-restricted-syntax, guard-for-in
   for (var prop in propSchema) {
     propSchema[prop] = {
       "default": unassignedPropSymbol
     };
   }
-
   for (var i = 0; i < registeredHooks.length; i++) {
     propSchema[registeredHooks[i]] = {
       "default": unassignedPropSymbol
     };
   }
-
   propSchema.settings = {
     "default": unassignedPropSymbol
   };
-
   if (source === 'HotTable') {
     propSchema.id = {
       type: String,
       "default": "hot-".concat(Math.random().toString(36).substring(5))
     };
   }
-
   return propSchema;
 }
 /**
@@ -69,11 +62,9 @@ function propFactory(source) {
  * @param {object} props Object containing all the possible props.
  * @returns {object} Object containing only used props.
  */
-
 function filterPassedProps(props) {
   var filteredProps = {};
   var columnSettingsProp = props.settings;
-
   if (columnSettingsProp !== unassignedPropSymbol) {
     // eslint-disable-next-line no-restricted-syntax
     for (var propName in columnSettingsProp) {
@@ -81,15 +72,13 @@ function filterPassedProps(props) {
         filteredProps[propName] = columnSettingsProp[propName];
       }
     }
-  } // eslint-disable-next-line no-restricted-syntax
-
-
+  }
+  // eslint-disable-next-line no-restricted-syntax
   for (var _propName in props) {
     if (hasOwnProperty(props, _propName) && _propName !== 'settings' && props[_propName] !== unassignedPropSymbol) {
       filteredProps[_propName] = props[_propName];
     }
   }
-
   return filteredProps;
 }
 /**
@@ -99,26 +88,23 @@ function filterPassedProps(props) {
  * @param {Handsontable.GridSettings} currentSettings The current Handsontable settings.
  * @returns {Handsontable.GridSettings} An object containing the properties, ready to be used within Handsontable.
  */
-
 function prepareSettings(props, currentSettings) {
   var assignedProps = filterPassedProps(props);
   var hotSettingsInProps = props.settings ? props.settings : assignedProps;
   var additionalHotSettingsInProps = props.settings ? assignedProps : null;
-  var newSettings = {}; // eslint-disable-next-line no-restricted-syntax
-
+  var newSettings = {};
+  // eslint-disable-next-line no-restricted-syntax
   for (var key in hotSettingsInProps) {
     if (hasOwnProperty(hotSettingsInProps, key) && hotSettingsInProps[key] !== void 0 && (currentSettings && key !== 'data' ? !simpleEqual(currentSettings[key], hotSettingsInProps[key]) : true)) {
       newSettings[key] = hotSettingsInProps[key];
     }
-  } // eslint-disable-next-line no-restricted-syntax
-
-
+  }
+  // eslint-disable-next-line no-restricted-syntax
   for (var _key in additionalHotSettingsInProps) {
     if (hasOwnProperty(additionalHotSettingsInProps, _key) && _key !== 'id' && _key !== 'settings' && additionalHotSettingsInProps[_key] !== void 0 && (currentSettings && _key !== 'data' ? !simpleEqual(currentSettings[_key], additionalHotSettingsInProps[_key]) : true)) {
       newSettings[_key] = additionalHotSettingsInProps[_key];
     }
   }
-
   return newSettings;
 }
 /**
@@ -130,12 +116,11 @@ function prepareSettings(props, currentSettings) {
  * @param {object} objectB Second object to compare.
  * @returns {boolean} `true` if they're the same, `false` otherwise.
  */
-
 function simpleEqual(objectA, objectB) {
   return JSON.stringify(objectA) === JSON.stringify(objectB);
 }
 
-var version="12.1.2";
+var version="12.2.0";
 
 var HotTable = vue.defineComponent({
   name: 'HotTable',
@@ -149,27 +134,23 @@ var HotTable = vue.defineComponent({
     $props: {
       handler: function handler(props) {
         var settings = prepareSettings(props, this.hotInstance ? this.hotInstance.getSettings() : void 0);
-
         if (!this.hotInstance || settings === void 0) {
           return;
         }
-
         if (settings.data) {
           if (this.hotInstance.isColumnModificationAllowed() || !this.hotInstance.isColumnModificationAllowed() && this.hotInstance.countSourceCols() === this.miscCache.currentSourceColumns) {
             // If the dataset dimensions change, update the index mappers.
-            this.matchHotMappersSize(); // Data is automatically synchronized by reference.
-
+            this.matchHotMappersSize();
+            // Data is automatically synchronized by reference.
             delete settings.data;
           }
-        } // If there are another options changed, update the HOT settings, render the table otherwise.
-
-
+        }
+        // If there are another options changed, update the HOT settings, render the table otherwise.
         if (Object.keys(settings).length) {
           this.hotInstance.updateSettings(settings);
         } else {
           this.hotInstance.render();
         }
-
         this.miscCache.currentSourceColumns = this.hotInstance.countSourceCols();
       },
       deep: true,
@@ -180,14 +161,12 @@ var HotTable = vue.defineComponent({
     return {
       /* eslint-disable vue/no-reserved-keys */
       __hotInstance: null,
-
       /* eslint-enable vue/no-reserved-keys */
       miscCache: {
         currentSourceColumns: null
       },
       columnSettings: null,
       columnsCache: new Map(),
-
       get hotInstance() {
         if (!this.__hotInstance || this.__hotInstance && !this.__hotInstance.isDestroyed) {
           // Will return the Handsontable instance or `null` if it's not yet been created.
@@ -198,18 +177,15 @@ var HotTable = vue.defineComponent({
           return null;
         }
       },
-
       set hotInstance(hotInstance) {
         this.__hotInstance = hotInstance;
       }
-
     };
   },
   methods: {
     /**
      * Initialize Handsontable.
-     */
-    hotInit: function hotInit() {
+     */hotInit: function hotInit() {
       var newSettings = prepareSettings(this.$props);
       newSettings.columns = this.columnSettings ? this.columnSettings : newSettings.columns;
       this.hotInstance = vue.markRaw(new Handsontable__default["default"].Core(this.$el, newSettings));
@@ -218,18 +194,15 @@ var HotTable = vue.defineComponent({
     },
     matchHotMappersSize: function matchHotMappersSize() {
       var _this = this;
-
       if (!this.hotInstance) {
         return;
       }
-
       var data = this.hotInstance.getSourceData();
       var rowsToRemove = [];
       var columnsToRemove = [];
       var indexMapperRowCount = this.hotInstance.rowIndexMapper.getNumberOfIndexes();
       var isColumnModificationAllowed = this.hotInstance.isColumnModificationAllowed();
       var indexMapperColumnCount = 0;
-
       if (data && data.length !== indexMapperRowCount) {
         if (data.length < indexMapperRowCount) {
           for (var r = data.length; r < indexMapperRowCount; r++) {
@@ -237,12 +210,9 @@ var HotTable = vue.defineComponent({
           }
         }
       }
-
       if (isColumnModificationAllowed) {
         var _data$;
-
         indexMapperColumnCount = this.hotInstance.columnIndexMapper.getNumberOfIndexes();
-
         if (data && data[0] && ((_data$ = data[0]) === null || _data$ === void 0 ? void 0 : _data$.length) !== indexMapperColumnCount) {
           if (data[0].length < indexMapperColumnCount) {
             for (var c = data[0].length; c < indexMapperColumnCount; c++) {
@@ -251,14 +221,12 @@ var HotTable = vue.defineComponent({
           }
         }
       }
-
       this.hotInstance.batch(function () {
         if (rowsToRemove.length > 0) {
           _this.hotInstance.rowIndexMapper.removeIndexes(rowsToRemove);
         } else {
           _this.hotInstance.rowIndexMapper.insertIndexes(indexMapperRowCount - 1, data.length - indexMapperRowCount);
         }
-
         if (isColumnModificationAllowed && data.length !== 0) {
           if (columnsToRemove.length > 0) {
             _this.hotInstance.columnIndexMapper.removeIndexes(columnsToRemove);
@@ -268,13 +236,11 @@ var HotTable = vue.defineComponent({
         }
       });
     },
-
     /**
      * Get settings for the columns provided in the `hot-column` components.
      *
      * @returns {HotTableProps[] | undefined}
-     */
-    getColumnSettings: function getColumnSettings() {
+     */getColumnSettings: function getColumnSettings() {
       var columnSettings = Array.from(this.columnsCache.values());
       return columnSettings.length ? columnSettings : void 0;
     }
@@ -295,9 +261,7 @@ var _hoisted_1 = ["id"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", {
     id: _ctx.id
-  }, [vue.renderSlot(_ctx.$slots, "default")], 8
-  /* PROPS */
-  , _hoisted_1);
+  }, [vue.renderSlot(_ctx.$slots, "default")], 8 /* PROPS */, _hoisted_1);
 }
 
 HotTable.render = render;
@@ -305,17 +269,14 @@ HotTable.__file = "src/HotTable.vue";
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
-
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     enumerableOnly && (symbols = symbols.filter(function (sym) {
       return Object.getOwnPropertyDescriptor(object, sym).enumerable;
     })), keys.push.apply(keys, symbols);
   }
-
   return keys;
 }
-
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = null != arguments[i] ? arguments[i] : {};
@@ -325,10 +286,8 @@ function _objectSpread2(target) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
-
   return target;
 }
-
 function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
@@ -340,7 +299,6 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 
@@ -352,20 +310,15 @@ var HotColumn = vue.defineComponent({
     /**
      * Create the column settings based on the data provided to the `hot-column`
      * component and it's child components.
-     */
-    createColumnSettings: function createColumnSettings() {
+     */createColumnSettings: function createColumnSettings() {
       var assignedProps = filterPassedProps(this.$props);
-
       var columnSettings = _objectSpread2({}, assignedProps);
-
       if (assignedProps.renderer) {
         columnSettings.renderer = assignedProps.renderer;
       }
-
       if (assignedProps.editor) {
         columnSettings.editor = assignedProps.editor;
       }
-
       this.columnsCache.set(this, columnSettings);
     }
   },

package/dist/HotColumn.vue.d.ts

@@ -4,7 +4,7 @@ declare const HotColumn: import("vue").DefineComponent<import("./types").VueProp
      * component and it's child components.
      */
     createColumnSettings(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<import("./types").VueProps<import("./types").HotTableProps>>>, {
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<import("./types").VueProps<import("./types").HotTableProps>>>, {
     [x: string]: any;
 }>;
 export default HotColumn;

package/dist/HotTable.vue.d.ts

@@ -23,7 +23,7 @@ declare const HotTable: import("vue").DefineComponent<import("./types").VueProps
      * @returns {HotTableProps[] | undefined}
      */
     getColumnSettings(): HotTableProps[] | void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<import("./types").VueProps<HotTableProps>>>, {
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<import("./types").VueProps<HotTableProps>>>, {
     [x: string]: any;
 }>;
 export default HotTable;