@milaboratories/milaboratories.ui-examples.model 1.1.73 → 1.1.75

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/milaboratories.ui-examples.model",
-  "version": "1.1.73",
+  "version": "1.1.75",
   "description": "Block model",
   "type": "module",
   "main": "dist/index.cjs",
@@ -8,13 +8,13 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "zod": "~3.23.8",
-    "@platforma-sdk/model": "1.34.10"
+    "@platforma-sdk/model": "1.37.0"
   },
   "devDependencies": {
     "typescript": "~5.5.4",
     "vite": "^6.3.5",
     "tsup": "~8.3.5",
-    "@platforma-sdk/block-tools": "2.5.55"
+    "@platforma-sdk/block-tools": "2.5.58"
   },
   "tsup": {
     "entry": [

package/src/index.ts

@@ -1,18 +1,20 @@
 import type {
+  ImportFileHandle,
   InferHrefType,
   InferOutputsType,
-  PlDataTableState,
-  PlTableFiltersModel,
   PColumn,
   PColumnValues,
+  PlDataTableState,
+  PlTableFiltersModel,
   PObjectId,
-  ImportFileHandle,
+  PlDataTableStateV2,
+  PlDataTableSheet,
 } from '@platforma-sdk/model';
 import {
   BlockModel,
   createPlDataTable,
+  createPlDataTableStateV2,
   createPlDataTableV2,
-  selectorsToPredicate,
 } from '@platforma-sdk/model';
 import { z } from 'zod';
 
@@ -55,8 +57,14 @@ export type TableState = {
   filterModel: PlTableFiltersModel;
 };
 
+export type TableStateV2 = {
+  tableState: PlDataTableStateV2;
+  filterModel: PlTableFiltersModel;
+};
+
 export type UiState = {
   dataTableState: TableState | undefined;
+  dataTableStateV2: TableStateV2;
   dynamicSections: {
     id: string;
     label: string;
@@ -67,7 +75,14 @@ export const platforma = BlockModel.create('Heavy')
 
   .withArgs<BlockArgs>({ numbers: [1, 2, 3, 4], tableNumRows: 100, handles: [] })
 
-  .withUiState<UiState>({ dataTableState: undefined, dynamicSections: [] })
+  .withUiState<UiState>({
+    dataTableState: undefined,
+    dataTableStateV2: {
+      tableState: createPlDataTableStateV2(),
+      filterModel: {},
+    },
+    dynamicSections: [],
+  })
 
   .argsValid((ctx) => {
     if (ctx.args.numbers.length === 5) {
@@ -141,62 +156,109 @@ export const platforma = BlockModel.create('Heavy')
     );
   })
 
-  .output('ptV2', (ctx) => {
-    if (!ctx.uiState?.dataTableState?.tableState.pTableParams?.filters) return undefined;
-
-    const data = times(ctx.args.tableNumRows ?? 0, (i) => {
-      const v = i + 1;
-      return {
-        key: [v, v + 0.1],
-        val: v.toString(),
-      };
-    });
+  .output('ptV2Sheets', (ctx) => {
+    const rowCount = ctx.args.tableNumRows ?? 0;
+    const sheets = [
+      {
+        axis: {
+          type: 'Int',
+          name: 'part',
+          annotations: {
+            'pl7.app/label': 'Partitioned axis',
+            'pl7.app/discreteValues': '[0,1]',
+          },
+        },
+        options: [
+          { value: 0, label: 'Partition 1' },
+          { value: 1, label: 'Partition 2' },
+        ],
+      } satisfies PlDataTableSheet,
+    ];
+    return rowCount > 0 ? sheets : [];
+  })
 
-    return createPlDataTableV2(
-      ctx,
-      [
-        {
-          id: 'example' as PObjectId,
-          spec: {
-            kind: 'PColumn',
-            valueType: 'String',
-            name: 'example',
-            annotations: {
-              'pl7.app/label': 'String column',
-              'pl7.app/discreteValues': '["up","down"]',
-            },
-            axesSpec: [
-              {
-                type: 'Int',
-                name: 'index',
-                annotations: {
-                  'pl7.app/label': 'Int axis',
-                  'pl7.app/discreteValues': '[1,2]',
-                },
+  .output('ptV2', (ctx) => {
+    const rowCount = ctx.args.tableNumRows ?? 0;
+    const makePartitionId = (rowCount: number, i: number) => Math.floor((2 * i) / (rowCount + 1));
+    const columns: PColumn<PColumnValues>[] = [
+      {
+        id: 'column1' as PObjectId,
+        spec: {
+          kind: 'PColumn',
+          valueType: 'String',
+          name: 'example',
+          annotations: {
+            'pl7.app/label': 'String column',
+            'pl7.app/discreteValues': '["up","down"]',
+          },
+          axesSpec: [
+            {
+              type: 'Int',
+              name: 'part',
+              annotations: {
+                'pl7.app/label': 'Partitioned axis',
+                'pl7.app/discreteValues': '[0,1]',
               },
-              {
-                type: 'Float',
-                name: 'value',
-                annotations: {
-                  'pl7.app/label': 'Float axis',
-                  'pl7.app/table/visibility': 'optional',
-                },
+            },
+            {
+              type: 'Int',
+              name: 'index',
+              annotations: {
+                'pl7.app/label': 'Int axis',
               },
-            ],
-          },
-          data,
-        } satisfies PColumn<PColumnValues>,
-      ],
-      selectorsToPredicate({
-        name: 'example',
-      }),
-      ctx.uiState.dataTableState.tableState,
+            },
+          ],
+        },
+        data: times(rowCount, (i) => {
+          const v = i + 1;
+          return {
+            key: [makePartitionId(rowCount, v), v],
+            val: v.toString(),
+          };
+        }),
+      },
       {
-        filters: [
-          ...(ctx.uiState.dataTableState.tableState.pTableParams?.filters ?? []),
-          ...(ctx.uiState.dataTableState.filterModel?.filters ?? []),
-        ],
+        id: 'column2' as PObjectId,
+        spec: {
+          kind: 'PColumn',
+          valueType: 'Float',
+          name: 'value',
+          annotations: {
+            'pl7.app/label': 'Float column',
+            'pl7.app/table/visibility': 'optional',
+          },
+          axesSpec: [
+            {
+              type: 'Int',
+              name: 'part',
+              annotations: {
+                'pl7.app/label': 'Partitioned axis',
+                'pl7.app/discreteValues': '[0,1]',
+              },
+            },
+            {
+              type: 'Int',
+              name: 'index',
+              annotations: {
+                'pl7.app/label': 'Int axis',
+              },
+            },
+          ],
+        },
+        data: times(rowCount, (i) => {
+          const v = i + 1;
+          return {
+            key: [makePartitionId(rowCount, v), v],
+            val: v + 0.1,
+          };
+        }),
       },
+    ];
+    return createPlDataTableV2(
+      ctx,
+      columns,
+      ctx.uiState.dataTableStateV2.tableState,
+      { filters: ctx.uiState.dataTableStateV2.filterModel?.filters ?? [] },
     );
   })
 
@@ -237,6 +299,7 @@ export const platforma = BlockModel.create('Heavy')
       { type: 'link', href: '/pl-splash-page', label: 'PlSplashPage' },
       { type: 'link', href: '/pl-file-input-page', label: 'PlFileInputPage' },
       { type: 'link', href: '/pl-error-boundary-page', label: 'PlErrorBoundaryPage' },
+      { type: 'link', href: '/pl-element-list-page', label: 'PlElementList' },
       { type: 'link', href: '/errors', label: 'Errors' },
       { type: 'link', href: '/text-fields', label: 'PlTextField' },
       { type: 'link', href: '/tabs', label: 'PlTabs' },