@platforma-sdk/ui-vue 1.20.9 → 1.20.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platforma-sdk/ui-vue",
-  "version": "1.20.9",
+  "version": "1.20.11",
   "type": "module",
   "main": "dist/lib.umd.cjs",
   "module": "dist/lib.js",
@@ -38,7 +38,7 @@
     "@ag-grid-enterprise/side-bar": "^32.3.3",
     "@ag-grid-enterprise/column-tool-panel": "^32.3.3",
     "@milaboratories/uikit": "^2.2.34",
-    "@platforma-sdk/model": "^1.20.6"
+    "@platforma-sdk/model": "^1.20.11"
   },
   "devDependencies": {
     "@faker-js/faker": "^9.2.0",
@@ -58,7 +58,7 @@
     "yarpm": "^1.2.0",
     "semver": "^7.6.3",
     "@types/semver": "^7.5.8",
-    "@milaboratories/helpers": "^1.6.10",
+    "@milaboratories/helpers": "^1.6.11",
     "@milaboratories/eslint-config": "^1.0.0"
   },
   "scripts": {

package/src/components/PlAgDataTable/PlAgDataTable.vue

@@ -40,6 +40,7 @@ import { PlAgGridColumnManager } from '../PlAgGridColumnManager';
 import { autoSizeRowNumberColumn, PlAgDataTableRowNumberColId } from './sources/row-number';
 import { focusRow, makeOnceTracker, trackFirstDataRendered } from './sources/focus-row';
 import PlAgCsvExporter from '../PlAgCsvExporter/PlAgCsvExporter.vue';
+import { isJsonEqual } from '@milaboratories/helpers';
 
 ModuleRegistry.registerModules([
   ClientSideRowModelModule,
@@ -113,11 +114,17 @@ const gridState = computed({
       = settings.value?.sourceType !== 'ptable' || gridOptions.value.rowModelType === 'clientSide' ? undefined : makeSorting(gridState.sort);
 
     const oldState = tableState.value;
-    tableState.value = {
+
+    const newState = {
       ...oldState,
       gridState: { ...oldState.gridState, ...gridState },
       pTableParams: { ...oldState.pTableParams, sorting },
     };
+
+    // Note: the table constantly emits an unchanged state, so I added this
+    if (!isJsonEqual(oldState, newState)) {
+      tableState.value = newState;
+    }
   },
 });
 

package/src/components/PlAgDataTable/sources/table-source.ts

@@ -45,9 +45,9 @@ export const defaultValueFormatter = (value: ValueFormatterParams<PlAgDataTableR
   if (value.value === undefined) {
     return 'undefined';
   } else if (isPTableAbsent(value.value)) {
-    return ''; //'NULL';
+    return ''; // 'NULL';
   } else if (value.value === null) {
-    return ''; //'NA';
+    return ''; // 'NA';
   } else {
     return value.value.toString();
   }
@@ -147,11 +147,11 @@ export async function updatePFrameGridOptions(
   hiddenColIds?: string[],
   showCellButtonForAxisId?: AxisId,
 ): Promise<{
-  columnDefs: ColDef[];
-  serverSideDatasource?: IServerSideDatasource;
-  rowModelType: RowModelType;
-  rowData?: unknown[];
-}> {
+    columnDefs: ColDef[];
+    serverSideDatasource?: IServerSideDatasource;
+    rowModelType: RowModelType;
+    rowData?: unknown[];
+  }> {
   const specs = await pfDriver.getSpec(pt);
 
   let numberOfAxes = specs.findIndex((s) => s.type === 'column');
@@ -164,11 +164,11 @@ export async function updatePFrameGridOptions(
         !lodash.some(
           sheets,
           (sheet) =>
-            lodash.isEqual(getAxisId(sheet.axis), specs[i].id) ||
-            (specs[i].type === 'column' &&
-              specs[i].spec.name === 'pl7.app/label' &&
-              specs[i].spec.axesSpec.length === 1 &&
-              lodash.isEqual(getAxisId(sheet.axis), getAxisId(specs[i].spec.axesSpec[0]))),
+            lodash.isEqual(getAxisId(sheet.axis), specs[i].id)
+            || (specs[i].type === 'column'
+              && specs[i].spec.name === 'pl7.app/label'
+              && specs[i].spec.axesSpec.length === 1
+              && lodash.isEqual(getAxisId(sheet.axis), getAxisId(specs[i].spec.axesSpec[0]))),
         ),
     )
     .sort((a, b) => {

package/src/internal/createApp.ts

@@ -1,4 +1,4 @@
-import { deepClone, throttle } from '@milaboratories/helpers';
+import { deepClone, isJsonEqual, throttle } from '@milaboratories/helpers';
 import type { Mutable } from '@milaboratories/helpers';
 import type { NavigationState, BlockOutputsBase, BlockState, Platforma } from '@platforma-sdk/model';
 import { reactive, nextTick, computed, watch } from 'vue';
@@ -242,7 +242,9 @@ export function createApp<
       },
       autoSave: true,
       onSave(newData: AppModel) {
-        setBlockArgsAndUiState(newData.args, newData.ui);
+        if (!isJsonEqual(newData.args, snapshot.args) || !isJsonEqual(newData.ui, snapshot.ui)) {
+          setBlockArgsAndUiState(newData.args, newData.ui);
+        }
       },
     },
     {