handsontable 0.0.0-next-fd9f817-20241125 → 0.0.0-next-fcb9b77-20241126

package/core/hooks/index.d.ts

@@ -134,7 +134,6 @@ export interface Events {
   afterSetDataAtCell?: (changes: CellChange[], source?: ChangeSource) => void;
   afterSetDataAtRowProp?: (changes: CellChange[], source?: ChangeSource) => void;
   afterSetSourceDataAtCell?: (changes: CellChange[], source?: ChangeSource) => void;
-  afterSetTheme?: (themeName: string|boolean|undefined, firstRun: boolean) => void;
   afterSheetAdded?: (addedSheetDisplayName: string) => void;
   afterSheetRemoved?: (removedSheetDisplayName: string, changes: ExportedChange[]) => void;
   afterSheetRenamed?: (oldDisplayName: string, newDisplayName: string) => void;
@@ -227,8 +226,8 @@ export interface Events {
   beforeUpdateData?: (sourceData: CellValue[], initialLoad: boolean, source: string | undefined) => void;
   beforeValidate?: (value: CellValue, row: number, prop: string | number, source?: ChangeSource) => void;
   beforeValueRender?: (value: CellValue, cellProperties: CellProperties) => void;
-  beforeViewportScrollVertically?: (visualRow: number) => number | boolean;
-  beforeViewportScrollHorizontally?: (visualColumn: number) => number | boolean;
+  beforeViewportScrollVertically?: (visualRow: number, snapping: 'auto' | 'top' | 'bottom') => number | boolean | null;
+  beforeViewportScrollHorizontally?: (visualColumn: number, snapping: 'auto' | 'start' | 'end') => number | boolean | null;
   beforeViewportScroll?: () => void;
   beforeViewRender?: (isForced: boolean, skipRender: { skipRender?: boolean }) => void;
   construct?: () => void;

package/core.d.ts

@@ -73,7 +73,6 @@ export default class Core {
   getCoords(element: Element | null): CellCoords;
   getCopyableData(row: number, column: number): string;
   getCopyableText(startRow: number, startColumn: number, endRow: number, endColumn: number): string;
-  getCurrentThemeName(): string | undefined;
   getData(row?: number, column?: number, row2?: number, column2?: number): CellValue[];
   getDataAtCell(row: number, column: number): CellValue;
   getDataAtCol(column: number): CellValue[];
@@ -180,7 +179,6 @@ export default class Core {
   unlisten(): void;
   updateData(data: CellValue[][] | RowObject[], source?: string): void;
   updateSettings(settings: GridSettings, init?: boolean): void;
-  useTheme(themeName: string|boolean|undefined): void;
   validateCell(value: any, cellProperties: CellProperties, callback: (valid: boolean) => void, source: string): void;
   validateCells(callback?: (valid: boolean) => void): void;
   validateColumns(columns: number[], callback?: (valid: boolean) => void): void;

package/core.js

@@ -47,7 +47,6 @@ var _index3 = require("./core/index");
 var _uniqueMap = require("./utils/dataStructures/uniqueMap");
 var _shortcuts = require("./shortcuts");
 var _shortcutContexts = require("./shortcutContexts");
-var _themes = require("./helpers/themes");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 let activeGuid = null;
 
@@ -235,7 +234,6 @@ function Core(rootElement, userSettings) {
   rootElement.insertBefore(this.container, rootElement.firstChild);
   if ((0, _rootInstance.isRootInstance)(this)) {
     (0, _mixed._injectProductInfo)(userSettings.licenseKey, rootElement);
-    (0, _element.addClass)(rootElement, 'ht-wrapper');
   }
   this.guid = `ht_${(0, _string.randomString)()}`; // this is the namespace for global events
 
@@ -1036,13 +1034,6 @@ function Core(rootElement, userSettings) {
     }
     this.updateSettings(tableMeta, true);
     this.view = new _tableView.default(this);
-    const themeName = tableMeta.themeName || (0, _themes.getThemeClassName)(instance.rootElement);
-
-    // Use the theme defined as a root element class or in the settings (in that order).
-    instance.useTheme(themeName);
-
-    // Add the theme class name to the license info element.
-    instance.view.addClassNameToLicenseElement(instance.getCurrentThemeName());
     editorManager = _editorManager.default.getInstance(instance, tableMeta, selection);
     viewportScroller = (0, _index3.createViewportScroller)(instance);
     focusManager = new _focusManager.FocusManager(instance);
@@ -2396,19 +2387,6 @@ function Core(rootElement, userSettings) {
       if (instance.view) {
         instance.view._wt.wtViewport.resetHasOversizedColumnHeadersMarked();
         instance.view._wt.exportSettingsAsClassNames();
-        const currentThemeName = instance.getCurrentThemeName();
-        const themeNameOptionExists = (0, _object.hasOwnProperty)(settings, 'themeName');
-        if (currentThemeName && themeNameOptionExists) {
-          instance.view.getStylesHandler().removeClassNames();
-          instance.view.removeClassNameFromLicenseElement(currentThemeName);
-        }
-        const themeName = themeNameOptionExists && settings.themeName || (0, _themes.getThemeClassName)(instance.rootElement);
-
-        // Use the theme defined as a root element class or in the settings (in that order).
-        instance.useTheme(themeName);
-
-        // Add the theme class name to the license info element.
-        instance.view.addClassNameToLicenseElement(instance.getCurrentThemeName());
       }
       instance.runHooks('afterUpdateSettings', settings);
     }
@@ -4105,22 +4083,8 @@ function Core(rootElement, userSettings) {
     const {
       row,
       col,
-      verticalSnap,
-      horizontalSnap,
       considerHiddenIndexes
     } = (_options = options) !== null && _options !== void 0 ? _options : {};
-    let snapToTop;
-    let snapToBottom;
-    let snapToInlineStart;
-    let snapToInlineEnd;
-    if (verticalSnap !== undefined) {
-      snapToTop = verticalSnap === 'top';
-      snapToBottom = !snapToTop;
-    }
-    if (horizontalSnap !== undefined) {
-      snapToInlineStart = horizontalSnap === 'start';
-      snapToInlineEnd = !snapToInlineStart;
-    }
     let renderableRow = row;
     let renderableColumn = col;
     if (considerHiddenIndexes === undefined || considerHiddenIndexes) {
@@ -4137,13 +4101,13 @@ function Core(rootElement, userSettings) {
     const isRowInteger = Number.isInteger(renderableRow);
     const isColumnInteger = Number.isInteger(renderableColumn);
     if (isRowInteger && renderableRow >= 0 && isColumnInteger && renderableColumn >= 0) {
-      return instance.view.scrollViewport(instance._createCellCoords(renderableRow, renderableColumn), snapToTop, snapToInlineEnd, snapToBottom, snapToInlineStart);
+      return instance.view.scrollViewport(instance._createCellCoords(renderableRow, renderableColumn), options.horizontalSnap, options.verticalSnap);
     }
     if (isRowInteger && renderableRow >= 0 && (isColumnInteger && renderableColumn < 0 || !isColumnInteger)) {
-      return instance.view.scrollViewportVertically(renderableRow, snapToTop, snapToBottom);
+      return instance.view.scrollViewportVertically(renderableRow, options.verticalSnap);
     }
     if (isColumnInteger && renderableColumn >= 0 && (isRowInteger && renderableRow < 0 || !isRowInteger)) {
-      return instance.view.scrollViewportHorizontally(renderableColumn, snapToInlineEnd, snapToInlineStart);
+      return instance.view.scrollViewportHorizontally(renderableColumn, options.horizontalSnap);
     }
     return false;
   };
@@ -4612,31 +4576,6 @@ function Core(rootElement, userSettings) {
   };
   this.timeouts = [];
 
-  /**
-   * Use the theme specified by the provided name.
-   *
-   * @memberof Core#
-   * @function useTheme
-   * @since 15.0.0
-   * @param {string|boolean|undefined} themeName The name of the theme to use.
-   */
-  this.useTheme = themeName => {
-    this.view.getStylesHandler().useTheme(themeName);
-    this.runHooks('afterSetTheme', themeName, !!firstRun);
-  };
-
-  /**
-   * Gets the name of the currently used theme.
-   *
-   * @memberof Core#
-   * @function getCurrentThemeName
-   * @since 15.0.0
-   * @returns {string|undefined} The name of the currently used theme.
-   */
-  this.getCurrentThemeName = () => {
-    return this.view.getStylesHandler().getThemeName();
-  };
-
   /**
    * Sets timeout. Purpose of this method is to clear all known timeouts when `destroy` method is called.
    *

package/core.mjs

@@ -43,7 +43,6 @@ import { installFocusCatcher, createViewportScroller } from "./core/index.mjs";
 import { createUniqueMap } from "./utils/dataStructures/uniqueMap.mjs";
 import { createShortcutManager } from "./shortcuts/index.mjs";
 import { registerAllShortcutContexts } from "./shortcutContexts/index.mjs";
-import { getThemeClassName } from "./helpers/themes.mjs";
 let activeGuid = null;
 
 /**
@@ -230,7 +229,6 @@ export default function Core(rootElement, userSettings) {
   rootElement.insertBefore(this.container, rootElement.firstChild);
   if (isRootInstance(this)) {
     _injectProductInfo(userSettings.licenseKey, rootElement);
-    addClass(rootElement, 'ht-wrapper');
   }
   this.guid = `ht_${randomString()}`; // this is the namespace for global events
 
@@ -1031,13 +1029,6 @@ export default function Core(rootElement, userSettings) {
     }
     this.updateSettings(tableMeta, true);
     this.view = new TableView(this);
-    const themeName = tableMeta.themeName || getThemeClassName(instance.rootElement);
-
-    // Use the theme defined as a root element class or in the settings (in that order).
-    instance.useTheme(themeName);
-
-    // Add the theme class name to the license info element.
-    instance.view.addClassNameToLicenseElement(instance.getCurrentThemeName());
     editorManager = EditorManager.getInstance(instance, tableMeta, selection);
     viewportScroller = createViewportScroller(instance);
     focusManager = new FocusManager(instance);
@@ -2391,19 +2382,6 @@ export default function Core(rootElement, userSettings) {
       if (instance.view) {
         instance.view._wt.wtViewport.resetHasOversizedColumnHeadersMarked();
         instance.view._wt.exportSettingsAsClassNames();
-        const currentThemeName = instance.getCurrentThemeName();
-        const themeNameOptionExists = hasOwnProperty(settings, 'themeName');
-        if (currentThemeName && themeNameOptionExists) {
-          instance.view.getStylesHandler().removeClassNames();
-          instance.view.removeClassNameFromLicenseElement(currentThemeName);
-        }
-        const themeName = themeNameOptionExists && settings.themeName || getThemeClassName(instance.rootElement);
-
-        // Use the theme defined as a root element class or in the settings (in that order).
-        instance.useTheme(themeName);
-
-        // Add the theme class name to the license info element.
-        instance.view.addClassNameToLicenseElement(instance.getCurrentThemeName());
       }
       instance.runHooks('afterUpdateSettings', settings);
     }
@@ -4100,22 +4078,8 @@ export default function Core(rootElement, userSettings) {
     const {
       row,
       col,
-      verticalSnap,
-      horizontalSnap,
       considerHiddenIndexes
     } = (_options = options) !== null && _options !== void 0 ? _options : {};
-    let snapToTop;
-    let snapToBottom;
-    let snapToInlineStart;
-    let snapToInlineEnd;
-    if (verticalSnap !== undefined) {
-      snapToTop = verticalSnap === 'top';
-      snapToBottom = !snapToTop;
-    }
-    if (horizontalSnap !== undefined) {
-      snapToInlineStart = horizontalSnap === 'start';
-      snapToInlineEnd = !snapToInlineStart;
-    }
     let renderableRow = row;
     let renderableColumn = col;
     if (considerHiddenIndexes === undefined || considerHiddenIndexes) {
@@ -4132,13 +4096,13 @@ export default function Core(rootElement, userSettings) {
     const isRowInteger = Number.isInteger(renderableRow);
     const isColumnInteger = Number.isInteger(renderableColumn);
     if (isRowInteger && renderableRow >= 0 && isColumnInteger && renderableColumn >= 0) {
-      return instance.view.scrollViewport(instance._createCellCoords(renderableRow, renderableColumn), snapToTop, snapToInlineEnd, snapToBottom, snapToInlineStart);
+      return instance.view.scrollViewport(instance._createCellCoords(renderableRow, renderableColumn), options.horizontalSnap, options.verticalSnap);
     }
     if (isRowInteger && renderableRow >= 0 && (isColumnInteger && renderableColumn < 0 || !isColumnInteger)) {
-      return instance.view.scrollViewportVertically(renderableRow, snapToTop, snapToBottom);
+      return instance.view.scrollViewportVertically(renderableRow, options.verticalSnap);
     }
     if (isColumnInteger && renderableColumn >= 0 && (isRowInteger && renderableRow < 0 || !isRowInteger)) {
-      return instance.view.scrollViewportHorizontally(renderableColumn, snapToInlineEnd, snapToInlineStart);
+      return instance.view.scrollViewportHorizontally(renderableColumn, options.horizontalSnap);
     }
     return false;
   };
@@ -4607,31 +4571,6 @@ export default function Core(rootElement, userSettings) {
   };
   this.timeouts = [];
 
-  /**
-   * Use the theme specified by the provided name.
-   *
-   * @memberof Core#
-   * @function useTheme
-   * @since 15.0.0
-   * @param {string|boolean|undefined} themeName The name of the theme to use.
-   */
-  this.useTheme = themeName => {
-    this.view.getStylesHandler().useTheme(themeName);
-    this.runHooks('afterSetTheme', themeName, !!firstRun);
-  };
-
-  /**
-   * Gets the name of the currently used theme.
-   *
-   * @memberof Core#
-   * @function getCurrentThemeName
-   * @since 15.0.0
-   * @returns {string|undefined} The name of the currently used theme.
-   */
-  this.getCurrentThemeName = () => {
-    return this.view.getStylesHandler().getThemeName();
-  };
-
   /**
    * Sets timeout. Purpose of this method is to clear all known timeouts when `destroy` method is called.
    *

package/dataMap/metaManager/metaSchema.js

@@ -3842,8 +3842,8 @@ var _default = () => {
     /**
      * The `rowHeights` option sets rows' heights, in pixels.
      *
-     * In the rendering process, the default row height is 23 px (in the classic theme: 22 px + 1 px of the row's bottom border) or whatever is defined in the used theme (based on the line height, vertical padding and cell borders).
-     * You can change it to equal or greater than the defautl value, by setting the `rowHeights` option to one of the following:
+     * In the rendering process, the default row height is 23 px (22 px + 1 px of the row's bottom border).
+     * You can change it to equal or greater than 23px, by setting the `rowHeights` option to one of the following:
      *
      * | Setting     | Description                                                                                         | Example                                                      |
      * | ----------- | --------------------------------------------------------------------------------------------------- | ------------------------------------------------------------ |
@@ -3875,7 +3875,7 @@ var _default = () => {
      * // set the first (by visual index) row's height to 100
      * // set the second (by visual index) row's height to 120
      * // set the third (by visual index) row's height to `undefined`
-     * // set any other row's height to the default height value
+     * // set any other row's height to the default 23px
      * rowHeights: [100, 120, undefined],
      *
      * // set each row's height individually, using a function
@@ -4313,26 +4313,6 @@ var _default = () => {
      * ```
      */
     tableClassName: undefined,
-    /**
-     * The `themeName` option allows enabling a theme by that name.
-     *
-     * If no `themeName` is provided, the table will use the classic theme (if the correct CSS files are imported).
-     *
-     * Read more:
-     * - [Themes](@/guides/styling/themes/themes.md)
-     *
-     * @memberof Options#
-     * @type {string|boolean|undefined}
-     * @default undefined
-     * @category Core
-     * @since 15.0.0
-     *
-     * @example
-     * ```js
-     * themeName: 'ht-theme-name',
-     * ```
-     */
-    themeName: undefined,
     /**
      * The `tabMoves` option configures the action of the <kbd>**Tab**</kbd> key.
      *

package/dataMap/metaManager/metaSchema.mjs

@@ -3839,8 +3839,8 @@ export default () => {
     /**
      * The `rowHeights` option sets rows' heights, in pixels.
      *
-     * In the rendering process, the default row height is 23 px (in the classic theme: 22 px + 1 px of the row's bottom border) or whatever is defined in the used theme (based on the line height, vertical padding and cell borders).
-     * You can change it to equal or greater than the defautl value, by setting the `rowHeights` option to one of the following:
+     * In the rendering process, the default row height is 23 px (22 px + 1 px of the row's bottom border).
+     * You can change it to equal or greater than 23px, by setting the `rowHeights` option to one of the following:
      *
      * | Setting     | Description                                                                                         | Example                                                      |
      * | ----------- | --------------------------------------------------------------------------------------------------- | ------------------------------------------------------------ |
@@ -3872,7 +3872,7 @@ export default () => {
      * // set the first (by visual index) row's height to 100
      * // set the second (by visual index) row's height to 120
      * // set the third (by visual index) row's height to `undefined`
-     * // set any other row's height to the default height value
+     * // set any other row's height to the default 23px
      * rowHeights: [100, 120, undefined],
      *
      * // set each row's height individually, using a function
@@ -4310,26 +4310,6 @@ export default () => {
      * ```
      */
     tableClassName: undefined,
-    /**
-     * The `themeName` option allows enabling a theme by that name.
-     *
-     * If no `themeName` is provided, the table will use the classic theme (if the correct CSS files are imported).
-     *
-     * Read more:
-     * - [Themes](@/guides/styling/themes/themes.md)
-     *
-     * @memberof Options#
-     * @type {string|boolean|undefined}
-     * @default undefined
-     * @category Core
-     * @since 15.0.0
-     *
-     * @example
-     * ```js
-     * themeName: 'ht-theme-name',
-     * ```
-     */
-    themeName: undefined,
     /**
      * The `tabMoves` option configures the action of the <kbd>**Tab**</kbd> key.
      *

package/dist/handsontable.css

@@ -25,13 +25,13 @@
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  *
- * Version: 0.0.0-next-fd9f817-20241125
- * Release date: 17/10/2024 (built at 25/11/2024 07:08:27)
+ * Version: 0.0.0-next-fcb9b77-20241126
+ * Release date: 17/10/2024 (built at 26/11/2024 09:17:24)
  */
 /**
  * Fix for bootstrap styles
  */
- .handsontable .table th, .handsontable .table td {
+.handsontable .table th, .handsontable .table td {
   border-top: none;
 }
 
@@ -589,7 +589,6 @@ innerBorderBottom - Property controlled by bottom overlay
   color: #000;
   border-radius: 0;
   background-color: #FFF;
-  box-sizing: border-box !important;
   /*overwrite styles potentionally made by a framework*/
 }
 
@@ -604,25 +603,16 @@ innerBorderBottom - Property controlled by bottom overlay
 }
 
 .htSelectEditor {
+  -webkit-appearance: menulist-button !important;
   position: absolute;
-
-  select {
-    -webkit-appearance: menulist-button !important;
-    width: 100%;
-    height: 100%;
-    border: 2px solid #4b89ff;
-    box-sizing: border-box !important;
-  }
+  width: auto;
+  border: 2px solid #4b89ff;
 }
 
-.htSelectEditor select:focus {
+.htSelectEditor:focus {
   outline: none;
 }
 
-.htSelectEditor .htAutocompleteArrow {
-  display: none;
-}
-
 /*
 TextRenderer readOnly cell
 */
@@ -2066,3 +2056,5 @@ textarea.HandsontableCopyPaste {
   left: 0;
   right: unset;
 }
+
+/*# sourceMappingURL=handsontable.css.map*/