@handsontable/react 12.3.1 → 12.3.2-next-e75de58-20230322

package/helpers.d.ts

@@ -12,6 +12,10 @@ export declare const HOT_DESTROYED_WARNING: string;
  * String identifier for the global-scoped editor components.
  */
 export declare const GLOBAL_EDITOR_SCOPE = "global";
+/**
+ * Default classname given to the wrapper container.
+ */
+export declare const DEFAULT_CLASSNAME = "hot-wrapper-editor-container";
 /**
  * Logs warn to the console if the `console` object is exposed.
  *
@@ -33,22 +37,14 @@ export declare function getChildElementByType(children: React.ReactNode, type: s
  * @returns {Function} Original class of the editor component.
  */
 export declare function getOriginalEditorClass(editorElement: HotEditorElement): any;
-/**
- * Remove editor containers from DOM.
- *
- * @param {Document} [doc] Document to be used.
- * @param {Map} editorCache The editor cache reference.
- */
-export declare function removeEditorContainers(doc?: Document): void;
 /**
  * Create an editor portal.
  *
  * @param {Document} [doc] Document to be used.
  * @param {React.ReactElement} editorElement Editor's element.
- * @param {Map} editorCache The editor cache reference.
  * @returns {React.ReactPortal} The portal for the editor.
  */
-export declare function createEditorPortal(doc: Document, editorElement: HotEditorElement, editorCache: HotEditorCache): React.ReactPortal;
+export declare function createEditorPortal(doc: Document, editorElement: HotEditorElement): React.ReactPortal | null;
 /**
  * Get an editor element extended with a instance-emitting method.
  *
@@ -64,11 +60,10 @@ export declare function getExtendedEditorElement(children: React.ReactNode, edit
  *
  * @param {React.ReactElement} rElement React element to be used as a base for the component.
  * @param {Object} props Props to be passed to the cloned element.
- * @param {Function} callback Callback to be called after the component has been mounted.
  * @param {Document} [ownerDocument] The owner document to set the portal up into.
  * @returns {{portal: React.ReactPortal, portalContainer: HTMLElement}} An object containing the portal and its container.
  */
