handsontable 0.0.0-next-9059914-20231025 → 0.0.0-next-21d91d0-20231025

package/renderers/checkboxRenderer/checkboxRenderer.mjs

@@ -1,10 +1,12 @@
 import "core-js/modules/es.array.push.js";
 import { baseRenderer } from "../baseRenderer/index.mjs";
 import EventManager from "../../eventManager.mjs";
-import { empty, addClass } from "../../helpers/dom/element.mjs";
+import { empty, addClass, setAttribute } from "../../helpers/dom/element.mjs";
 import { isEmpty, stringify } from "../../helpers/mixed.mjs";
-import { SHORTCUTS_GROUP_EDITOR } from "../../editorManager.mjs";
+import { EDITOR_EDIT_GROUP as SHORTCUTS_GROUP_EDITOR } from "../../shortcutContexts/index.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';
@@ -55,6 +57,7 @@ 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);
@@ -80,8 +83,10 @@ export function checkboxRenderer(instance, TD, row, col, prop, value, cellProper
     addClass(input, BAD_VALUE_CLASS);
     badValue = true;
   }
-  input.setAttribute(ATTR_ROW, row);
-  input.setAttribute(ATTR_COLUMN, col);
+  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()]);
+  }
   if (!badValue && labelOptions) {
     let labelText = '';
     if (labelOptions.value) {

package/renderers/dateRenderer/dateRenderer.d.ts

@@ -0,0 +1,5 @@
+import Core from '../../core';
+import { CellProperties } from '../../settings';
+
+export const RENDERER_TYPE: 'date';
+export function dateRenderer(instance: Core, TD: HTMLTableCellElement, row: number, col: number, prop: string | number, value: any, cellProperties: CellProperties): void;

package/renderers/dateRenderer/dateRenderer.js

@@ -0,0 +1,29 @@
+"use strict";
+
+exports.__esModule = true;
+exports.dateRenderer = dateRenderer;
+var _autocompleteRenderer = require("../autocompleteRenderer");
+var _a11y = require("../../helpers/a11y");
+var _element = require("../../helpers/dom/element");
+const RENDERER_TYPE = 'date';
+
+/**
+ * Handsontable renderer.
+ *
+ * @private
+ * @param {Core} instance The Handsontable instance.
+ * @param {HTMLTableCellElement} TD The rendered cell element.
+ * @param {number} row The visual row index.
+ * @param {number} col The visual column index.
+ * @param {number|string} prop The column property (passed when datasource is an array of objects).
+ * @param {*} value The rendered value.
+ * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
+ */
+exports.RENDERER_TYPE = RENDERER_TYPE;
+function dateRenderer(instance, TD, row, col, prop, value, cellProperties) {
+  _autocompleteRenderer.autocompleteRenderer.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
+  if (instance.getSettings().ariaTags) {
+    (0, _element.setAttribute)(TD, [(0, _a11y.A11Y_HASPOPUP)('dialog'), (0, _a11y.A11Y_EXPANDED)('false')]);
+  }
+}
+dateRenderer.RENDERER_TYPE = RENDERER_TYPE;

package/renderers/dateRenderer/dateRenderer.mjs

@@ -0,0 +1,24 @@
+import { autocompleteRenderer } from "../autocompleteRenderer/index.mjs";
+import { A11Y_EXPANDED, A11Y_HASPOPUP } from "../../helpers/a11y.mjs";
+import { setAttribute } from "../../helpers/dom/element.mjs";
+export const RENDERER_TYPE = 'date';
+
+/**
+ * Handsontable renderer.
+ *
+ * @private
+ * @param {Core} instance The Handsontable instance.
+ * @param {HTMLTableCellElement} TD The rendered cell element.
+ * @param {number} row The visual row index.
+ * @param {number} col The visual column index.
+ * @param {number|string} prop The column property (passed when datasource is an array of objects).
+ * @param {*} value The rendered value.
+ * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
+ */
+export function dateRenderer(instance, TD, row, col, prop, value, cellProperties) {
+  autocompleteRenderer.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
+  if (instance.getSettings().ariaTags) {
+    setAttribute(TD, [A11Y_HASPOPUP('dialog'), A11Y_EXPANDED('false')]);
+  }
+}
+dateRenderer.RENDERER_TYPE = RENDERER_TYPE;

package/renderers/dateRenderer/index.d.ts

@@ -0,0 +1 @@
+export { RENDERER_TYPE, dateRenderer } from './dateRenderer';

package/renderers/dateRenderer/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+exports.__esModule = true;
+var _dateRenderer = require("./dateRenderer");
+exports.RENDERER_TYPE = _dateRenderer.RENDERER_TYPE;
+exports.dateRenderer = _dateRenderer.dateRenderer;

package/renderers/dateRenderer/index.mjs

@@ -0,0 +1 @@
+export { RENDERER_TYPE, dateRenderer } from "./dateRenderer.mjs";

package/renderers/handsontableRenderer/handsontableRenderer.d.ts

@@ -0,0 +1,5 @@
+import Core from '../../core';
+import { CellProperties } from '../../settings';
+
+export const RENDERER_TYPE: 'handsontable';
+export function handsontableRenderer(instance: Core, TD: HTMLTableCellElement, row: number, col: number, prop: string | number, value: any, cellProperties: CellProperties): void;

package/renderers/handsontableRenderer/handsontableRenderer.js

@@ -0,0 +1,29 @@
+"use strict";
+
+exports.__esModule = true;
+exports.handsontableRenderer = handsontableRenderer;
+var _autocompleteRenderer = require("../autocompleteRenderer");
+var _a11y = require("../../helpers/a11y");
+var _element = require("../../helpers/dom/element");
+const RENDERER_TYPE = 'handsontable';
+
+/**
+ * Handsontable renderer.
+ *
+ * @private
+ * @param {Core} instance The Handsontable instance.
+ * @param {HTMLTableCellElement} TD The rendered cell element.
+ * @param {number} row The visual row index.
+ * @param {number} col The visual column index.
+ * @param {number|string} prop The column property (passed when datasource is an array of objects).
+ * @param {*} value The rendered value.
+ * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
+ */
+exports.RENDERER_TYPE = RENDERER_TYPE;
+function handsontableRenderer(instance, TD, row, col, prop, value, cellProperties) {
+  _autocompleteRenderer.autocompleteRenderer.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
+  if (instance.getSettings().ariaTags) {
+    (0, _element.setAttribute)(TD, [(0, _a11y.A11Y_HASPOPUP)('true'), (0, _a11y.A11Y_EXPANDED)('false')]);
+  }
+}
+handsontableRenderer.RENDERER_TYPE = RENDERER_TYPE;

package/renderers/handsontableRenderer/handsontableRenderer.mjs

@@ -0,0 +1,24 @@
+import { autocompleteRenderer } from "../autocompleteRenderer/index.mjs";
+import { A11Y_EXPANDED, A11Y_HASPOPUP } from "../../helpers/a11y.mjs";
+import { setAttribute } from "../../helpers/dom/element.mjs";
+export const RENDERER_TYPE = 'handsontable';
+
+/**
+ * Handsontable renderer.
+ *
+ * @private
+ * @param {Core} instance The Handsontable instance.
+ * @param {HTMLTableCellElement} TD The rendered cell element.
+ * @param {number} row The visual row index.
+ * @param {number} col The visual column index.
+ * @param {number|string} prop The column property (passed when datasource is an array of objects).
+ * @param {*} value The rendered value.
+ * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
+ */
+export function handsontableRenderer(instance, TD, row, col, prop, value, cellProperties) {
+  autocompleteRenderer.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
+  if (instance.getSettings().ariaTags) {
+    setAttribute(TD, [A11Y_HASPOPUP('true'), A11Y_EXPANDED('false')]);
+  }
+}
+handsontableRenderer.RENDERER_TYPE = RENDERER_TYPE;

package/renderers/handsontableRenderer/index.d.ts

@@ -0,0 +1 @@
+export { RENDERER_TYPE, handsontableRenderer } from './handsontableRenderer';

package/renderers/handsontableRenderer/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+exports.__esModule = true;
+var _handsontableRenderer = require("./handsontableRenderer");
+exports.RENDERER_TYPE = _handsontableRenderer.RENDERER_TYPE;
+exports.handsontableRenderer = _handsontableRenderer.handsontableRenderer;

package/renderers/handsontableRenderer/index.mjs

@@ -0,0 +1 @@
+export { RENDERER_TYPE, handsontableRenderer } from "./handsontableRenderer.mjs";

package/renderers/index.d.ts

@@ -1,9 +1,12 @@
 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';
 
@@ -13,9 +16,12 @@ 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;
 }
@@ -29,9 +35,12 @@ 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/renderers/selectRenderer/index.d.ts

@@ -0,0 +1 @@
+export { RENDERER_TYPE, selectRenderer } from './selectRenderer';

package/renderers/selectRenderer/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+exports.__esModule = true;
+var _selectRenderer = require("./selectRenderer");
+exports.RENDERER_TYPE = _selectRenderer.RENDERER_TYPE;
+exports.selectRenderer = _selectRenderer.selectRenderer;

package/renderers/selectRenderer/index.mjs

@@ -0,0 +1 @@
+export { RENDERER_TYPE, selectRenderer } from "./selectRenderer.mjs";

package/renderers/selectRenderer/selectRenderer.d.ts

@@ -0,0 +1,5 @@
+import Core from '../../core';
+import { CellProperties } from '../../settings';
+
+export const RENDERER_TYPE: 'select';
+export function selectRenderer(instance: Core, TD: HTMLTableCellElement, row: number, col: number, prop: string | number, value: any, cellProperties: CellProperties): void;

package/renderers/selectRenderer/selectRenderer.js

@@ -0,0 +1,27 @@
+"use strict";
+
+exports.__esModule = true;
+exports.selectRenderer = selectRenderer;
+var _textRenderer = require("../textRenderer");
+var _a11y = require("../../helpers/a11y");
+var _element = require("../../helpers/dom/element");
+const RENDERER_TYPE = 'select';
+
+/**
+ * @private
+ * @param {Core} instance The Handsontable instance.
+ * @param {HTMLTableCellElement} TD The rendered cell element.
+ * @param {number} row The visual row index.
+ * @param {number} col The visual column index.
+ * @param {number|string} prop The column property (passed when datasource is an array of objects).
+ * @param {*} value The rendered value.
+ * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
+ */
+exports.RENDERER_TYPE = RENDERER_TYPE;
+function selectRenderer(instance, TD, row, col, prop, value, cellProperties) {
+  _textRenderer.textRenderer.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
+  if (instance.getSettings().ariaTags) {
+    (0, _element.setAttribute)(TD, ...(0, _a11y.A11Y_HASPOPUP)('listbox'));
+  }
+}
+selectRenderer.RENDERER_TYPE = RENDERER_TYPE;

package/renderers/selectRenderer/selectRenderer.mjs

@@ -0,0 +1,22 @@
+import { textRenderer } from "../textRenderer/index.mjs";
+import { A11Y_HASPOPUP } from "../../helpers/a11y.mjs";
+import { setAttribute } from "../../helpers/dom/element.mjs";
+export const RENDERER_TYPE = 'select';
+
+/**
+ * @private
+ * @param {Core} instance The Handsontable instance.
+ * @param {HTMLTableCellElement} TD The rendered cell element.
+ * @param {number} row The visual row index.
+ * @param {number} col The visual column index.
+ * @param {number|string} prop The column property (passed when datasource is an array of objects).
+ * @param {*} value The rendered value.
+ * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
+ */
+export function selectRenderer(instance, TD, row, col, prop, value, cellProperties) {
+  textRenderer.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
+  if (instance.getSettings().ariaTags) {
+    setAttribute(TD, ...A11Y_HASPOPUP('listbox'));
+  }
+}
+selectRenderer.RENDERER_TYPE = RENDERER_TYPE;