@adaptabletools/adaptable-react-aggrid 13.0.0-canary.1 → 13.0.0-canary.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable-react-aggrid",
-  "version": "13.0.0-canary.1",
+  "version": "13.0.0-canary.2",
   "description": "React version of AdapTable - the powerful AG Grid add-on that provides all the rich functionality that advanced users expect from their DataGrids and Data Tables",
   "keywords": [],
   "license": "contact sales@adaptabletools.com for details",
@@ -19,13 +19,13 @@
   },
   "dependencies": {
     "tslib": "^2.3.0",
-    "@adaptabletools/adaptable": "13.0.0-canary.1"
+    "@adaptabletools/adaptable": "13.0.0-canary.2"
   },
   "peerDependencies": {
     "@ag-grid-community/core": ">=28.1.0",
     "@ag-grid-community/react": ">=28.1.0",
-    "react": "^16.8.0 || ^17.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0"
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
   "engines": {
     "node": ">=6.0.0"

package/src/components/AdaptableReact.d.ts

@@ -8,6 +8,17 @@ export interface AdaptableReactProps extends React.HTMLProps<HTMLDivElement> {
         adaptableApi: AdaptableApi;
         gridOptions: GridOptions;
     }) => void;
+    /**
+     * Accepts any jsx content and an HTML node (container) and renders the jsx into the node.
+     *
+     * The return value should be a function that, when called, unmounts the jsx element/component from the node.
+     *
+     * This is useful when your app runs on React 18. Adaptable works with older versions of React as well, so we need to suport everyone.
+     * See details about React 18 changes at https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html#updates-to-client-rendering-apis
+     *
+     * Providing this function and using React 18 APIs to render elements will help you avoid a runtime warning.
+     */
+    renderReactRoot?: (el: JSX.Element, container: HTMLElement) => VoidFunction;
 }
 declare const AdaptableReact: React.FunctionComponent<AdaptableReactProps>;
 export default AdaptableReact;

package/src/components/AdaptableReact.js

@@ -18,14 +18,14 @@ if (package_json_1.version !== version_1.default) {
 }
 const getRandomInt = (max) => Math.floor(Math.random() * Math.floor(max));
 const AdaptableReact = (_a) => {
-    var { adaptableOptions, gridOptions, onAdaptableReady } = _a, props = tslib_1.__rest(_a, ["adaptableOptions", "gridOptions", "onAdaptableReady"]);
+    var { adaptableOptions, gridOptions, onAdaptableReady, renderReactRoot } = _a, props = tslib_1.__rest(_a, ["adaptableOptions", "gridOptions", "onAdaptableReady", "renderReactRoot"]);
     const seedId = (0, react_1.useMemo)(() => `${getRandomInt(1000)}-${Date.now()}`, []);
     const adaptableContainerId = `adaptable-${seedId}`;
     const containerRef = (0, react_1.useMemo)(() => {
         let adaptableApi;
         return (node) => {
             if (node) {
-                agGrid_1.default.initInternal(Object.assign(Object.assign({}, adaptableOptions), { containerOptions: Object.assign(Object.assign({}, adaptableOptions.containerOptions), { adaptableContainer: node }), gridOptions: gridOptions || adaptableOptions.gridOptions }), { waitForAgGrid: true }).then((api) => {
+                agGrid_1.default.initInternal(Object.assign(Object.assign({}, adaptableOptions), { containerOptions: Object.assign(Object.assign({}, adaptableOptions.containerOptions), { adaptableContainer: node }), gridOptions: gridOptions || adaptableOptions.gridOptions }), { waitForAgGrid: true, renderReactRoot }).then((api) => {
                     adaptableApi = api;
                     (0, logger_1.LogAdaptableInfo)('AdaptableReady');
                     if (onAdaptableReady) {