ballerina-core 1.0.188 → 1.0.189

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

@@ -1,30 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { Map } from "immutable";
-import {
-  AsyncState,
-  DispatchCommonFormState,
-  id,
-  PredicateValue,
-  RecordAbstractRendererState,
-  replaceWith,
-  Synchronized,
-  Template,
-  ValueInfiniteStreamState,
-  ValueOption,
-  ValueOrErrors,
-  ValueUnit,
-  Debounced,
-  Value,
-  Option,
-  MapRepo,
-} from "../../../../../../../../main";
-import { OneAbstractRendererState } from "./state";
-import {
-  initializeOneRunner,
-  oneTableDebouncerRunner,
-  oneTableLoaderRunner,
-  reinitializeOneRunner,
-} from "./coroutines/runner";
+import { AsyncState, DispatchCommonFormState, id, PredicateValue, RecordAbstractRendererState, replaceWith, Synchronized, Template, ValueInfiniteStreamState, ValueOption, ValueOrErrors, ValueUnit, Debounced, Value, Option, MapRepo, } from "../../../../../../../../main";
+import { OneAbstractRendererState, } from "./state";
+import { initializeOneRunner, oneTableDebouncerRunner, oneTableLoaderRunner, reinitializeOneRunner, } from "./coroutines/runner";
 /*
  * The clear, set, create and delete callbacks are used when and only when the one is partial (it can have a value of unit or One)
  * This means the one is inside a Sum<unit, One> (or inverse) renderer.
@@ -38,575 +16,228 @@ import {
  * The updater is always needed because we need to know the value of the new selection / creation.
  * The actual implementation and passing down of the callbacks is done in the concrete sum renderer.
  */
