ballerina-core 1.0.211 → 1.0.213

package/bin/src/forms/domains/dispatched-forms/runner/domains/abstract-renderers/table/template.js

@@ -5,6 +5,7 @@ import {
   PredicateValue,
   TableAbstractRendererState,
   TableLayout,
+  ValueInfiniteStreamTemplate,
   Expr,
   ValueOrErrors,
   replaceWith,
@@ -14,68 +15,41 @@ import {
   Option,
   MapRepo,
   ValueTable,
-  ListRepo,
-  Updater,
 } from "../../../../../../../../main";
 import { Template } from "../../../../../../../template/state";
-import {
-  TableInfiniteLoaderRunner,
-  TableInitialiseFiltersAndSortingRunner,
-} from "./coroutines/runner";
-// const EmbeddedValueInfiniteStreamTemplate = <
-//   CustomPresentationContext = Unit,
-//   Flags = Unit,
-//   ExtraContext = Unit,
-// >() =>
-//   ValueInfiniteStreamTemplate.mapContext<
-//     TableAbstractRendererReadonlyContext<
-//       CustomPresentationContext,
-//       ExtraContext
-//     > &
-//       TableAbstractRendererState
-//   >((_) => _.customFormState.stream)
-//     .mapState<TableAbstractRendererState>(
-//       TableAbstractRendererState.Updaters.Core.customFormState.children.stream,
-//     )
-//     .mapForeignMutationsFromProps<
-//       TableAbstractRendererForeignMutationsExpected<Flags>
-//     >((props) => ({
-//       ...props.foreignMutations,
-//     }));
+import { ValueInfiniteStreamState } from "../../../../../../../value-infinite-data-stream/state";
+import { TableReinitialiseRunner, TableRunner } from "./coroutines/runner";
+const EmbeddedValueInfiniteStreamTemplate = () =>
+  ValueInfiniteStreamTemplate.mapContext((_) => _.customFormState.stream)
+    .mapState(
+      TableAbstractRendererState.Updaters.Core.customFormState.children.stream,
+    )
+    .mapForeignMutationsFromProps((props) =>
+      Object.assign({}, props.foreignMutations),
+    );
 export const TableAbstractRenderer = (
   CellTemplates,
   DetailsRenderer,
   Layout,
   IdProvider,
   ErrorRenderer,
+  SerializedType,
   TableEntityType,
-  Filters,
-  parseToApiByType,
-  parseFromApiByType,
-  fromTableApiParser,
-  tableApiSource,
 ) => {
-  const InstantiatedInfiniteLoaderRunner = TableInfiniteLoaderRunner(
-    tableApiSource,
-    fromTableApiParser,
-  );
-  const InstantiatedInitialiseFiltersAndSortingRunner =
-    TableInitialiseFiltersAndSortingRunner(
-      Filters.map(({ filters }) => filters),
-      tableApiSource,
-      parseFromApiByType,
-    );
-  // const InstantiatedEmbeddedValueInfiniteStreamTemplate =
-  //   EmbeddedValueInfiniteStreamTemplate<
-  //     CustomPresentationContext,
-  //     Flags,
-  //     ExtraContext
-  //   >();
+  const InstantiatedTableRunner = TableRunner();
+  const InstantiatedTableReinitialiseRunner = TableReinitialiseRunner();
+  const InstantiatedEmbeddedValueInfiniteStreamTemplate =
+    EmbeddedValueInfiniteStreamTemplate();
   const embedCellTemplate =
-    (column, cellTemplate) => (rowId) => (value) => (disabled) => (flags) =>
+    (column, cellTemplate) =>
+    (chunkIndex) =>
+    (rowId) =>
+    (value) =>
+    (disabled) =>
+    (flags) =>
       cellTemplate
         .mapContext((_) => {
-          var _a;
+          var _a, _b;
           const rowState = _.customFormState.rowStates.get(rowId);
           const cellState =
             (_a =
@@ -84,25 +58,32 @@ export const TableAbstractRenderer = (
                 : rowState.fieldStates.get(column)) !== null && _a !== void 0
               ? _a
               : CellTemplates.get(column).GetDefaultState();
-          const rowValue = _.value.data.get(rowId);
+          const rowValue =
+            (_b = _.customFormState.stream.loadedElements.get(chunkIndex)) ===
+              null || _b === void 0
+              ? void 0
+              : _b.data.get(rowId);
           if (rowValue == undefined) {
-            console.error(`Row value is undefined for row ${rowId}\n
-              ...When rendering table field ${column}\n
-              ...${_.domNodeAncestorPath}`);
+            console.error(`Row value is undefined for row ${rowId} in chunk ${chunkIndex}\n
+              ...When rendering table field\n
+              ...${SerializedType}`);
             return undefined;
           }
           return Object.assign(Object.assign({ value }, cellState), {
             disabled: disabled || _.disabled,
-            locked: _.locked,
             bindings: _.bindings.set("local", rowValue),
             extraContext: _.extraContext,
             type: TableEntityType.fields.get(column),
             customPresentationContext: _.customPresentationContext,
             remoteEntityVersionIdentifier: _.remoteEntityVersionIdentifier,
-            typeAncestors: [_.type].concat(_.typeAncestors),
-            domNodeAncestorPath:
-              _.domNodeAncestorPath + `[table][cell][${rowId}][${column}]`,
-            lookupTypeAncestorNames: _.lookupTypeAncestorNames,
+            serializedTypeHierarchy: [SerializedType].concat(
+              _.serializedTypeHierarchy,
+            ),
+            domNodeTypeHierarchy: [
+              `[${column}]`,
+              `[${rowId}]`,
+              SerializedType,
+            ].concat(_.domNodeTypeHierarchy),
           });
         })
         .mapState((updater) =>
@@ -147,6 +128,15 @@ export const TableAbstractRenderer = (
                   TableAbstractRendererState.Updaters.Core.commonFormState.children.modifiedByUser(
                     replaceWith(true),
                   ),
+                )
+                .then(
+                  TableAbstractRendererState.Updaters.Core.customFormState.children.stream(
+                    ValueInfiniteStreamState.Updaters.Template.updateChunkValueItem(
+                      chunkIndex,
+                      rowId,
+                      column,
+                    )(nestedUpdater.kind == "r" ? nestedUpdater.value : id),
+                  ),
                 ),
             );
             const nestedRecordDelta = {
@@ -154,16 +144,12 @@ export const TableAbstractRenderer = (
               field: [column, nestedDelta],
               recordType: TableEntityType,
               flags: undefined,
-              sourceAncestorLookupTypeNames:
-                nestedDelta.sourceAncestorLookupTypeNames,
             };
             const delta = {
               kind: "TableValue",
               id: rowId,
               nestedDelta: nestedRecordDelta,
               flags,
-              sourceAncestorLookupTypeNames:
-                nestedDelta.sourceAncestorLookupTypeNames,
             };
             const updater =
               nestedUpdater.kind == "l"
@@ -185,105 +171,91 @@ export const TableAbstractRenderer = (
   const embedDetailsRenderer = DetailsRenderer
     ? (flags) =>
         DetailsRenderer.mapContext((_) => {
-          var _a;
-          const { selectedDetailRow } = _.customFormState;
-          if (selectedDetailRow == undefined) {
+          var _a, _b;
+          if (_.customFormState.selectedDetailRow == undefined) {
             console.error(`Selected detail row is undefined\n
               ...When rendering table field\n
-              ...${_.domNodeAncestorPath}`);
+              ...${SerializedType}`);
             return undefined;
           }
-          const value = _.value.data.get(selectedDetailRow);
+          const value =
+            (_a = _.customFormState.stream.loadedElements.get(
+              _.customFormState.selectedDetailRow[0],
+            )) === null || _a === void 0
+              ? void 0
+              : _a.data.get(_.customFormState.selectedDetailRow[1]);
           if (value == undefined) {
             console.error(`Value is undefined for selected detail row\n
               ...When rendering table field\n
-              ...${_.domNodeAncestorPath}`);
+              ...${SerializedType}`);
             return undefined;
           }
           const rowState =
-            (_a = _.customFormState.rowStates.get(selectedDetailRow)) !==
-              null && _a !== void 0
-              ? _a
+            (_b = _.customFormState.rowStates.get(
+              _.customFormState.selectedDetailRow[1],
+            )) !== null && _b !== void 0
+              ? _b
               : RecordAbstractRendererState.Default.fieldState(Map());
           return Object.assign(Object.assign({ value }, rowState), {
             disabled: _.disabled,
-            locked: _.locked,
             bindings: _.bindings.set("local", value),
             extraContext: _.extraContext,
             type: TableEntityType,
             customPresentationContext: _.customPresentationContext,
             remoteEntityVersionIdentifier: _.remoteEntityVersionIdentifier,
-            typeAncestors: [_.type].concat(_.typeAncestors),
-            domNodeAncestorPath: _.domNodeAncestorPath + "[table][details]",
-            lookupTypeAncestorNames: _.lookupTypeAncestorNames,
+            serializedTypeHierarchy: [SerializedType].concat(
+              _.serializedTypeHierarchy,
+            ),
+            domNodeTypeHierarchy: ["[details]", SerializedType].concat(
+              _.domNodeTypeHierarchy,
+            ),
           });
         })
           .mapStateFromProps(([props, updater]) => {
-            const { selectedDetailRow } = props.context.customFormState;
-            if (selectedDetailRow == undefined) {
+            if (props.context.customFormState.selectedDetailRow == undefined) {
               console.error(`Selected detail row is undefined\n
                 ...When rendering table detail view \n
-                ...${props.context.domNodeAncestorPath}`);
-              return id;
-            }
-            if (!PredicateValue.Operations.IsTuple(selectedDetailRow)) {
-              return id;
-            }
-            const chunkValueKey = selectedDetailRow.values.get(1);
-            if (chunkValueKey == undefined) {
-              console.error(`Chunk value key is undefined for selected detail row\n
-                ...When rendering table detail view \n
-                ...${props.context.domNodeAncestorPath}`);
+                ...${SerializedType}`);
               return id;
             }
             return TableAbstractRendererState.Updaters.Core.customFormState.children.rowStates(
               MapRepo.Updaters.upsert(
-                chunkValueKey.toString(),
+                props.context.customFormState.selectedDetailRow[1],
                 () => RecordAbstractRendererState.Default.fieldState(Map()),
                 updater,
               ),
             );
           })
           .mapForeignMutationsFromProps((props) => ({
-            onChange: (nestedUpdater, nestedDelta) => {
-              const { selectedDetailRow } = props.context.customFormState;
-              if (selectedDetailRow == undefined) {
+            onChange: (_, nestedDelta) => {
+              if (
+                props.context.customFormState.selectedDetailRow == undefined
+              ) {
                 console.error(`Selected detail row is undefined\n
                   ...When rendering table field\n
-                  ...${props.context.domNodeAncestorPath}`);
-                return id;
-              }
-              if (!selectedDetailRow) {
-                console.error(`Chunk value key is undefined for selected detail row\n
-                    ...When rendering table field\n
-                    ...${props.context.domNodeAncestorPath}`);
+                  ...${SerializedType}`);
                 return id;
               }
               props.setState(
-                TableAbstractRendererState.Updaters.Core.commonFormState.children.modifiedByUser(
-                  replaceWith(true),
-                ),
+                TableAbstractRendererState.Updaters.Core.commonFormState.children
+                  .modifiedByUser(replaceWith(true))
+                  .then(
+                    TableAbstractRendererState.Updaters.Core.customFormState.children.stream(
+                      ValueInfiniteStreamState.Updaters.Template.updateChunkValue(
+                        props.context.customFormState.selectedDetailRow[0],
+                        props.context.customFormState.selectedDetailRow[1],
+                      )(_.kind == "r" ? _.value : id),
+                    ),
+                  ),
               );
+              // TODO, different delta for details
               const delta = {
                 kind: "TableValue",
-                id: selectedDetailRow,
+                id: props.context.customFormState.selectedDetailRow[1],
                 nestedDelta: nestedDelta,
                 flags,
-                sourceAncestorLookupTypeNames:
-                  nestedDelta.sourceAncestorLookupTypeNames,
               };
-              const updater =
-                nestedUpdater.kind == "l"
-                  ? nestedUpdater
-                  : Option.Default.some(
-                      ValueTable.Updaters.data(
-                        MapRepo.Updaters.update(
-                          selectedDetailRow,
-                          nestedUpdater.value,
-                        ),
-                      ),
-                    );
-              props.foreignMutations.onChange(updater, delta);
+              props.foreignMutations.onChange(Option.Default.none(), delta);
             },
           }))
     : undefined;
@@ -291,61 +263,24 @@ export const TableAbstractRenderer = (
     embedCellTemplate(column, cellTemplate.template),
   );
   const ColumnLabels = CellTemplates.map((cellTemplate) => cellTemplate.label);
-  const EmbeddedAllowedFilters = Filters.map((filter, columnName) =>
-    Object.assign(Object.assign({}, filter), {
-      filters: filter.filters.args,
-      template: (index) =>
-        filter.template
-          .mapContext((_) => {
-            var _a, _b;
-            return Object.assign(
-              {
-                value: _.value,
-                locked: false,
-                disabled: false,
-                bindings: _.bindings,
-                extraContext: _.extraContext,
-                type: filter.type,
-                label: _.label,
-                tooltip: undefined,
-                details: undefined,
-                customPresentationContext: undefined,
-                remoteEntityVersionIdentifier: "",
-                domNodeAncestorPath: "",
-                typeAncestors: [],
-                lookupTypeAncestorNames: [],
-              },
-              (_b =
-                (_a = _.customFormState.filterStates.get(columnName)) ===
-                  null || _a === void 0
-                  ? void 0
-                  : _a.get(index)) !== null && _b !== void 0
-                ? _b
-                : filter.GetDefaultState(),
-            );
-          })
-          .mapState((_) =>
-            TableAbstractRendererState.Updaters.Core.customFormState.children.filterStates(
-              MapRepo.Updaters.upsert(
-                columnName,
-                () => List([filter.GetDefaultState()]),
-                ListRepo.Updaters.update(index, Updater(_)),
-              ),
-            ),
-          ),
-    }),
-  );
   return Template.Default((props) => {
-    const domNodeId = props.context.domNodeAncestorPath + "[table]";
+    var _a;
+    const completeSerializedTypeHierarchy = [SerializedType].concat(
+      props.context.serializedTypeHierarchy,
+    );
+    const domNodeTypeHierarchy = [SerializedType].concat(
+      props.context.domNodeTypeHierarchy,
+    );
+    const domNodeId = domNodeTypeHierarchy.join(".");
     if (!PredicateValue.Operations.IsTable(props.context.value)) {
       console.error(
-        `TableValue expected but got: ${JSON.stringify(props.context.value)}\n...When rendering table field\n...${domNodeId}`,
+        `TableValue expected but got: ${JSON.stringify(props.context.value)}\n...When rendering table field\n...${SerializedType}`,
       );
       return _jsx(ErrorRenderer, {
-        message: `${domNodeId}: Table value expected but got ${JSON.stringify(props.context.value)}`,
+        message: `${SerializedType}: Table value expected for table but got ${JSON.stringify(props.context.value)}`,
       });
     }
-    if (props.context.customFormState.intialLoadingState == "not loaded") {
+    if (props.context.customFormState.initializationStatus !== "initialized") {
       return _jsx(_Fragment, {});
     }
     const updatedBindings = props.context.bindings.set(
@@ -359,7 +294,7 @@ export const TableAbstractRenderer = (
     if (visibleColumns.kind == "errors") {
       console.error(visibleColumns.errors.map((error) => error).join("\n"));
       return _jsx(ErrorRenderer, {
-        message: `${domNodeId}: Error while computing visible columns, check console`,
+        message: `${SerializedType}: Error while computing visible columns, check console`,
       });
     }
     // TODO we currently only calculated disabled status on a column basis, predicates will break if we
@@ -387,34 +322,40 @@ export const TableAbstractRenderer = (
     if (disabledColumnKeys.kind == "errors") {
       console.error(disabledColumnKeys.errors.map((error) => error).join("\n"));
       return _jsx(ErrorRenderer, {
-        message: `${domNodeId}: Error while computing disabled column keys, check console`,
+        message: `${SerializedType}: Error while computing disabled column keys, check console`,
       });
     }
     const disabledColumnKeysSet = Set(
       disabledColumnKeys.value.filter((fieldName) => fieldName != null),
     );
-    const hasMoreValues = props.context.value.hasMoreValues;
-    const embeddedTableData = props.context.value.data.map((rowData, rowId) =>
-      rowData.fields
-        .filter((_, column) => visibleColumns.value.columns.includes(column))
-        .flatMap((_, column) => {
-          const EmbeddedCell = EmbeddedCellTemplates.get(column);
-          if (EmbeddedCell == undefined) {
-            return [];
-          }
-          return [
-            [
-              column,
-              EmbeddedCell(rowId)(rowData.fields.get(column))(
-                disabledColumnKeysSet.has(column),
-              ),
-            ],
-          ];
-        }),
-    );
-    const validVisibleColumns = visibleColumns.value.columns.filter((_) =>
-      TableEntityType.fields.keySeq().toArray().includes(_),
-    );
+    const hasMoreValues =
+      (_a = props.context.customFormState.stream.loadedElements.last()) ===
+        null || _a === void 0
+        ? void 0
+        : _a.hasMoreValues;
+    const embeddedTableData =
+      props.context.customFormState.stream.loadedElements.flatMap(
+        (chunk, chunkIndex) =>
+          chunk.data.map((rowData, rowId) =>
+            rowData.fields
+              .filter((_, column) =>
+                visibleColumns.value.columns.includes(column),
+              )
+              .map((_, column) => {
+                const result = EmbeddedCellTemplates.get(column);
+                if (result == undefined) {
+                  console.error(
+                    "Visible column defined which is not in column renderers",
+                    column,
+                  );
+                  // TODO -- better error handling
+                }
+                return EmbeddedCellTemplates.get(column)(chunkIndex)(rowId)(
+                  rowData.fields.get(column),
+                )(disabledColumnKeysSet.has(column));
+              }),
+          ),
+      );
     return _jsx(_Fragment, {
       children: _jsx(IdProvider, {
         domNodeId: domNodeId,
@@ -423,25 +364,30 @@ export const TableAbstractRenderer = (
           Object.assign({}, props, {
             context: Object.assign(Object.assign({}, props.context), {
               domNodeId,
-              tableHeaders: validVisibleColumns,
+              tableHeaders: visibleColumns.value.columns,
               columnLabels: ColumnLabels,
               hasMoreValues: !!hasMoreValues,
+              completeSerializedTypeHierarchy,
               tableEntityType: TableEntityType,
             }),
             foreignMutations: Object.assign(
               Object.assign({}, props.foreignMutations),
               {
-                loadMore: () => {
-                  if (props.context.customFormState.isFilteringInitialized) {
-                    props.setState(
-                      TableAbstractRendererState.Updaters.Template.loadMore(),
-                    );
-                  }
-                },
+                loadMore: () =>
+                  props.setState(
+                    TableAbstractRendererState.Updaters.Template.loadMore(),
+                  ),
                 selectDetailView: (rowId) => {
+                  const chunkIndex =
+                    ValueInfiniteStreamState.Operations.getChunkIndexForValue(
+                      props.context.customFormState.stream,
+                      rowId,
+                    );
                   props.setState(
                     TableAbstractRendererState.Updaters.Core.customFormState.children.selectedDetailRow(
-                      replaceWith(rowId),
+                      chunkIndex.kind == "value"
+                        ? replaceWith([chunkIndex.value, rowId])
+                        : id,
                     ),
                   );
                 },
@@ -475,8 +421,6 @@ export const TableAbstractRenderer = (
                       const delta = {
                         kind: "TableAddEmpty",
                         flags,
-                        sourceAncestorLookupTypeNames:
-                          props.context.lookupTypeAncestorNames,
                       };
                       props.foreignMutations.onChange(
                         Option.Default.none(),
@@ -487,6 +431,10 @@ export const TableAbstractRenderer = (
                           DispatchCommonFormState.Updaters.modifiedByUser(
                             replaceWith(true),
                           ),
+                        ).then(
+                          TableAbstractRendererState.Updaters.Template.shouldReinitialize(
+                            true,
+                          ),
                         ),
                       );
                     },
@@ -497,8 +445,6 @@ export const TableAbstractRenderer = (
                         kind: "TableRemove",
                         id: k,
                         flags,
-                        sourceAncestorLookupTypeNames:
-                          props.context.lookupTypeAncestorNames,
                       };
                       props.foreignMutations.onChange(
                         Option.Default.none(),
@@ -509,6 +455,10 @@ export const TableAbstractRenderer = (
                           DispatchCommonFormState.Updaters.modifiedByUser(
                             replaceWith(true),
                           ),
+                        ).then(
+                          TableAbstractRendererState.Updaters.Template.shouldReinitialize(
+                            true,
+                          ),
                         ),
                       );
                     },
@@ -520,8 +470,6 @@ export const TableAbstractRenderer = (
                         id: k,
                         to,
                         flags,
-                        sourceAncestorLookupTypeNames:
-                          props.context.lookupTypeAncestorNames,
                       };
                       props.foreignMutations.onChange(
                         Option.Default.none(),
@@ -532,6 +480,10 @@ export const TableAbstractRenderer = (
                           DispatchCommonFormState.Updaters.modifiedByUser(
                             replaceWith(true),
                           ),
+                        ).then(
+                          TableAbstractRendererState.Updaters.Template.shouldReinitialize(
+                            true,
+                          ),
                         ),
                       );
                     },
@@ -542,8 +494,6 @@ export const TableAbstractRenderer = (
                         kind: "TableDuplicate",
                         id: k,
                         flags,
-                        sourceAncestorLookupTypeNames:
-                          props.context.lookupTypeAncestorNames,
                       };
                       props.foreignMutations.onChange(
                         Option.Default.none(),
@@ -554,61 +504,25 @@ export const TableAbstractRenderer = (
                           DispatchCommonFormState.Updaters.modifiedByUser(
                             replaceWith(true),
                           ),
+                        ).then(
+                          TableAbstractRendererState.Updaters.Template.shouldReinitialize(
+                            true,
+                          ),
                         ),
                       );
                     },
-                updateFilters: (filters) => {
-                  props.setState(
-                    TableAbstractRendererState.Updaters.Template.updateFilters(
-                      filters,
-                      Filters.map(({ filters }) => filters),
-                      parseToApiByType,
-                    ),
-                  );
-                },
-                addSorting: (columnName, direction) => {
-                  props.setState(
-                    TableAbstractRendererState.Updaters.Template.addSorting(
-                      columnName,
-                      direction,
-                      Filters.map(({ filters }) => filters),
-                      parseToApiByType,
-                    ),
-                  );
-                },
-                removeSorting: (columnName) => {
-                  props.setState(
-                    TableAbstractRendererState.Updaters.Template.removeSorting(
-                      columnName,
-                      Filters.map(({ filters }) => filters),
-                      parseToApiByType,
-                    ),
-                  );
-                },
-                reloadFrom0: () =>
-                  props.setState(
-                    TableAbstractRendererState.Updaters.Template.reloadFrom0(),
-                  ),
               },
             ),
             DetailsRenderer: embedDetailsRenderer,
             TableData: embeddedTableData,
-            AllowedFilters: EmbeddedAllowedFilters,
-            AllowedSorting: props.context.sorting,
-            HighlightedFilters: props.context.highlightedFilters,
-            isFilteringSortAndLoadingEnabled:
-              props.context.customFormState.isFilteringInitialized,
           }),
         ),
       }),
     });
   }).any([
-    InstantiatedInfiniteLoaderRunner.mapContextFromProps((props) =>
-      Object.assign(Object.assign({}, props.context), {
-        onChange: props.foreignMutations.onChange,
-      }),
-    ),
-    InstantiatedInitialiseFiltersAndSortingRunner,
+    InstantiatedTableRunner,
+    InstantiatedTableReinitialiseRunner,
+    InstantiatedEmbeddedValueInfiniteStreamTemplate,
   ]);
 };
 //# sourceMappingURL=template.js.map