ballerina-core 1.0.256 → 1.0.258

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

@@ -1,287 +1,739 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { List, Map, OrderedMap, Set } from "immutable";
-import { id, PredicateValue, TableAbstractRendererState, TableLayout, Expr, ValueOrErrors, replaceWith, ValueRecord, DispatchCommonFormState, RecordAbstractRendererState, Option, CommonAbstractRendererState, MapRepo, ValueTable, ListRepo, Updater, ValueUnit, } from "../../../../../../../../main";
+import {
+  id,
+  PredicateValue,
+  TableAbstractRendererState,
+  TableLayout,
+  Expr,
+  ValueOrErrors,
+  replaceWith,
+  ValueRecord,
+  DispatchCommonFormState,
+  RecordAbstractRendererState,
+  Option,
+  CommonAbstractRendererState,
+  MapRepo,
+  ValueTable,
+  ListRepo,
+  Updater,
+  ValueUnit,
+} from "../../../../../../../../main";
 import { Template } from "../../../../../../../template/state";
-import { TableInfiniteLoaderRunner, TableInitialiseFiltersAndSortingRunner, TableInitialiseTableRunner, } from "./coroutines/runner";
-export const TableAbstractRenderer = (CellTemplates, CellRenderers, DetailsRenderer, DetailsRendererRaw, VisibleColumnsPredicate, DisabledColumnsPredicate, IdProvider, ErrorRenderer, TableEntityType, Filters, parseToApiByType, parseFromApiByType, fromTableApiParser, tableApiSource) => {
-    const InstantiatedInfiniteLoaderRunner = TableInfiniteLoaderRunner(tableApiSource, fromTableApiParser);
-    const InstantiatedInitialiseFiltersAndSortingRunner = TableInitialiseFiltersAndSortingRunner(Filters.map(({ filters }) => filters), tableApiSource, parseFromApiByType, parseToApiByType);
-    const InstantiatedInitialiseTableRunner = TableInitialiseTableRunner(tableApiSource, fromTableApiParser);
-    const embedCellTemplate = (column, cellTemplate) => (rowId) => (value) => (disabled) => (flags) => cellTemplate
+import {
+  TableInfiniteLoaderRunner,
+  TableInitialiseFiltersAndSortingRunner,
+  TableInitialiseTableRunner,
+} from "./coroutines/runner";
+export const TableAbstractRenderer = (
+  CellTemplates,
+  CellRenderers,
+  DetailsRenderer,
+  DetailsRendererRaw,
+  VisibleColumnsPredicate,
+  DisabledColumnsPredicate,
+  IdProvider,
+  ErrorRenderer,
+  TableEntityType,
+  Filters,
+  parseToApiByType,
+  parseFromApiByType,
+  fromTableApiParser,
+  tableApiSource,
+) => {
+  const InstantiatedInfiniteLoaderRunner = TableInfiniteLoaderRunner(
+    tableApiSource,
+    fromTableApiParser,
+  );
+  const InstantiatedInitialiseFiltersAndSortingRunner =
+    TableInitialiseFiltersAndSortingRunner(
+      Filters.map(({ filters }) => filters),
+      tableApiSource,
+      parseFromApiByType,
+      parseToApiByType,
+    );
+  const InstantiatedInitialiseTableRunner = TableInitialiseTableRunner(
+    tableApiSource,
+    fromTableApiParser,
+  );
+  const embedCellTemplate =
+    (column, cellTemplate) => (rowId) => (value) => (disabled) => (flags) =>
+      cellTemplate
         .mapContext((_) => {
-        var _a;
-        const labelContext = CommonAbstractRendererState.Operations.GetLabelContext(_.labelContext, CellRenderers.get(column));
-        const rowState = _.customFormState.rowStates.get(rowId);
-        const cellState = (_a = rowState === null || rowState === void 0 ? void 0 : rowState.fieldStates.get(column)) !== null && _a !== void 0 ? _a : CellTemplates.get(column).GetDefaultState();
-        const rowValue = _.value.data.get(rowId);
-        if (rowValue == undefined) {
+          var _a;
+          const labelContext =
+            CommonAbstractRendererState.Operations.GetLabelContext(
+              _.labelContext,
+              CellRenderers.get(column),
+            );
+          const rowState = _.customFormState.rowStates.get(rowId);
+          const cellState =
+            (_a =
+              rowState === null || rowState === void 0
+                ? void 0
+                : rowState.fieldStates.get(column)) !== null && _a !== void 0
+              ? _a
+              : CellTemplates.get(column).GetDefaultState();
+          const rowValue = _.value.data.get(rowId);
+          if (rowValue == undefined) {
             console.error(`Row value is undefined for row ${rowId}\n
               ...When rendering table field ${column}\n
               ...${_.domNodeAncestorPath}`);
             return undefined;
-        }
-        return Object.assign(Object.assign({ value }, cellState), { disabled: disabled || _.disabled || _.globallyDisabled, globallyDisabled: _.globallyDisabled, readOnly: _.readOnly || _.globallyReadOnly, globallyReadOnly: _.globallyReadOnly, locked: _.locked, bindings: _.bindings.set("local", rowValue), extraContext: _.extraContext, type: TableEntityType.fields.get(column), customPresentationContext: _.customPresentationContext, remoteEntityVersionIdentifier: _.remoteEntityVersionIdentifier, typeAncestors: [_.type].concat(_.typeAncestors), domNodeAncestorPath: _.domNodeAncestorPath +
-                `[table][cell][${rowId}][record][${column}]`, lookupTypeAncestorNames: _.lookupTypeAncestorNames, labelContext });
-    })
-        .mapState((updater) => TableAbstractRendererState.Updaters.Core.customFormState.children.rowStates(MapRepo.Updaters.upsert(rowId, () => RecordAbstractRendererState.Default.fieldState(Map()), RecordAbstractRendererState.Updaters.Core.fieldStates(MapRepo.Updaters.upsert(column, () => CellTemplates.get(column).GetDefaultState(), updater)))))
+          }
+          return Object.assign(Object.assign({ value }, cellState), {
+            disabled: disabled || _.disabled || _.globallyDisabled,
+            globallyDisabled: _.globallyDisabled,
+            readOnly: _.readOnly || _.globallyReadOnly,
+            globallyReadOnly: _.globallyReadOnly,
+            locked: _.locked,
+            bindings: _.bindings.set("local", rowValue),
+            extraContext: _.extraContext,
+            type: TableEntityType.fields.get(column),
+            customPresentationContext: _.customPresentationContext,
+            remoteEntityVersionIdentifier: _.remoteEntityVersionIdentifier,
+            typeAncestors: [_.type].concat(_.typeAncestors),
+            domNodeAncestorPath:
+              _.domNodeAncestorPath +
+              `[table][cell][${rowId}][record][${column}]`,
+            lookupTypeAncestorNames: _.lookupTypeAncestorNames,
+            labelContext,
+          });
+        })
+        .mapState((updater) =>
+          TableAbstractRendererState.Updaters.Core.customFormState.children.rowStates(
+            MapRepo.Updaters.upsert(
+              rowId,
+              () => RecordAbstractRendererState.Default.fieldState(Map()),
+              RecordAbstractRendererState.Updaters.Core.fieldStates(
+                MapRepo.Updaters.upsert(
+                  column,
+                  () => CellTemplates.get(column).GetDefaultState(),
+                  updater,
+                ),
+              ),
+            ),
+          ),
+        )
         .mapForeignMutationsFromProps((props) => ({
-        onChange: (nestedUpdater, nestedDelta) => {
-            props.setState(TableAbstractRendererState.Updaters.Core.customFormState.children
-                .rowStates(MapRepo.Updaters.upsert(rowId, () => RecordAbstractRendererState.Default.fieldState(Map()), RecordAbstractRendererState.Updaters.Core.fieldStates(MapRepo.Updaters.upsert(column, () => CellTemplates.get(column).GetDefaultState(), (__) => (Object.assign(Object.assign({}, __), { commonFormState: DispatchCommonFormState.Updaters.modifiedByUser(replaceWith(true))(__.commonFormState) }))))))
-                .then(TableAbstractRendererState.Updaters.Core.commonFormState.children.modifiedByUser(replaceWith(true))));
+          onChange: (nestedUpdater, nestedDelta) => {
+            props.setState(
+              TableAbstractRendererState.Updaters.Core.customFormState.children
+                .rowStates(
+                  MapRepo.Updaters.upsert(
+                    rowId,
+                    () => RecordAbstractRendererState.Default.fieldState(Map()),
+                    RecordAbstractRendererState.Updaters.Core.fieldStates(
+                      MapRepo.Updaters.upsert(
+                        column,
+                        () => CellTemplates.get(column).GetDefaultState(),
+                        (__) =>
+                          Object.assign(Object.assign({}, __), {
+                            commonFormState:
+                              DispatchCommonFormState.Updaters.modifiedByUser(
+                                replaceWith(true),
+                              )(__.commonFormState),
+                          }),
+                      ),
+                    ),
+                  ),
+                )
+                .then(
+                  TableAbstractRendererState.Updaters.Core.commonFormState.children.modifiedByUser(
+                    replaceWith(true),
+                  ),
+                ),
+            );
             const nestedRecordDelta = {
-                kind: "RecordField",
-                field: [column, nestedDelta],
-                recordType: TableEntityType,
-                flags: undefined,
-                sourceAncestorLookupTypeNames: nestedDelta.sourceAncestorLookupTypeNames,
+              kind: "RecordField",
+              field: [column, nestedDelta],
+              recordType: TableEntityType,
+              flags: undefined,
+              sourceAncestorLookupTypeNames:
+                nestedDelta.sourceAncestorLookupTypeNames,
             };
-            const delta = Object.assign(Object.assign({}, (props.context.customFormState.applyToAll
-                ? {
-                    kind: "TableValueAll",
-                }
-                : {
-                    kind: "TableValue",
-                    id: rowId,
-                })), { nestedDelta: nestedRecordDelta, flags, sourceAncestorLookupTypeNames: nestedDelta.sourceAncestorLookupTypeNames });
-            const updater = nestedUpdater.kind == "l"
+            const delta = Object.assign(
+              Object.assign(
+                {},
+                props.context.customFormState.applyToAll
+                  ? {
+                      kind: "TableValueAll",
+                    }
+                  : {
+                      kind: "TableValue",
+                      id: rowId,
+                    },
+              ),
+              {
+                nestedDelta: nestedRecordDelta,
+                flags,
+                sourceAncestorLookupTypeNames:
+                  nestedDelta.sourceAncestorLookupTypeNames,
+              },
+            );
+            const updater =
+              nestedUpdater.kind == "l"
                 ? nestedUpdater
-                : Option.Default.some(ValueTable.Updaters.data(MapRepo.Updaters.update(rowId, ValueRecord.Updaters.update(column, nestedUpdater.kind == "r" ? nestedUpdater.value : id))));
+                : Option.Default.some(
+                    ValueTable.Updaters.data(
+                      MapRepo.Updaters.update(
+                        rowId,
+                        ValueRecord.Updaters.update(
+                          column,
+                          nestedUpdater.kind == "r" ? nestedUpdater.value : id,
+                        ),
+                      ),
+                    ),
+                  );
             props.foreignMutations.onChange(updater, delta);
-        },
-    }));
-    const embedDetailsRenderer = DetailsRenderer && DetailsRendererRaw
-        ? (flags) => DetailsRenderer.mapContext((_) => {
+          },
+        }));
+  const embedDetailsRenderer =
+    DetailsRenderer && DetailsRendererRaw
+      ? (flags) =>
+          DetailsRenderer.mapContext((_) => {
             var _a;
-            const labelContext = CommonAbstractRendererState.Operations.GetLabelContext(_.labelContext, DetailsRendererRaw);
+            const labelContext =
+              CommonAbstractRendererState.Operations.GetLabelContext(
+                _.labelContext,
+                DetailsRendererRaw,
+              );
             const { selectedDetailRow } = _.customFormState;
             if (selectedDetailRow == undefined) {
-                console.error(`Selected detail row is undefined\n
+              console.error(`Selected detail row is undefined\n
               ...When rendering table field\n
               ...${_.domNodeAncestorPath}`);
-                return undefined;
+              return undefined;
             }
-            if (!PredicateValue.Operations.IsString(selectedDetailRow) &&
-                !PredicateValue.Operations.IsUnit(selectedDetailRow)) {
-                console.error(`Selected detail row is not a string or unit\n
+            if (
+              !PredicateValue.Operations.IsString(selectedDetailRow) &&
+              !PredicateValue.Operations.IsUnit(selectedDetailRow)
+            ) {
+              console.error(`Selected detail row is not a string or unit\n
               ...When rendering table field\n
               ...${_.domNodeAncestorPath}`);
-                return undefined;
+              return undefined;
             }
             const value = PredicateValue.Operations.IsUnit(selectedDetailRow)
-                ? ValueUnit.Default()
-                : _.value.data.get(selectedDetailRow);
+              ? ValueUnit.Default()
+              : _.value.data.get(selectedDetailRow);
             if (value == undefined) {
-                console.error(`Value is undefined for selected detail row\n
+              console.error(`Value is undefined for selected detail row\n
               ...When rendering table field\n
               ...${_.domNodeAncestorPath}`);
-                return undefined;
+              return undefined;
             }
-            const rowState = PredicateValue.Operations.IsString(selectedDetailRow)
-                ? ((_a = _.customFormState.rowStates.get(selectedDetailRow)) !== null && _a !== void 0 ? _a : RecordAbstractRendererState.Default.fieldState(Map()))
-                : RecordAbstractRendererState.Default.fieldState(Map());
-            return Object.assign(Object.assign({ value }, rowState), { disabled: _.disabled || _.globallyDisabled, globallyDisabled: _.globallyDisabled, readOnly: _.readOnly || _.globallyReadOnly, globallyReadOnly: _.globallyReadOnly, locked: _.locked, bindings: _.bindings.set("local", value), extraContext: _.extraContext, type: TableEntityType, customPresentationContext: _.customPresentationContext, remoteEntityVersionIdentifier: _.remoteEntityVersionIdentifier, typeAncestors: [_.type].concat(_.typeAncestors), domNodeAncestorPath: _.domNodeAncestorPath + `[table][cell][${selectedDetailRow}]`, lookupTypeAncestorNames: _.lookupTypeAncestorNames, labelContext });
-        })
+            const rowState = PredicateValue.Operations.IsString(
+              selectedDetailRow,
+            )
+              ? (_a = _.customFormState.rowStates.get(selectedDetailRow)) !==
+                  null && _a !== void 0
+                ? _a
+                : RecordAbstractRendererState.Default.fieldState(Map())
+              : RecordAbstractRendererState.Default.fieldState(Map());
+            return Object.assign(Object.assign({ value }, rowState), {
+              disabled: _.disabled || _.globallyDisabled,
+              globallyDisabled: _.globallyDisabled,
+              readOnly: _.readOnly || _.globallyReadOnly,
+              globallyReadOnly: _.globallyReadOnly,
+              locked: _.locked,
+              bindings: _.bindings.set("local", value),
+              extraContext: _.extraContext,
+              type: TableEntityType,
+              customPresentationContext: _.customPresentationContext,
+              remoteEntityVersionIdentifier: _.remoteEntityVersionIdentifier,
+              typeAncestors: [_.type].concat(_.typeAncestors),
+              domNodeAncestorPath:
+                _.domNodeAncestorPath + `[table][cell][${selectedDetailRow}]`,
+              lookupTypeAncestorNames: _.lookupTypeAncestorNames,
+              labelContext,
+            });
+          })
             .mapStateFromProps(([props, updater]) => {
-            const { selectedDetailRow } = props.context.customFormState;
-            if (selectedDetailRow == undefined) {
+              const { selectedDetailRow } = props.context.customFormState;
+              if (selectedDetailRow == undefined) {
                 console.error(`Selected detail row is undefined\n
                 ...When rendering table detail view \n
                 ...${props.context.domNodeAncestorPath}`);
                 return id;
-            }
-            if (!PredicateValue.Operations.IsString(selectedDetailRow)) {
+              }
+              if (!PredicateValue.Operations.IsString(selectedDetailRow)) {
                 return id;
-            }
-            return TableAbstractRendererState.Updaters.Core.customFormState.children.rowStates(MapRepo.Updaters.upsert(selectedDetailRow, () => RecordAbstractRendererState.Default.fieldState(Map()), updater));
-        })
+              }
+              return TableAbstractRendererState.Updaters.Core.customFormState.children.rowStates(
+                MapRepo.Updaters.upsert(
+                  selectedDetailRow,
+                  () => RecordAbstractRendererState.Default.fieldState(Map()),
+                  updater,
+                ),
+              );
+            })
             .mapForeignMutationsFromProps((props) => ({
-            onChange: (nestedUpdater, nestedDelta) => {
+              onChange: (nestedUpdater, nestedDelta) => {
                 const { selectedDetailRow } = props.context.customFormState;
                 if (selectedDetailRow == undefined) {
-                    console.error(`Selected detail row is undefined\n
+                  console.error(`Selected detail row is undefined\n
                   ...When rendering table field\n
                   ...${props.context.domNodeAncestorPath}`);
-                    return id;
+                  return id;
                 }
-                if (!PredicateValue.Operations.IsString(selectedDetailRow) &&
-                    !PredicateValue.Operations.IsUnit(selectedDetailRow)) {
-                    console.error(`Selected detail row is not a string or unit\n
+                if (
+                  !PredicateValue.Operations.IsString(selectedDetailRow) &&
+                  !PredicateValue.Operations.IsUnit(selectedDetailRow)
+                ) {
+                  console.error(`Selected detail row is not a string or unit\n
                     ...When rendering table field\n
                     ...${props.context.domNodeAncestorPath}`);
-                    return id;
+                  return id;
                 }
                 if (PredicateValue.Operations.IsString(selectedDetailRow)) {
-                    props.setState(TableAbstractRendererState.Updaters.Core.commonFormState.children.modifiedByUser(replaceWith(true)));
-                    const delta = {
-                        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)));
-                    props.foreignMutations.onChange(updater, delta);
+                  props.setState(
+                    TableAbstractRendererState.Updaters.Core.commonFormState.children.modifiedByUser(
+                      replaceWith(true),
+                    ),
+                  );
+                  const delta = {
+                    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,
+                            ),
+                          ),
+                        );
+                  props.foreignMutations.onChange(updater, delta);
                 }
-            },
-        }))
-        : undefined;
-    const EmbeddedCellTemplates = CellTemplates.map((cellTemplate, column) => embedCellTemplate(column, cellTemplate.template));
-    const ColumnLabels = CellTemplates.map((cellTemplate) => cellTemplate.label);
-    const EmbeddedAllowedFilters = Filters.map((filter, columnName) => (Object.assign(Object.assign({}, filter), { filters: filter.filters.args, template: (index) => filter.template
-            .mapContext((_) => {
+              },
+            }))
+      : undefined;
+  const EmbeddedCellTemplates = CellTemplates.map((cellTemplate, column) =>
+    embedCellTemplate(column, cellTemplate.template),
+  );
+  const ColumnLabels = CellTemplates.map((cellTemplate) => cellTemplate.label);
+  const EmbeddedAllowedFilters = Filters.map((filter, columnName) =>
+    Object.assign(Object.assign({}, filter), {
+      filters: filter.filters.args,
+      template: (index) =>
+        filter.template
+          .mapContext((_) => {
             var _a, _b;
-            return (Object.assign({ value: _.value, locked: _.locked, disabled: false, bindings: _.bindings, extraContext: _.extraContext, type: filter.type, label: _.label, tooltip: _.tooltip, details: _.details, customPresentationContext: _.customPresentationContext, remoteEntityVersionIdentifier: "", domNodeAncestorPath: "", typeAncestors: [], lookupTypeAncestorNames: [] }, ((_b = (_a = _.customFormState.filterStates.get(columnName)) === null || _a === void 0 ? void 0 : _a.get(index)) !== null && _b !== void 0 ? _b : filter.GetDefaultState())));
-        })
-            .mapState((_) => TableAbstractRendererState.Updaters.Core.customFormState.children.filterStates(MapRepo.Updaters.upsert(columnName, () => List([filter.GetDefaultState()]), ListRepo.Updaters.update(index, Updater(_))))) })));
-    return Template.Default((props) => {
-        const domNodeId = props.context.domNodeAncestorPath + "[table]";
-        if (!PredicateValue.Operations.IsTable(props.context.value)) {
-            console.error(`TableValue expected but got: ${JSON.stringify(props.context.value)}\n...When rendering table field\n...${domNodeId}`);
-            return (_jsx(ErrorRenderer, { message: `${domNodeId}: Table value expected but got ${JSON.stringify(props.context.value)}` }));
-        }
-        const updatedBindings = props.context.bindings.set("local", props.context.value);
-        const visibleColumns = TableLayout.Operations.ComputeLayout(updatedBindings, VisibleColumnsPredicate);
-        if (visibleColumns.kind == "errors") {
-            console.error(visibleColumns.errors.map((error) => error).join("\n"));
-            return (_jsx(ErrorRenderer, { message: `${domNodeId}: Error while computing visible columns, check console` }));
-        }
-        // TODO: find a better way to warn about missing fields without cluttering the console
-        // visibleColumns.value.columns.forEach((column) => {
-        //   if (!CellTemplates.has(column)) {
-        //     console.warn(
-        //       `Column ${column} is defined in the visible columns, but not in the CellTemplates. A renderer in the table columns is missing for this column.
-        //       \n...When rendering \n...${domNodeId}
-        //       `,
-        //     );
-        //   }
-        // });
-        const calculatedDisabledColumns = TableLayout.Operations.ComputeLayout(updatedBindings, DisabledColumnsPredicate);
-        const disabledColumnsValue = calculatedDisabledColumns.kind == "value"
-            ? calculatedDisabledColumns.value.columns
-            : [];
-        // TODO we currently only calculated disabled status on a column basis, predicates will break if we
-        // try to use their local binding (the local is the table).
-        // Later we need to then calculate the disabled on a CELL level, by giving the calculations
-        // the row local binding and calculating per row, not per column.
-        const disabledColumnKeys = ValueOrErrors.Operations.All(List(CellTemplates.map(({ disabled }, fieldName) => disabled == undefined
+            return Object.assign(
+              {
+                value: _.value,
+                locked: _.locked,
+                disabled: false,
+                bindings: _.bindings,
+                extraContext: _.extraContext,
+                type: filter.type,
+                label: _.label,
+                tooltip: _.tooltip,
+                details: _.details,
+                customPresentationContext: _.customPresentationContext,
+                remoteEntityVersionIdentifier: "",
+                domNodeAncestorPath: "",
+                typeAncestors: [],
+                lookupTypeAncestorNames: [],
+              },
+              (_b =
+                (_a = _.customFormState.filterStates.get(columnName)) ===
+                  null || _a === void 0
+                  ? void 0
+                  : _a.get(index)) !== null && _b !== void 0
+                ? _b
+                : filter.GetDefaultState(),
+            );
+          })
+          .mapState((_) =>
+            TableAbstractRendererState.Updaters.Core.customFormState.children.filterStates(
+              MapRepo.Updaters.upsert(
+                columnName,
+                () => List([filter.GetDefaultState()]),
+                ListRepo.Updaters.update(index, Updater(_)),
+              ),
+            ),
+          ),
+    }),
+  );
+  return Template.Default((props) => {
+    const domNodeId = props.context.domNodeAncestorPath + "[table]";
+    if (!PredicateValue.Operations.IsTable(props.context.value)) {
+      console.error(
+        `TableValue expected but got: ${JSON.stringify(props.context.value)}\n...When rendering table field\n...${domNodeId}`,
+      );
+      return _jsx(ErrorRenderer, {
+        message: `${domNodeId}: Table value expected but got ${JSON.stringify(props.context.value)}`,
+      });
+    }
+    const updatedBindings = props.context.bindings.set(
+      "local",
+      props.context.value,
+    );
+    const visibleColumns = TableLayout.Operations.ComputeLayout(
+      updatedBindings,
+      VisibleColumnsPredicate,
+    );
+    if (visibleColumns.kind == "errors") {
+      console.error(visibleColumns.errors.map((error) => error).join("\n"));
+      return _jsx(ErrorRenderer, {
+        message: `${domNodeId}: Error while computing visible columns, check console`,
+      });
+    }
+    // TODO: find a better way to warn about missing fields without cluttering the console
+    // visibleColumns.value.columns.forEach((column) => {
+    //   if (!CellTemplates.has(column)) {
+    //     console.warn(
+    //       `Column ${column} is defined in the visible columns, but not in the CellTemplates. A renderer in the table columns is missing for this column.
+    //       \n...When rendering \n...${domNodeId}
+    //       `,
+    //     );
+    //   }
+    // });
+    const calculatedDisabledColumns = TableLayout.Operations.ComputeLayout(
+      updatedBindings,
+      DisabledColumnsPredicate,
+    );
+    const disabledColumnsValue =
+      calculatedDisabledColumns.kind == "value"
+        ? calculatedDisabledColumns.value.columns
+        : [];
+    // TODO we currently only calculated disabled status on a column basis, predicates will break if we
+    // try to use their local binding (the local is the table).
+    // Later we need to then calculate the disabled on a CELL level, by giving the calculations
+    // the row local binding and calculating per row, not per column.
+    const disabledColumnKeys = ValueOrErrors.Operations.All(
+      List(
+        CellTemplates.map(({ disabled }, fieldName) =>
+          disabled == undefined
             ? disabledColumnsValue.includes(fieldName)
-                ? ValueOrErrors.Default.return(fieldName)
-                : ValueOrErrors.Default.return(null)
-            : Expr.Operations.EvaluateAs("disabled predicate")(updatedBindings)(disabled).Then((value) => ValueOrErrors.Default.return(PredicateValue.Operations.IsBoolean(value) && value
-                ? fieldName
-                : null))).valueSeq()));
-        // TODO -- set the top level state as error
-        if (disabledColumnKeys.kind == "errors") {
-            console.error(disabledColumnKeys.errors.map((error) => error).join("\n"));
-            return (_jsx(ErrorRenderer, { message: `${domNodeId}: Error while computing disabled column keys, check console` }));
-        }
-        const disabledColumnKeysSet = Set(disabledColumnKeys.value.filter((fieldName) => fieldName != null));
-        const hasMoreValues = props.context.value.hasMoreValues;
-        const validColumns = CellTemplates.keySeq().toArray();
-        const validVisibleColumns = visibleColumns.value.columns.filter((_) => validColumns.includes(_));
-        const embeddedTableData = props.context.customFormState.loadingState != "loaded"
-            ? OrderedMap()
-            : props.context.value.data.map((rowData, rowId) => rowData.fields
-                .filter((_, column) => validVisibleColumns.includes(column))
-                .map((_, column) => EmbeddedCellTemplates.get(column)(rowId)(rowData.fields.get(column))(disabledColumnKeysSet.has(column))));
-        const embeddedUnfilteredTableData = props.context.customFormState.loadingState != "loaded"
-            ? OrderedMap()
-            : props.context.value.data.map((rowData, rowId) => rowData.fields
-                .filter((_, column) => validColumns.includes(column))
-                .map((_, column) => EmbeddedCellTemplates.get(column)(rowId)(rowData.fields.get(column))(disabledColumnKeysSet.has(column))));
-        if (props.context.customFormState.isFilteringInitialized == false) {
-            return _jsx(_Fragment, {});
-        }
-        // Detail row may have been deleted from outside the table
-        const isSelectedDetailRowValid = props.context.customFormState.selectedDetailRow != undefined &&
-            !PredicateValue.Operations.IsUnit(props.context.customFormState.selectedDetailRow) &&
-            props.context.value.data.size > 0 &&
-            props.context.value.data.has(props.context.customFormState.selectedDetailRow);
-        return (_jsx(_Fragment, { children: _jsx(IdProvider, { domNodeId: domNodeId, children: _jsx(props.view, Object.assign({}, props, { context: Object.assign(Object.assign({}, props.context), { customFormState: Object.assign(Object.assign({}, props.context.customFormState), { selectedDetailRow: isSelectedDetailRowValid
-                                ? props.context.customFormState.selectedDetailRow
-                                : undefined }), domNodeId, tableHeaders: validVisibleColumns, columnLabels: ColumnLabels, hasMoreValues: !!hasMoreValues, tableEntityType: TableEntityType }), foreignMutations: Object.assign(Object.assign({}, props.foreignMutations), { loadMore: () => {
-                            if (props.context.customFormState.isFilteringInitialized) {
-                                props.setState(TableAbstractRendererState.Updaters.Template.loadMore());
-                            }
-                        }, selectDetailView: (rowId) => {
-                            props.setState(TableAbstractRendererState.Updaters.Core.customFormState.children.selectedDetailRow(replaceWith(rowId)));
-                        }, clearDetailView: () => props.setState(TableAbstractRendererState.Updaters.Core.customFormState.children.selectedDetailRow(replaceWith(undefined))), selectRow: (rowId) => props.setState(TableAbstractRendererState.Updaters.Core.customFormState.children.selectedRows((_) => (_.has(rowId) ? _.remove(rowId) : _.add(rowId)))), selectAllRows: () => props.setState(TableAbstractRendererState.Updaters.Core.customFormState.children.selectedRows(replaceWith(Set(embeddedTableData.keySeq())))), clearRows: () => props.setState(TableAbstractRendererState.Updaters.Core.customFormState.children.selectedRows(replaceWith(Set()))), setApplyToAll: (applyToAll) => props.setState(TableAbstractRendererState.Updaters.Core.customFormState.children.applyToAll(replaceWith(applyToAll))), applyToAll: (nestedDelta, flags) => {
-                            const delta = {
-                                kind: "TableValueAll",
-                                nestedDelta,
-                                flags,
-                                sourceAncestorLookupTypeNames: nestedDelta.sourceAncestorLookupTypeNames,
-                            };
-                            props.foreignMutations.onChange(Option.Default.none(), delta);
-                            props.setState(TableAbstractRendererState.Updaters.Core.commonFormState(DispatchCommonFormState.Updaters.modifiedByUser(replaceWith(true))));
-                        }, removeAll: !props.context.apiMethods.includes("removeAll")
-                            ? undefined
-                            : (flags) => {
-                                const delta = {
-                                    kind: "TableRemoveAll",
-                                    flags,
-                                    sourceAncestorLookupTypeNames: props.context.lookupTypeAncestorNames,
-                                };
-                                props.foreignMutations.onChange(Option.Default.none(), delta);
-                                props.setState(TableAbstractRendererState.Updaters.Core.commonFormState(DispatchCommonFormState.Updaters.modifiedByUser(replaceWith(true))));
-                            }, add: !props.context.apiMethods.includes("add")
-                            ? undefined
-                            : (flags) => {
-                                const delta = {
-                                    kind: "TableAddEmpty",
-                                    flags,
-                                    sourceAncestorLookupTypeNames: props.context.lookupTypeAncestorNames,
-                                };
-                                props.foreignMutations.onChange(Option.Default.none(), delta);
-                                props.setState(TableAbstractRendererState.Updaters.Core.commonFormState(DispatchCommonFormState.Updaters.modifiedByUser(replaceWith(true))));
-                            }, remove: !props.context.apiMethods.includes("remove")
-                            ? undefined
-                            : (k, flags) => {
-                                const delta = {
-                                    kind: "TableRemove",
-                                    id: k,
-                                    flags,
-                                    sourceAncestorLookupTypeNames: props.context.lookupTypeAncestorNames,
-                                };
-                                props.foreignMutations.onChange(Option.Default.none(), delta);
-                                props.setState(TableAbstractRendererState.Updaters.Core.commonFormState(DispatchCommonFormState.Updaters.modifiedByUser(replaceWith(true))));
-                            }, moveTo: !props.context.apiMethods.includes("move")
-                            ? undefined
-                            : (k, to, flags) => {
-                                const delta = {
-                                    kind: "TableMoveTo",
-                                    id: k,
-                                    to,
-                                    flags,
-                                    sourceAncestorLookupTypeNames: props.context.lookupTypeAncestorNames,
-                                };
-                                props.foreignMutations.onChange(Option.Default.none(), delta);
-                                props.setState(TableAbstractRendererState.Updaters.Core.commonFormState(DispatchCommonFormState.Updaters.modifiedByUser(replaceWith(true))));
-                            }, duplicate: !props.context.apiMethods.includes("duplicate")
-                            ? undefined
-                            : (k, flags) => {
-                                const delta = {
-                                    kind: "TableDuplicate",
-                                    id: k,
-                                    flags,
-                                    sourceAncestorLookupTypeNames: props.context.lookupTypeAncestorNames,
-                                };
-                                props.foreignMutations.onChange(Option.Default.none(), delta);
-                                props.setState(TableAbstractRendererState.Updaters.Core.commonFormState(DispatchCommonFormState.Updaters.modifiedByUser(replaceWith(true))));
-                            }, updateFilters: (filters, shouldReload) => {
-                            props.setState(TableAbstractRendererState.Updaters.Template.updateFilters(filters, Filters.map(({ filters }) => filters), parseToApiByType, shouldReload));
-                        }, addSorting: (columnName, direction) => {
-                            props.setState(TableAbstractRendererState.Updaters.Template.addSorting(columnName, direction, Filters.map(({ filters }) => filters), parseToApiByType));
-                        }, removeSorting: (columnName) => {
-                            props.setState(TableAbstractRendererState.Updaters.Template.removeSorting(columnName, Filters.map(({ filters }) => filters), parseToApiByType));
-                        }, reloadFrom0: () => props.setState(TableAbstractRendererState.Updaters.Template.reloadFrom0()) }), DetailsRenderer: embedDetailsRenderer, TableData: embeddedTableData, UnfilteredTableData_Dangerous: embeddedUnfilteredTableData, AllowedFilters: EmbeddedAllowedFilters, AllowedSorting: props.context.sorting, HighlightedFilters: props.context.highlightedFilters, isFilteringSortAndLoadingEnabled: props.context.customFormState.isFilteringInitialized })) }) }));
-    }).any([
-        InstantiatedInfiniteLoaderRunner.mapContextFromProps((props) => (Object.assign(Object.assign({}, props.context), { onChange: props.foreignMutations.onChange }))),
-        InstantiatedInitialiseFiltersAndSortingRunner,
-        InstantiatedInitialiseTableRunner.mapContextFromProps((props) => (Object.assign(Object.assign({}, props.context), { onChange: props.foreignMutations.onChange }))),
-    ]);
+              ? ValueOrErrors.Default.return(fieldName)
+              : ValueOrErrors.Default.return(null)
+            : Expr.Operations.EvaluateAs("disabled predicate")(updatedBindings)(
+                disabled,
+              ).Then((value) =>
+                ValueOrErrors.Default.return(
+                  PredicateValue.Operations.IsBoolean(value) && value
+                    ? fieldName
+                    : null,
+                ),
+              ),
+        ).valueSeq(),
+      ),
+    );
+    // TODO -- set the top level state as error
+    if (disabledColumnKeys.kind == "errors") {
+      console.error(disabledColumnKeys.errors.map((error) => error).join("\n"));
+      return _jsx(ErrorRenderer, {
+        message: `${domNodeId}: Error while computing disabled column keys, check console`,
+      });
+    }
+    const disabledColumnKeysSet = Set(
+      disabledColumnKeys.value.filter((fieldName) => fieldName != null),
+    );
+    const hasMoreValues = props.context.value.hasMoreValues;
+    const validColumns = CellTemplates.keySeq().toArray();
+    const validVisibleColumns = visibleColumns.value.columns.filter((_) =>
+      validColumns.includes(_),
+    );
+    const embeddedTableData =
+      props.context.customFormState.loadingState != "loaded"
+        ? OrderedMap()
+        : props.context.value.data.map((rowData, rowId) =>
+            rowData.fields
+              .filter((_, column) => validVisibleColumns.includes(column))
+              .map((_, column) =>
+                EmbeddedCellTemplates.get(column)(rowId)(
+                  rowData.fields.get(column),
+                )(disabledColumnKeysSet.has(column)),
+              ),
+          );
+    const embeddedUnfilteredTableData =
+      props.context.customFormState.loadingState != "loaded"
+        ? OrderedMap()
+        : props.context.value.data.map((rowData, rowId) =>
+            rowData.fields
+              .filter((_, column) => validColumns.includes(column))
+              .map((_, column) =>
+                EmbeddedCellTemplates.get(column)(rowId)(
+                  rowData.fields.get(column),
+                )(disabledColumnKeysSet.has(column)),
+              ),
+          );
+    if (props.context.customFormState.isFilteringInitialized == false) {
+      return _jsx(_Fragment, {});
+    }
+    // Detail row may have been deleted from outside the table
+    const isSelectedDetailRowValid =
+      props.context.customFormState.selectedDetailRow != undefined &&
+      !PredicateValue.Operations.IsUnit(
+        props.context.customFormState.selectedDetailRow,
+      ) &&
+      props.context.value.data.size > 0 &&
+      props.context.value.data.has(
+        props.context.customFormState.selectedDetailRow,
+      );
+    return _jsx(_Fragment, {
+      children: _jsx(IdProvider, {
+        domNodeId: domNodeId,
+        children: _jsx(
+          props.view,
+          Object.assign({}, props, {
+            context: Object.assign(Object.assign({}, props.context), {
+              customFormState: Object.assign(
+                Object.assign({}, props.context.customFormState),
+                {
+                  selectedDetailRow: isSelectedDetailRowValid
+                    ? props.context.customFormState.selectedDetailRow
+                    : undefined,
+                },
+              ),
+              domNodeId,
+              tableHeaders: validVisibleColumns,
+              columnLabels: ColumnLabels,
+              hasMoreValues: !!hasMoreValues,
+              tableEntityType: TableEntityType,
+            }),
+            foreignMutations: Object.assign(
+              Object.assign({}, props.foreignMutations),
+              {
+                loadMore: () => {
+                  if (props.context.customFormState.isFilteringInitialized) {
+                    props.setState(
+                      TableAbstractRendererState.Updaters.Template.loadMore(),
+                    );
+                  }
+                },
+                selectDetailView: (rowId) => {
+                  props.setState(
+                    TableAbstractRendererState.Updaters.Core.customFormState.children.selectedDetailRow(
+                      replaceWith(rowId),
+                    ),
+                  );
+                },
+                clearDetailView: () =>
+                  props.setState(
+                    TableAbstractRendererState.Updaters.Core.customFormState.children.selectedDetailRow(
+                      replaceWith(undefined),
+                    ),
+                  ),
+                selectRow: (rowId) =>
+                  props.setState(
+                    TableAbstractRendererState.Updaters.Core.customFormState.children.selectedRows(
+                      (_) => (_.has(rowId) ? _.remove(rowId) : _.add(rowId)),
+                    ),
+                  ),
+                selectAllRows: () =>
+                  props.setState(
+                    TableAbstractRendererState.Updaters.Core.customFormState.children.selectedRows(
+                      replaceWith(Set(embeddedTableData.keySeq())),
+                    ),
+                  ),
+                clearRows: () =>
+                  props.setState(
+                    TableAbstractRendererState.Updaters.Core.customFormState.children.selectedRows(
+                      replaceWith(Set()),
+                    ),
+                  ),
+                setApplyToAll: (applyToAll) =>
+                  props.setState(
+                    TableAbstractRendererState.Updaters.Core.customFormState.children.applyToAll(
+                      replaceWith(applyToAll),
+                    ),
+                  ),
+                applyToAll: (nestedDelta, flags) => {
+                  const delta = {
+                    kind: "TableValueAll",
+                    nestedDelta,
+                    flags,
+                    sourceAncestorLookupTypeNames:
+                      nestedDelta.sourceAncestorLookupTypeNames,
+                  };
+                  props.foreignMutations.onChange(Option.Default.none(), delta);
+                  props.setState(
+                    TableAbstractRendererState.Updaters.Core.commonFormState(
+                      DispatchCommonFormState.Updaters.modifiedByUser(
+                        replaceWith(true),
+                      ),
+                    ),
+                  );
+                },
+                removeAll: !props.context.apiMethods.includes("removeAll")
+                  ? undefined
+                  : (flags) => {
+                      const delta = {
+                        kind: "TableRemoveAll",
+                        flags,
+                        sourceAncestorLookupTypeNames:
+                          props.context.lookupTypeAncestorNames,
+                      };
+                      props.foreignMutations.onChange(
+                        Option.Default.none(),
+                        delta,
+                      );
+                      props.setState(
+                        TableAbstractRendererState.Updaters.Core.commonFormState(
+                          DispatchCommonFormState.Updaters.modifiedByUser(
+                            replaceWith(true),
+                          ),
+                        ),
+                      );
+                    },
+                add: !props.context.apiMethods.includes("add")
+                  ? undefined
+                  : (flags) => {
+                      const delta = {
+                        kind: "TableAddEmpty",
+                        flags,
+                        sourceAncestorLookupTypeNames:
+                          props.context.lookupTypeAncestorNames,
+                      };
+                      props.foreignMutations.onChange(
+                        Option.Default.none(),
+                        delta,
+                      );
+                      props.setState(
+                        TableAbstractRendererState.Updaters.Core.commonFormState(
+                          DispatchCommonFormState.Updaters.modifiedByUser(
+                            replaceWith(true),
+                          ),
+                        ),
+                      );
+                    },
+                remove: !props.context.apiMethods.includes("remove")
+                  ? undefined
+                  : (k, flags) => {
+                      const delta = {
+                        kind: "TableRemove",
+                        id: k,
+                        flags,
+                        sourceAncestorLookupTypeNames:
+                          props.context.lookupTypeAncestorNames,
+                      };
+                      props.foreignMutations.onChange(
+                        Option.Default.none(),
+                        delta,
+                      );
+                      props.setState(
+                        TableAbstractRendererState.Updaters.Core.commonFormState(
+                          DispatchCommonFormState.Updaters.modifiedByUser(
+                            replaceWith(true),
+                          ),
+                        ),
+                      );
+                    },
+                moveTo: !props.context.apiMethods.includes("move")
+                  ? undefined
+                  : (k, to, flags) => {
+                      const delta = {
+                        kind: "TableMoveTo",
+                        id: k,
+                        to,
+                        flags,
+                        sourceAncestorLookupTypeNames:
+                          props.context.lookupTypeAncestorNames,
+                      };
+                      props.foreignMutations.onChange(
+                        Option.Default.none(),
+                        delta,
+                      );
+                      props.setState(
+                        TableAbstractRendererState.Updaters.Core.commonFormState(
+                          DispatchCommonFormState.Updaters.modifiedByUser(
+                            replaceWith(true),
+                          ),
+                        ),
+                      );
+                    },
+                duplicate: !props.context.apiMethods.includes("duplicate")
+                  ? undefined
+                  : (k, flags) => {
+                      const delta = {
+                        kind: "TableDuplicate",
+                        id: k,
+                        flags,
+                        sourceAncestorLookupTypeNames:
+                          props.context.lookupTypeAncestorNames,
+                      };
+                      props.foreignMutations.onChange(
+                        Option.Default.none(),
+                        delta,
+                      );
+                      props.setState(
+                        TableAbstractRendererState.Updaters.Core.commonFormState(
+                          DispatchCommonFormState.Updaters.modifiedByUser(
+                            replaceWith(true),
+                          ),
+                        ),
+                      );
+                    },
+                updateFilters: (filters, shouldReload) => {
+                  props.setState(
+                    TableAbstractRendererState.Updaters.Template.updateFilters(
+                      filters,
+                      Filters.map(({ filters }) => filters),
+                      parseToApiByType,
+                      shouldReload,
+                    ),
+                  );
+                },
+                addSorting: (columnName, direction) => {
+                  props.setState(
+                    TableAbstractRendererState.Updaters.Template.addSorting(
+                      columnName,
+                      direction,
+                      Filters.map(({ filters }) => filters),
+                      parseToApiByType,
+                    ),
+                  );
+                },
+                removeSorting: (columnName) => {
+                  props.setState(
+                    TableAbstractRendererState.Updaters.Template.removeSorting(
+                      columnName,
+                      Filters.map(({ filters }) => filters),
+                      parseToApiByType,
+                    ),
+                  );
+                },
+                reloadFrom0: () =>
+                  props.setState(
+                    TableAbstractRendererState.Updaters.Template.reloadFrom0(),
+                  ),
+              },
+            ),
+            DetailsRenderer: embedDetailsRenderer,
+            TableData: embeddedTableData,
+            UnfilteredTableData_Dangerous: embeddedUnfilteredTableData,
+            AllowedFilters: EmbeddedAllowedFilters,
+            AllowedSorting: props.context.sorting,
+            HighlightedFilters: props.context.highlightedFilters,
+            isFilteringSortAndLoadingEnabled:
+              props.context.customFormState.isFilteringInitialized,
+          }),
+        ),
+      }),
+    });
+  }).any([
+    InstantiatedInfiniteLoaderRunner.mapContextFromProps((props) =>
+      Object.assign(Object.assign({}, props.context), {
+        onChange: props.foreignMutations.onChange,
+      }),
+    ),
+    InstantiatedInitialiseFiltersAndSortingRunner,
+    InstantiatedInitialiseTableRunner.mapContextFromProps((props) =>
+      Object.assign(Object.assign({}, props.context), {
+        onChange: props.foreignMutations.onChange,
+      }),
+    ),
+  ]);
 };
-//# sourceMappingURL=template.js.map
+//# sourceMappingURL=template.js.map