@handsontable/react 10.0.0 → 11.0.0

package/helpers.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { HotEditorElement } from './types';
+import { HotEditorCache, HotEditorElement } from './types';
 /**
  * Warning message for the `autoRowSize`/`autoColumnSize` compatibility check.
  */
@@ -8,6 +8,10 @@ export declare const AUTOSIZE_WARNING: string;
  * Message for the warning thrown if the Handsontable instance has been destroyed.
  */
 export declare const HOT_DESTROYED_WARNING: string;
+/**
+ * String identifier for the global-scoped editor components.
+ */
+export declare const GLOBAL_EDITOR_SCOPE = "global";
 /**
  * Logs warn to the console if the `console` object is exposed.
  *
@@ -44,15 +48,17 @@ export declare function removeEditorContainers(doc?: Document): void;
  * @param {Map} editorCache The editor cache reference.
  * @returns {React.ReactPortal} The portal for the editor.
  */
-export declare function createEditorPortal(doc: Document, editorElement: HotEditorElement, editorCache: Map<Function, React.Component>): React.ReactPortal;
+export declare function createEditorPortal(doc: Document, editorElement: HotEditorElement, editorCache: HotEditorCache): React.ReactPortal;
 /**
  * Get an editor element extended with a instance-emitting method.
  *
  * @param {React.ReactNode} children Component children.
  * @param {Map} editorCache Component's editor cache.
+ * @param {string|number} [editorColumnScope] The editor scope (column index or a 'global' string). Defaults to
+ * 'global'.
  * @returns {React.ReactElement} An editor element containing the additional methods.
  */
-export declare function getExtendedEditorElement(children: React.ReactNode, editorCache: Map<Function, object>): React.ReactElement | null;
+export declare function getExtendedEditorElement(children: React.ReactNode, editorCache: HotEditorCache, editorColumnScope?: string | number): React.ReactElement | null;
 /**
  * Create a react component and render it to an external DOM done.
  *

package/hotColumn.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactPortal } from 'react';
 import { HotTableProps, HotColumnProps } from './types';
-import Handsontable from 'handsontable';
+import Handsontable from 'handsontable/base';
 declare class HotColumn extends React.Component<HotColumnProps, {}> {
     internalProps: string[];
     columnSettings: Handsontable.ColumnSettings;

package/hotTable.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import Handsontable from 'handsontable';
+import Handsontable from 'handsontable/base';
 import { PortalManager } from './portalManager';
-import { HotTableProps, HotEditorElement } from './types';
+import { HotTableProps, HotEditorElement, HotEditorCache, EditorScopeIdentifier } from './types';
 /**
  * A Handsontable-ReactJS wrapper.
  *
@@ -138,7 +138,7 @@ declare class HotTable extends React.Component<HotTableProps, {}> {
      *
      * @returns {Map}
      */
-    getEditorCache(): Map<Function, React.Component>;
+    getEditorCache(): HotEditorCache;
     /**
      * Get the global editor portal property.
      *
@@ -173,14 +173,16 @@ declare class HotTable extends React.Component<HotTableProps, {}> {
      * @param {React.ReactElement} rendererElement React renderer component.
      * @returns {Handsontable.renderers.Base} The Handsontable rendering function.
      */
-    getRendererWrapper(rendererElement: React.ReactElement): Handsontable.renderers.Base | any;
+    getRendererWrapper(rendererElement: React.ReactElement): typeof Handsontable.renderers.BaseRenderer | any;
     /**
      * Create a fresh class to be used as an editor, based on the provided editor React element.
      *
      * @param {React.ReactElement} editorElement React editor component.
+     * @param {string|number} [editorColumnScope] The editor scope (column index or a 'global' string). Defaults to
+     * 'global'.
      * @returns {Function} A class to be passed to the Handsontable editor settings.
      */
-    getEditorClass(editorElement: HotEditorElement): typeof Handsontable.editors.BaseEditor;
+    getEditorClass(editorElement: HotEditorElement, editorColumnScope?: EditorScopeIdentifier): typeof Handsontable.editors.BaseEditor;
     /**
      * Create a class to be passed to the Handsontable's settings.
      *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@handsontable/react",
-  "version": "10.0.0",
+  "version": "11.0.0",
   "description": "Best Data Grid for React with Spreadsheet Look and Feel.",
   "author": "Handsoncode <hello@handsoncode.net> (https://handsoncode.net)",
   "homepage": "https://handsontable.com",
@@ -64,27 +64,27 @@
     "enzyme": "^3.10.0",
     "enzyme-adapter-react-16": "^1.14.0",
     "enzyme-to-json": "^3.4.0",
-    "handsontable": "^10.0.0",
+    "handsontable": "^11.0.0",
     "jest": "^25.1.0",
     "prop-types": "^15.7.2",
     "react": "^16.10.2",
     "react-dom": "^16.10.2",
     "react-redux": "^7.1.1",
     "redux": "^4.0.4",
-    "rollup": "^2.0.0",
+    "rollup": "^2.58.0",
     "rollup-plugin-alias": "^1.5.2",
     "rollup-plugin-babel": "^4.3.3",
     "rollup-plugin-commonjs": "^10.0.1",
     "rollup-plugin-json": "^4.0.0",
     "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-replace": "^2.2.0",
-    "rollup-plugin-typescript2": "^0.22.1",
     "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript2": "^0.22.1",
     "typescript": "3.8.2",
     "uglify-js": "^3.4.9"
   },
   "peerDependencies": {
-    "handsontable": ">=10.0.0"
+    "handsontable": ">=11.0.0"
   },
   "scripts": {
     "build": "npm run clean && npm run build:commonjs && npm run build:es && npm run build:umd && npm run build:min",

package/settingsMapper.d.ts

@@ -1,4 +1,4 @@
-import Handsontable from 'handsontable';
+import Handsontable from 'handsontable/base';
 import { HotTableProps } from './types';
 export declare class SettingsMapper {
     /**

package/types.d.ts

@@ -1,10 +1,18 @@
-import Handsontable from 'handsontable';
+import Handsontable from 'handsontable/base';
 import React from 'react';
 import { ConnectedComponent } from 'react-redux';
 /**
  * Type of the editor component's ReactElement.
  */
 export declare type HotEditorElement = React.ReactElement<{}, ConnectedComponent<React.FunctionComponent, any> | any>;
+/**
+ * Type of the identifier under which the cached editor components are stored.
+ */
+export declare type EditorScopeIdentifier = 'global' | number;
+/**
+ * Type of the cache map for the Handsontable editor components.
+ */
+export declare type HotEditorCache = Map<Function, Map<EditorScopeIdentifier, React.Component>>;
 /**
  * Interface for the `prop` of the HotTable component - extending the default Handsontable settings with additional,
  * component-related properties.
@@ -34,8 +42,8 @@ export interface HotColumnProps extends Handsontable.ColumnSettings {
     _columnIndex?: number;
     _getChildElementByType?: (children: React.ReactNode, type: string) => React.ReactElement;
     _getRendererWrapper?: (rendererNode: React.ReactElement) => Handsontable.renderers.Base;
-    _getEditorClass?: (editorElement: React.ReactElement) => typeof Handsontable.editors.BaseEditor;
-    _getEditorCache?: () => Map<Function, React.Component>;
+    _getEditorClass?: (editorElement: React.ReactElement, editorColumnScope: EditorScopeIdentifier) => typeof Handsontable.editors.BaseEditor;
+    _getEditorCache?: () => HotEditorCache;
     _getOwnerDocument?: () => Document;
     children?: React.ReactNode;
 }