-export declare function createPortal(rElement: React.ReactElement, props: any, callback: Function, ownerDocument?: Document): {
+export declare function createPortal(rElement: React.ReactElement, props: any, ownerDocument?: Document): {
     portal: React.ReactPortal;
     portalContainer: HTMLElement;
 };
@@ -86,14 +81,3 @@ export declare function getContainerAttributesProps(props: any, randomizeId?: bo
     className: string;
     style: object;
 };
-/**
- * Add the `UNSAFE_` prefixes to the deprecated lifecycle methods for React >= 16.3.
- *
- * @param {Object} instance Instance to have the methods renamed.
- */
-export declare function addUnsafePrefixes(instance: {
-    UNSAFE_componentWillUpdate?: Function;
-    componentWillUpdate: Function;
-    UNSAFE_componentWillMount?: Function;
-    componentWillMount: Function;
-}): void;

package/hotColumn.d.ts

@@ -1,35 +1,21 @@
-import React, { ReactPortal } from 'react';
+import React from 'react';
 import { HotTableProps, HotColumnProps } from './types';
 import Handsontable from 'handsontable/base';
 declare class HotColumn extends React.Component<HotColumnProps, {}> {
     internalProps: string[];
     columnSettings: Handsontable.ColumnSettings;
     /**
-     * Local editor portal cache.
+     * Component used to manage the editor portals.
      *
-     * @private
-     * @type {ReactPortal}
+     * @type {React.Component}
      */
-    private localEditorPortal;
+    private editorsPortalManager;
     /**
-     * HotColumn class constructor.
+     * Set the editors portal manager ref.
      *
-     * @param {HotColumnProps} props Component props.
-     * @param {*} [context] Component context.
+     * @param {React.ReactComponent} pmComponent The PortalManager component.
      */
-    constructor(props: HotColumnProps, context?: any);
-    /**
-     * Get the local editor portal cache property.
-     *
-     * @return {ReactPortal} Local editor portal.
-     */
-    getLocalEditorPortal(): ReactPortal;
-    /**
-     * Set the local editor portal cache property.
-     *
-     * @param {ReactPortal} portal Local editor portal.
-     */
-    setLocalEditorPortal(portal: any): void;
+    private setEditorsPortalManagerRef;
     /**
      * Filter out all the internal properties and return an object with just the Handsontable-related props.
      *
@@ -47,27 +33,19 @@ declare class HotColumn extends React.Component<HotColumnProps, {}> {
      */
     createColumnSettings(): void;
     /**
-     * Create the local editor portal and its destination HTML element if needed.
+     * Creates the local editor portal and renders it within the editors portal manager component.
      *
-     * @param {React.ReactNode} [children] Children of the HotTable instance. Defaults to `this.props.children`.
+     * @param {Function} callback Callback to call which is triggered after the editors portal is rendered.
      */
-    createLocalEditorPortal(children?: React.ReactNode): void;
+    renderLocalEditorPortal(callback: () => void): void;
     /**
      * Emit the column settings to the parent using a prop passed from the parent.
      */
     emitColumnSettings(): void;
-    /**
-     * Logic performed before the mounting of the HotColumn component.
-     */
-    componentWillMount(): void;
     /**
      * Logic performed after the mounting of the HotColumn component.
      */
     componentDidMount(): void;
-    /**
-     * Logic performed before the updating of the HotColumn component.
-     */
-    componentWillUpdate(nextProps: Readonly<HotColumnProps>, nextState: Readonly<{}>, nextContext: any): void;
     /**
      * Logic performed after the updating of the HotColumn component.
      */

package/hotTable.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import Handsontable from 'handsontable/base';
-import { PortalManager } from './portalManager';
+import { RenderersPortalManager } from './renderersPortalManager';
 import { HotTableProps, HotEditorElement, HotEditorCache, EditorScopeIdentifier } from './types';
 /**
  * A Handsontable-ReactJS wrapper.
@@ -67,18 +67,17 @@ declare class HotTable extends React.Component<HotTableProps, {}> {
      *
      * @type {React.Component}
      */
-    portalManager: PortalManager;
+    renderersPortalManager: RenderersPortalManager;
     /**
-     * Array containing the portals cashed to be rendered in bulk after Handsontable's render cycle.
+     * Component used to manage the editor portals.
+     *
+     * @type {React.Component}
      */
-    portalCacheArray: React.ReactPortal[];
+    private editorsPortalManager;
     /**
-     * Global editor portal cache.
-     *
-     * @private
-     * @type {React.ReactPortal}
+     * Array containing the portals cashed to be rendered in bulk after Handsontable's render cycle.
      */
-    private globalEditorPortal;
+    portalCacheArray: React.ReactPortal[];
     /**
      * The rendered cells cache.
      *
@@ -101,13 +100,6 @@ declare class HotTable extends React.Component<HotTableProps, {}> {
      * @type {Map}
      */
     private componentRendererColumns;
-    /**
-     * HotTable class constructor.
-     *
-     * @param {HotTableProps} props Component props.
-     * @param {*} [context] Component context.
-     */
-    constructor(props: HotTableProps, context?: any);
     /**
      * Package version getter.
      *
@@ -139,18 +131,6 @@ declare class HotTable extends React.Component<HotTableProps, {}> {
      * @returns {Map}
      */
     getEditorCache(): HotEditorCache;
-    /**
-     * Get the global editor portal property.
-     *
-     * @return {React.ReactPortal} The global editor portal.
-     */
-    getGlobalEditorPortal(): React.ReactPortal;
-    /**
-     * Set the private editor portal cache property.
-     *
-     * @param {React.ReactPortal} portal Global editor portal.
-     */
-    setGlobalEditorPortal(portal: React.ReactPortal): void;
     /**
      * Clear both the editor and the renderer cache.
      */
@@ -202,13 +182,13 @@ declare class HotTable extends React.Component<HotTableProps, {}> {
      * @param {React.ReactNode} [children] Children of the HotTable instance. Defaults to `this.props.children`.
      * @returns {React.ReactElement} React editor component element.
      */
-    getGlobalEditorElement(children?: React.ReactNode): HotEditorElement | null;
+    getGlobalEditorElement(): HotEditorElement | null;
     /**
-     * Create the global editor portal and its destination HTML element if needed.
+     * Creates the global editor portal and renders it within the editors portal manager component.
      *
-     * @param {React.ReactNode} [children] Children of the HotTable instance. Defaults to `this.props.children`.
+     * @param {Function} callback Callback to call which is triggered after the editors portal is rendered.
      */
-    createGlobalEditorPortal(children?: React.ReactNode): void;
+    renderGlobalEditorPortal(callback: () => void): void;
     /**
      * Create a new settings object containing the column settings and global editors and renderers.
      *
@@ -243,23 +223,21 @@ declare class HotTable extends React.Component<HotTableProps, {}> {
      */
     private updateHot;
     /**
-     * Set the portal manager ref.
+     * Set the renderers portal manager ref.
      *
      * @param {React.ReactComponent} pmComponent The PortalManager component.
      */
-    private setPortalManagerRef;
+    private setRenderersPortalManagerRef;
     /**
-     * Logic performed before the mounting of the component.
+     * Set the editors portal manager ref.
+     *
+     * @param {React.ReactComponent} pmComponent The PortalManager component.
      */
-    componentWillMount(): void;
+    private setEditorsPortalManagerRef;
     /**
      * Initialize Handsontable after the component has mounted.
      */
     componentDidMount(): void;
-    /**
-     * Logic performed before the component update.
-     */
-    componentWillUpdate(nextProps: Readonly<HotTableProps>, nextState: Readonly<{}>, nextContext: any): void;
     /**
      * Logic performed after the component update.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@handsontable/react",
-  "version": "12.3.1",
+  "version": "12.3.2-next-e75de58-20230322",
   "description": "Best Data Grid for React with Spreadsheet Look and Feel.",
   "author": "Handsoncode <hello@handsoncode.net> (https://handsoncode.net)",
   "homepage": "https://handsontable.com",
@@ -60,21 +60,20 @@
     "@babel/preset-react": "^7.9.4",
     "@babel/preset-typescript": "^7.9.0",
     "@babel/runtime": "^7.9.2",
-    "@types/react": "^16.9.5",
     "@types/react-dom": "^16.9.1",
     "@types/react-redux": "^7.1.7",
+    "@types/react": "^16.9.5",
     "babel-core": "^7.0.0-bridge.0",
     "cpy-cli": "^3.1.1",
-    "cross-env": "^5.2.0",
-    "del-cli": "^3.0.1",
-    "handsontable": "^12.0.0",
+    "cross-env": "^7.0.3",
+    "handsontable": "12.3.2-next-e75de58-20230322",
     "jest": "^25.1.0",
     "prop-types": "^15.7.2",
-    "react": "^16.10.2",
     "react-dom": "^16.10.2",
     "react-redux": "^7.1.1",
+    "react": "^16.10.2",
     "redux": "^4.0.4",
-    "rollup": "^2.58.0",
+    "rimraf": "^3.0.2",
     "rollup-plugin-alias": "^1.5.2",
     "rollup-plugin-babel": "^4.3.3",
     "rollup-plugin-commonjs": "^10.0.1",
@@ -83,11 +82,12 @@
     "rollup-plugin-replace": "^2.2.0",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.22.1",
+    "rollup": "^2.58.0",
     "typescript": "3.8.2",
     "uglify-js": "^3.4.9"
   },
   "peerDependencies": {
-    "handsontable": ">=12.0.0"
+    "handsontable": "12.3.2-next-e75de58-20230322"
   },
   "scripts": {
     "build": "npm run clean && npm run build:commonjs && npm run build:es && npm run build:umd && npm run build:min",
@@ -95,7 +95,7 @@
     "build:umd": "cross-env NODE_ENV=umd rollup -c",
     "build:es": "cross-env NODE_ENV=es rollup -c",
     "build:min": "cross-env NODE_ENV=min rollup -c",
-    "clean": "del-cli ./es/ && del-cli ./commonjs/ && del-cli ./dist/ && del-cli ./*.d.ts",
+    "clean": "rimraf ./es/ && rimraf ./commonjs/ && rimraf ./dist/ && rimraf ./*.d.ts",
     "publish-package": "npm publish",
     "test": "jest",
     "watch:commonjs": "cross-env NODE_ENV=cjs rollup -c --watch",

package/renderersPortalManager.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+/**
+ * Component class used to manage the renderer component portals.
+ */
+export declare class RenderersPortalManager extends React.Component<{}, {
+    portals?: React.ReactPortal[];
+}> {
+    state: {
+        portals: any[];
+    };
+    render(): JSX.Element;
+}

package/portalManager.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-/**
- * Component class used to manage the renderer component portals.
- */
-export declare class PortalManager extends React.Component<{}, {
-    portals?: React.ReactPortal[];
-}> {
-    constructor(props: any);
-    render(): React.ReactNode;
-}