@adaptabletools/adaptable-react-aggrid 18.1.2 → 18.1.4-canary.0

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@adaptabletools/adaptable-react-aggrid",
-  "version": "18.1.2",
+  "version": "18.1.4-canary.0",
   "description": "React version of AdapTable - the powerful data-agnostic HTML5 AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements",
   "keywords": [],
   "license": "contact sales@adaptabletools.com for details",
   "typings": "src/index.d.ts",
   "dependencies": {
     "tslib": "^2.3.0",
-    "@adaptabletools/adaptable": "18.1.2"
+    "@adaptabletools/adaptable": "18.1.4-canary.0"
   },
   "peerDependencies": {
     "@ag-grid-community/core": ">=31.3.1",

package/src/components/AdaptableProvider.js

@@ -1,12 +1,15 @@
 import * as React from 'react';
 import { AgGridReact } from '@ag-grid-community/react';
 import AdaptableReactComponent from './AdaptableReact';
+import { ComponentUtil } from '@ag-grid-community/core';
+import { diff } from '@adaptabletools/adaptable/src/Utilities/Extensions/ObjectExtensions';
 var AdaptableAgGridStateTransitions;
 (function (AdaptableAgGridStateTransitions) {
     AdaptableAgGridStateTransitions["AG_GRID_EMIT_PROPS"] = "AG_GRID_EMIT_PROPS";
     AdaptableAgGridStateTransitions["INITIALIZE_ADAPTABLE"] = "INITIALIZE_ADAPTABLE";
     AdaptableAgGridStateTransitions["INITIALIZE_AG_GRID"] = "INITIALIZE_AG_GRID";
 })(AdaptableAgGridStateTransitions || (AdaptableAgGridStateTransitions = {}));
+const agGridPropertySet = new Set(ComponentUtil.ALL_PROPERTIES);
 // -- ADAPTABLE PROVIDER -
 const AdaptableAgGridContext = React.createContext(null);
 const useAdaptableAgGridContext = () => {
@@ -93,18 +96,20 @@ const AdaptableUI = (props) => {
 };
 const AdaptableAgGridReact = (props) => {
     const agGridRef = React.useRef(null);
+    const [isAgGridReady, setAgGridIsReady] = React.useState(false);
     const { modules, gridOptions, setAgGridApi, transition, setAgGridProps, agGridApi } = useAdaptableAgGridContext();
-    /**
-     *
-     */
-    const colDefsRef = React.useRef(props.columnDefs);
+    const propsRef = React.useRef(props);
     React.useEffect(() => {
-        if (agGridApi
-            && colDefsRef.current !== props.columnDefs) {
-            agGridApi.setGridOption('columnDefs', props.columnDefs);
-            colDefsRef.current = props.columnDefs;
+        const prevProps = propsRef.current;
+        if (isAgGridReady && agGridApi && prevProps !== props) {
+            const changedProps = diff(prevProps, props);
+            for (const changedProp of changedProps) {
+                if (agGridPropertySet.has(changedProp)) {
+                    agGridApi.setGridOption(changedProp, props[changedProp]);
+                }
+            }
         }
-    }, [props.columnDefs, agGridApi]);
+    }, [props, agGridApi]);
     const LIST_OF_PROPS_NOT_ON_GRID_OPTIONS = [
         'rowData',
         'containerStyle',
@@ -143,6 +148,7 @@ const AdaptableAgGridReact = (props) => {
             if (gridOptions.onGridReady) {
                 gridOptions.onGridReady(event);
             }
+            setAgGridIsReady(true);
         }, gridOptions: gridOptions })));
 };
 export const Adaptable = {

package/src/components/AdaptableReact.js

@@ -8,6 +8,7 @@ const getRandomInt = (max) => Math.floor(Math.random() * Math.floor(max));
 const AdaptableReact = (_a) => {
     var { adaptableOptions, gridOptions, onAdaptableReady } = _a, props = __rest(_a, ["adaptableOptions", "gridOptions", "onAdaptableReady"]);
     const seedId = useMemo(() => `${getRandomInt(1000)}-${Date.now()}`, []);
+    // TODO: not sure this is used anywhere
     const adaptableContainerId = `adaptable-${seedId}`;
     const containerRef = useMemo(() => {
         let adaptableApi;