handsontable 16.2.0 → 17.0.0-rc1

package/editors/intlTimeEditor/intlTimeEditor.d.ts

@@ -0,0 +1,7 @@
+import Core from '../../core';
+import { TextEditor } from '../textEditor';
+
+export const EDITOR_TYPE: 'intl-time';
+export class IntlTimeEditor extends TextEditor {
+  constructor(instance: Core);
+}

package/editors/intlTimeEditor/intlTimeEditor.js

@@ -0,0 +1,72 @@
+"use strict";
+
+exports.__esModule = true;
+var _textEditor = require("../textEditor");
+var _dateTime = require("../../helpers/dateTime");
+var _console = require("../../helpers/console");
+var _templateLiteralTag = require("../../helpers/templateLiteralTag");
+const EDITOR_TYPE = exports.EDITOR_TYPE = 'intl-time';
+
+/**
+ * @private
+ * @class IntlTimeEditor
+ */
+class IntlTimeEditor extends _textEditor.TextEditor {
+  static get EDITOR_TYPE() {
+    return EDITOR_TYPE;
+  }
+  init() {
+    super.init();
+    this.hot.addHook('afterSetTheme', (themeName, firstRun) => {
+      if (!firstRun) {
+        this.close();
+      }
+    });
+  }
+
+  /**
+   * Create data picker instance.
+   */
+  createElements() {
+    super.createElements('input');
+    this.TEXTAREA.setAttribute('type', 'time');
+  }
+
+  /**
+   * Set the value of the editor.
+   *
+   * @param {*} value The value to set.
+   */
+  setValue(value) {
+    if (!(0, _dateTime.isValidTime)(value)) {
+      (0, _console.warn)((0, _templateLiteralTag.toSingleLine)`IntlTimeEditor: value must be in 24-hour time format ("HH:mm", "HH:mm:ss" or "HH:mm:ss.SSS")\x20
+        required by the native time input. Received:`, value);
+      return;
+    }
+    super.setValue(value);
+  }
+
+  /**
+   * Sets focus state on the select element.
+   */
+  focus() {
+    // For IME editor textarea element must be focused using ".select" method.
+    // Using ".focus" browser automatically scroll into the focused element which
+    // is undesired effect.
+    this.TEXTAREA.select();
+  }
+
+  /**
+   * Open editor.
+   */
+  open() {
+    super.open();
+
+    // Prevents "Failed to execute 'showPicker' on 'HTMLInputElement': HTMLInputElement::showPicker() requires a user gesture." errors
+    // when running tests or calling the method directly out of the event-loop cycle.
+    try {
+      this.TEXTAREA.showPicker();
+    } catch {} // eslint-disable-line no-empty
+  }
+}
+exports.IntlTimeEditor = IntlTimeEditor;

package/editors/intlTimeEditor/intlTimeEditor.mjs

@@ -0,0 +1,68 @@
+import { TextEditor } from "../textEditor/index.mjs";
+import { isValidTime } from "../../helpers/dateTime.mjs";
+import { warn } from "../../helpers/console.mjs";
+import { toSingleLine } from "../../helpers/templateLiteralTag.mjs";
+export const EDITOR_TYPE = 'intl-time';
+
+/**
+ * @private
+ * @class IntlTimeEditor
+ */
+export class IntlTimeEditor extends TextEditor {
+  static get EDITOR_TYPE() {
+    return EDITOR_TYPE;
+  }
+  init() {
+    super.init();
+    this.hot.addHook('afterSetTheme', (themeName, firstRun) => {
+      if (!firstRun) {
+        this.close();
+      }
+    });
+  }
+
+  /**
+   * Create data picker instance.
+   */
+  createElements() {
+    super.createElements('input');
+    this.TEXTAREA.setAttribute('type', 'time');
+  }
+
+  /**
+   * Set the value of the editor.
+   *
+   * @param {*} value The value to set.
+   */
+  setValue(value) {
+    if (!isValidTime(value)) {
+      warn(toSingleLine`IntlTimeEditor: value must be in 24-hour time format ("HH:mm", "HH:mm:ss" or "HH:mm:ss.SSS")\x20
+        required by the native time input. Received:`, value);
+      return;
+    }
+    super.setValue(value);
+  }
+
+  /**
+   * Sets focus state on the select element.
+   */
+  focus() {
+    // For IME editor textarea element must be focused using ".select" method.
+    // Using ".focus" browser automatically scroll into the focused element which
+    // is undesired effect.
+    this.TEXTAREA.select();
+  }
+
+  /**
+   * Open editor.
+   */
+  open() {
+    super.open();
+
+    // Prevents "Failed to execute 'showPicker' on 'HTMLInputElement': HTMLInputElement::showPicker() requires a user gesture." errors
+    // when running tests or calling the method directly out of the event-loop cycle.
+    try {
+      this.TEXTAREA.showPicker();
+    } catch {} // eslint-disable-line no-empty
+  }
+}