@adaptabletools/adaptable-vue3-aggrid-cjs 18.1.4 → 18.1.6

package/lib/AdaptableAgGridVue.js

@@ -3,8 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AdaptableAgGridVue = void 0;
 const vue_1 = require("vue");
 const AdaptableProviderContext_1 = require("./AdaptableProviderContext");
-const vue3_1 = require("ag-grid-community");
+const vue3_1 = require("ag-grid-vue3");
 const core_1 = require("ag-grid-community");
+const utils_1 = require("./utils");
 const agGridPropertySet = new Set(core_1.ComponentUtil.ALL_PROPERTIES);
 const PASS_THROUGH_PROPS = [
     'modelValue',
@@ -13,30 +14,12 @@ const PASS_THROUGH_PROPS = [
     'componentDependencies',
     'plugins',
 ];
-function deepToRaw(sourceObj) {
-    const objectIterator = (input) => {
-        if (Array.isArray(input)) {
-            return input.map((item) => objectIterator(item));
-        }
-        if ((0, vue_1.isRef)(input) || (0, vue_1.isReactive)(input) || (0, vue_1.isProxy)(input)) {
-            return objectIterator((0, vue_1.toRaw)(input));
-        }
-        if (input && typeof input === 'object') {
-            return Object.keys(input).reduce((acc, key) => {
-                acc[key] = objectIterator(input[key]);
-                return acc;
-            }, {});
-        }
-        return input;
-    };
-    return objectIterator(sourceObj);
-}
 const watch = core_1.ComponentUtil.ALL_PROPERTIES.reduce((acc, key) => {
     acc[key] = function (newValue) {
         /**
          * We need to unwrap all potential refs inside the new grid option.
          */
-        this.agGridApi.setGridOption(key, deepToRaw(newValue));
+        this.agGridApi.setGridOption(key, (0, utils_1.deepToRaw)(newValue));
     };
     return acc;
 }, {});

package/lib/AdaptableUI.js

@@ -5,6 +5,7 @@ const agGrid_1 = require("@adaptabletools/adaptable-cjs/agGrid");
 const vue_1 = require("vue");
 const AdaptableProviderContext_1 = require("./AdaptableProviderContext");
 const setupFrameworkComponents_1 = require("./setupFrameworkComponents");
+const utils_1 = require("./utils");
 /**
  * This component handles the logic of initializing the Adaptable.
  * It always renders a div, which is the container for the Adaptable.
@@ -57,10 +58,11 @@ exports.AdaptableUI = (0, vue_1.defineComponent)({
             if (transition === AdaptableProviderContext_1.AdaptableAgGridStateTransitions.INITIALIZE_ADAPTABLE) {
                 this.adaptableInitialized = true;
                 const el = this.$el;
+                const gridOptions = Object.assign(Object.assign({}, (0, utils_1.deepToRaw)(this.gridOptions)), (0, utils_1.deleteUndefinedShallow)(rawAgGridProps));
                 const adaptableApi = await agGrid_1._AdaptableAgGrid._initInternal({
                     modules: this.modules,
                     adaptableOptions: Object.assign(Object.assign({}, this.adaptableOptions), { containerOptions: Object.assign(Object.assign({}, (_a = this.adaptableOptions) === null || _a === void 0 ? void 0 : _a.containerOptions), { adaptableContainer: el }) }),
-                    gridOptions: Object.assign(Object.assign({}, (0, vue_1.toRaw)(this.gridOptions)), rawAgGridProps),
+                    gridOptions,
                     variant: 'vue',
                     renderAgGridFrameworkComponent: this.renderAgGridFrameworkComponent,
                 });

package/lib/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function deepToRaw<T extends Record<string, any>>(sourceObj: T): T;
+export declare function deleteUndefinedShallow<T extends Record<string, unknown>>(sourceObj: T): T;

package/lib/utils.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deleteUndefinedShallow = exports.deepToRaw = void 0;
+const vue_1 = require("vue");
+function deepToRaw(sourceObj) {
+    const objectIterator = (input) => {
+        if (Array.isArray(input)) {
+            return input.map((item) => objectIterator(item));
+        }
+        if ((0, vue_1.isRef)(input) || (0, vue_1.isReactive)(input) || (0, vue_1.isProxy)(input)) {
+            return objectIterator((0, vue_1.toRaw)(input));
+        }
+        if (input && typeof input === 'object') {
+            return Object.keys(input).reduce((acc, key) => {
+                acc[key] = objectIterator(input[key]);
+                return acc;
+            }, {});
+        }
+        return input;
+    };
+    return objectIterator(sourceObj);
+}
+exports.deepToRaw = deepToRaw;
+function deleteUndefinedShallow(sourceObj) {
+    return Object.keys(sourceObj).reduce((acc, key) => {
+        if (sourceObj[key] !== undefined) {
+            // @ts-ignore
+            acc[key] = sourceObj[key];
+        }
+        return acc;
+    }, {});
+}
+exports.deleteUndefinedShallow = deleteUndefinedShallow;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable-vue3-aggrid-cjs",
-  "version": "18.1.4",
+  "version": "18.1.6",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
   "peerDependencies": {
@@ -8,6 +8,6 @@
     "ag-grid-community": "^31.3.2"
   },
   "dependencies": {
-    "@adaptabletools/adaptable-cjs": "18.1.4"
+    "@adaptabletools/adaptable-cjs": "18.1.6"
   }
 }