@milaboratories/milaboratories.ui-examples.model 1.0.25 → 1.0.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/milaboratories.ui-examples.model",
-  "version": "1.0.25",
+  "version": "1.0.27",
   "description": "Block model",
   "type": "module",
   "main": "dist/index.cjs",
@@ -14,7 +14,7 @@
     "typescript": "~5.5.4",
     "vite": "^5.4.10",
     "tsup": "~8.2.4",
-    "@platforma-sdk/block-tools": "2.3.19"
+    "@platforma-sdk/block-tools": "2.3.21"
   },
   "tsup": {
     "entry": [

package/src/index.ts

@@ -1,4 +1,17 @@
-import { BlockModel, InferHrefType, InferOutputsType } from '@platforma-sdk/model';
+import { 
+  BlockModel, 
+  InferHrefType, 
+  InferOutputsType, 
+  mapJoinEntry, 
+  PColumnIdAndSpec, 
+  AxisSpec, 
+  JoinEntry, 
+  AxisId, 
+  PlDataTableState, 
+  ValueType, 
+  isPColumn,
+  PlDataTableGridState 
+} from '@platforma-sdk/model';
 import {z} from 'zod';
 
 export const $BlockArgs = z.object({
@@ -7,7 +20,25 @@ export const $BlockArgs = z.object({
 
 export type BlockArgs = z.infer<typeof $BlockArgs>;
 
-export const platforma = BlockModel.create<BlockArgs>('Heavy')
+export type TableState = {
+  settingsOpened: boolean;
+  gridState: PlDataTableGridState;
+  group: {
+    mainColumn?: PColumnIdAndSpec;
+    additionalColumns: PColumnIdAndSpec[];
+    enrichmentColumns: PColumnIdAndSpec[];
+    possiblePartitioningAxes: AxisSpec[];
+    join?: JoinEntry<PColumnIdAndSpec>;
+  };
+  partitioningAxes: AxisId[];
+  tableState: PlDataTableState;
+};
+
+export type UiState = {
+  dataTableState: TableState | undefined,
+};
+
+export const platforma = BlockModel.create<BlockArgs, UiState>('Heavy')
 
   .initialArgs({ numbers: [] })
 
@@ -15,9 +46,51 @@ export const platforma = BlockModel.create<BlockArgs>('Heavy')
     ctx.outputs?.resolve('numbers')?.getDataAsJson<number[]>()
   )
 
+  .output('pFrame', (ctx) => {
+    const collection = ctx.resultPool.getData();
+    if (collection === undefined || !collection.isComplete) return undefined;
+
+    const valueTypes = ['Int', 'Long', 'Float', 'Double', 'String', 'Bytes'] as ValueType[];
+    const columns = collection.entries
+      .map(({ obj }) => obj)
+      .filter(isPColumn)
+      .filter((column) => valueTypes.find((valueType) => valueType === column.spec.valueType));
+
+    try {
+      return ctx.createPFrame(columns);
+    } catch (err) {
+      return undefined;
+    }
+  })
+  .output('pTable', (ctx) => {
+    const join = ctx.uiState?.dataTableState?.tableState.pTableParams?.join;
+    if (!join) return undefined;
+
+    const collection = ctx.resultPool.getData();
+    if (!collection || !collection.isComplete) return undefined;
+
+    const columns = collection.entries.map(({ obj }) => obj).filter(isPColumn);
+    if (columns.length === 0) return undefined;
+
+    try {
+      return ctx.createPTable({
+        src: mapJoinEntry(join, (idAndSpec) => {
+          const column = columns.find(it => it.id === idAndSpec.columnId);
+          if (!column) throw Error(`column '${column}' not ready`);
+          return column;
+        }),
+        filters: ctx.uiState.dataTableState?.tableState.pTableParams?.filters ?? [],
+        sorting: ctx.uiState.dataTableState?.tableState.pTableParams?.sorting ?? []
+      });
+    } catch (err) {
+      return undefined;
+    }
+  })
+
   .sections((ctx) => {
     return [
       { type: 'link', href: '/', label: 'PlLogView' }, 
+      { type: 'link', href: '/icons', label: 'Icons/Masks' }, 
       { type: 'link', href: '/modals', label: 'Modals' },
       { type: 'link', href: '/select-files', label: 'Select Files' },
       { type: 'link', href: '/inject-env', label: 'Inject env' },
@@ -26,6 +99,7 @@ export const platforma = BlockModel.create<BlockArgs>('Heavy')
       { type: 'link', href: '/form-components', label: 'Form Components' },
       { type: 'link', href: '/typography', label: 'Typography' },
       { type: 'link', href: '/ag-grid-vue', label: 'AgGridVue' },
+      { type: 'link', href: '/pl-ag-data-table', label: 'PlAgDataTable' },
       { type: 'link', href: '/errors', label: 'Errors' },
     ];
   })