@adaptabletools/adaptable-vue3-aggrid-cjs 23.0.4-canary.0 → 23.0.5-canary.0

package/lib/AdaptableAgGridVue.js

@@ -17,34 +17,12 @@ const PASS_THROUGH_PROPS = [
 ];
 const watch = _ALL_GRID_OPTIONS_KEYS.reduce((acc, key) => {
     acc[key] = function (newValue) {
-        /**
-         * We need to unwrap all potential refs inside the new grid option.
-         */
         this.agGridApi.setGridOption(key, (0, utils_1.deepToRaw)(newValue));
     };
     return acc;
 }, {});
 exports.AdaptableAgGridVue = (0, vue_1.defineComponent)({
     name: 'adaptable-ag-grid-vue',
-    /**
-     * Ag-Grid Vue only has typings for a few props, of which a few cannot find docs:
-     * - gridOptions
-     * - modules
-     *
-     * Not documented
-     * - componentDependencies
-     * - plugins
-     * - modelValue
-     *
-     * Other props have a flag of 'VUE_OMITTED_PROPERTY', that work, but are not typed.
-     * https://github.com/ag-grid/ag-grid/blob/latest/packages/ag-grid-vue3/src/Utils.ts#L16
-     *
-     * We let pass through:
-     * - class
-     * - style
-     *
-     * The rest we add to gridOptions, and we intercept when they change
-     */
     props: {
         class: {
             type: String,
@@ -54,7 +32,6 @@ exports.AdaptableAgGridVue = (0, vue_1.defineComponent)({
             type: [String, Object],
             required: false,
         },
-        // Internal types, that are passed through, defined in ag-grid-vue3.
         modelValue: {
             type: Array,
             default: undefined,
@@ -65,8 +42,6 @@ exports.AdaptableAgGridVue = (0, vue_1.defineComponent)({
             default: () => [],
         },
         plugins: [],
-        // These are not defined in AgGridVue typings
-        // But are useful for users to control via props
         columnDefs: {
             type: Array,
             required: false,
@@ -75,11 +50,6 @@ exports.AdaptableAgGridVue = (0, vue_1.defineComponent)({
     setup(props) {
         const { class: className, style } = props;
         const { gridOptions, transition, setAgGridProps, setTransition, modules, agGridApi } = (0, vue_1.inject)(AdaptableProviderContext_1.AdaptableProviderContextKey);
-        /**
-         * We pick up props that are on gridOptions.
-         * We send these to the the provider, where are added to gridOptions.
-         * These props do not make it to the AgGridVue component.
-         */
         const agGridProps = Object.entries(props).reduce((acc, [key, value]) => {
             if (PASS_THROUGH_PROPS.includes(key)) {
                 return acc;
@@ -108,9 +78,6 @@ exports.AdaptableAgGridVue = (0, vue_1.defineComponent)({
         if (this.transition !== AdaptableProviderContext_1.AdaptableAgGridStateTransitions.INITIALIZE_AG_GRID) {
             return null;
         }
-        /**
-         * We pass through props that are internal, and adaptable does not use/change.
-         */
         const passedThroughProps = Object.entries(this.$props).reduce((acc, [key, value]) => {
             if (!PASS_THROUGH_PROPS.includes(key)) {
                 return acc;

package/lib/AdaptableProvider.js

@@ -3,10 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AdaptableProvider = void 0;
 const vue_1 = require("vue");
 const AdaptableProviderContext_1 = require("./AdaptableProviderContext");
-/**
- * The provider handles the communication between the Adaptable and Ag-Grid.
- * Steps are very similar to the react wrapper.
- */
 exports.AdaptableProvider = (0, vue_1.defineComponent)({
     name: 'adaptable-provider',
     props: {
@@ -34,7 +30,6 @@ exports.AdaptableProvider = (0, vue_1.defineComponent)({
     },
     setup(props, { emit }) {
         const currentTransition = (0, vue_1.ref)(AdaptableProviderContext_1.AdaptableAgGridStateTransitions.AG_GRID_EMIT_PROPS);
-        // destructure gridOptions, to ensure we don't mutate the outer object
         const gridOptions = (0, vue_1.ref)({ ...props.gridOptions });
         const agGridApi = (0, vue_1.ref)(null);
         const agGridProps = (0, vue_1.ref)(null);
@@ -61,7 +56,6 @@ exports.AdaptableProvider = (0, vue_1.defineComponent)({
             setTransition: (transition) => {
                 currentTransition.value = transition;
             },
-            // AG GRID
             modules: props.modules,
             gridOptions,
             setGridOptions: (gridOptions) => {
@@ -72,7 +66,6 @@ exports.AdaptableProvider = (0, vue_1.defineComponent)({
             setAgGridProps: (props) => {
                 agGridProps.value = props;
             },
-            // ADAPTABLE
             renderAgGridFrameworkComponent,
             onAdaptableReady(adaptableReadyInfo) {
                 emit('onAdaptableReady', adaptableReadyInfo);
@@ -82,9 +75,6 @@ exports.AdaptableProvider = (0, vue_1.defineComponent)({
         (0, vue_1.provide)(AdaptableProviderContext_1.AdaptableProviderContextKey, context);
     },
     render() {
-        /**
-         * This just renders whatever are passed as children.
-         */
         return this.$slots.default && this.$slots.default();
     },
 });

package/lib/AdaptableUI.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AdaptableUI = void 0;
-// AdaptableUI.ts
 const ag_grid_enterprise_1 = require("ag-grid-enterprise");
 const adaptable_1 = require("@adaptabletools/adaptable-cjs");
 const vue_1 = require("vue");
@@ -25,7 +24,6 @@ exports.AdaptableUI = (0, vue_1.defineComponent)({
         const isInitialized = (0, vue_1.ref)(false);
         const initializeAdaptable = async () => {
             if (isInitialized.value) {
-                // Adaptable already initialized
                 logger.value?.warn('Adaptable already initialized');
                 return;
             }
@@ -48,12 +46,6 @@ exports.AdaptableUI = (0, vue_1.defineComponent)({
                     },
                     gridOptions: {
                         ...(0, vue_1.toRaw)(gridOptions.value),
-                        /**
-                         * Because `columnDefs` are define in props, it is defined in props
-                         * and it's value is 'undefined'.
-                         * We need to allow gridOptions passed to provider to override undefined
-                         * values that come from props.
-                         */
                         ...(0, utils_1.deleteUndefinedShallow)(rawAgGridProps),
                     },
                     variant: 'vue',
@@ -68,20 +60,17 @@ exports.AdaptableUI = (0, vue_1.defineComponent)({
                 logger.value?.error('Failed to initialize Adaptable:', error);
             }
         };
-        // Watch for transition changes after mount
         (0, vue_1.watch)(transition, async (newTransition) => {
             if (newTransition !== AdaptableProviderContext_1.AdaptableAgGridStateTransitions.INITIALIZE_ADAPTABLE) {
                 return;
             }
             await initializeAdaptable();
         });
-        // Ensure initialization after mount if transition is already correct
         (0, vue_1.onMounted)(async () => {
             if (transition.value === AdaptableProviderContext_1.AdaptableAgGridStateTransitions.INITIALIZE_ADAPTABLE) {
                 await initializeAdaptable();
             }
         });
-        // Cleanup
         (0, vue_1.onUnmounted)(() => {
             logger.value?.info('Destroying Adaptable...');
             if (adaptableApi.value) {
@@ -94,7 +83,6 @@ exports.AdaptableUI = (0, vue_1.defineComponent)({
             else {
                 logger.value?.warn('Adaptable API not available for destruction');
             }
-            // Clear logger reference
             logger.value = null;
         });
         return () => (0, vue_1.h)('div', {

package/lib/utils.js

@@ -24,7 +24,6 @@ function deepToRaw(sourceObj) {
 function deleteUndefinedShallow(sourceObj) {
     return Object.keys(sourceObj).reduce((acc, key) => {
         if (sourceObj[key] !== undefined) {
-            // @ts-ignore
             acc[key] = sourceObj[key];
         }
         return acc;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable-vue3-aggrid-cjs",
-  "version": "23.0.4-canary.0",
+  "version": "23.0.5-canary.0",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
   "peerDependencies": {
@@ -9,6 +9,6 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@adaptabletools/adaptable-cjs": "23.0.4-canary.0"
+    "@adaptabletools/adaptable-cjs": "23.0.5-canary.0"
   }
 }