handsontable 0.0.0-next-9059914-20231025 → 0.0.0-next-cecf979-20231026

package/plugins/copyPaste/focusableElement.js

@@ -1,186 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.createElement = createElement;
-exports.deactivateElement = deactivateElement;
-exports.destroyElement = destroyElement;
-var _eventManager = _interopRequireDefault(require("../../eventManager"));
-var _localHooks = _interopRequireDefault(require("../../mixins/localHooks"));
-var _object = require("../../helpers/object");
-var _browser = require("../../helpers/browser");
-var _element = require("../../helpers/dom/element");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * @private
- * @class FocusableWrapper
- */
-class FocusableWrapper {
-  constructor(container) {
-    this.rootDocument = container.defaultView ? container : container.ownerDocument;
-    /**
-     * The main/operational focusable element.
-     *
-     * @type {HTMLElement}
-     */
-    this.mainElement = null;
-    /**
-     * Instance of EventManager.
-     *
-     * @type {EventManager}
-     */
-    this.eventManager = new _eventManager.default(this);
-    /**
-     * An object for tracking information about event listeners attached to the focusable element.
-     *
-     * @type {WeakSet}
-     */
-    this.listenersCount = new WeakSet();
-    /**
-     * Parent for an focusable element.
-     *
-     * @type {HTMLElement}
-     */
-    this.container = container;
-  }
-
-  /**
-   * Switch to the secondary focusable element. Used when no any main focusable element is provided.
-   */
-  useSecondaryElement() {
-    const el = createOrGetSecondaryElement(this.container);
-    if (!this.listenersCount.has(el)) {
-      this.listenersCount.add(el);
-      forwardEventsToLocalHooks(this.eventManager, el, this);
-    }
-    this.mainElement = el;
-  }
-
-  /**
-   * Switch to the main focusable element.
-   *
-   * @param {HTMLElement} element The DOM element.
-   */
-  setFocusableElement(element) {
-    if (!this.listenersCount.has(element)) {
-      this.listenersCount.add(element);
-      forwardEventsToLocalHooks(this.eventManager, element, this);
-    }
-    this.mainElement = element;
-  }
-
-  /**
-   * Get currently set focusable element.
-   *
-   * @returns {HTMLElement}
-   */
-  getFocusableElement() {
-    return this.mainElement;
-  }
-
-  /**
-   * Set focus to the focusable element.
-   */
-  focus() {
-    // Add an empty space to texarea. It is necessary for safari to enable "copy" command from menu bar.
-    this.mainElement.value = ' ';
-    if (!(0, _browser.isMobileBrowser)()) {
-      (0, _element.selectElementIfAllowed)(this.mainElement);
-    }
-  }
-}
-(0, _object.mixin)(FocusableWrapper, _localHooks.default);
-const refCounter = new WeakMap();
-
-/**
- * Create and return the FocusableWrapper instance.
- *
- * @param {HTMLElement} container The container element, holder for focusable elements.
- * @returns {FocusableWrapper}
- */
-function createElement(container) {
-  const focusableWrapper = new FocusableWrapper(container);
-  let counter = refCounter.get(container);
-  counter = isNaN(counter) ? 0 : counter;
-  refCounter.set(container, counter + 1);
-  return focusableWrapper;
-}
-
-/**
- * Deactivate the FocusableWrapper instance.
- *
- * @param {FocusableWrapper} wrapper The instance of the FocusableWrapper class.
- */
-function deactivateElement(wrapper) {
-  wrapper.eventManager.clear();
-}
-const runLocalHooks = (eventName, subject) => event => subject.runLocalHooks(eventName, event);
-
-/**
- * Register copy/cut/paste events and forward their actions to the subject local hooks system.
- *
- * @param {EventManager} eventManager The instance of the EventManager class.
- * @param {HTMLElement} element The element on which the listeners are mounted.
- * @param {FocusableWrapper} subject The subject object for local hooks.
- */
-function forwardEventsToLocalHooks(eventManager, element, subject) {
-  eventManager.addEventListener(element, 'copy', runLocalHooks('copy', subject));
-  eventManager.addEventListener(element, 'cut', runLocalHooks('cut', subject));
-  eventManager.addEventListener(element, 'paste', runLocalHooks('paste', subject));
-}
-const secondaryElements = new WeakMap();
-
-/**
- * Create and attach newly created focusable element to the DOM.
- *
- * @param {HTMLElement} container The container element, holder for focusable elements.
- * @returns {HTMLElement}
- */
-function createOrGetSecondaryElement(container) {
-  const secondaryElement = secondaryElements.get(container);
-  if (secondaryElement) {
-    if (!secondaryElement.parentElement) {
-      container.appendChild(secondaryElement);
-    }
-    return secondaryElement;
-  }
-  const doc = container.defaultView ? container : container.ownerDocument;
-  const element = doc.createElement('textarea');
-  secondaryElements.set(container, element);
-  element.setAttribute('data-hot-input', ''); // Makes the element recognizable by Hot as its own component's element.
-  element.className = 'HandsontableCopyPaste';
-  element.tabIndex = -1;
-  element.autocomplete = 'off';
-  element.wrap = 'hard';
-  element.value = ' ';
-  container.appendChild(element);
-  return element;
-}
-
-/**
- * Destroy the FocusableWrapper instance.
- *
- * @param {FocusableWrapper} wrapper The instance of the FocusableWrapper class.
- */
-function destroyElement(wrapper) {
-  if (!(wrapper instanceof FocusableWrapper)) {
-    return;
-  }
-  let counter = refCounter.get(wrapper.container);
-  counter = isNaN(counter) ? 0 : counter;
-  if (counter > 0) {
-    counter -= 1;
-  }
-  deactivateElement(wrapper);
-  if (counter <= 0) {
-    counter = 0;
-
-    // Detach secondary element from the DOM.
-    const secondaryElement = secondaryElements.get(wrapper.container);
-    if (secondaryElement && secondaryElement.parentNode) {
-      secondaryElement.parentNode.removeChild(secondaryElement);
-      secondaryElements.delete(wrapper.container);
-    }
-    wrapper.mainElement = null;
-  }
-  refCounter.set(wrapper.container, counter);
-}

