@platforma-sdk/ui-vue 1.20.7 → 1.20.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platforma-sdk/ui-vue",
-  "version": "1.20.7",
+  "version": "1.20.10",
   "type": "module",
   "main": "dist/lib.umd.cjs",
   "module": "dist/lib.js",
@@ -37,8 +37,8 @@
     "@ag-grid-community/theming": "^32.3.3",
     "@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.6",
+    "@milaboratories/uikit": "^2.2.34"
   },
   "devDependencies": {
     "@faker-js/faker": "^9.2.0",
@@ -58,8 +58,8 @@
     "yarpm": "^1.2.0",
     "semver": "^7.6.3",
     "@types/semver": "^7.5.8",
-    "@milaboratories/helpers": "^1.6.10",
-    "@milaboratories/eslint-config": "^1.0.0"
+    "@milaboratories/eslint-config": "^1.0.0",
+    "@milaboratories/helpers": "^1.6.11"
   },
   "scripts": {
     "test": "vitest run --passWithNoTests",

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

@@ -1,7 +1,15 @@
-import type { ColDef, ICellRendererParams, IServerSideDatasource, IServerSideGetRowsParams, RowModelType } from '@ag-grid-community/core';
+import type {
+  ColDef,
+  ICellRendererParams,
+  IServerSideDatasource,
+  IServerSideGetRowsParams,
+  RowModelType,
+  ValueFormatterParams,
+} from '@ag-grid-community/core';
 import {
   getAxisId,
   pTableValue,
+  isPTableAbsent,
   type AxisId,
   type PColumnSpec,
   type PFrameDriver,
@@ -33,15 +41,13 @@ export function parseColId(str: string) {
   return JSON.parse(str) as PTableColumnSpec;
 }
 
-// do not use `any` please
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const defaultValueFormatter = (value: any) => {
-  if (!value) {
-    return 'ERROR';
-  } else if (value.value === undefined) {
-    return 'NULL';
+export const defaultValueFormatter = (value: ValueFormatterParams<PlAgDataTableRow, PTableValue>) => {
+  if (value.value === undefined) {
+    return 'undefined';
+  } else if (isPTableAbsent(value.value)) {
+    return ''; // 'NULL';
   } else if (value.value === null) {
-    return 'NA';
+    return ''; // 'NA';
   } else {
     return value.value.toString();
   }
@@ -292,7 +298,7 @@ export async function updatePFrameGridOptions(
         lastParams = params;
 
         let length = 0;
-        let rowData: unknown[] = [];
+        let rowData: PlAgDataTableRow[] = [];
         if (rowCount > 0 && params.request.startRow !== undefined && params.request.endRow !== undefined) {
           length = Math.min(rowCount, params.request.endRow) - params.request.startRow;
           if (length > 0) {

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);
+        }
       },
     },
     {

package/vite.config.ts

@@ -7,6 +7,7 @@ export default defineConfig({
   plugins: [vue()],
   build: {
     emptyOutDir: false,
+    sourcemap: true,
     lib: {
       // Could also be a dictionary or array of multiple entry points
       entry: [resolve(__dirname, 'src/lib.ts')],