ballerina-core 1.0.244 → 1.0.246

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

@@ -1,657 +1,273 @@
 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,
-  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,
-  DetailsRenderer,
-  Layout,
-  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 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,
-            locked: _.locked,
-            bindings: _.bindings.set("local", rowValue),
-            extraContext: _.extraContext,
-            type: TableEntityType.fields.get(column),
-            customPresentationContext: _.customPresentationContext,
-            remoteEntityVersionIdentifier: _.remoteEntityVersionIdentifier,
-            typeAncestors: [_.type].concat(_.typeAncestors),
-            domNodeAncestorPath:
-              _.domNodeAncestorPath + `[table][cell][${rowId}][${column}]`,
-            lookupTypeAncestorNames: _.lookupTypeAncestorNames,
-          });
-        })
-        .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}][${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
-    ? (flags) =>
-        DetailsRenderer.mapContext((_) => {
-          var _a;
-          const { selectedDetailRow } = _.customFormState;
-          if (selectedDetailRow == undefined) {
-            console.error(`Selected detail row is undefined\n
+        },
+    }));
+    const embedDetailsRenderer = DetailsRenderer && DetailsRendererRaw
+        ? (flags) => DetailsRenderer.mapContext((_) => {
+            var _a;
+            const labelContext = CommonAbstractRendererState.Operations.GetLabelContext(_.labelContext, DetailsRendererRaw);
+            const { selectedDetailRow } = _.customFormState;
+            if (selectedDetailRow == undefined) {
+                console.error(`Selected detail row is undefined\n
               ...When rendering table field\n
               ...${_.domNodeAncestorPath}`);
-            return undefined;
-          }
-          if (
-            !PredicateValue.Operations.IsString(selectedDetailRow) &&
-            !PredicateValue.Operations.IsUnit(selectedDetailRow)
-          ) {
-            console.error(`Selected detail row is not a string or unit\n
+                return undefined;
+            }
+            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;
-          }
-          const value = PredicateValue.Operations.IsUnit(selectedDetailRow)
-            ? ValueUnit.Default()
-            : _.value.data.get(selectedDetailRow);
-          if (value == undefined) {
-            console.error(`Value is undefined for selected detail row\n
+                return undefined;
+            }
+            const value = PredicateValue.Operations.IsUnit(selectedDetailRow)
+                ? ValueUnit.Default()
+                : _.value.data.get(selectedDetailRow);
+            if (value == undefined) {
+                console.error(`Value is undefined for selected detail row\n
               ...When rendering table field\n
               ...${_.domNodeAncestorPath}`);
-            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,
-            locked: _.locked,
-            bindings: _.bindings.set("local", value),
-            extraContext: _.extraContext,
-            type: TableEntityType,
-            customPresentationContext: _.customPresentationContext,
-            remoteEntityVersionIdentifier: _.remoteEntityVersionIdentifier,
-            typeAncestors: [_.type].concat(_.typeAncestors),
-            domNodeAncestorPath: _.domNodeAncestorPath + "[table][details]",
-            lookupTypeAncestorNames: _.lookupTypeAncestorNames,
-          });
+                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][details]", lookupTypeAncestorNames: _.lookupTypeAncestorNames, labelContext });
         })
-          .mapStateFromProps(([props, updater]) => {
+            .mapStateFromProps(([props, updater]) => {
             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 detail view \n
                 ...${props.context.domNodeAncestorPath}`);
-              return id;
+                return id;
             }
             if (!PredicateValue.Operations.IsString(selectedDetailRow)) {
-              return id;
+                return id;
             }
-            return TableAbstractRendererState.Updaters.Core.customFormState.children.rowStates(
-              MapRepo.Updaters.upsert(
-                selectedDetailRow,
-                () => RecordAbstractRendererState.Default.fieldState(Map()),
-                updater,
-              ),
-            );
-          })
-          .mapForeignMutationsFromProps((props) => ({
+            return TableAbstractRendererState.Updaters.Core.customFormState.children.rowStates(MapRepo.Updaters.upsert(selectedDetailRow, () => RecordAbstractRendererState.Default.fieldState(Map()), updater));
+        })
+            .mapForeignMutationsFromProps((props) => ({
             onChange: (nestedUpdater, nestedDelta) => {
-              const { selectedDetailRow } = props.context.customFormState;
-              if (selectedDetailRow == undefined) {
-                console.error(`Selected detail row is undefined\n
+                const { selectedDetailRow } = props.context.customFormState;
+                if (selectedDetailRow == undefined) {
+                    console.error(`Selected detail row is undefined\n
                   ...When rendering table field\n
                   ...${props.context.domNodeAncestorPath}`);
-                return id;
-              }
-              if (
-                !PredicateValue.Operations.IsString(selectedDetailRow) &&
-                !PredicateValue.Operations.IsUnit(selectedDetailRow)
-              ) {
-                console.error(`Selected detail row is not a string or unit\n
+                    return id;
+                }
+                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;
-              }
-              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);
-              }
+                    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);
+                }
             },
-          }))
-    : 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: _.disabled,
-                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,
-      Layout,
-    );
-    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 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
-            ? 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 validVisibleColumns = visibleColumns.value.columns.filter((_) =>
-      CellTemplates.keySeq().toArray().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)),
-              ),
-          );
-    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),
-                      ),
-                    ),
-                  );
-                },
-                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,
-            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,
-      }),
-    ),
-  ]);
+            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` }));
+        }
+        visibleColumns.value.columns.map((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))));
+                        }, 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