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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable-react-aggrid-cjs",
-  "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",
@@ -8,7 +8,7 @@
   "typings": "src/index.d.ts",
   "dependencies": {
     "tslib": "^2.3.0",
-    "@adaptabletools/adaptable-cjs": "18.1.2"
+    "@adaptabletools/adaptable-cjs": "18.1.4-canary.0"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/src/components/AdaptableProvider.js

@@ -5,12 +5,15 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const react_1 = require("ag-grid-community");
 const AdaptableReact_1 = tslib_1.__importDefault(require("./AdaptableReact"));
+const core_1 = require("ag-grid-community");
+const ObjectExtensions_1 = require("@adaptabletools/adaptable-cjs/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(core_1.ComponentUtil.ALL_PROPERTIES);
 // -- ADAPTABLE PROVIDER -
 const AdaptableAgGridContext = React.createContext(null);
 const useAdaptableAgGridContext = () => {
@@ -97,18 +100,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 = (0, ObjectExtensions_1.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',
@@ -147,6 +152,7 @@ const AdaptableAgGridReact = (props) => {
             if (gridOptions.onGridReady) {
                 gridOptions.onGridReady(event);
             }
+            setAgGridIsReady(true);
         }, gridOptions: gridOptions })));
 };
 exports.Adaptable = {

package/src/components/AdaptableReact.js

@@ -10,6 +10,7 @@ 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"]);
     const seedId = (0, react_1.useMemo)(() => `${getRandomInt(1000)}-${Date.now()}`, []);
+    // TODO: not sure this is used anywhere
     const adaptableContainerId = `adaptable-${seedId}`;
     const containerRef = (0, react_1.useMemo)(() => {
         let adaptableApi;