package/plugins/copyPaste/focusableElement.mjs

@@ -1,180 +0,0 @@
-import EventManager from "../../eventManager.mjs";
-import localHooks from "../../mixins/localHooks.mjs";
-import { mixin } from "../../helpers/object.mjs";
-import { isMobileBrowser } from "../../helpers/browser.mjs";
-import { selectElementIfAllowed } from "../../helpers/dom/element.mjs";
-/**
- * @private
- * @class FocusableWrapper
- */
-class FocusableWrapper {
-  constructor(container) {
-    this.rootDocument = container.defaultView ? container : container.ownerDocument;
-    /**
-     * The main/operational focusable element.
-     *
-     * @type {HTMLElement}
-     */
-    this.mainElement = null;
-    /**
-     * Instance of EventManager.
-     *
-     * @type {EventManager}
-     */
-    this.eventManager = new EventManager(this);
-    /**
-     * An object for tracking information about event listeners attached to the focusable element.
-     *
-     * @type {WeakSet}
-     */
-    this.listenersCount = new WeakSet();
-    /**
-     * Parent for an focusable element.
-     *
-     * @type {HTMLElement}
-     */
-    this.container = container;
-  }
-
-  /**
-   * Switch to the secondary focusable element. Used when no any main focusable element is provided.
-   */
-  useSecondaryElement() {
-    const el = createOrGetSecondaryElement(this.container);
-    if (!this.listenersCount.has(el)) {
-      this.listenersCount.add(el);
-      forwardEventsToLocalHooks(this.eventManager, el, this);
-    }
-    this.mainElement = el;
-  }
-
-  /**
-   * Switch to the main focusable element.
-   *
-   * @param {HTMLElement} element The DOM element.
-   */
-  setFocusableElement(element) {
-    if (!this.listenersCount.has(element)) {
-      this.listenersCount.add(element);
-      forwardEventsToLocalHooks(this.eventManager, element, this);
-    }
-    this.mainElement = element;
-  }
-
-  /**
-   * Get currently set focusable element.
-   *
-   * @returns {HTMLElement}
-   */
-  getFocusableElement() {
-    return this.mainElement;
-  }
-
-  /**
-   * Set focus to the focusable element.
-   */
-  focus() {
-    // Add an empty space to texarea. It is necessary for safari to enable "copy" command from menu bar.
-    this.mainElement.value = ' ';
-    if (!isMobileBrowser()) {
-      selectElementIfAllowed(this.mainElement);
-    }
-  }
-}
-mixin(FocusableWrapper, localHooks);
-const refCounter = new WeakMap();
-
-/**
- * Create and return the FocusableWrapper instance.
- *
- * @param {HTMLElement} container The container element, holder for focusable elements.
- * @returns {FocusableWrapper}
- */
-function createElement(container) {
-  const focusableWrapper = new FocusableWrapper(container);
-  let counter = refCounter.get(container);
-  counter = isNaN(counter) ? 0 : counter;
-  refCounter.set(container, counter + 1);
-  return focusableWrapper;
-}
-
-/**
- * Deactivate the FocusableWrapper instance.
- *
- * @param {FocusableWrapper} wrapper The instance of the FocusableWrapper class.
- */
-function deactivateElement(wrapper) {
-  wrapper.eventManager.clear();
-}
-const runLocalHooks = (eventName, subject) => event => subject.runLocalHooks(eventName, event);
-
-/**
- * Register copy/cut/paste events and forward their actions to the subject local hooks system.
- *
- * @param {EventManager} eventManager The instance of the EventManager class.
- * @param {HTMLElement} element The element on which the listeners are mounted.
- * @param {FocusableWrapper} subject The subject object for local hooks.
- */
-function forwardEventsToLocalHooks(eventManager, element, subject) {
-  eventManager.addEventListener(element, 'copy', runLocalHooks('copy', subject));
-  eventManager.addEventListener(element, 'cut', runLocalHooks('cut', subject));
-  eventManager.addEventListener(element, 'paste', runLocalHooks('paste', subject));
-}
-const secondaryElements = new WeakMap();
-
-/**
- * Create and attach newly created focusable element to the DOM.
- *
- * @param {HTMLElement} container The container element, holder for focusable elements.
- * @returns {HTMLElement}
- */
-function createOrGetSecondaryElement(container) {
-  const secondaryElement = secondaryElements.get(container);
-  if (secondaryElement) {
-    if (!secondaryElement.parentElement) {
-      container.appendChild(secondaryElement);
-    }
-    return secondaryElement;
-  }
-  const doc = container.defaultView ? container : container.ownerDocument;
-  const element = doc.createElement('textarea');
-  secondaryElements.set(container, element);
-  element.setAttribute('data-hot-input', ''); // Makes the element recognizable by Hot as its own component's element.
-  element.className = 'HandsontableCopyPaste';
-  element.tabIndex = -1;
-  element.autocomplete = 'off';
-  element.wrap = 'hard';
-  element.value = ' ';
-  container.appendChild(element);
-  return element;
-}
-
-/**
- * Destroy the FocusableWrapper instance.
- *
- * @param {FocusableWrapper} wrapper The instance of the FocusableWrapper class.
- */
-function destroyElement(wrapper) {
-  if (!(wrapper instanceof FocusableWrapper)) {
-    return;
-  }
-  let counter = refCounter.get(wrapper.container);
-  counter = isNaN(counter) ? 0 : counter;
-  if (counter > 0) {
-    counter -= 1;
-  }
-  deactivateElement(wrapper);
-  if (counter <= 0) {
-    counter = 0;
-
-    // Detach secondary element from the DOM.
-    const secondaryElement = secondaryElements.get(wrapper.container);
-    if (secondaryElement && secondaryElement.parentNode) {
-      secondaryElement.parentNode.removeChild(secondaryElement);
-      secondaryElements.delete(wrapper.container);
-    }
-    wrapper.mainElement = null;
-  }
-  refCounter.set(wrapper.container, counter);
-}
-export { createElement, deactivateElement, destroyElement };

