@platforma-sdk/ui-vue 1.4.8 → 1.4.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platforma-sdk/ui-vue",
-  "version": "1.4.8",
+  "version": "1.4.9",
   "type": "module",
   "main": "dist/lib.umd.cjs",
   "module": "dist/lib.js",
@@ -25,14 +25,14 @@
     "@platforma-sdk/model": "^1.2.32"
   },
   "devDependencies": {
-    "@ag-grid-community/client-side-row-model": "^32.2.1",
-    "@ag-grid-community/core": "^32.2.1",
-    "@ag-grid-community/infinite-row-model": "^32.2.1",
-    "@ag-grid-community/styles": "^32.2.1",
-    "@ag-grid-community/vue3": "^32.2.1",
-    "@ag-grid-enterprise/core": "^32.2.1",
-    "@ag-grid-enterprise/clipboard": "^32.2.1",
-    "@ag-grid-enterprise/range-selection": "^32.2.1",
+    "@ag-grid-community/client-side-row-model": "^32.2.2",
+    "@ag-grid-community/core": "^32.2.2",
+    "@ag-grid-community/infinite-row-model": "^32.2.2",
+    "@ag-grid-community/styles": "^32.2.2",
+    "@ag-grid-community/vue3": "^32.2.2",
+    "@ag-grid-enterprise/core": "^32.2.2",
+    "@ag-grid-enterprise/clipboard": "^32.2.2",
+    "@ag-grid-enterprise/range-selection": "^32.2.2",
     "@faker-js/faker": "^8.4.0",
     "@types/lodash": "^4.17.7",
     "@types/node": "~20.16.5",

package/src/aggrid.ts

@@ -1,7 +1,10 @@
 import { getEnvironmentValue } from '@platforma-sdk/model';
 import { LicenseManager } from '@ag-grid-enterprise/core';
 
-export function setAgGridLicense() {
+export function activateAgGrid() {
   const agGridLicense = getEnvironmentValue('AGGRID_LICENSE');
-  if (agGridLicense) LicenseManager.setLicenseKey(agGridLicense);
+  if (agGridLicense) {
+    LicenseManager.setLicenseKey(agGridLicense);
+    console.log('AGGrid Activated');
+  }
 }

package/src/createModel.ts

@@ -1,7 +1,7 @@
 import { reactive, computed, ref, watch, unref } from 'vue';
 import type { ZodError } from 'zod';
 import type { ModelOptions, Model } from './types';
-import { deepEqual, deepClone } from '@milaboratories/helpers';
+import { deepClone } from '@milaboratories/helpers';
 import { isJsonEqual } from './utils';
 
 const identity = <T, V = T>(v: T): V => v as unknown as V;
@@ -33,22 +33,26 @@ export function createModel<M, V = unknown>(options: ModelOptions<M, V>): Model<
 
   const error = ref<Error | undefined>();
 
-  const local = ref<M>();
+  const local = ref<{ model: M }>();
+
+  const setSource = (v: M) => {
+    local.value = {
+      model: deepClone(v),
+    };
+  };
 
   watch(
     () => options.get(),
-    (v) => {
-      local.value = deepClone(v);
-    },
+    (v) => setSource(v),
     { immediate: true },
   );
 
   const save = () => {
-    options.onSave(validate(deepClone(local.value)));
+    options.onSave(validate(deepClone(local.value?.model)));
   };
 
   const revert = () => {
-    local.value = deepClone(options.get());
+    setSource(options.get());
     error.value = undefined;
   };
 
@@ -75,19 +79,19 @@ export function createModel<M, V = unknown>(options: ModelOptions<M, V>): Model<
 
   const model = computed<M>({
     get: () => {
-      return local.value as M;
+      return local.value?.model as M;
     },
     set(v) {
-      local.value = v;
+      setSource(v);
       setValue(v);
     },
   });
 
   watch(
     local,
-    (v) => {
-      if (!isJsonEqual(options.get(), v)) {
-        setValue(v as M);
+    (v, old) => {
+      if (v && v === old) {
+        setValue(v.model);
       }
     },
     { deep: true },
@@ -96,13 +100,13 @@ export function createModel<M, V = unknown>(options: ModelOptions<M, V>): Model<
   const valid = computed(() => !error.value);
 
   const isChanged = computed(() => {
-    return !deepEqual(options.get(), unref(local));
+    return !isJsonEqual(options.get(), unref(local)); // @TODO, can be slow
   });
 
   const errorString = computed(() => (error.value ? error.value.message : ''));
 
   return reactive({
-    model: model,
+    model,
     valid,
     isChanged,
     error,

package/src/defineApp.ts

@@ -4,7 +4,7 @@ import type { Component, Reactive } from 'vue';
 import { inject, markRaw, reactive } from 'vue';
 import { createApp, type BaseApp } from './internal/createApp';
 import type { LocalState, Routes } from './types';
-import { setAgGridLicense } from './aggrid';
+import { activateAgGrid } from './aggrid';
 
 const pluginKey = Symbol('sdk-vue');
 
@@ -22,7 +22,7 @@ export function defineApp<
 >(platforma: Platforma<Args, Outputs, UiState, Href>, extendApp: (app: BaseApp<Args, Outputs, UiState, Href>) => Local) {
   let app: undefined | App<Args, Outputs, UiState, Href, Local> = undefined;
 
-  setAgGridLicense();
+  activateAgGrid();
 
   const loadApp = () => {
     platforma

package/src/lib.ts

@@ -15,6 +15,8 @@ export * from './types';
 
 export * from './defineStore';
 
+export * from './aggrid';
+
 export * from './utils';
 
 export * from './computedResult';