ballerina-core 1.0.187 → 1.0.189

package/bin/src/forms/domains/dispatched-forms/runner/domains/abstract-renderers/searchable-infinite-stream-multiselect/state.d.ts

@@ -2,130 +2,60 @@ import { View } from "../../../../../../../template/state";
 import { Value } from "../../../../../../../value/state";
 import { ValueRecord } from "../../../../../parser/domains/predicates/state";
 import { CollectionReference } from "../../../../../collection/domains/reference/state";
-import {
-  SimpleCallback,
-  DispatchOnChange,
-  VoidCallbackWithOptionalFlags,
-  Unit,
-  ValueCallbackWithOptionalFlags,
-  CommonAbstractRendererReadonlyContext,
-  MultiSelectionType,
-  CommonAbstractRendererState,
-  Debounced,
-  InfiniteStreamState,
-  BasicFun,
-  BasicUpdater,
-  Updater,
-  CommonAbstractRendererViewOnlyReadonlyContext,
-} from "../../../../../../../../main";
-export type SearchableInfiniteStreamMultiselectAbstractRendererReadonlyContext<
-  CustomPresentationContext = Unit,
-  ExtraContext = Unit,
-> = CommonAbstractRendererReadonlyContext<
-  MultiSelectionType<unknown>,
-  ValueRecord,
-  CustomPresentationContext,
-  ExtraContext
->;
-export type SearchableInfiniteStreamMultiselectAbstractRendererState =
-  CommonAbstractRendererState & {
+import { SimpleCallback, DispatchOnChange, VoidCallbackWithOptionalFlags, Unit, ValueCallbackWithOptionalFlags, CommonAbstractRendererReadonlyContext, MultiSelectionType, CommonAbstractRendererState, Debounced, InfiniteStreamState, BasicFun, BasicUpdater, Updater, CommonAbstractRendererViewOnlyReadonlyContext } from "../../../../../../../../main";
+export type SearchableInfiniteStreamMultiselectAbstractRendererReadonlyContext<CustomPresentationContext = Unit, ExtraContext = Unit> = CommonAbstractRendererReadonlyContext<MultiSelectionType<unknown>, ValueRecord, CustomPresentationContext, ExtraContext>;
+export type SearchableInfiniteStreamMultiselectAbstractRendererState = CommonAbstractRendererState & {
     customFormState: {
-      searchText: Debounced<Value<string>>;
-      status: "open" | "closed";
-      stream: InfiniteStreamState<CollectionReference>;
-      getChunk: BasicFun<
-        string,
-        InfiniteStreamState<CollectionReference>["getChunk"]
-      >;
+        searchText: Debounced<Value<string>>;
+        status: "open" | "closed";
+        stream: InfiniteStreamState<CollectionReference>;
+        getChunk: BasicFun<string, InfiniteStreamState<CollectionReference>["getChunk"]>;
     };
-  };
+};
 export declare const SearchableInfiniteStreamMultiselectAbstractRendererState: {
-  Default: (
-    getChunk: BasicFun<
-      string,
-      InfiniteStreamState<CollectionReference>["getChunk"]
-    >,
-  ) => SearchableInfiniteStreamMultiselectAbstractRendererState;
-  Updaters: {
-    Core: {
-      customFormState: import("../../../../../../../../main").WideningWithChildren<
-        SearchableInfiniteStreamMultiselectAbstractRendererState,
-        "customFormState",
-        {
-          searchText: import("../../../../../../../../main").Widening<
-            {
-              searchText: Debounced<Value<string>>;
-              status: "open" | "closed";
-              stream: InfiniteStreamState<CollectionReference>;
-              getChunk: BasicFun<
-                string,
-                InfiniteStreamState<CollectionReference>["getChunk"]
-              >;
-            },
-            "searchText"
-          >;
-          stream: import("../../../../../../../../main").Widening<
-            {
-              searchText: Debounced<Value<string>>;
-              status: "open" | "closed";
-              stream: InfiniteStreamState<CollectionReference>;
-              getChunk: BasicFun<
-                string,
-                InfiniteStreamState<CollectionReference>["getChunk"]
-              >;
-            },
-            "stream"
-          >;
-          status: import("../../../../../../../../main").Widening<
-            {
-              searchText: Debounced<Value<string>>;
-              status: "open" | "closed";
-              stream: InfiniteStreamState<CollectionReference>;
-              getChunk: BasicFun<
-                string,
-                InfiniteStreamState<CollectionReference>["getChunk"]
-              >;
-            },
-            "status"
-          >;
-        }
-      >;
-    };
-    Template: {
-      searchText: (
-        _: BasicUpdater<string>,
-      ) => Updater<SearchableInfiniteStreamMultiselectAbstractRendererState>;
+    Default: (getChunk: BasicFun<string, InfiniteStreamState<CollectionReference>["getChunk"]>) => SearchableInfiniteStreamMultiselectAbstractRendererState;
+    Updaters: {
+        Core: {
+            customFormState: import("../../../../../../../../main").WideningWithChildren<SearchableInfiniteStreamMultiselectAbstractRendererState, "customFormState", {
+                searchText: import("../../../../../../../../main").Widening<{
+                    searchText: Debounced<Value<string>>;
+                    status: "open" | "closed";
+                    stream: InfiniteStreamState<CollectionReference>;
+                    getChunk: BasicFun<string, InfiniteStreamState<CollectionReference>["getChunk"]>;
+                }, "searchText">;
+                stream: import("../../../../../../../../main").Widening<{
+                    searchText: Debounced<Value<string>>;
+                    status: "open" | "closed";
+                    stream: InfiniteStreamState<CollectionReference>;
+                    getChunk: BasicFun<string, InfiniteStreamState<CollectionReference>["getChunk"]>;
+                }, "stream">;
+                status: import("../../../../../../../../main").Widening<{
+                    searchText: Debounced<Value<string>>;
+                    status: "open" | "closed";
+                    stream: InfiniteStreamState<CollectionReference>;
+                    getChunk: BasicFun<string, InfiniteStreamState<CollectionReference>["getChunk"]>;
+                }, "status">;
+            }>;
+        };
+        Template: {
+            searchText: (_: BasicUpdater<string>) => Updater<SearchableInfiniteStreamMultiselectAbstractRendererState>;
+        };
     };
-  };
 };
-export type SearchableInfiniteStreamMultiselectAbstractRendererForeignMutationsExpected<
-  Flags = Unit,
-> = {
-  onChange: DispatchOnChange<ValueRecord, Flags>;
-  toggleOpen: SimpleCallback<void>;
-  clearSelection: VoidCallbackWithOptionalFlags<Flags>;
-  setSearchText: SimpleCallback<string>;
-  replace: ValueCallbackWithOptionalFlags<ValueRecord, Flags>;
-  toggleSelection: ValueCallbackWithOptionalFlags<ValueRecord, Flags>;
-  loadMore: SimpleCallback<void>;
-  reload: SimpleCallback<void>;
+export type SearchableInfiniteStreamMultiselectAbstractRendererForeignMutationsExpected<Flags = Unit> = {
+    onChange: DispatchOnChange<ValueRecord, Flags>;
+    toggleOpen: SimpleCallback<void>;
+    clearSelection: VoidCallbackWithOptionalFlags<Flags>;
+    setSearchText: SimpleCallback<string>;
+    replace: ValueCallbackWithOptionalFlags<ValueRecord, Flags>;
+    toggleSelection: ValueCallbackWithOptionalFlags<ValueRecord, Flags>;
+    loadMore: SimpleCallback<void>;
+    reload: SimpleCallback<void>;
 };
-export type SearchableInfiniteStreamMultiselectAbstractRendererView<
-  CustomPresentationContext = Unit,
-  Flags = Unit,
-  ExtraContext = Unit,
-> = View<
-  SearchableInfiniteStreamMultiselectAbstractRendererReadonlyContext<
-    CustomPresentationContext,
-    ExtraContext
-  > &
-    SearchableInfiniteStreamMultiselectAbstractRendererState & {
-      hasMoreValues: boolean;
-      isLoading: boolean;
-      availableOptions: Array<CollectionReference>;
-      disabled: boolean;
-    } & CommonAbstractRendererViewOnlyReadonlyContext,
-  SearchableInfiniteStreamMultiselectAbstractRendererState,
-  SearchableInfiniteStreamMultiselectAbstractRendererForeignMutationsExpected<Flags>
->;
-//# sourceMappingURL=state.d.ts.map
+export type SearchableInfiniteStreamMultiselectAbstractRendererView<CustomPresentationContext = Unit, Flags = Unit, ExtraContext = Unit> = View<SearchableInfiniteStreamMultiselectAbstractRendererReadonlyContext<CustomPresentationContext, ExtraContext> & SearchableInfiniteStreamMultiselectAbstractRendererState & {
+    hasMoreValues: boolean;
+    isLoading: boolean;
+    availableOptions: Array<CollectionReference>;
+    disabled: boolean;
+} & CommonAbstractRendererViewOnlyReadonlyContext, SearchableInfiniteStreamMultiselectAbstractRendererState, SearchableInfiniteStreamMultiselectAbstractRendererForeignMutationsExpected<Flags>>;
+//# sourceMappingURL=state.d.ts.map

package/bin/src/forms/domains/dispatched-forms/runner/domains/abstract-renderers/searchable-infinite-stream-multiselect/state.js

@@ -1,40 +1,17 @@
 import { Value } from "../../../../../../../value/state";
-import {
-  CommonAbstractRendererState,
-  Debounced,
-  InfiniteStreamState,
-  simpleUpdaterWithChildren,
-  simpleUpdater,
-} from "../../../../../../../../main";
+import { CommonAbstractRendererState, Debounced, InfiniteStreamState, simpleUpdaterWithChildren, simpleUpdater, } from "../../../../../../../../main";
 export const SearchableInfiniteStreamMultiselectAbstractRendererState = {
-  Default: (getChunk) =>
-    Object.assign(Object.assign({}, CommonAbstractRendererState.Default()), {
-      customFormState: {
-        searchText: Debounced.Default(Value.Default("")),
-        status: "closed",
-        getChunk,
-        stream: InfiniteStreamState().Default(10, getChunk("")),
-      },
-    }),
-  Updaters: {
-    Core: Object.assign(
-      {},
-      simpleUpdaterWithChildren()(
-        Object.assign(
-          Object.assign(
-            Object.assign({}, simpleUpdater()("status")),
-            simpleUpdater()("stream"),
-          ),
-          simpleUpdater()("searchText"),
-        ),
-      )("customFormState"),
-    ),
-    Template: {
-      searchText: (_) =>
-        SearchableInfiniteStreamMultiselectAbstractRendererState.Updaters.Core.customFormState.children.searchText(
-          Debounced.Updaters.Template.value(Value.Updaters.value(_)),
-        ),
+    Default: (getChunk) => (Object.assign(Object.assign({}, CommonAbstractRendererState.Default()), { customFormState: {
+            searchText: Debounced.Default(Value.Default("")),
+            status: "closed",
+            getChunk,
+            stream: InfiniteStreamState().Default(10, getChunk("")),
+        } })),
+    Updaters: {
+        Core: Object.assign({}, simpleUpdaterWithChildren()(Object.assign(Object.assign(Object.assign({}, simpleUpdater()("status")), simpleUpdater()("stream")), simpleUpdater()("searchText")))("customFormState")),
+        Template: {
+            searchText: (_) => SearchableInfiniteStreamMultiselectAbstractRendererState.Updaters.Core.customFormState.children.searchText(Debounced.Updaters.Template.value(Value.Updaters.value(_))),
+        },
     },
-  },
 };
-//# sourceMappingURL=state.js.map
+//# sourceMappingURL=state.js.map

package/bin/src/forms/domains/dispatched-forms/runner/domains/abstract-renderers/searchable-infinite-stream-multiselect/template.d.ts

@@ -1,48 +1,11 @@
-import {
-  SearchableInfiniteStreamMultiselectAbstractRendererForeignMutationsExpected,
-  SearchableInfiniteStreamMultiselectAbstractRendererReadonlyContext,
-  SearchableInfiniteStreamMultiselectAbstractRendererState,
-  SearchableInfiniteStreamMultiselectAbstractRendererView,
-} from "./state";
-import {
-  CollectionReference,
-  Debounced,
-  IdWrapperProps,
-  InfiniteStreamState,
-  Template,
-  Value,
-  ErrorRendererProps,
-  Unit,
-} from "../../../../../../../../main";
-export declare const InfiniteMultiselectDropdownFormAbstractRenderer: <
-  CustomPresentationContext = Unit,
-  Flags = Unit,
-  ExtraContext = Unit,
->(
-  IdProvider: (props: IdWrapperProps) => React.ReactNode,
-  ErrorRenderer: (props: ErrorRendererProps) => React.ReactNode,
-) => Template<
-  SearchableInfiniteStreamMultiselectAbstractRendererReadonlyContext<
-    CustomPresentationContext,
-    ExtraContext
-  > &
-    import("../state").CommonAbstractRendererState & {
-      customFormState: {
+import { SearchableInfiniteStreamMultiselectAbstractRendererForeignMutationsExpected, SearchableInfiniteStreamMultiselectAbstractRendererReadonlyContext, SearchableInfiniteStreamMultiselectAbstractRendererState, SearchableInfiniteStreamMultiselectAbstractRendererView } from "./state";
+import { CollectionReference, Debounced, IdWrapperProps, InfiniteStreamState, Template, Value, ErrorRendererProps, Unit } from "../../../../../../../../main";
+export declare const InfiniteMultiselectDropdownFormAbstractRenderer: <CustomPresentationContext = Unit, Flags = Unit, ExtraContext = Unit>(IdProvider: (props: IdWrapperProps) => React.ReactNode, ErrorRenderer: (props: ErrorRendererProps) => React.ReactNode) => Template<SearchableInfiniteStreamMultiselectAbstractRendererReadonlyContext<CustomPresentationContext, ExtraContext> & import("../state").CommonAbstractRendererState & {
+    customFormState: {
         searchText: Debounced<Value<string>>;
         status: "open" | "closed";
         stream: InfiniteStreamState<CollectionReference>;
-        getChunk: import("../../../../../../../fun/state").BasicFun<
-          string,
-          InfiniteStreamState<CollectionReference>["getChunk"]
-        >;
-      };
-    },
-  SearchableInfiniteStreamMultiselectAbstractRendererState,
-  SearchableInfiniteStreamMultiselectAbstractRendererForeignMutationsExpected<Flags>,
-  SearchableInfiniteStreamMultiselectAbstractRendererView<
-    CustomPresentationContext,
-    Flags,
-    ExtraContext
-  >
->;
-//# sourceMappingURL=template.d.ts.map
+        getChunk: import("../../../../../../../fun/state").BasicFun<string, InfiniteStreamState<CollectionReference>["getChunk"]>;
+    };
+}, SearchableInfiniteStreamMultiselectAbstractRendererState, SearchableInfiniteStreamMultiselectAbstractRendererForeignMutationsExpected<Flags>, SearchableInfiniteStreamMultiselectAbstractRendererView<CustomPresentationContext, Flags, ExtraContext>>;
+//# sourceMappingURL=template.d.ts.map

package/bin/src/forms/domains/dispatched-forms/runner/domains/abstract-renderers/searchable-infinite-stream-multiselect/template.js

@@ -1,250 +1,110 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { OrderedMap } from "immutable";
-import { SearchableInfiniteStreamMultiselectAbstractRendererState } from "./state";
-import {
-  AsyncState,
-  CoTypedFactory,
-  Debounce,
-  Debounced,
-  id,
-  InfiniteStreamLoader,
-  InfiniteStreamState,
-  PredicateValue,
-  replaceWith,
-  Template,
-  ValueRecord,
-  Option,
-} from "../../../../../../../../main";
-export const InfiniteMultiselectDropdownFormAbstractRenderer = (
-  IdProvider,
-  ErrorRenderer,
-) => {
-  const Co = CoTypedFactory();
-  const DebouncerCo = CoTypedFactory();
-  const DebouncedCo = CoTypedFactory();
-  const debouncer = DebouncerCo.Repeat(
-    DebouncerCo.Seq([
-      Debounce(
-        DebouncedCo.GetState()
-          .then((current) => DebouncedCo.Do(() => current.onDebounce()))
-          //.SetState(SearchNow.Updaters.reloadsRequested(_ => _ + 1))
-          .then((_) => DebouncedCo.Return("success")),
-        250,
-      ).embed(
-        (_) =>
-          Object.assign(Object.assign({}, _), _.customFormState.searchText),
-        SearchableInfiniteStreamMultiselectAbstractRendererState.Updaters.Core
-          .customFormState.children.searchText,
-      ),
-      DebouncerCo.Wait(0),
-    ]),
-  );
-  const debouncerRunner = DebouncerCo.Template(debouncer, {
-    interval: 15,
-    runFilter: (props) =>
-      Debounced.Operations.shouldCoroutineRun(
-        props.context.customFormState.searchText,
-      ),
-  });
-  const loaderRunner = Co.Template(
-    InfiniteStreamLoader().embed(
-      (_) => _.customFormState.stream,
-      SearchableInfiniteStreamMultiselectAbstractRendererState.Updaters.Core
-        .customFormState.children.stream,
-    ),
-    {
-      interval: 15,
-      runFilter: (props) =>
-        InfiniteStreamState().Operations.shouldCoroutineRun(
-          props.context.customFormState.stream,
-        ),
-    },
-  );
-  return Template.Default((props) => {
-    var _a;
-    const domNodeId =
-      props.context.domNodeAncestorPath +
-      "[searchableInfiniteStreamMultiselect]";
-    if (!PredicateValue.Operations.IsRecord(props.context.value)) {
-      console.error(
-        `Record expected but got: ${JSON.stringify(props.context.value)}\n...When rendering searchable infinite stream multiselect field\n...${domNodeId}`,
-      );
-      return _jsx(ErrorRenderer, {
-        message: `${domNodeId}: Record value expected but got ${JSON.stringify(props.context.value)}`,
-      });
-    }
-    return _jsx(_Fragment, {
-      children: _jsx(IdProvider, {
-        domNodeId: domNodeId,
-        children: _jsx(
-          props.view,
-          Object.assign({}, props, {
-            context: Object.assign(Object.assign({}, props.context), {
-              domNodeId,
-              hasMoreValues: !(
-                ((_a =
-                  props.context.customFormState.stream.loadedElements.last()) ===
-                  null || _a === void 0
-                  ? void 0
-                  : _a.hasMoreValues) == false
-              ),
-              isLoading: AsyncState.Operations.isLoading(
-                props.context.customFormState.stream.loadingMore,
-              ),
-              availableOptions:
-                props.context.customFormState.stream.loadedElements
-                  .valueSeq()
-                  .flatMap((chunk) => chunk.data.valueSeq())
-                  .toArray(),
-            }),
-            foreignMutations: Object.assign(
-              Object.assign({}, props.foreignMutations),
-              {
-                toggleOpen: () =>
-                  props.setState(
-                    SearchableInfiniteStreamMultiselectAbstractRendererState.Updaters.Core.customFormState.children
-                      .status(
-                        replaceWith(
-                          props.context.customFormState.status == "closed"
-                            ? "open"
-                            : "closed",
-                        ),
-                      )
-                      .then(
-                        props.context.customFormState.stream.loadedElements.count() ==
-                          0
-                          ? SearchableInfiniteStreamMultiselectAbstractRendererState.Updaters.Core.customFormState.children.stream(
-                              InfiniteStreamState().Updaters.Template.loadInitial(),
-                            )
-                          : id,
-                      ),
-                  ),
-                clearSelection: (flags) => {
-                  const delta = {
-                    kind: "SetReplace",
-                    replace: PredicateValue.Default.record(OrderedMap()),
-                    state: {
-                      commonFormState: props.context.commonFormState,
-                      customFormState: props.context.customFormState,
-                    },
-                    type: props.context.type,
-                    sourceAncestorLookupTypeNames:
-                      props.context.lookupTypeAncestorNames,
-                    flags,
-                  };
-                  props.foreignMutations.onChange(
-                    Option.Default.some(ValueRecord.Updaters.clear()),
-                    delta,
-                  );
-                },
-                setSearchText: (value) =>
-                  props.setState(
-                    SearchableInfiniteStreamMultiselectAbstractRendererState.Updaters.Template.searchText(
-                      replaceWith(value),
-                    ),
-                  ),
-                loadMore: () =>
-                  props.setState(
-                    SearchableInfiniteStreamMultiselectAbstractRendererState.Updaters.Core.customFormState.children.stream(
-                      InfiniteStreamState().Updaters.Template.loadMore(),
-                    ),
-                  ),
-                reload: () =>
-                  props.setState(
-                    SearchableInfiniteStreamMultiselectAbstractRendererState.Updaters.Template.searchText(
-                      replaceWith(""),
-                    ),
-                  ),
-                replace: (value, flags) => {
-                  const delta = {
-                    kind: "SetReplace",
-                    replace: value,
-                    state: {
-                      commonFormState: props.context.commonFormState,
-                      customFormState: props.context.customFormState,
-                    },
-                    type: props.context.type,
-                    sourceAncestorLookupTypeNames:
-                      props.context.lookupTypeAncestorNames,
-                    flags,
-                  };
-                  props.foreignMutations.onChange(
-                    Option.Default.some(replaceWith(value)),
-                    delta,
-                  );
-                },
-                toggleSelection: (elementRecord, flags) => {
-                  props.context.value.fields.has(elementRecord.fields.get("Id"))
-                    ? props.foreignMutations.onChange(
-                        Option.Default.some(
-                          ValueRecord.Updaters.remove(
-                            elementRecord.fields.get("Id"),
-                          ),
-                        ),
-                        {
-                          kind: "SetRemove",
-                          value: PredicateValue.Default.record(
-                            OrderedMap([
-                              [elementRecord.fields.get("Id"), elementRecord],
-                            ]),
-                          ),
-                          state: {
-                            commonFormState: props.context.commonFormState,
-                            customFormState: props.context.customFormState,
-                          },
-                          type: props.context.type,
-                          flags,
-                          sourceAncestorLookupTypeNames:
-                            props.context.lookupTypeAncestorNames,
-                        },
-                      )
-                    : props.foreignMutations.onChange(
-                        Option.Default.some(
-                          ValueRecord.Updaters.set(
-                            elementRecord.fields.get("Id"),
-                            elementRecord,
-                          ),
-                        ),
-                        {
-                          kind: "SetAdd",
-                          value: PredicateValue.Default.record(
-                            OrderedMap([
-                              [elementRecord.fields.get("Id"), elementRecord],
-                            ]),
-                          ),
-                          state: {
-                            commonFormState: props.context.commonFormState,
-                            customFormState: props.context.customFormState,
-                          },
-                          type: props.context.type,
-                          flags,
-                          sourceAncestorLookupTypeNames:
-                            props.context.lookupTypeAncestorNames,
-                        },
-                      );
-                },
-              },
-            ),
-          }),
-        ),
-      }),
+import { SearchableInfiniteStreamMultiselectAbstractRendererState, } from "./state";
+import { AsyncState, CoTypedFactory, Debounce, Debounced, id, InfiniteStreamLoader, InfiniteStreamState, PredicateValue, replaceWith, Template, ValueRecord, Option, } from "../../../../../../../../main";
+export const InfiniteMultiselectDropdownFormAbstractRenderer = (IdProvider, ErrorRenderer) => {
+    const Co = CoTypedFactory();
+    const DebouncerCo = CoTypedFactory();
+    const DebouncedCo = CoTypedFactory();
+    const debouncer = DebouncerCo.Repeat(DebouncerCo.Seq([
+        Debounce(DebouncedCo.GetState()
+            .then((current) => DebouncedCo.Do(() => current.onDebounce()))
+            //.SetState(SearchNow.Updaters.reloadsRequested(_ => _ + 1))
+            .then((_) => DebouncedCo.Return("success")), 250).embed((_) => (Object.assign(Object.assign({}, _), _.customFormState.searchText)), SearchableInfiniteStreamMultiselectAbstractRendererState.Updaters.Core
+            .customFormState.children.searchText),
+        DebouncerCo.Wait(0),
+    ]));
+    const debouncerRunner = DebouncerCo.Template(debouncer, {
+        interval: 15,
+        runFilter: (props) => Debounced.Operations.shouldCoroutineRun(props.context.customFormState.searchText),
+    });
+    const loaderRunner = Co.Template(InfiniteStreamLoader().embed((_) => _.customFormState.stream, SearchableInfiniteStreamMultiselectAbstractRendererState.Updaters.Core
+        .customFormState.children.stream), {
+        interval: 15,
+        runFilter: (props) => InfiniteStreamState().Operations.shouldCoroutineRun(props.context.customFormState.stream),
     });
-  }).any([
-    loaderRunner,
-    debouncerRunner.mapContextFromProps((props) =>
-      Object.assign(Object.assign({}, props.context), {
-        onDebounce: () =>
-          props.setState(
-            SearchableInfiniteStreamMultiselectAbstractRendererState.Updaters.Core.customFormState.children.stream(
-              InfiniteStreamState().Updaters.Template.reload(
-                props.context.customFormState.getChunk(
-                  props.context.customFormState.searchText.value,
-                ),
-              ),
-            ),
-          ),
-      }),
-    ),
-  ]);
+    return Template.Default((props) => {
+        var _a;
+        const domNodeId = props.context.domNodeAncestorPath +
+            "[searchableInfiniteStreamMultiselect]";
+        if (!PredicateValue.Operations.IsRecord(props.context.value)) {
+            console.error(`Record expected but got: ${JSON.stringify(props.context.value)}\n...When rendering searchable infinite stream multiselect field\n...${domNodeId}`);
+            return (_jsx(ErrorRenderer, { message: `${domNodeId}: Record value expected but got ${JSON.stringify(props.context.value)}` }));
+        }
+        return (_jsx(_Fragment, { children: _jsx(IdProvider, { domNodeId: domNodeId, children: _jsx(props.view, Object.assign({}, props, { context: Object.assign(Object.assign({}, props.context), { domNodeId, hasMoreValues: !(((_a = props.context.customFormState.stream.loadedElements.last()) === null || _a === void 0 ? void 0 : _a.hasMoreValues) == false), isLoading: AsyncState.Operations.isLoading(props.context.customFormState.stream.loadingMore), availableOptions: props.context.customFormState.stream.loadedElements
+                            .valueSeq()
+                            .flatMap((chunk) => chunk.data.valueSeq())
+                            .toArray() }), foreignMutations: Object.assign(Object.assign({}, props.foreignMutations), { toggleOpen: () => props.setState(SearchableInfiniteStreamMultiselectAbstractRendererState.Updaters.Core.customFormState.children
+                            .status(replaceWith(props.context.customFormState.status == "closed"
+                            ? "open"
+                            : "closed"))
+                            .then(props.context.customFormState.stream.loadedElements.count() ==
+                            0
+                            ? SearchableInfiniteStreamMultiselectAbstractRendererState.Updaters.Core.customFormState.children.stream(InfiniteStreamState().Updaters.Template.loadInitial())
+                            : id)), clearSelection: (flags) => {
+                            const delta = {
+                                kind: "SetReplace",
+                                replace: PredicateValue.Default.record(OrderedMap()),
+                                state: {
+                                    commonFormState: props.context.commonFormState,
+                                    customFormState: props.context.customFormState,
+                                },
+                                type: props.context.type,
+                                sourceAncestorLookupTypeNames: props.context.lookupTypeAncestorNames,
+                                flags,
+                            };
+                            props.foreignMutations.onChange(Option.Default.some(ValueRecord.Updaters.clear()), delta);
+                        }, setSearchText: (value) => props.setState(SearchableInfiniteStreamMultiselectAbstractRendererState.Updaters.Template.searchText(replaceWith(value))), loadMore: () => props.setState(SearchableInfiniteStreamMultiselectAbstractRendererState.Updaters.Core.customFormState.children.stream(InfiniteStreamState().Updaters.Template.loadMore())), reload: () => props.setState(SearchableInfiniteStreamMultiselectAbstractRendererState.Updaters.Template.searchText(replaceWith(""))), replace: (value, flags) => {
+                            const delta = {
+                                kind: "SetReplace",
+                                replace: value,
+                                state: {
+                                    commonFormState: props.context.commonFormState,
+                                    customFormState: props.context.customFormState,
+                                },
+                                type: props.context.type,
+                                sourceAncestorLookupTypeNames: props.context.lookupTypeAncestorNames,
+                                flags,
+                            };
+                            props.foreignMutations.onChange(Option.Default.some(replaceWith(value)), delta);
+                        }, toggleSelection: (elementRecord, flags) => {
+                            props.context.value.fields.has(elementRecord.fields.get("Id"))
+                                ? props.foreignMutations.onChange(Option.Default.some(ValueRecord.Updaters.remove(elementRecord.fields.get("Id"))), {
+                                    kind: "SetRemove",
+                                    value: PredicateValue.Default.record(OrderedMap([
+                                        [
+                                            elementRecord.fields.get("Id"),
+                                            elementRecord,
+                                        ],
+                                    ])),
+                                    state: {
+                                        commonFormState: props.context.commonFormState,
+                                        customFormState: props.context.customFormState,
+                                    },
+                                    type: props.context.type,
+                                    flags,
+                                    sourceAncestorLookupTypeNames: props.context.lookupTypeAncestorNames,
+                                })
+                                : props.foreignMutations.onChange(Option.Default.some(ValueRecord.Updaters.set(elementRecord.fields.get("Id"), elementRecord)), {
+                                    kind: "SetAdd",
+                                    value: PredicateValue.Default.record(OrderedMap([
+                                        [
+                                            elementRecord.fields.get("Id"),
+                                            elementRecord,
+                                        ],
+                                    ])),
+                                    state: {
+                                        commonFormState: props.context.commonFormState,
+                                        customFormState: props.context.customFormState,
+                                    },
+                                    type: props.context.type,
+                                    flags,
+                                    sourceAncestorLookupTypeNames: props.context.lookupTypeAncestorNames,
+                                });
+                        } }) })) }) }));
+    }).any([
+        loaderRunner,
+        debouncerRunner.mapContextFromProps((props) => (Object.assign(Object.assign({}, props.context), { onDebounce: () => props.setState(SearchableInfiniteStreamMultiselectAbstractRendererState.Updaters.Core.customFormState.children.stream(InfiniteStreamState().Updaters.Template.reload(props.context.customFormState.getChunk(props.context.customFormState.searchText.value)))) }))),
+    ]);
 };
-//# sourceMappingURL=template.js.map
+//# sourceMappingURL=template.js.map