package/selection/highlight/constants.js

@@ -1,15 +0,0 @@
-"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

@@ -1,6 +0,0 @@
-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';

package/selection/highlight/types/index.js

@@ -1,35 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.createHighlight = createHighlight;
-var _staticRegister = _interopRequireDefault(require("./../../../utils/staticRegister"));
-var _constants = require("../constants");
-var _activeHeader = _interopRequireDefault(require("./activeHeader"));
-var _area = _interopRequireDefault(require("./area"));
-var _cell = _interopRequireDefault(require("./cell"));
-var _customSelection = _interopRequireDefault(require("./customSelection"));
-var _fill = _interopRequireDefault(require("./fill"));
-var _header = _interopRequireDefault(require("./header"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const {
-  register,
-  getItem
-} = (0, _staticRegister.default)('highlight/types');
-register(_constants.ACTIVE_HEADER_TYPE, _activeHeader.default);
-register(_constants.AREA_TYPE, _area.default);
-register(_constants.CELL_TYPE, _cell.default);
-register(_constants.CUSTOM_SELECTION_TYPE, _customSelection.default);
-register(_constants.FILL_TYPE, _fill.default);
-register(_constants.HEADER_TYPE, _header.default);
-
-/**
- * @param {string} highlightType The selection type.
- * @param {object} options The selection options.
- * @returns {Selection}
- */
-function createHighlight(highlightType, options) {
-  return getItem(highlightType)({
-    type: highlightType,
-    ...options
-  });
-}

package/selection/highlight/types/index.mjs

@@ -1,31 +0,0 @@
-import staticRegister from "./../../../utils/staticRegister.mjs";
-import { ACTIVE_HEADER_TYPE, AREA_TYPE, CELL_TYPE, CUSTOM_SELECTION_TYPE, FILL_TYPE, HEADER_TYPE } from "../constants.mjs";
-import activeHeaderHighlight from "./activeHeader.mjs";
-import areaHighlight from "./area.mjs";
-import cellHighlight from "./cell.mjs";
-import customSelection from "./customSelection.mjs";
-import fillHighlight from "./fill.mjs";
-import headerHighlight from "./header.mjs";
-const {
-  register,
-  getItem
-} = staticRegister('highlight/types');
-register(ACTIVE_HEADER_TYPE, activeHeaderHighlight);
-register(AREA_TYPE, areaHighlight);
-register(CELL_TYPE, cellHighlight);
-register(CUSTOM_SELECTION_TYPE, customSelection);
-register(FILL_TYPE, fillHighlight);
-register(HEADER_TYPE, headerHighlight);
-
-/**
- * @param {string} highlightType The selection type.
- * @param {object} options The selection options.
- * @returns {Selection}
- */
-function createHighlight(highlightType, options) {
-  return getItem(highlightType)({
-    type: highlightType,
-    ...options
-  });
-}
-export { createHighlight };