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

package/index.css

@@ -420,12 +420,6 @@
   .twa\:mx-3 {
     margin-inline: calc(var(--ab-base-space) * 3);
   }
-  .twa\:mx-\[1px\] {
-    margin-inline: 1px;
-  }
-  .twa\:mx-\[px\] {
-    margin-inline: px;
-  }
   .twa\:my-0 {
     margin-block: 0;
   }
@@ -444,9 +438,6 @@
   .twa\:my-3 {
     margin-block: calc(var(--ab-base-space) * 3);
   }
-  .twa\:my-\[2px\] {
-    margin-block: 2px;
-  }
   .twa\:\!mt-0 {
     margin-top: 0 !important;
   }
@@ -498,9 +489,6 @@
   .twa\:mr-6 {
     margin-right: calc(var(--ab-base-space) * 6);
   }
-  .twa\:mr-\[2px\] {
-    margin-right: 2px;
-  }
   .twa\:mb-0 {
     margin-bottom: 0;
   }
@@ -1161,9 +1149,6 @@
   .twa\:min-w-\[min\(calc\(var\(--anchor-width\)\+--spacing\(7\)\)\,var\(--available-width\)\,80vw\)\] {
     min-width: min(calc(var(--anchor-width) + calc(var(--ab-base-space) * 7)), var(--available-width), 80vw);
   }
-  .twa\:min-w-max {
-    min-width: max-content;
-  }
   .twa\:flex-0 {
     flex: 0;
   }
@@ -1700,18 +1685,6 @@
   .twa\:bg-accentlight {
     background-color: var(--ab-color-accentlight);
   }
-  .twa\:bg-action-clone {
-    background-color: var(--ab-color-action-clone);
-  }
-  .twa\:bg-action-delete {
-    background-color: var(--ab-color-action-delete);
-  }
-  .twa\:bg-action-edit {
-    background-color: var(--ab-color-action-edit);
-  }
-  .twa\:bg-action-share {
-    background-color: var(--ab-color-action-share);
-  }
   .twa\:bg-background {
     background-color: var(--ab-color-background);
   }
@@ -1798,18 +1771,6 @@
   .twa\:bg-clip-padding {
     background-clip: padding-box;
   }
-  .twa\:fill-action-clone-foreground {
-    fill: var(--ab-color-action-clone-foreground);
-  }
-  .twa\:fill-action-delete-foreground {
-    fill: var(--ab-color-action-delete-foreground);
-  }
-  .twa\:fill-action-edit-foreground {
-    fill: var(--ab-color-action-edit-foreground);
-  }
-  .twa\:fill-action-share-foreground {
-    fill: var(--ab-color-action-share-foreground);
-  }
   .twa\:fill-current {
     fill: currentcolor;
   }
@@ -2144,18 +2105,6 @@
   .twa\:text-accentlight {
     color: var(--ab-color-accentlight);
   }
-  .twa\:text-action-clone-foreground {
-    color: var(--ab-color-action-clone-foreground);
-  }
-  .twa\:text-action-delete-foreground {
-    color: var(--ab-color-action-delete-foreground);
-  }
-  .twa\:text-action-edit-foreground {
-    color: var(--ab-color-action-edit-foreground);
-  }
-  .twa\:text-action-share-foreground {
-    color: var(--ab-color-action-share-foreground);
-  }
   .twa\:text-background {
     color: var(--ab-color-background);
   }
@@ -6532,15 +6481,6 @@
   input.ab-Radio-input:checked:disabled::after {
     background-color: #656565;
   }
-  .ab-Table td,.ab-Table th {
-    padding: calc(var(--ab-base-space) * 2);
-  }
-  .ab-Table th {
-    border-bottom: 2px solid var(--ab-color-primarydark);
-  }
-  .ab-Table tr:not(last-child) td {
-    border-bottom: 1px solid var(--ab-color-primarylight);
-  }
   .ab-CheckBox,.ab-CheckBox *,.ab-CheckBox *:before,.ab-CheckBox *:after {
     box-sizing: border-box;
   }
@@ -6936,10 +6876,6 @@
   .ab-FileDroppable,.ab-FileDroppable *,.ab-FileDroppable *:before,.ab-FileDroppable *:after {
     box-sizing: border-box;
   }
-  .ab-WizardPanel > .ab-Panel__body {
-    display: flex;
-    flex-flow: column;
-  }
   .ab-Dashboard {
     z-index: 1000;
     user-select: none;

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",
+  "version": "23.0.5-canary.1",
   "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"
+    "@adaptabletools/adaptable-cjs": "23.0.5-canary.1"
   }
 }