handsontable 0.0.0-next-9379dd1-20231020 → 0.0.0-next-9059914-20231025

package/plugins/nestedRows/nestedRows.mjs

@@ -10,7 +10,6 @@ import { TrimmingMap } from "../../translations/index.mjs";
 import RowMoveController from "./utils/rowMoveController.mjs";
 export const PLUGIN_KEY = 'nestedRows';
 export const PLUGIN_PRIORITY = 300;
-const SHORTCUTS_GROUP = PLUGIN_KEY;
 const privatePool = new WeakMap();
 
 /* eslint-disable jsdoc/require-description-complete-sentence */
@@ -145,7 +144,6 @@ export class NestedRows extends BasePlugin {
     });
     this.addHook('beforeLoadData', data => this.onBeforeLoadData(data));
     this.addHook('beforeUpdateData', data => this.onBeforeLoadData(data));
-    this.registerShortcuts();
     super.enablePlugin();
   }
 
@@ -154,7 +152,6 @@ export class NestedRows extends BasePlugin {
    */
   disablePlugin() {
     this.hot.rowIndexMapper.unregisterMap('nestedRows');
-    this.unregisterShortcuts();
     super.disablePlugin();
   }
 
@@ -176,44 +173,6 @@ export class NestedRows extends BasePlugin {
     super.updatePlugin();
   }
 
-  /**
-   * Register shortcuts responsible for toggling collapsible columns.
-   *
-   * @private
-   */
-  registerShortcuts() {
-    this.hot.getShortcutManager().getContext('grid').addShortcut({
-      keys: [['Enter']],
-      callback: () => {
-        const {
-          highlight
-        } = this.hot.getSelectedRangeLast();
-        if (highlight.col === -1 && highlight.row >= 0) {
-          const row = this.collapsingUI.translateTrimmedRow(highlight.row);
-          if (this.collapsingUI.areChildrenCollapsed(row)) {
-            this.collapsingUI.expandChildren(row);
-          } else {
-            this.collapsingUI.collapseChildren(row);
-          }
-        }
-      },
-      runOnlyIf: () => {
-        var _this$hot$getSelected;
-        return (_this$hot$getSelected = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected === void 0 ? void 0 : _this$hot$getSelected.highlight.isHeader();
-      },
-      group: SHORTCUTS_GROUP
-    });
-  }
-
-  /**
-   * Unregister shortcuts responsible for toggling collapsible columns.
-   *
-   * @private
-   */
-  unregisterShortcuts() {
-    this.hot.getShortcutManager().getContext('grid').removeShortcutsByGroup(SHORTCUTS_GROUP);
-  }
-
   /**
    * `beforeRowMove` hook callback.
    *

package/plugins/nestedRows/ui/headers.js

@@ -5,7 +5,6 @@ var _array = require("../../../helpers/array");
 var _number = require("../../../helpers/number");
 var _element = require("../../../helpers/dom/element");
 var _base = _interopRequireDefault(require("./_base"));
-var _a11y = require("../../../helpers/a11y");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * Class responsible for the UI in the Nested Rows' row headers.
@@ -73,7 +72,6 @@ class HeadersUI extends _base.default {
     const innerDiv = TH.getElementsByTagName('DIV')[0];
     const innerSpan = innerDiv.querySelector('span.rowHeader');
     const previousIndicators = innerDiv.querySelectorAll('[class^="ht_nesting"]');
-    const ariaEnabled = this.hot.getSettings().ariaTags;
     (0, _array.arrayEach)(previousIndicators, elem => {
       if (elem) {
         innerDiv.removeChild(elem);
@@ -95,20 +93,11 @@ class HeadersUI extends _base.default {
     }
     if (this.dataManager.hasChildren(rowObject)) {
       const buttonsContainer = this.hot.rootDocument.createElement('DIV');
-      if (ariaEnabled) {
-        (0, _element.setAttribute)(buttonsContainer, [(0, _a11y.A11Y_HIDDEN)()]);
-      }
       (0, _element.addClass)(TH, HeadersUI.CSS_CLASSES.parent);
       if (this.collapsingUI.areChildrenCollapsed(rowIndex)) {
         (0, _element.addClass)(buttonsContainer, `${HeadersUI.CSS_CLASSES.button} ${HeadersUI.CSS_CLASSES.expandButton}`);
-        if (ariaEnabled) {
-          (0, _element.setAttribute)(TH, [(0, _a11y.A11Y_EXPANDED)(false)]);
-        }
       } else {
         (0, _element.addClass)(buttonsContainer, `${HeadersUI.CSS_CLASSES.button} ${HeadersUI.CSS_CLASSES.collapseButton}`);
-        if (ariaEnabled) {
-          (0, _element.setAttribute)(TH, [(0, _a11y.A11Y_EXPANDED)(true)]);
-        }
       }
       innerDiv.appendChild(buttonsContainer);
     }

package/plugins/nestedRows/ui/headers.mjs

@@ -1,8 +1,7 @@
 import { arrayEach } from "../../../helpers/array.mjs";
 import { rangeEach } from "../../../helpers/number.mjs";
-import { addClass, setAttribute } from "../../../helpers/dom/element.mjs";
+import { addClass } from "../../../helpers/dom/element.mjs";
 import BaseUI from "./_base.mjs";
-import { A11Y_EXPANDED, A11Y_HIDDEN } from "../../../helpers/a11y.mjs";
 /**
  * Class responsible for the UI in the Nested Rows' row headers.
  *
@@ -69,7 +68,6 @@ class HeadersUI extends BaseUI {
     const innerDiv = TH.getElementsByTagName('DIV')[0];
     const innerSpan = innerDiv.querySelector('span.rowHeader');
     const previousIndicators = innerDiv.querySelectorAll('[class^="ht_nesting"]');
-    const ariaEnabled = this.hot.getSettings().ariaTags;
     arrayEach(previousIndicators, elem => {
       if (elem) {
         innerDiv.removeChild(elem);
@@ -91,20 +89,11 @@ class HeadersUI extends BaseUI {
     }
     if (this.dataManager.hasChildren(rowObject)) {
       const buttonsContainer = this.hot.rootDocument.createElement('DIV');
-      if (ariaEnabled) {
-        setAttribute(buttonsContainer, [A11Y_HIDDEN()]);
-      }
       addClass(TH, HeadersUI.CSS_CLASSES.parent);
       if (this.collapsingUI.areChildrenCollapsed(rowIndex)) {
         addClass(buttonsContainer, `${HeadersUI.CSS_CLASSES.button} ${HeadersUI.CSS_CLASSES.expandButton}`);
-        if (ariaEnabled) {
-          setAttribute(TH, [A11Y_EXPANDED(false)]);
-        }
       } else {
         addClass(buttonsContainer, `${HeadersUI.CSS_CLASSES.button} ${HeadersUI.CSS_CLASSES.collapseButton}`);
-        if (ariaEnabled) {
-          setAttribute(TH, [A11Y_EXPANDED(true)]);
-        }
       }
       innerDiv.appendChild(buttonsContainer);
     }

package/renderers/autocompleteRenderer/autocompleteRenderer.js

@@ -6,7 +6,6 @@ var _htmlRenderer = require("../htmlRenderer");
 var _textRenderer = require("../textRenderer");
 var _eventManager = _interopRequireDefault(require("../../eventManager"));
 var _element = require("../../helpers/dom/element");
-var _a11y = require("../../helpers/a11y");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const RENDERER_TYPE = 'autocomplete';
 
@@ -29,11 +28,7 @@ function autocompleteRenderer(instance, TD, row, col, prop, value, cellPropertie
   } = instance;
   const rendererFunc = cellProperties.allowHtml ? _htmlRenderer.htmlRenderer : _textRenderer.textRenderer;
   const ARROW = rootDocument.createElement('DIV');
-  const isAriaEnabled = instance.getSettings().ariaTags;
   ARROW.className = 'htAutocompleteArrow';
-  if (isAriaEnabled) {
-    ARROW.setAttribute(...(0, _a11y.A11Y_HIDDEN)());
-  }
   ARROW.appendChild(rootDocument.createTextNode(String.fromCharCode(9660)));
   rendererFunc.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
   if (!TD.firstChild) {
@@ -45,9 +40,6 @@ function autocompleteRenderer(instance, TD, row, col, prop, value, cellPropertie
 
   TD.insertBefore(ARROW, TD.firstChild);
   (0, _element.addClass)(TD, 'htAutocomplete');
-  if (isAriaEnabled) {
-    TD.setAttribute(...(0, _a11y.A11Y_HASPOPUP)('listbox'));
-  }
   if (!instance.acArrowListener) {
     const eventManager = new _eventManager.default(instance);
 

package/renderers/autocompleteRenderer/autocompleteRenderer.mjs

@@ -2,7 +2,6 @@ import { htmlRenderer } from "../htmlRenderer/index.mjs";
 import { textRenderer } from "../textRenderer/index.mjs";
 import EventManager from "../../eventManager.mjs";
 import { addClass, hasClass } from "../../helpers/dom/element.mjs";
-import { A11Y_HASPOPUP, A11Y_HIDDEN } from "../../helpers/a11y.mjs";
 export const RENDERER_TYPE = 'autocomplete';
 
 /**
@@ -23,11 +22,7 @@ export function autocompleteRenderer(instance, TD, row, col, prop, value, cellPr
   } = instance;
   const rendererFunc = cellProperties.allowHtml ? htmlRenderer : textRenderer;
   const ARROW = rootDocument.createElement('DIV');
-  const isAriaEnabled = instance.getSettings().ariaTags;
   ARROW.className = 'htAutocompleteArrow';
-  if (isAriaEnabled) {
-    ARROW.setAttribute(...A11Y_HIDDEN());
-  }
   ARROW.appendChild(rootDocument.createTextNode(String.fromCharCode(9660)));
   rendererFunc.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
   if (!TD.firstChild) {
@@ -39,9 +34,6 @@ export function autocompleteRenderer(instance, TD, row, col, prop, value, cellPr
 
   TD.insertBefore(ARROW, TD.firstChild);
   addClass(TD, 'htAutocomplete');
-  if (isAriaEnabled) {
-    TD.setAttribute(...A11Y_HASPOPUP('listbox'));
-  }
   if (!instance.acArrowListener) {
     const eventManager = new EventManager(instance);
 

package/renderers/baseRenderer/baseRenderer.js

@@ -4,7 +4,6 @@ exports.__esModule = true;
 exports.baseRenderer = baseRenderer;
 require("core-js/modules/es.array.push.js");
 var _element = require("../../helpers/dom/element");
-var _a11y = require("../../helpers/a11y");
 /**
  * Adds appropriate CSS class to table cell, based on cellProperties.
  */
@@ -22,32 +21,18 @@ const RENDERER_TYPE = 'base';
  */
 exports.RENDERER_TYPE = RENDERER_TYPE;
 function baseRenderer(instance, TD, row, col, prop, value, cellProperties) {
-  const ariaEnabled = cellProperties.ariaTags;
   const classesToAdd = [];
   const classesToRemove = [];
-  const attributesToRemove = [];
-  const attributesToAdd = [];
   if (cellProperties.className) {
     (0, _element.addClass)(TD, cellProperties.className);
   }
   if (cellProperties.readOnly) {
     classesToAdd.push(cellProperties.readOnlyCellClassName);
-    if (ariaEnabled) {
-      attributesToAdd.push((0, _a11y.A11Y_READONLY)());
-    }
-  } else if (ariaEnabled) {
-    attributesToRemove.push((0, _a11y.A11Y_READONLY)()[0]);
   }
   if (cellProperties.valid === false && cellProperties.invalidCellClassName) {
     classesToAdd.push(cellProperties.invalidCellClassName);
-    if (ariaEnabled) {
-      attributesToAdd.push((0, _a11y.A11Y_INVALID)());
-    }
   } else {
     classesToRemove.push(cellProperties.invalidCellClassName);
-    if (ariaEnabled) {
-      attributesToRemove.push((0, _a11y.A11Y_INVALID)()[0]);
-    }
   }
   if (cellProperties.wordWrap === false && cellProperties.noWordWrapClassName) {
     classesToAdd.push(cellProperties.noWordWrapClassName);
@@ -57,7 +42,5 @@ function baseRenderer(instance, TD, row, col, prop, value, cellProperties) {
   }
   (0, _element.removeClass)(TD, classesToRemove);
   (0, _element.addClass)(TD, classesToAdd);
-  (0, _element.removeAttribute)(TD, attributesToRemove);
-  (0, _element.setAttribute)(TD, attributesToAdd);
 }
 baseRenderer.RENDERER_TYPE = RENDERER_TYPE;

package/renderers/baseRenderer/baseRenderer.mjs

@@ -2,8 +2,7 @@ import "core-js/modules/es.array.push.js";
 /**
  * Adds appropriate CSS class to table cell, based on cellProperties.
  */
-import { addClass, removeAttribute, removeClass, setAttribute } from "../../helpers/dom/element.mjs";
-import { A11Y_INVALID, A11Y_READONLY } from "../../helpers/a11y.mjs";
+import { addClass, removeClass } from "../../helpers/dom/element.mjs";
 export const RENDERER_TYPE = 'base';
 
 /**
@@ -16,32 +15,18 @@ export const RENDERER_TYPE = 'base';
  * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
  */
 export function baseRenderer(instance, TD, row, col, prop, value, cellProperties) {
-  const ariaEnabled = cellProperties.ariaTags;
   const classesToAdd = [];
   const classesToRemove = [];
-  const attributesToRemove = [];
-  const attributesToAdd = [];
   if (cellProperties.className) {
     addClass(TD, cellProperties.className);
   }
   if (cellProperties.readOnly) {
     classesToAdd.push(cellProperties.readOnlyCellClassName);
-    if (ariaEnabled) {
-      attributesToAdd.push(A11Y_READONLY());
-    }
-  } else if (ariaEnabled) {
-    attributesToRemove.push(A11Y_READONLY()[0]);
   }
   if (cellProperties.valid === false && cellProperties.invalidCellClassName) {
     classesToAdd.push(cellProperties.invalidCellClassName);
-    if (ariaEnabled) {
-      attributesToAdd.push(A11Y_INVALID());
-    }
   } else {
     classesToRemove.push(cellProperties.invalidCellClassName);
-    if (ariaEnabled) {
-      attributesToRemove.push(A11Y_INVALID()[0]);
-    }
   }
   if (cellProperties.wordWrap === false && cellProperties.noWordWrapClassName) {
     classesToAdd.push(cellProperties.noWordWrapClassName);
@@ -51,7 +36,5 @@ export function baseRenderer(instance, TD, row, col, prop, value, cellProperties
   }
   removeClass(TD, classesToRemove);
   addClass(TD, classesToAdd);
-  removeAttribute(TD, attributesToRemove);
-  setAttribute(TD, attributesToAdd);
 }
 baseRenderer.RENDERER_TYPE = RENDERER_TYPE;

package/renderers/checkboxRenderer/checkboxRenderer.js

@@ -7,10 +7,8 @@ var _baseRenderer = require("../baseRenderer");
 var _eventManager = _interopRequireDefault(require("../../eventManager"));
 var _element = require("../../helpers/dom/element");
 var _mixed = require("../../helpers/mixed");
-var _shortcutContexts = require("../../shortcutContexts");
+var _editorManager = require("../../editorManager");
 var _pluginHooks = _interopRequireDefault(require("../../pluginHooks"));
-var _a11y = require("../../helpers/a11y");
-var _constants = require("../../i18n/constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const isListeningKeyDownEvent = new WeakMap();
 const isCheckboxListenerAdded = new WeakMap();
@@ -63,7 +61,6 @@ function checkboxRenderer(instance, TD, row, col, prop, value, cellProperties) {
   const {
     rootDocument
   } = instance;
-  const ariaEnabled = instance.getSettings().ariaTags;
   _baseRenderer.baseRenderer.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
   registerEvents(instance);
   let input = createInput(rootDocument);
@@ -89,10 +86,8 @@ function checkboxRenderer(instance, TD, row, col, prop, value, cellProperties) {
     (0, _element.addClass)(input, BAD_VALUE_CLASS);
     badValue = true;
   }
-  (0, _element.setAttribute)(input, [[ATTR_ROW, row], [ATTR_COLUMN, col]]);
-  if (ariaEnabled) {
-    (0, _element.setAttribute)(input, [(0, _a11y.A11Y_LABEL)(input.checked ? instance.getTranslatedPhrase(_constants.CHECKBOX_CHECKED) : instance.getTranslatedPhrase(_constants.CHECKBOX_UNCHECKED)), (0, _a11y.A11Y_CHECKED)(input.checked), (0, _a11y.A11Y_CHECKBOX)()]);
-  }
+  input.setAttribute(ATTR_ROW, row);
+  input.setAttribute(ATTR_COLUMN, col);
   if (!badValue && labelOptions) {
     let labelText = '';
     if (labelOptions.value) {
@@ -163,7 +158,7 @@ function checkboxRenderer(instance, TD, row, col, prop, value, cellProperties) {
         return !areSelectedCheckboxCells(); // False blocks next action associated with the keyboard shortcut.
       },
 
-      relativeToGroup: _shortcutContexts.EDITOR_EDIT_GROUP,
+      relativeToGroup: _editorManager.SHORTCUTS_GROUP_EDITOR,
       position: 'before'
     }], config);
   }

package/renderers/checkboxRenderer/checkboxRenderer.mjs

@@ -1,12 +1,10 @@
 import "core-js/modules/es.array.push.js";
 import { baseRenderer } from "../baseRenderer/index.mjs";
 import EventManager from "../../eventManager.mjs";
-import { empty, addClass, setAttribute } from "../../helpers/dom/element.mjs";
+import { empty, addClass } from "../../helpers/dom/element.mjs";
 import { isEmpty, stringify } from "../../helpers/mixed.mjs";
-import { EDITOR_EDIT_GROUP as SHORTCUTS_GROUP_EDITOR } from "../../shortcutContexts/index.mjs";
+import { SHORTCUTS_GROUP_EDITOR } from "../../editorManager.mjs";
 import Hooks from "../../pluginHooks.mjs";
-import { A11Y_CHECKBOX, A11Y_CHECKED, A11Y_LABEL } from "../../helpers/a11y.mjs";
-import { CHECKBOX_CHECKED, CHECKBOX_UNCHECKED } from "../../i18n/constants.mjs";
 const isListeningKeyDownEvent = new WeakMap();
 const isCheckboxListenerAdded = new WeakMap();
 const BAD_VALUE_CLASS = 'htBadValue';
@@ -57,7 +55,6 @@ export function checkboxRenderer(instance, TD, row, col, prop, value, cellProper
   const {
     rootDocument
   } = instance;
-  const ariaEnabled = instance.getSettings().ariaTags;
   baseRenderer.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
   registerEvents(instance);
   let input = createInput(rootDocument);
@@ -83,10 +80,8 @@ export function checkboxRenderer(instance, TD, row, col, prop, value, cellProper
     addClass(input, BAD_VALUE_CLASS);
     badValue = true;
   }
-  setAttribute(input, [[ATTR_ROW, row], [ATTR_COLUMN, col]]);
-  if (ariaEnabled) {
-    setAttribute(input, [A11Y_LABEL(input.checked ? instance.getTranslatedPhrase(CHECKBOX_CHECKED) : instance.getTranslatedPhrase(CHECKBOX_UNCHECKED)), A11Y_CHECKED(input.checked), A11Y_CHECKBOX()]);
-  }
+  input.setAttribute(ATTR_ROW, row);
+  input.setAttribute(ATTR_COLUMN, col);
   if (!badValue && labelOptions) {
     let labelText = '';
     if (labelOptions.value) {

package/renderers/index.d.ts

@@ -1,12 +1,9 @@
 import { autocompleteRenderer, RENDERER_TYPE as AUTOCOMPLETE_RENDERER } from './autocompleteRenderer';
 import { baseRenderer, RENDERER_TYPE as BASE_RENDERER } from './baseRenderer';
-import { dateRenderer, RENDERER_TYPE as DATE_RENDERER } from './dateRenderer';
 import { checkboxRenderer, RENDERER_TYPE as CHECKBOX_RENDERER } from './checkboxRenderer';
-import { handsontableRenderer, RENDERER_TYPE as HANDSONTABLE_RENDERER } from "./handsontableRenderer";
 import { htmlRenderer, RENDERER_TYPE as HTML_RENDERER } from './htmlRenderer';
 import { numericRenderer, RENDERER_TYPE as NUMERIC_RENDERER } from './numericRenderer';
 import { passwordRenderer, RENDERER_TYPE as PASSWORD_RENDERER } from './passwordRenderer';
-import { selectRenderer, RENDERER_TYPE as SELECT_RENDERER } from './selectRenderer';
 import { textRenderer, RENDERER_TYPE as TEXT_RENDERER } from './textRenderer';
 import { timeRenderer, RENDERER_TYPE as TIME_RENDERER } from './timeRenderer';
 
@@ -16,12 +13,9 @@ export interface Renderers {
   autocomplete: typeof autocompleteRenderer;
   base: typeof baseRenderer;
   checkbox: typeof checkboxRenderer;
-  date: typeof dateRenderer;
-  handsontable: typeof handsontableRenderer;
   html: typeof htmlRenderer;
   numeric: typeof numericRenderer;
   password: typeof passwordRenderer;
-  select: typeof selectRenderer;
   text: typeof textRenderer;
   time: typeof timeRenderer;
 }
@@ -35,12 +29,9 @@ export {
   autocompleteRenderer, AUTOCOMPLETE_RENDERER,
   baseRenderer, BASE_RENDERER,
   checkboxRenderer, CHECKBOX_RENDERER,
-  dateRenderer, DATE_RENDERER,
-  handsontableRenderer, HANDSONTABLE_RENDERER,
   htmlRenderer, HTML_RENDERER,
   numericRenderer, NUMERIC_RENDERER,
   passwordRenderer, PASSWORD_RENDERER,
-  selectRenderer, SELECT_RENDERER,
   textRenderer, TEXT_RENDERER,
   timeRenderer, TIME_RENDERER
 };

package/selection/highlight/constants.js

@@ -0,0 +1,15 @@
+"use strict";
+
+exports.__esModule = true;
+const ACTIVE_HEADER_TYPE = 'active-header';
+exports.ACTIVE_HEADER_TYPE = ACTIVE_HEADER_TYPE;
+const AREA_TYPE = 'area';
+exports.AREA_TYPE = AREA_TYPE;
+const CELL_TYPE = 'cell';
+exports.CELL_TYPE = CELL_TYPE;
+const FILL_TYPE = 'fill';
+exports.FILL_TYPE = FILL_TYPE;
+const HEADER_TYPE = 'header';
+exports.HEADER_TYPE = HEADER_TYPE;
+const CUSTOM_SELECTION_TYPE = 'custom-selection';
+exports.CUSTOM_SELECTION_TYPE = CUSTOM_SELECTION_TYPE;

package/selection/highlight/constants.mjs

@@ -0,0 +1,6 @@
+export const ACTIVE_HEADER_TYPE = 'active-header';
+export const AREA_TYPE = 'area';
+export const CELL_TYPE = 'cell';
+export const FILL_TYPE = 'fill';
+export const HEADER_TYPE = 'header';
+export const CUSTOM_SELECTION_TYPE = 'custom-selection';