ballerina-core 1.0.206 → 1.0.208

package/src/forms/domains/dispatched-forms/runner/domains/abstract-renderers/table/state.ts

@@ -10,7 +10,6 @@ import {
   ValueRecord,
   ValueTable,
   replaceWith,
-  DispatchTableApiSource,
   DispatchOnChange,
   Unit,
   ValueCallbackWithOptionalFlags,
@@ -22,8 +21,6 @@ import {
   TableMethod,
   CommonAbstractRendererViewOnlyReadonlyContext,
   RecordType,
-  ValueTuple,
-  ValueUnit,
   FilterType,
   MapRepo,
   ValueFilter,
@@ -33,12 +30,8 @@ import {
   SumNType,
   ValueSumN,
 } from "../../../../../../../../main";
-import { Debounced } from "../../../../../../../debounced/state";
-import { BasicFun } from "../../../../../../../fun/state";
 import { Template, View } from "../../../../../../../template/state";
 
-import { ValueInfiniteStreamState } from "../../../../../../../value-infinite-data-stream/state";
-
 export type TableAbstractRendererReadonlyContext<
   CustomPresentationContext = Unit,
   ExtraContext = Unit,
@@ -48,11 +41,6 @@ export type TableAbstractRendererReadonlyContext<
   CustomPresentationContext,
   ExtraContext
 > & {
-  tableApiSource: DispatchTableApiSource;
-  fromTableApiParser: (value: unknown) => ValueOrErrors<PredicateValue, string>;
-  parseFromApiByType: (
-    type: DispatchParsedType<any>,
-  ) => (raw: any) => ValueOrErrors<PredicateValue, string>;
   tableHeaders: string[];
   columnLabels: Map<string, string | undefined>;
   apiMethods: Array<TableMethod>;
@@ -60,28 +48,23 @@ export type TableAbstractRendererReadonlyContext<
   highlightedFilters: Array<string>;
 };
 
-export type TableAbstractRendererSelectedDetailRow =
-  | ValueTuple
-  | ValueUnit
-  | undefined;
+export type TableAbstractRendererSelectedDetailRow = string | undefined;
 
 export type TableAbstractRendererState = CommonAbstractRendererState & {
   customFormState: {
+    loadingState: "loading" | "loaded" | "error" | "reload from 0";
+    loadMore:
+      | "load more"
+      | "loading more"
+      | "don't load more"
+      | "error loading more";
     isFilteringInitialized: boolean;
     selectedRows: Set<string>;
     rowStates: Map<string, RecordAbstractRendererState>;
     selectedDetailRow: TableAbstractRendererSelectedDetailRow;
-    initializationStatus: "not initialized" | "initialized" | "reinitializing";
     filters: Map<string, List<ValueFilter>>;
     sorting: Map<string, "Ascending" | "Descending" | undefined>;
     filterAndSortParam: string;
-    stream: ValueInfiniteStreamState;
-    getChunkWithParams: BasicFun<
-      Map<string, string>,
-      ValueInfiniteStreamState["getChunk"]
-    >;
-    previousRemoteEntityVersionIdentifier: string;
-    shouldReinitialize: boolean;
     filterStates: Map<string, List<any>>;
   };
 };
@@ -89,19 +72,15 @@ export const TableAbstractRendererState = {
   Default: (): TableAbstractRendererState => ({
     ...CommonAbstractRendererState.Default(),
     customFormState: {
+      loadingState: "loading",
+      loadMore: "don't load more",
       isFilteringInitialized: false,
-      initializationStatus: "not initialized",
       selectedRows: Set(),
       selectedDetailRow: undefined,
       filterAndSortParam: "",
       rowStates: Map(),
       filters: Map(),
       sorting: Map(),
-      // TODO: replace with sum
-      getChunkWithParams: undefined as any,
-      stream: undefined as any,
-      previousRemoteEntityVersionIdentifier: "",
-      shouldReinitialize: false,
       filterStates: Map(),
     },
   }),
@@ -109,13 +88,10 @@ export const TableAbstractRendererState = {
     Core: {
       ...simpleUpdaterWithChildren<TableAbstractRendererState>()({
         ...simpleUpdater<TableAbstractRendererState["customFormState"]>()(
-          "getChunkWithParams",
-        ),
-        ...simpleUpdater<TableAbstractRendererState["customFormState"]>()(
-          "stream",
+          "filterAndSortParam",
         ),
         ...simpleUpdater<TableAbstractRendererState["customFormState"]>()(
-          "filterAndSortParam",
+          "loadMore",
         ),
         ...simpleUpdater<TableAbstractRendererState["customFormState"]>()(
           "filters",
@@ -123,21 +99,12 @@ export const TableAbstractRendererState = {
         ...simpleUpdater<TableAbstractRendererState["customFormState"]>()(
           "sorting",
         ),
-        ...simpleUpdater<TableAbstractRendererState["customFormState"]>()(
-          "initializationStatus",
-        ),
         ...simpleUpdater<TableAbstractRendererState["customFormState"]>()(
           "selectedDetailRow",
         ),
         ...simpleUpdater<TableAbstractRendererState["customFormState"]>()(
           "selectedRows",
         ),
-        ...simpleUpdater<TableAbstractRendererState["customFormState"]>()(
-          "previousRemoteEntityVersionIdentifier",
-        ),
-        ...simpleUpdater<TableAbstractRendererState["customFormState"]>()(
-          "shouldReinitialize",
-        ),
         ...simpleUpdater<TableAbstractRendererState["customFormState"]>()(
           "rowStates",
         ),
@@ -147,6 +114,9 @@ export const TableAbstractRendererState = {
         ...simpleUpdater<TableAbstractRendererState["customFormState"]>()(
           "isFilteringInitialized",
         ),
+        ...simpleUpdater<TableAbstractRendererState["customFormState"]>()(
+          "loadingState",
+        ),
       })("customFormState"),
       ...simpleUpdaterWithChildren<TableAbstractRendererState>()({
         ...simpleUpdater<TableAbstractRendererState["commonFormState"]>()(
@@ -181,8 +151,10 @@ export const TableAbstractRendererState = {
               ),
             )
             .then(
-              TableAbstractRendererState.Updaters.Core.customFormState.children.shouldReinitialize(
-                replaceWith(true),
+              TableAbstractRendererState.Updaters.Core.customFormState.children.loadingState(
+                replaceWith<
+                  TableAbstractRendererState["customFormState"]["loadingState"]
+                >("reload from 0"),
               ),
             )(_),
         ),
@@ -218,8 +190,10 @@ export const TableAbstractRendererState = {
               ),
             )
             .then(
-              TableAbstractRendererState.Updaters.Core.customFormState.children.shouldReinitialize(
-                replaceWith(true),
+              TableAbstractRendererState.Updaters.Core.customFormState.children.loadingState(
+                replaceWith<
+                  TableAbstractRendererState["customFormState"]["loadingState"]
+                >("reload from 0"),
               ),
             )(_),
         );
@@ -254,19 +228,29 @@ export const TableAbstractRendererState = {
               ),
             )
             .then(
-              TableAbstractRendererState.Updaters.Core.customFormState.children.shouldReinitialize(
-                replaceWith(true),
+              TableAbstractRendererState.Updaters.Core.customFormState.children.loadingState(
+                replaceWith<
+                  TableAbstractRendererState["customFormState"]["loadingState"]
+                >("reload from 0"),
               ),
             )(_),
         );
       },
       loadMore: (): Updater<TableAbstractRendererState> =>
-        TableAbstractRendererState.Updaters.Core.customFormState.children.stream(
-          ValueInfiniteStreamState.Updaters.Template.loadMore(),
+        Updater((_) =>
+          _.customFormState.loadMore == "loading more"
+            ? _
+            : TableAbstractRendererState.Updaters.Core.customFormState.children.loadMore(
+                replaceWith<
+                  TableAbstractRendererState["customFormState"]["loadMore"]
+                >("load more"),
+              )(_),
         ),
-      shouldReinitialize: (_: boolean) =>
-        TableAbstractRendererState.Updaters.Core.customFormState.children.shouldReinitialize(
-          replaceWith(_),
+      reloadFrom0: (): Updater<TableAbstractRendererState> =>
+        TableAbstractRendererState.Updaters.Core.customFormState.children.loadingState(
+          replaceWith<
+            TableAbstractRendererState["customFormState"]["loadingState"]
+          >("reload from 0"),
         ),
     },
   },
@@ -443,13 +427,13 @@ export type TableAbstractRendererViewForeignMutationsExpected<Flags = Unit> = {
     | ((key: string, to: string, flags: Flags | undefined) => void)
     | undefined;
   duplicate: ValueCallbackWithOptionalFlags<string, Flags> | undefined;
-  reinitialize: SimpleCallback<void>;
   updateFilters: (filters: Map<string, List<ValueFilter>>) => void;
   addSorting: (
     columnName: string,
     direction: "Ascending" | "Descending" | undefined,
   ) => void;
   removeSorting: (columnName: string) => void;
+  reloadFrom0: () => void;
 };
 
 export type TableAbstractRendererView<

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

@@ -1,11 +1,10 @@
-import { List, Map, Set } from "immutable";
+import { List, Map, OrderedMap, Set } from "immutable";
 import {
   BasicUpdater,
   id,
   PredicateValue,
   TableAbstractRendererState,
   TableLayout,
-  ValueInfiniteStreamTemplate,
   Expr,
   PredicateVisibleColumns,
   DispatchDelta,
@@ -30,46 +29,21 @@ import {
   MapRepo,
   ValueTable,
   RecordType,
-  unit,
-  ValueUnit,
   TableAbstractRendererSelectedDetailRow,
-  TableApiFiltering,
   ValueFilter,
-  CommonAbstractRendererViewOnlyReadonlyContext,
   FilterType,
   ListRepo,
   Updater,
   SumNType,
+  DispatchTableApiSource,
 } from "../../../../../../../../main";
 import { Template } from "../../../../../../../template/state";
-import { ValueInfiniteStreamState } from "../../../../../../../value-infinite-data-stream/state";
 import {
+  TableInfiniteLoaderRunner,
   TableInitialiseFiltersAndSortingRunner,
-  TableReinitialiseRunner,
-  TableRunner,
+  TableInitialiseTableRunner,
 } 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,
-    }));
-
 export const TableAbstractRenderer = <
   CustomPresentationContext = Unit,
   Flags = Unit,
@@ -133,6 +107,11 @@ export const TableAbstractRenderer = <
     value: PredicateValue,
     state: any,
   ) => ValueOrErrors<any, string>,
+  parseFromApiByType: (
+    type: DispatchParsedType<any>,
+  ) => (raw: any) => ValueOrErrors<PredicateValue, string>,
+  fromTableApiParser: (value: unknown) => ValueOrErrors<PredicateValue, string>,
+  tableApiSource: DispatchTableApiSource,
 ): Template<
   TableAbstractRendererReadonlyContext<
     CustomPresentationContext,
@@ -143,25 +122,24 @@ export const TableAbstractRenderer = <
   TableAbstractRendererForeignMutationsExpected<Flags>,
   TableAbstractRendererView<CustomPresentationContext, Flags, ExtraContext>
 > => {
-  const InstantiatedTableRunner = TableRunner<
+  const InstantiatedInfiniteLoaderRunner = TableInfiniteLoaderRunner<
     CustomPresentationContext,
     ExtraContext
-  >();
-  const InstantiatedTableReinitialiseRunner = TableReinitialiseRunner<
-    CustomPresentationContext,
-    ExtraContext
-  >();
-  const InstantiatedEmbeddedParseFromApiByTypeTemplate =
+  >(tableApiSource, fromTableApiParser);
+  const InstantiatedInitialiseFiltersAndSortingRunner =
     TableInitialiseFiltersAndSortingRunner<
       CustomPresentationContext,
       ExtraContext
-    >(Filters.map(({ filters }) => filters));
-  const InstantiatedEmbeddedValueInfiniteStreamTemplate =
-    EmbeddedValueInfiniteStreamTemplate<
-      CustomPresentationContext,
-      Flags,
-      ExtraContext
-    >();
+    >(
+      Filters.map(({ filters }) => filters),
+      tableApiSource,
+      parseFromApiByType,
+      parseToApiByType,
+    );
+  const InstantiatedInitialiseTableRunner = TableInitialiseTableRunner<
+    CustomPresentationContext,
+    ExtraContext
+  >(tableApiSource, fromTableApiParser);
 
   const embedCellTemplate =
     (
@@ -177,7 +155,6 @@ export const TableAbstractRenderer = <
         CommonAbstractRendererForeignMutationsExpected<Flags>
       >,
     ) =>
-    (chunkIndex: number) =>
     (rowId: string) =>
     (value: PredicateValue) =>
     (disabled: boolean) =>
@@ -196,13 +173,11 @@ export const TableAbstractRenderer = <
             rowState?.fieldStates.get(column) ??
             CellTemplates.get(column)!.GetDefaultState();
 
-          const rowValue = _.customFormState.stream.loadedElements
-            .get(chunkIndex)
-            ?.data.get(rowId);
+          const rowValue = _.value.data.get(rowId);
 
           if (rowValue == undefined) {
             console.error(
-              `Row value is undefined for row ${rowId} in chunk ${chunkIndex}\n
+              `Row value is undefined for row ${rowId}\n
               ...When rendering table field ${column}\n
               ...${_.domNodeAncestorPath}`,
             );
@@ -275,15 +250,6 @@ 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),
-                  ),
                 ),
             );
 
@@ -344,36 +310,7 @@ export const TableAbstractRenderer = <
             return undefined;
           }
 
-          if (
-            !PredicateValue.Operations.IsTuple(selectedDetailRow) &&
-            !PredicateValue.Operations.IsUnit(selectedDetailRow)
-          ) {
-            console.error(
-              `Selected detail row is not a tuple or unit\n
-              ...When rendering table field\n
-              ...${_.domNodeAncestorPath}`,
-            );
-            return undefined;
-          }
-
-          const chunkIndex = PredicateValue.Operations.IsTuple(
-            selectedDetailRow,
-          )
-            ? Number(selectedDetailRow.values.get(0))
-            : undefined;
-          const chunkValueKey = PredicateValue.Operations.IsTuple(
-            selectedDetailRow,
-          )
-            ? selectedDetailRow.values.get(1)?.toString()
-            : undefined;
-
-          const value = PredicateValue.Operations.IsUnit(selectedDetailRow)
-            ? ValueUnit.Default()
-            : chunkIndex !== undefined && chunkValueKey !== undefined
-              ? _.customFormState.stream.loadedElements
-                  .get(chunkIndex)
-                  ?.data.get(chunkValueKey)
-              : undefined;
+          const value = _.value.data.get(selectedDetailRow);
 
           if (value == undefined) {
             console.error(
@@ -384,9 +321,9 @@ export const TableAbstractRenderer = <
             return undefined;
           }
 
-          const rowState = chunkValueKey
-            ? _.customFormState.rowStates.get(chunkValueKey)
-            : RecordAbstractRendererState.Default.fieldState(Map());
+          const rowState =
+            _.customFormState.rowStates.get(selectedDetailRow) ??
+            RecordAbstractRendererState.Default.fieldState(Map());
 
           return {
             value,
@@ -417,24 +354,9 @@ export const TableAbstractRenderer = <
               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}`,
-              );
-              return id;
-            }
-
             return TableAbstractRendererState.Updaters.Core.customFormState.children.rowStates(
               MapRepo.Updaters.upsert(
-                chunkValueKey.toString(),
+                selectedDetailRow,
                 () => RecordAbstractRendererState.Default.fieldState(Map()),
                 updater,
               ),
@@ -444,7 +366,7 @@ export const TableAbstractRenderer = <
             TableAbstractRendererForeignMutationsExpected<Flags>
           >((props) => ({
             onChange: (
-              _: Option<BasicUpdater<ValueRecord>>,
+              nestedUpdater: Option<BasicUpdater<ValueRecord>>,
               nestedDelta: DispatchDelta<Flags>,
             ) => {
               const { selectedDetailRow } = props.context.customFormState;
@@ -458,56 +380,43 @@ export const TableAbstractRenderer = <
                 return id;
               }
 
-              if (
-                !PredicateValue.Operations.IsTuple(selectedDetailRow) &&
-                !PredicateValue.Operations.IsUnit(selectedDetailRow)
-              ) {
+              if (!selectedDetailRow) {
                 console.error(
-                  `Selected detail row is not a tuple or unit\n
-                  ...When rendering table field\n
-                  ...${props.context.domNodeAncestorPath}`,
+                  `Chunk value key is undefined for selected detail row\n
+                    ...When rendering table field\n
+                    ...${props.context.domNodeAncestorPath}`,
                 );
                 return id;
               }
 
-              if (PredicateValue.Operations.IsTuple(selectedDetailRow)) {
-                const chunkIndex = Number(selectedDetailRow.values.get(0));
-                const chunkValueKey = selectedDetailRow.values.get(1);
-
-                if (!chunkValueKey) {
-                  console.error(
-                    `Chunk value key is undefined for selected detail row\n
-                    ...When rendering table field\n
-                    ...${props.context.domNodeAncestorPath}`,
-                  );
-                  return id;
-                }
+              props.setState(
+                TableAbstractRendererState.Updaters.Core.commonFormState.children.modifiedByUser(
+                  replaceWith(true),
+                ),
+              );
 
-                props.setState(
-                  TableAbstractRendererState.Updaters.Core.commonFormState.children
-                    .modifiedByUser(replaceWith(true))
-                    .then(
-                      TableAbstractRendererState.Updaters.Core.customFormState.children.stream(
-                        ValueInfiniteStreamState.Updaters.Template.updateChunkValue(
-                          chunkIndex,
-                          chunkValueKey.toString(),
-                        )(_.kind == "r" ? _.value : id),
+              const delta: DispatchDelta<Flags> = {
+                kind: "TableValue",
+                id: selectedDetailRow,
+                nestedDelta: nestedDelta,
+                flags,
+                sourceAncestorLookupTypeNames:
+                  nestedDelta.sourceAncestorLookupTypeNames,
+              };
+
+              const updater =
+                nestedUpdater.kind == "l"
+                  ? nestedUpdater
+                  : Option.Default.some(
+                      ValueTable.Updaters.data(
+                        MapRepo.Updaters.update(
+                          selectedDetailRow,
+                          nestedUpdater.value,
+                        ),
                       ),
-                    ),
-                );
+                    );
 
-                // TODO, different delta for details
-                const delta: DispatchDelta<Flags> = {
-                  kind: "TableValue",
-                  id: chunkValueKey.toString(),
-                  nestedDelta: nestedDelta,
-                  flags,
-                  sourceAncestorLookupTypeNames:
-                    nestedDelta.sourceAncestorLookupTypeNames,
-                };
-
-                props.foreignMutations.onChange(Option.Default.none(), delta);
-              }
+              props.foreignMutations.onChange(updater, delta);
             },
           }))
     : undefined;
@@ -587,13 +496,6 @@ export const TableAbstractRenderer = <
       );
     }
 
-    if (
-      props.context.customFormState.initializationStatus !== "initialized" &&
-      props.context.customFormState.initializationStatus !== "reinitializing"
-    ) {
-      return <></>;
-    }
-
     const updatedBindings = props.context.bindings.set(
       "local",
       props.context.value,
@@ -648,38 +550,31 @@ export const TableAbstractRenderer = <
       disabledColumnKeys.value.filter((fieldName) => fieldName != null),
     );
 
-    const hasMoreValues =
-      props.context.customFormState.stream.loadedElements.last()?.hasMoreValues;
+    const hasMoreValues = props.context.value.hasMoreValues;
 
     const embeddedTableData =
-      props.context.customFormState.stream.loadedElements.flatMap(
-        (chunk, chunkIndex) =>
-          chunk.data.map((rowData, rowId) =>
+      props.context.customFormState.loadingState != "loaded"
+        ? OrderedMap<string, OrderedMap<string, any>>()
+        : 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(chunkIndex)(rowId)(
-                      rowData.fields.get(column)!,
-                    )(disabledColumnKeysSet.has(column)),
-                  ],
-                ];
+              .map((_, column) => {
+                return EmbeddedCellTemplates.get(column)!(rowId)(
+                  rowData.fields.get(column)!,
+                )(disabledColumnKeysSet.has(column));
               }),
-          ),
-      );
+          );
 
     const validVisibleColumns = visibleColumns.value.columns.filter((_) =>
       TableEntityType.fields.keySeq().toArray().includes(_),
     );
 
+    if (props.context.customFormState.isFilteringInitialized == false) {
+      return <></>;
+    }
+
     return (
       <>
         <IdProvider domNodeId={domNodeId}>
@@ -703,20 +598,9 @@ export const TableAbstractRenderer = <
                 }
               },
               selectDetailView: (rowId: string) => {
-                const chunkIndex =
-                  ValueInfiniteStreamState.Operations.getChunkIndexForValue(
-                    props.context.customFormState.stream,
-                    rowId,
-                  );
                 props.setState(
                   TableAbstractRendererState.Updaters.Core.customFormState.children.selectedDetailRow(
-                    chunkIndex.kind == "value"
-                      ? replaceWith<TableAbstractRendererSelectedDetailRow>(
-                          PredicateValue.Default.tuple(
-                            List([chunkIndex.value, rowId]),
-                          ),
-                        )
-                      : id,
+                    replaceWith<TableAbstractRendererSelectedDetailRow>(rowId),
                   ),
                 );
               },
@@ -865,11 +749,9 @@ export const TableAbstractRenderer = <
                   ),
                 );
               },
-              reinitialize: () =>
+              reloadFrom0: () =>
                 props.setState(
-                  TableAbstractRendererState.Updaters.Template.shouldReinitialize(
-                    true,
-                  ),
+                  TableAbstractRendererState.Updaters.Template.reloadFrom0(),
                 ),
             }}
             DetailsRenderer={embedDetailsRenderer}
@@ -885,9 +767,14 @@ export const TableAbstractRenderer = <
       </>
     );
   }).any([
-    InstantiatedTableRunner,
-    InstantiatedTableReinitialiseRunner,
-    InstantiatedEmbeddedValueInfiniteStreamTemplate,
-    InstantiatedEmbeddedParseFromApiByTypeTemplate,
+    InstantiatedInfiniteLoaderRunner.mapContextFromProps((props) => ({
+      ...props.context,
+      onChange: props.foreignMutations.onChange,
+    })),
+    InstantiatedInitialiseFiltersAndSortingRunner,
+    InstantiatedInitialiseTableRunner.mapContextFromProps((props) => ({
+      ...props.context,
+      onChange: props.foreignMutations.onChange,
+    })),
   ]);
 };