-export const OneAbstractRenderer = (
-  DetailsRenderer,
-  PreviewRenderer,
-  IdProvider,
-  ErrorRenderer,
-  oneEntityType,
-) => {
-  const typedInitializeOneRunner = initializeOneRunner();
-  const typedReinitializeOneRunner = reinitializeOneRunner();
-  const typedOneTableLoaderRunner = oneTableLoaderRunner();
-  const typedOneTableDebouncerRunner = oneTableDebouncerRunner();
-  const embeddedDetailsRenderer = (flags) =>
-    DetailsRenderer.mapContext((_) => {
-      var _a, _b;
-      if (
-        !AsyncState.Operations.hasValue(_.customFormState.selectedValue.sync)
-      ) {
-        return undefined;
-      }
-      if (_.customFormState.selectedValue.sync.value.kind == "errors") {
-        console.error(
-          _.customFormState.selectedValue.sync.value.errors
-            .join("\n")
-            .concat(`\n...When parsing the "one" field value\n...`),
-        );
-        return undefined;
-      }
-      const value = _.customFormState.selectedValue.sync.value.value;
-      if (PredicateValue.Operations.IsUnit(value)) {
-        return undefined;
-      }
-      const state =
-        (_b =
-          (_a = _.customFormState) === null || _a === void 0
-            ? void 0
-            : _a.detailsState) !== null && _b !== void 0
-          ? _b
-          : RecordAbstractRendererState.Default.zero();
-      return Object.assign(Object.assign({ value }, state), {
-        disabled: _.disabled,
-        bindings: _.bindings,
-        extraContext: _.extraContext,
-        type: oneEntityType,
-        customPresentationContext: _.customPresentationContext,
-        remoteEntityVersionIdentifier: _.remoteEntityVersionIdentifier,
-        typeAncestors: [_.type].concat(_.typeAncestors),
-        domNodeAncestorPath: _.domNodeAncestorPath + "[one][details]",
-        lookupTypeAncestorNames: _.lookupTypeAncestorNames,
-      });
+export const OneAbstractRenderer = (DetailsRenderer, PreviewRenderer, IdProvider, ErrorRenderer, oneEntityType) => {
+    const typedInitializeOneRunner = initializeOneRunner();
+    const typedReinitializeOneRunner = reinitializeOneRunner();
+    const typedOneTableLoaderRunner = oneTableLoaderRunner();
+    const typedOneTableDebouncerRunner = oneTableDebouncerRunner();
+    const embeddedDetailsRenderer = (flags) => DetailsRenderer.mapContext((_) => {
+        var _a, _b;
+        if (!AsyncState.Operations.hasValue(_.customFormState.selectedValue.sync)) {
+            return undefined;
+        }
+        if (_.customFormState.selectedValue.sync.value.kind == "errors") {
+            console.error(_.customFormState.selectedValue.sync.value.errors
+                .join("\n")
+                .concat(`\n...When parsing the "one" field value\n...`));
+            return undefined;
+        }
+        const value = _.customFormState.selectedValue.sync.value.value;
+        if (PredicateValue.Operations.IsUnit(value)) {
+            return undefined;
+        }
+        const state = (_b = (_a = _.customFormState) === null || _a === void 0 ? void 0 : _a.detailsState) !== null && _b !== void 0 ? _b : RecordAbstractRendererState.Default.zero();
+        return Object.assign(Object.assign({ value }, state), { disabled: _.disabled, bindings: _.bindings, extraContext: _.extraContext, type: oneEntityType, customPresentationContext: _.customPresentationContext, remoteEntityVersionIdentifier: _.remoteEntityVersionIdentifier, typeAncestors: [_.type].concat(_.typeAncestors), domNodeAncestorPath: _.domNodeAncestorPath + "[one][details]", lookupTypeAncestorNames: _.lookupTypeAncestorNames });
     })
-      .mapState((_) =>
-        OneAbstractRendererState.Updaters.Core.customFormState.children.detailsState(
-          _,
-        ),
-      )
-      .mapForeignMutationsFromProps((props) => ({
+        .mapState((_) => OneAbstractRendererState.Updaters.Core.customFormState.children.detailsState(_))
+        .mapForeignMutationsFromProps((props) => ({
         onChange: (updater, nestedDelta) => {
-          props.setState(
-            OneAbstractRendererState.Updaters.Core.commonFormState.children
-              .modifiedByUser(replaceWith(true))
-              .then(
-                OneAbstractRendererState.Updaters.Core.customFormState.children.detailsState(
-                  RecordAbstractRendererState.Updaters.Core.commonFormState(
-                    DispatchCommonFormState.Updaters.modifiedByUser(
-                      replaceWith(true),
-                    ),
-                  ),
-                ),
-              )
-              .then((__) => {
-                if (
-                  __.customFormState.selectedValue.sync.kind != "loaded" ||
-                  __.customFormState.selectedValue.sync.value.kind ==
-                    "errors" ||
-                  !PredicateValue.Operations.IsRecord(
-                    __.customFormState.selectedValue.sync.value.value,
-                  ) ||
-                  updater.kind == "l"
-                ) {
-                  return __;
+            props.setState(OneAbstractRendererState.Updaters.Core.commonFormState.children
+                .modifiedByUser(replaceWith(true))
+                .then(OneAbstractRendererState.Updaters.Core.customFormState.children.detailsState(RecordAbstractRendererState.Updaters.Core.commonFormState(DispatchCommonFormState.Updaters.modifiedByUser(replaceWith(true)))))
+                .then((__) => {
+                if (__.customFormState.selectedValue.sync.kind != "loaded" ||
+                    __.customFormState.selectedValue.sync.value.kind ==
+                        "errors" ||
+                    !PredicateValue.Operations.IsRecord(__.customFormState.selectedValue.sync.value.value) ||
+                    updater.kind == "l") {
+                    return __;
                 }
-                return Object.assign(Object.assign({}, __), {
-                  customFormState: Object.assign(
-                    Object.assign({}, __.customFormState),
-                    {
-                      selectedValue: Object.assign(
-                        Object.assign({}, __.customFormState.selectedValue),
-                        {
-                          sync: Object.assign(
-                            Object.assign(
-                              {},
-                              __.customFormState.selectedValue.sync,
-                            ),
-                            {
-                              value: Object.assign(
-                                Object.assign(
-                                  {},
-                                  __.customFormState.selectedValue.sync.value,
-                                ),
-                                {
-                                  value: updater.value(
-                                    __.customFormState.selectedValue.sync.value
-                                      .value,
-                                  ),
-                                },
-                              ),
-                            },
-                          ),
-                        },
-                      ),
-                    },
-                  ),
-                });
-              }),
-          );
-          const delta = {
-            kind: "OneValue",
-            nestedDelta,
-            flags,
-            sourceAncestorLookupTypeNames:
-              nestedDelta.sourceAncestorLookupTypeNames,
-          };
-          // The Option component of the one is a lazy load signal. Either the value is provided initially,
-          // or it is loaded lazily. Here we always update a some, because if the detail renderer is displayed,
-          // we must already have a value, and the option is a some.
-          props.foreignMutations.onChange(
-            updater.kind == "l"
-              ? Option.Default.none()
-              : Option.Default.some((__) =>
-                  __.kind == "unit"
+                return Object.assign(Object.assign({}, __), { customFormState: Object.assign(Object.assign({}, __.customFormState), { selectedValue: Object.assign(Object.assign({}, __.customFormState.selectedValue), { sync: Object.assign(Object.assign({}, __.customFormState.selectedValue.sync), { value: Object.assign(Object.assign({}, __.customFormState.selectedValue.sync.value), { value: updater.value(__.customFormState.selectedValue.sync.value.value) }) }) }) }) });
+            }));
+            const delta = {
+                kind: "OneValue",
+                nestedDelta,
+                flags,
+                sourceAncestorLookupTypeNames: nestedDelta.sourceAncestorLookupTypeNames,
+            };
+            // The Option component of the one is a lazy load signal. Either the value is provided initially,
+            // or it is loaded lazily. Here we always update a some, because if the detail renderer is displayed,
+            // we must already have a value, and the option is a some.
+            props.foreignMutations.onChange(updater.kind == "l"
+                ? Option.Default.none()
+                : Option.Default.some((__) => __.kind == "unit"
                     ? ValueUnit.Default()
                     : !PredicateValue.Operations.IsRecord(__.value)
-                      ? ValueUnit.Default()
-                      : ValueOption.Default.some(updater.value(__.value)),
-                ),
-            delta,
-          );
+                        ? ValueUnit.Default()
+                        : ValueOption.Default.some(updater.value(__.value))), delta);
         },
-      }));
-  const embeddedPreviewRenderer = PreviewRenderer
-    ? (value) => (id) => (flags) =>
-        PreviewRenderer.mapContext((_) => {
-          var _a, _b;
-          const state =
-            (_b =
-              (_a = _.customFormState) === null || _a === void 0
-                ? void 0
-                : _a.previewStates.get(id)) !== null && _b !== void 0
-              ? _b
-              : RecordAbstractRendererState.Default.zero();
-          return Object.assign(Object.assign({}, state), {
-            value,
-            disabled: _.disabled,
-            bindings: _.bindings,
-            extraContext: _.extraContext,
-            type: oneEntityType,
-            customPresentationContext: _.customPresentationContext,
-            remoteEntityVersionIdentifier: _.remoteEntityVersionIdentifier,
-            typeAncestors: [_.type].concat(_.typeAncestors),
-            domNodeAncestorPath: _.domNodeAncestorPath + "[one][preview]",
-            lookupTypeAncestorNames: _.lookupTypeAncestorNames,
-          });
+    }));
+    const embeddedPreviewRenderer = PreviewRenderer
+        ? (value) => (id) => (flags) => PreviewRenderer.mapContext((_) => {
+            var _a, _b;
+            const state = (_b = (_a = _.customFormState) === null || _a === void 0 ? void 0 : _a.previewStates.get(id)) !== null && _b !== void 0 ? _b : RecordAbstractRendererState.Default.zero();
+            return Object.assign(Object.assign({}, state), { value, disabled: _.disabled, bindings: _.bindings, extraContext: _.extraContext, type: oneEntityType, customPresentationContext: _.customPresentationContext, remoteEntityVersionIdentifier: _.remoteEntityVersionIdentifier, typeAncestors: [_.type].concat(_.typeAncestors), domNodeAncestorPath: _.domNodeAncestorPath + "[one][preview]", lookupTypeAncestorNames: _.lookupTypeAncestorNames });
         })
-          .mapState((_) =>
-            OneAbstractRendererState.Updaters.Core.customFormState.children.previewStates(
-              MapRepo.Updaters.upsert(
-                id,
-                () => RecordAbstractRendererState.Default.zero(),
-                _,
-              ),
-            ),
-          )
-          .mapForeignMutationsFromProps((props) => ({
+            .mapState((_) => OneAbstractRendererState.Updaters.Core.customFormState.children.previewStates(MapRepo.Updaters.upsert(id, () => RecordAbstractRendererState.Default.zero(), _)))
+            .mapForeignMutationsFromProps((props) => ({
             onChange: (updater, nestedDelta) => {
-              props.setState(
-                OneAbstractRendererState.Updaters.Core.commonFormState.children
-                  .modifiedByUser(replaceWith(true))
-                  .then(
-                    OneAbstractRendererState.Updaters.Core.customFormState.children.detailsState(
-                      RecordAbstractRendererState.Updaters.Core.commonFormState(
-                        DispatchCommonFormState.Updaters.modifiedByUser(
-                          replaceWith(true),
-                        ),
-                      ),
-                    ),
-                  )
-                  .then((__) => {
-                    if (
-                      __.customFormState.selectedValue.sync.kind != "loaded" ||
-                      __.customFormState.selectedValue.sync.value.kind ==
-                        "errors" ||
-                      !PredicateValue.Operations.IsRecord(
-                        __.customFormState.selectedValue.sync.value.value,
-                      ) ||
-                      updater.kind == "l"
-                    ) {
-                      return __;
+                props.setState(OneAbstractRendererState.Updaters.Core.commonFormState.children
+                    .modifiedByUser(replaceWith(true))
+                    .then(OneAbstractRendererState.Updaters.Core.customFormState.children.detailsState(RecordAbstractRendererState.Updaters.Core.commonFormState(DispatchCommonFormState.Updaters.modifiedByUser(replaceWith(true)))))
+                    .then((__) => {
+                    if (__.customFormState.selectedValue.sync.kind != "loaded" ||
+                        __.customFormState.selectedValue.sync.value.kind ==
+                            "errors" ||
+                        !PredicateValue.Operations.IsRecord(__.customFormState.selectedValue.sync.value.value) ||
+                        updater.kind == "l") {
+                        return __;
                     }
-                    return Object.assign(Object.assign({}, __), {
-                      customFormState: Object.assign(
-                        Object.assign({}, __.customFormState),
-                        {
-                          selectedValue: Object.assign(
-                            Object.assign({}, __.customFormState.selectedValue),
-                            {
-                              sync: Object.assign(
-                                Object.assign(
-                                  {},
-                                  __.customFormState.selectedValue.sync,
-                                ),
-                                {
-                                  value: Object.assign(
-                                    Object.assign(
-                                      {},
-                                      __.customFormState.selectedValue.sync
-                                        .value,
-                                    ),
-                                    {
-                                      value: updater.value(
-                                        __.customFormState.selectedValue.sync
-                                          .value.value,
-                                      ),
-                                    },
-                                  ),
-                                },
-                              ),
-                            },
-                          ),
-                        },
-                      ),
-                    });
-                  }),
-              );
-              const delta = {
-                kind: "OneValue",
-                nestedDelta,
-                flags,
-                sourceAncestorLookupTypeNames:
-                  nestedDelta.sourceAncestorLookupTypeNames,
-              };
-              props.foreignMutations.onChange(
-                updater.kind == "l"
-                  ? Option.Default.none()
-                  : Option.Default.some((__) =>
-                      __.kind == "unit"
+                    return Object.assign(Object.assign({}, __), { customFormState: Object.assign(Object.assign({}, __.customFormState), { selectedValue: Object.assign(Object.assign({}, __.customFormState.selectedValue), { sync: Object.assign(Object.assign({}, __.customFormState.selectedValue.sync), { value: Object.assign(Object.assign({}, __.customFormState.selectedValue.sync.value), { value: updater.value(__.customFormState.selectedValue.sync.value
+                                            .value) }) }) }) }) });
+                }));
+                const delta = {
+                    kind: "OneValue",
+                    nestedDelta,
+                    flags,
+                    sourceAncestorLookupTypeNames: nestedDelta.sourceAncestorLookupTypeNames,
+                };
+                props.foreignMutations.onChange(updater.kind == "l"
+                    ? Option.Default.none()
+                    : Option.Default.some((__) => __.kind == "unit"
                         ? ValueUnit.Default()
                         : !PredicateValue.Operations.IsRecord(__.value)
-                          ? ValueUnit.Default()
-                          : ValueOption.Default.some(updater.value(__.value)),
-                    ),
-                delta,
-              );
+                            ? ValueUnit.Default()
+                            : ValueOption.Default.some(updater.value(__.value))), delta);
             },
-          }))
-    : undefined;
-  return Template.Default((props) => {
-    var _a;
-    const domNodeId = props.context.domNodeAncestorPath + "[one]";
-    const value = props.context.value;
-    if (
-      !PredicateValue.Operations.IsUnit(value) &&
-      (!PredicateValue.Operations.IsOption(value) ||
-        (PredicateValue.Operations.IsOption(value) &&
-          value.isSome &&
-          !PredicateValue.Operations.IsRecord(value.value)))
-    ) {
-      _jsx(ErrorRenderer, {
-        message: `${domNodeId}: Option of record or unit expected but got ${JSON.stringify(props.context.value)}`,
-      });
-    }
-    const local = props.context.bindings.get("local");
-    if (local == undefined) {
-      console.error(`local binding is undefined when intialising one\n
+        }))
+        : undefined;
+    return Template.Default((props) => {
+        var _a;
+        const domNodeId = props.context.domNodeAncestorPath + "[one]";
+        const value = props.context.value;
+        if (!PredicateValue.Operations.IsUnit(value) &&
+            (!PredicateValue.Operations.IsOption(value) ||
+                (PredicateValue.Operations.IsOption(value) &&
+                    value.isSome &&
+                    !PredicateValue.Operations.IsRecord(value.value)))) {
+            _jsx(ErrorRenderer, { message: `${domNodeId}: Option of record or unit expected but got ${JSON.stringify(props.context.value)}` });
+        }
+        const local = props.context.bindings.get("local");
+        if (local == undefined) {
+            console.error(`local binding is undefined when intialising one\n
         ...when rendering \n
         ...${domNodeId}`);
-      return _jsx(ErrorRenderer, {
-        message: `local binding is undefined when intialising one\n...${domNodeId}`,
-      });
-    }
-    if (!PredicateValue.Operations.IsRecord(local)) {
-      console.error(
-        `local binding is not a record when intialising one\n...${domNodeId}`,
-      );
-      return _jsx(ErrorRenderer, {
-        message: `local binding is not a record when intialising one\n...${domNodeId}`,
-      });
-    }
-    if (!local.fields.has("Id")) {
-      console.error(
-        `local binding is missing Id (check casing) when intialising one\n...${domNodeId}`,
-      );
-      return _jsx(ErrorRenderer, {
-        message: `local binding is missing Id (check casing) when intialising one\n...${domNodeId}`,
-      });
-    }
-    const Id = local.fields.get("Id"); // safe because of above check;
-    if (!PredicateValue.Operations.IsString(Id)) {
-      console.error(
-        `local Id is not a string when intialising one\n...${domNodeId}`,
-      );
-      return _jsx(ErrorRenderer, {
-        message: `local Id is not a string when intialising one\n...${domNodeId}`,
-      });
-    }
-    if (
-      !AsyncState.Operations.hasValue(
-        props.context.customFormState.selectedValue.sync,
-      )
-    ) {
-      return _jsx(_Fragment, {
-        children: _jsx(IdProvider, {
-          domNodeId: domNodeId,
-          children: _jsx(
-            props.view,
-            Object.assign({}, props, {
-              context: Object.assign(Object.assign({}, props.context), {
-                domNodeId,
-                kind: "uninitialized",
-              }),
-              kind: "uninitialized",
-              foreignMutations: {
-                kind: "uninitialized",
-              },
-            }),
-          ),
-        }),
-      });
-    }
-    if (
-      props.context.customFormState.selectedValue.sync.value.kind == "errors"
-    ) {
-      console.error(
-        props.context.customFormState.selectedValue.sync.value.errors.join(
-          "\n",
-        ),
-      );
-      return _jsx(_Fragment, {});
-    }
-    const syncValue =
-      props.context.customFormState.selectedValue.sync.value.value;
-    return _jsx(_Fragment, {
-      children: _jsx(IdProvider, {
-        domNodeId: domNodeId,
-        children: _jsx(
-          props.view,
-          Object.assign({}, props, {
-            kind: "initialized",
-            context: Object.assign(Object.assign({}, props.context), {
-              kind: "initialized",
-              domNodeId,
-              value: syncValue,
-              hasMoreValues: !!((_a =
-                props.context.customFormState.stream.loadedElements.last()) ===
-                null || _a === void 0
-                ? void 0
-                : _a.hasMoreValues),
-            }),
-            foreignMutations: Object.assign(
-              Object.assign({}, props.foreignMutations),
-              {
-                kind: "initialized",
-                toggleOpen: () =>
-                  props.setState(
-                    OneAbstractRendererState.Updaters.Core.customFormState.children
-                      .status(
-                        replaceWith(
-                          props.context.customFormState.status == "closed"
+            return (_jsx(ErrorRenderer, { message: `local binding is undefined when intialising one\n...${domNodeId}` }));
+        }
+        if (!PredicateValue.Operations.IsRecord(local)) {
+            console.error(`local binding is not a record when intialising one\n...${domNodeId}`);
+            return (_jsx(ErrorRenderer, { message: `local binding is not a record when intialising one\n...${domNodeId}` }));
+        }
+        if (!local.fields.has("Id")) {
+            console.error(`local binding is missing Id (check casing) when intialising one\n...${domNodeId}`);
+            return (_jsx(ErrorRenderer, { message: `local binding is missing Id (check casing) when intialising one\n...${domNodeId}` }));
+        }
+        const Id = local.fields.get("Id"); // safe because of above check;
+        if (!PredicateValue.Operations.IsString(Id)) {
+            console.error(`local Id is not a string when intialising one\n...${domNodeId}`);
+            return (_jsx(ErrorRenderer, { message: `local Id is not a string when intialising one\n...${domNodeId}` }));
+        }
+        if (!AsyncState.Operations.hasValue(props.context.customFormState.selectedValue.sync)) {
+            return (_jsx(_Fragment, { children: _jsx(IdProvider, { domNodeId: domNodeId, children: _jsx(props.view, Object.assign({}, props, { context: Object.assign(Object.assign({}, props.context), { domNodeId, kind: "uninitialized" }), kind: "uninitialized", foreignMutations: {
+                            kind: "uninitialized",
+                        } })) }) }));
+        }
+        if (props.context.customFormState.selectedValue.sync.value.kind == "errors") {
+            console.error(props.context.customFormState.selectedValue.sync.value.errors.join("\n"));
+            return _jsx(_Fragment, {});
+        }
+        const syncValue = props.context.customFormState.selectedValue.sync.value.value;
+        return (_jsx(_Fragment, { children: _jsx(IdProvider, { domNodeId: domNodeId, children: _jsx(props.view, Object.assign({}, props, { kind: "initialized", context: Object.assign(Object.assign({}, props.context), { kind: "initialized", domNodeId, value: syncValue, hasMoreValues: !!((_a = props.context.customFormState.stream.loadedElements.last()) === null || _a === void 0 ? void 0 : _a.hasMoreValues) }), foreignMutations: Object.assign(Object.assign({}, props.foreignMutations), { kind: "initialized", toggleOpen: () => props.setState(OneAbstractRendererState.Updaters.Core.customFormState.children
+                            .status(replaceWith(props.context.customFormState.status == "closed"
                             ? "open"
-                            : "closed",
-                        ),
-                      )
-                      .then(
-                        props.context.customFormState.stream.loadedElements.count() ==
-                          0
-                          ? OneAbstractRendererState.Updaters.Core.customFormState.children.stream(
-                              ValueInfiniteStreamState.Updaters.Template.loadMore(),
-                            )
-                          : id,
-                      ),
-                  ),
-                setStreamParam: (key, _) =>
-                  props.setState(
-                    OneAbstractRendererState.Updaters.Template.streamParam(
-                      key,
-                      replaceWith(_),
-                    ),
-                  ),
-                loadMore: () =>
-                  props.setState(
-                    OneAbstractRendererState.Updaters.Core.customFormState.children.stream(
-                      ValueInfiniteStreamState.Updaters.Template.loadMore(),
-                    ),
-                  ),
-                reload: () =>
-                  props.setState(
-                    OneAbstractRendererState.Updaters.Core.customFormState.children.streamParams(
-                      Debounced.Updaters.Template.value(
-                        Value.Updaters.value(replaceWith(Map())),
-                      ),
-                    ),
-                  ),
-                clear: () =>
-                  // See comment at top of file
-                  // TODO: test the reinitialization behaviour
-                  props.foreignMutations.clear &&
-                  (props.foreignMutations.clear(),
-                  props.setState(
-                    OneAbstractRendererState.Updaters.Core.customFormState.children
-                      .selectedValue(
-                        Synchronized.Updaters.sync(
-                          AsyncState.Updaters.toLoaded(
-                            ValueOrErrors.Default.return(
-                              PredicateValue.Default.unit(),
-                            ),
-                          ),
-                        ),
-                      )
-                      .then(
-                        OneAbstractRendererState.Updaters.Template.shouldReinitialize(
-                          true,
-                        ),
-                      ),
-                  )),
-                delete: (flags) => {
-                  const delta = {
-                    kind: "OneDeleteValue",
-                    flags,
-                    sourceAncestorLookupTypeNames:
-                      props.context.lookupTypeAncestorNames,
-                  };
-                  props.foreignMutations.delete &&
-                    (props.foreignMutations.delete(delta),
-                    props.setState(
-                      OneAbstractRendererState.Updaters.Core.customFormState.children
-                        .selectedValue(
-                          Synchronized.Updaters.sync(
-                            AsyncState.Updaters.toLoaded(
-                              ValueOrErrors.Default.return(
-                                PredicateValue.Default.unit(),
-                              ),
-                            ),
-                          ),
-                        )
-                        .then(
-                          OneAbstractRendererState.Updaters.Template.shouldReinitialize(
-                            true,
-                          ),
-                        ),
-                    ));
-                },
-                select: (value, flags) => {
-                  const delta = {
-                    kind: "OneReplace",
-                    replace: value,
-                    flags,
-                    type: props.context.type,
-                    sourceAncestorLookupTypeNames:
-                      props.context.lookupTypeAncestorNames,
-                  };
-                  const updater = replaceWith(ValueOption.Default.some(value));
-                  props.foreignMutations.select &&
-                  PredicateValue.Operations.IsUnit(props.context.value)
-                    ? props.foreignMutations.select(updater, delta)
-                    : props.foreignMutations.onChange(
-                        Option.Default.some(updater),
-                        delta,
-                      );
-                  props.setState(
-                    OneAbstractRendererState.Updaters.Core.customFormState.children
-                      .selectedValue(
-                        Synchronized.Updaters.sync(
-                          AsyncState.Updaters.toLoaded(
-                            ValueOrErrors.Default.return(value),
-                          ),
-                        ),
-                      )
-                      .then(
-                        OneAbstractRendererState.Updaters.Template.shouldReinitialize(
-                          true,
-                        ),
-                      ),
-                  );
-                },
-                create: (value, flags) => {
-                  const delta = {
-                    kind: "OneCreateValue",
-                    value,
-                    flags,
-                    type: props.context.type,
-                    sourceAncestorLookupTypeNames:
-                      props.context.lookupTypeAncestorNames,
-                  };
-                  const updater = replaceWith(ValueOption.Default.some(value));
-                  props.foreignMutations.select &&
-                  PredicateValue.Operations.IsUnit(props.context.value)
-                    ? props.foreignMutations.select(updater, delta)
-                    : props.foreignMutations.onChange(
-                        Option.Default.some(updater),
-                        delta,
-                      );
-                  props.setState(
-                    OneAbstractRendererState.Updaters.Core.customFormState.children
-                      .selectedValue(
-                        Synchronized.Updaters.sync(
-                          AsyncState.Updaters.toLoaded(
-                            ValueOrErrors.Default.return(value),
-                          ),
-                        ),
-                      )
-                      .then(
-                        OneAbstractRendererState.Updaters.Template.shouldReinitialize(
-                          true,
-                        ),
-                      ),
-                  );
-                },
-              },
-            ),
-            DetailsRenderer: embeddedDetailsRenderer,
-            PreviewRenderer: embeddedPreviewRenderer,
-          }),
-        ),
-      }),
-    });
-  }).any([
-    typedInitializeOneRunner,
-    typedReinitializeOneRunner,
-    typedOneTableLoaderRunner,
-    typedOneTableDebouncerRunner.mapContextFromProps((props) => {
-      const local = props.context.bindings.get("local");
-      if (local == undefined) {
-        console.error(
-          `local binding is undefined when intialising one\n...${props.context.domNodeAncestorPath + "[one]"}`,
-        );
-        return undefined;
-      }
-      if (!PredicateValue.Operations.IsRecord(local)) {
-        console.error(
-          `local binding is not a record when intialising one\n...${props.context.domNodeAncestorPath + "[one]"}`,
-        );
-        return undefined;
-      }
-      if (!local.fields.has("Id")) {
-        console.error(
-          `local binding is missing Id (check casing) when intialising one\n...${props.context.domNodeAncestorPath + "[one]"}`,
-        );
-        return undefined;
-      }
-      const Id = local.fields.get("Id"); // safe because of above check;
-      if (!PredicateValue.Operations.IsString(Id)) {
-        console.error(
-          `local Id is not a string when intialising one\n...${props.context.domNodeAncestorPath + "[one]"}`,
-        );
-        return undefined;
-      }
-      return Object.assign(Object.assign({}, props.context), {
-        onDebounce: () => {
-          props.setState(
-            OneAbstractRendererState.Updaters.Core.customFormState.children.stream(
-              ValueInfiniteStreamState.Updaters.Template.reload(
-                props.context.customFormState.getChunkWithParams(Id)(
-                  props.context.customFormState.streamParams.value,
-                ),
-              ),
-            ),
-          );
-        },
-      });
-    }),
-  ]);
+                            : "closed"))
+                            .then(props.context.customFormState.stream.loadedElements.count() ==
+                            0
+                            ? OneAbstractRendererState.Updaters.Core.customFormState.children.stream(ValueInfiniteStreamState.Updaters.Template.loadMore())
+                            : id)), setStreamParam: (key, _) => props.setState(OneAbstractRendererState.Updaters.Template.streamParam(key, replaceWith(_))), loadMore: () => props.setState(OneAbstractRendererState.Updaters.Core.customFormState.children.stream(ValueInfiniteStreamState.Updaters.Template.loadMore())), reload: () => props.setState(OneAbstractRendererState.Updaters.Core.customFormState.children.streamParams(Debounced.Updaters.Template.value(Value.Updaters.value(replaceWith(Map()))))), clear: () => 
+                        // See comment at top of file
+                        // TODO: test the reinitialization behaviour
+                        props.foreignMutations.clear &&
+                            (props.foreignMutations.clear(),
+                                props.setState(OneAbstractRendererState.Updaters.Core.customFormState.children
+                                    .selectedValue(Synchronized.Updaters.sync(AsyncState.Updaters.toLoaded(ValueOrErrors.Default.return(PredicateValue.Default.unit()))))
+                                    .then(OneAbstractRendererState.Updaters.Template.shouldReinitialize(true)))), delete: (flags) => {
+                            const delta = {
+                                kind: "OneDeleteValue",
+                                flags,
+                                sourceAncestorLookupTypeNames: props.context.lookupTypeAncestorNames,
+                            };
+                            props.foreignMutations.delete &&
+                                (props.foreignMutations.delete(delta),
+                                    props.setState(OneAbstractRendererState.Updaters.Core.customFormState.children
+                                        .selectedValue(Synchronized.Updaters.sync(AsyncState.Updaters.toLoaded(ValueOrErrors.Default.return(PredicateValue.Default.unit()))))
+                                        .then(OneAbstractRendererState.Updaters.Template.shouldReinitialize(true))));
+                        }, select: (value, flags) => {
+                            const delta = {
+                                kind: "OneReplace",
+                                replace: value,
+                                flags,
+                                type: props.context.type,
+                                sourceAncestorLookupTypeNames: props.context.lookupTypeAncestorNames,
+                            };
+                            const updater = replaceWith(ValueOption.Default.some(value));
+                            props.foreignMutations.select &&
+                                PredicateValue.Operations.IsUnit(props.context.value)
+                                ? props.foreignMutations.select(updater, delta)
+                                : props.foreignMutations.onChange(Option.Default.some(updater), delta);
+                            props.setState(OneAbstractRendererState.Updaters.Core.customFormState.children
+                                .selectedValue(Synchronized.Updaters.sync(AsyncState.Updaters.toLoaded(ValueOrErrors.Default.return(value))))
+                                .then(OneAbstractRendererState.Updaters.Template.shouldReinitialize(true)));
+                        }, create: (value, flags) => {
+                            const delta = {
+                                kind: "OneCreateValue",
+                                value,
+                                flags,
+                                type: props.context.type,
+                                sourceAncestorLookupTypeNames: props.context.lookupTypeAncestorNames,
+                            };
+                            const updater = replaceWith(ValueOption.Default.some(value));
+                            props.foreignMutations.select &&
+                                PredicateValue.Operations.IsUnit(props.context.value)
+                                ? props.foreignMutations.select(updater, delta)
+                                : props.foreignMutations.onChange(Option.Default.some(updater), delta);
+                            props.setState(OneAbstractRendererState.Updaters.Core.customFormState.children
+                                .selectedValue(Synchronized.Updaters.sync(AsyncState.Updaters.toLoaded(ValueOrErrors.Default.return(value))))
+                                .then(OneAbstractRendererState.Updaters.Template.shouldReinitialize(true)));
+                        } }), DetailsRenderer: embeddedDetailsRenderer, PreviewRenderer: embeddedPreviewRenderer })) }) }));
+    }).any([
+        typedInitializeOneRunner,
+        typedReinitializeOneRunner,
+        typedOneTableLoaderRunner,
+        typedOneTableDebouncerRunner.mapContextFromProps((props) => {
+            const local = props.context.bindings.get("local");
+            if (local == undefined) {
+                console.error(`local binding is undefined when intialising one\n...${props.context.domNodeAncestorPath + "[one]"}`);
+                return undefined;
+            }
+            if (!PredicateValue.Operations.IsRecord(local)) {
+                console.error(`local binding is not a record when intialising one\n...${props.context.domNodeAncestorPath + "[one]"}`);
+                return undefined;
+            }
+            if (!local.fields.has("Id")) {
+                console.error(`local binding is missing Id (check casing) when intialising one\n...${props.context.domNodeAncestorPath + "[one]"}`);
+                return undefined;
+            }
+            const Id = local.fields.get("Id"); // safe because of above check;
+            if (!PredicateValue.Operations.IsString(Id)) {
+                console.error(`local Id is not a string when intialising one\n...${props.context.domNodeAncestorPath + "[one]"}`);
+                return undefined;
+            }
+            return Object.assign(Object.assign({}, props.context), { onDebounce: () => {
+                    props.setState(OneAbstractRendererState.Updaters.Core.customFormState.children.stream(ValueInfiniteStreamState.Updaters.Template.reload(props.context.customFormState.getChunkWithParams(Id)(props.context.customFormState.streamParams.value))));
+                } });
+        }),
+    ]);
 };
-//# sourceMappingURL=template.js.map
+//# sourceMappingURL=template.js.map