@beinformed/ui 1.48.0 → 1.49.1

package/src/models/concepts/ConceptRelationModel.js

@@ -65,6 +65,18 @@ export default class ConceptRelationModel implements IModelWithChildModels {
     return this._relation.relationDirection;
   }
 
+  /**
+   * Get type of relation type,
+   */
+  get relationTypeType():
+    | "None"
+    | "Sub-Class"
+    | "Composition"
+    | "Association"
+    | "Unknown" {
+    return this._relation.relationTypeType ?? "Unknown";
+  }
+
   /**
    */
   get condition(): string {

package/src/models/form/FormModel.js

@@ -1013,6 +1013,27 @@ class FormModel extends ResourceModel {
     return this;
   }
 
+  /**
+   * Updates the current form object with new information about the object,
+   * like for example a new dynamicschema. Used for autoupdate functionality that makes it possible
+   * to update the options of a next missing attribute in a form-tree iq question
+   */
+  updateCurrentFormObject(receivedForm: ModularUIModel) {
+    if (receivedForm instanceof FormModel) {
+      const receivedFormData = receivedForm.data ?? {};
+      const hasMissing = has(receivedFormData, "missing");
+      const hasErrors = has(receivedFormData, "errors");
+
+      if (hasErrors) {
+        this.handleErrors(receivedForm);
+      }
+
+      if (hasMissing) {
+        this.handleMissing(receivedForm);
+      }
+    }
+  }
+
   /**
    */
   updateValidations(data: any): FormModel {
@@ -1125,11 +1146,10 @@ class FormModel extends ResourceModel {
     }
 
     this.currentFormObject.attributeCollection.map((attribute) => {
-      if (
-        receivedForm.currentFormObject &&
-        receivedForm.currentFormObject.hasAttributeByKey(attribute.key)
-      ) {
-        attribute.addMissingError();
+      const receivedAttribute =
+        receivedForm.currentFormObject?.getAttributeByKey(attribute.key);
+      if (receivedAttribute) {
+        attribute.addMissingError(receivedAttribute);
       } else {
         attribute.removeMissingError();
       }

package/src/models/form/FormObjectModel.js

@@ -218,7 +218,15 @@ export default class FormObjectModel extends BaseModel {
   }
 
   /**
-   * Indicates if object is dynamic. A dynamic object should be submitted on each attribute change
+   * Indicates if object is dynamic.
+   *
+   * A subtle difference exists between objects for wizard style instrument dialogs and other objects.
+   * In the 'missing object' response, wizard style objects will include only the first attribute(s) to be answered,
+   * while other objects will include the complete set of attributes of that object.
+   *
+   * This difference is condensed in the term of 'dynamic objects': these objects start (in the 'missing object' response)
+   * with a very select set of attributes to be answered, and each successive 'missing elements' response will include next attributes to be answered.
+   * When an object is dynamic, the form contributions will mention a "dynamicObject": true property.
    */
   get isDynamic(): boolean {
     return this.getContribution("dynamicObject", false);

package/src/modularui/ModularUIRequest.js

@@ -156,7 +156,7 @@ class ModularUIRequest {
     const {
       targetModel,
       forceTargetModel,
-      updateModel,
+      updateHandler,
       childmodels,
       isValidationRequest,
       removeOnUnmount,

package/src/redux/_modularui/ModularUIActions.js

@@ -17,7 +17,10 @@ import type {
   ResetModularUIAction,
   UpdateStatusAction,
 } from "./types";
-import type { RequestModularUIOptions } from "../../utils/fetch/types";
+import type {
+  RequestModularUIOptions,
+  UpdateHandler,
+} from "../../utils/fetch/types";
 
 /**
  */
@@ -88,22 +91,11 @@ export const updateStatus = (
 const loadModelSuccessAction = (
   key: string,
   model: ModularUIModel,
-  modelToUpdate: ?ModularUIModel,
+  updateHandler: UpdateHandler | void,
 ): UpdateModelAction | SetModelAction => {
-  if (modelToUpdate) {
-    // $FlowFixMe[prop-missing]
-    if (typeof modelToUpdate["update"] === "function") {
-      const clonedModel = modelToUpdate.clone();
-      clonedModel.update(model);
-
-      return updateModel(clonedModel);
-    }
-
-    throw new Error(
-      `loadModel action: updateModel is set as option for ${key}, but the model is missing an update methode`,
-    );
+  if (updateHandler) {
+    return updateModel(updateHandler(model));
   }
-
   return setModel(key, model);
 };
 
@@ -127,7 +119,7 @@ export const loadModel = (
     /**
      */
     successAction: (model) =>
-      loadModelSuccessAction(key, model, options?.updateModel),
+      loadModelSuccessAction(key, model, options?.updateHandler),
     /**
      */
     errorAction: (error) => {

package/src/redux/actions/FormAttributeSet.js

@@ -6,6 +6,7 @@ import { getSetting } from "../../constants/Settings";
 import { validateFormObject } from "./FormValidations";
 import { autosaveFormObject } from "./FormAutosave";
 import { autosubmitFormObject } from "./FormAutosubmit";
+import { autoupdateFormObject } from "./FormAutoupdate";
 
 import type { Dispatch, ThunkAction, UpdateFormOptions } from "../types";
 import type { AttributeType } from "../../models/types";
@@ -23,7 +24,8 @@ export const updateFormAttribute =
     inputvalue: string,
     options: UpdateFormOptions = {
       autosubmit: false,
-      autosave: false,
+      autosave: false, // autosave commits the form in the background
+      autoupdate: false, // autoupdate does not commit and updates the form with for example a new dynamicschema (work-around for form-tree iq)
       forceUpdate: false,
       validate: true,
     },
@@ -56,18 +58,41 @@ export const updateFormAttribute =
       }
     }
 
-    if (options.autosave && newForm.isValid && newForm.isChanged()) {
-      dispatch(autosaveFormObject(newForm));
+    if (options.autoupdate && newForm.isValid) {
+      const autoupdateAction = autoupdateFormObject(newForm, attribute);
+      if (autoupdateAction) {
+        return dispatch(autoupdateAction);
+      }
     }
 
-    if (
-      options.validate &&
-      newForm.currentFormObject?.hasDynamicValidations &&
-      getSetting("USE_INSTANT_SERVER_VALIDATION")
-    ) {
-      // server form validations happens async, don't wait for the form to return
-      dispatch(validateFormObject(newForm));
-    }
+    handleAutoSave(dispatch, newForm, options);
+
+    handleValidate(dispatch, newForm, options);
 
     return dispatch(updateForm(newForm));
   };
+
+const handleAutoSave = (
+  dispatch: Dispatch,
+  newForm: FormModel,
+  options: UpdateFormOptions,
+) => {
+  if (options.autosave && newForm.isValid && newForm.isChanged()) {
+    dispatch(autosaveFormObject(newForm));
+  }
+};
+
+const handleValidate = (
+  dispatch: Dispatch,
+  newForm: FormModel,
+  options: UpdateFormOptions,
+) => {
+  if (
+    options.validate &&
+    newForm.currentFormObject?.hasDynamicValidations &&
+    getSetting("USE_INSTANT_SERVER_VALIDATION")
+  ) {
+    // server form validations happens async, don't wait for the form to return
+    dispatch(validateFormObject(newForm));
+  }
+};

package/src/redux/actions/FormAutosubmit.js

@@ -1,9 +1,9 @@
 // @flow
 import { loadModularUI } from "../_modularui/ModularUIActions";
 import { HTTP_METHODS } from "../../constants/Constants";
+import FormModel from "../../models/form/FormModel";
 
-import type { AttributeType } from "../../models/types";
-import type FormModel from "../../models/form/FormModel";
+import type { ModularUIModel, AttributeType } from "../../models/types";
 import type { ThunkAction } from "../types";
 
 /**
@@ -28,7 +28,14 @@ export const autosubmitFormObject = (
     return loadModularUI(form.connectKey, form.selfhref, {
       method: HTTP_METHODS.POST,
       data: form.formdata,
-      updateModel: form,
+      updateHandler: (newModel: ModularUIModel): ModularUIModel => {
+        if (newModel instanceof FormModel) {
+          const clonedModel: FormModel = form.clone();
+          clonedModel.update(newModel);
+          return clonedModel;
+        }
+        return newModel;
+      },
     });
   }
 

package/src/redux/actions/FormAutoupdate.js

@@ -0,0 +1,43 @@
+// @flow
+import { loadModularUI } from "../_modularui/ModularUIActions";
+import { HTTP_METHODS } from "../../constants/Constants";
+
+import FormModel from "../../models/form/FormModel";
+
+import type { AttributeType, ModularUIModel } from "../../models/types";
+import type { ThunkAction } from "../types";
+
+/**
+ */
+export const autoupdateFormObject = (
+  form: FormModel,
+  attribute: AttributeType,
+): ?ThunkAction => {
+  // As long as we have form objects,
+  // and the current attribute is not found in the current form object, go back.
+  // When a form has a result, the current form object is null
+  while (
+    form.allObjects.length > 0 &&
+    (!form.currentFormObject ||
+      !form.currentFormObject.hasAttributeByKey(attribute.key))
+  ) {
+    form.setPreviousObject();
+  }
+
+  if (form.isChanged()) {
+    return loadModularUI(form.connectKey, form.selfhref, {
+      method: HTTP_METHODS.POST,
+      data: form.formdata,
+      updateHandler: (newModel: ModularUIModel): ModularUIModel => {
+        if (newModel instanceof FormModel) {
+          const clonedModel: FormModel = form.clone();
+          clonedModel.updateCurrentFormObject(newModel);
+          return clonedModel;
+        }
+        return newModel;
+      },
+    });
+  }
+
+  return null;
+};

package/src/redux/connectors/FormAttributeSet.js

@@ -24,6 +24,7 @@ type OwnProps = {
   formLayout?: "vertical" | "horizontal" | "compact",
   autosubmit?: boolean,
   autosave?: boolean,
+  autoupdate?: boolean,
 };
 
 type DispatchProps = {
@@ -50,8 +51,9 @@ const mapDispatchToProps = (
     attribute: AttributeType,
     value: string,
     options: UpdateFormOptions = {
-      autosubmit: ownProps.autosubmit || false,
-      autosave: ownProps.autosave || false,
+      autosubmit: ownProps.autosubmit ?? false,
+      autosave: ownProps.autosave ?? false,
+      autoupdate: ownProps.autoupdate ?? false,
     },
   ) =>
     dispatch(

package/src/redux/types.js

@@ -46,6 +46,7 @@ export type PreferenceValue =
 export type UpdateFormOptions = {
   autosubmit: boolean,
   autosave: boolean,
+  autoupdate: boolean,
   forceUpdate?: boolean,
   /** Default true: Activate/deactivate the form object validate by an update */
   validate?: boolean,

package/src/utils/fetch/types.js

@@ -31,11 +31,12 @@ export type RequestBaseOptions = {
 
 export type RequestOptions = { ...RequestURLOptions, ...RequestBaseOptions };
 
+export type UpdateHandler = (newModel: ModularUIModel) => ModularUIModel;
 export type RequestModularUIOptions = {
   ...RequestBaseOptions,
   targetModel?: TargetModel,
   forceTargetModel?: boolean,
-  updateModel?: ModularUIModel,
+  updateHandler?: UpdateHandler | void,
   childmodels?: boolean,
   isValidationRequest?: boolean,
   removeOnUnmount?: boolean,

package/types/hooks/useI18n.d.ts

@@ -1,6 +1,6 @@
 /**
  */
-export function useTranslate(): (...any: any[]) => any;
+export function useTranslate(): ((...any) => any);
 /**
  */
 export function useMessage(id: string, defaultMessage?: string, placeholders?: Object | null): any;

package/types/models/application/ApplicationModel.d.ts

@@ -3,6 +3,9 @@
  */
 export default class ApplicationModel extends ResourceModel {
     _userServices: UserServicesModel | null;
+    /**
+     */
+    setChildModels(models: Array<ModularUIModel>): void;
     /**
      * Set the userservices for this application
      */
@@ -32,9 +35,13 @@ export default class ApplicationModel extends ResourceModel {
      * only available when the user services are available
      */
     get userHref(): Href;
+    /**
+     */
+    get userMustChangePassword(): boolean;
 }
 import ResourceModel from "../base/ResourceModel";
 import UserServicesModel from "../user/UserServicesModel";
+import { ModularUIModel } from "../types";
 import { AuthenticationType } from "../types";
 import LinkCollection from "../links/LinkCollection";
 import LinkModel from "../links/LinkModel";

package/types/models/attributes/AttributeModel.d.ts

@@ -36,7 +36,7 @@ export default class AttributeModel extends BaseModel {
     getInitialChildModelLinks(): Array<LinkModel>;
     /**
      */
-    setChildModels(models: Array<ModularUIModel>): void;
+    setChildModels(models: Array<ModularUIModel>, errors: Array<ErrorResponse>): void;
     /**
      * Set the concept
      */
@@ -281,7 +281,7 @@ export default class AttributeModel extends BaseModel {
     /**
      * Registers a missing error that was received from the server
      */
-    addMissingError(): void;
+    addMissingError(receivedAttribute?: AttributeType): void;
     /**
      */
     removeMissingError(): void;
@@ -386,10 +386,11 @@ import LinkCollection from "../links/LinkCollection";
 import LayoutHintRuleCollection from "./layouthint-rules/LayoutHintRuleCollection";
 import LinkModel from "../links/LinkModel";
 import { ModularUIModel } from "../types";
+import ErrorResponse from "../error/ErrorResponse";
 import ContentConfiguration from "../contentconfiguration/ContentConfiguration";
 import ContentConfigurationElements from "../contentconfiguration/ContentConfigurationElements";
 import { FormErrorAnchor } from "../types";
-import { MessageParameters } from "../../i18n/types";
 import { AttributeType } from "../types";
+import { MessageParameters } from "../../i18n/types";
 import AttributeCollection from "./AttributeCollection";
 import AttributeContent from "./AttributeContent";

package/types/models/attributes/ChoiceAttributeModel.d.ts

@@ -60,6 +60,9 @@ export default class ChoiceAttributeModel extends AttributeModel {
      * Check if options need to be rendered as tree
      */
     get isTree(): boolean;
+    /**
+     */
+    mergeAttribute(oldAttribute: AttributeType, addNotExistingOptions?: boolean, removeNotExistingOptions?: boolean): void;
     /**
      * Update attribute by name and value
      */
@@ -78,4 +81,5 @@ export default class ChoiceAttributeModel extends AttributeModel {
 import AttributeModel from "./AttributeModel";
 import ChoiceAttributeOptionCollection from "./ChoiceAttributeOptionCollection";
 import LinkModel from "../links/LinkModel";
+import { AttributeType } from "../types";
 import ContentConfigurationElements from "../contentconfiguration/ContentConfigurationElements";

package/types/models/attributes/ChoiceAttributeOptionCollection.d.ts

@@ -72,7 +72,7 @@ declare class ChoiceAttributeOptionCollection extends ResourceCollection<ChoiceA
     get headers(): ListHeaderModel[];
     /**
      */
-    mergeOptions(withOptions: ChoiceAttributeOptionCollection, addNotExistingOptions?: boolean): void;
+    mergeOptions(withOptions: ChoiceAttributeOptionCollection, addNotExistingOptions?: boolean, removeNotExistingOptions?: boolean): void;
 }
 import ChoiceAttributeOptionModel from "./ChoiceAttributeOptionModel";
 import ResourceCollection from "../base/ResourceCollection";

package/types/models/attributes/ChoiceAttributeOptionModel.d.ts

@@ -35,7 +35,7 @@ declare class ChoiceAttributeOptionModel extends BaseModel {
     getInitialChildModelLinks(): Array<LinkModel>;
     /**
      */
-    setChildModels(models: Array<ModularUIModel>): void;
+    setChildModels(models: Array<ModularUIModel>, errors: Array<ErrorResponse>): void;
     /**
      * Set the concept
      */
@@ -143,4 +143,5 @@ import AttributeCollection from "./AttributeCollection";
 import AttributeContent from "./AttributeContent";
 import LinkModel from "../links/LinkModel";
 import { ModularUIModel } from "../types";
+import ErrorResponse from "../error/ErrorResponse";
 import ListItemModel from "../list/ListItemModel";

package/types/models/attributes/input-constraints/ConstraintModel.d.ts

@@ -5,7 +5,7 @@ export default class ConstraintModel {
      */
     constructor(id: string, validateMethod: Function | null, defaultMessage: string | null, parameters: Object | null, useClientsideValidation?: boolean);
     _id: string;
-    _validateMethod: (value: any) => boolean;
+    _validateMethod: ((value: any) => boolean) | null;
     _defaultMessage: string | null;
     _parameters: Object | null;
     _useClientsideValidation: boolean;

package/types/models/base/ResourceCollection.d.ts

@@ -12,8 +12,9 @@ declare class ResourceCollection<T, IModelWithChildModels> extends BaseCollectio
     /**
      * Pass through models for setchildmodels to items of this collection
      */
-    setChildModels(models: Array<ModularUIModel>): void;
+    setChildModels(models: Array<ModularUIModel>, errors: Array<ErrorResponse>): void;
 }
 import BaseCollection from "./BaseCollection";
 import LinkModel from "../links/LinkModel";
 import { ModularUIModel } from "../types";
+import ErrorResponse from "../error/ErrorResponse";

package/types/models/base/ResourceModel.d.ts

@@ -80,7 +80,7 @@ declare class ResourceModel extends BaseModel {
     /**
      * Add child models to this model
      */
-    addChildModels(models: Array<ModularUIModel>): this;
+    addChildModels(models: Array<ModularUIModel>, errors: Array<ErrorResponse>): this;
     /**
      * Template to set expanded child models
      * Use this hook to separate the retrieved child models into the correct models.
@@ -88,7 +88,7 @@ declare class ResourceModel extends BaseModel {
      * @abstract
      * @example <caption>Put all models of instance List and GroupingPanel into the panels property</caption>
      */
-    setChildModels(models: Array<ModularUIModel>): void;
+    setChildModels(models: Array<ModularUIModel>, errors: Array<ErrorResponse>): void;
     /**
      */
     dehydrate(): Object;
@@ -98,4 +98,5 @@ import { ModularUIModel } from "../types";
 import LinkCollection from "../links/LinkCollection";
 import LinkModel from "../links/LinkModel";
 import Href from "../href/Href";
+import ErrorResponse from "../error/ErrorResponse";
 import ModularUIResponse from "../../modularui/ModularUIResponse";

package/types/models/concepts/BusinessScenarioModel.d.ts

@@ -4,7 +4,7 @@ export default BusinessScenarioModel;
 declare class BusinessScenarioModel extends ConceptDetailModel {
     /**
      */
-    static isOfConceptType(conceptTypeHref: string | null, settingName: "STEP" | "PERSONA" | "SCENARIO"): boolean;
+    static isOfConceptType(conceptTypeHref: string | null, settingNames: Array<"STEP" | "PERSONA" | "SCENARIO" | "SYSTEM">): boolean;
     _scenarioSteps: Array<ConceptDetailModel>;
     /**
      */

package/types/models/concepts/ConceptRelationModel.d.ts

@@ -14,13 +14,12 @@ export default class ConceptRelationModel {
      */
     setChildModels(models: Array<ModularUIModel>): void;
     /**
-     * Get key of relation
      */
-    get key(): string;
+    get type(): string;
     /**
-     * Get Text fragments
+     * Get key of relation
      */
-    get textfragments(): textfragmentJSON[];
+    get key(): string;
     /**
      * Get Label of relation
      */
@@ -29,6 +28,13 @@ export default class ConceptRelationModel {
      * Get direction of relation
      */
     get direction(): string;
+    /**
+     * Get type of relation type,
+     */
+    get relationTypeType(): "None" | "Sub-Class" | "Composition" | "Association" | "Unknown";
+    /**
+     */
+    get condition(): string;
     /**
      * Set concept information
      */
@@ -37,8 +43,17 @@ export default class ConceptRelationModel {
      * Get other concept
      */
     get concept(): ConceptLinkModel;
+    /**
+     * Get Text fragments
+     */
+    get textfragments(): textfragmentJSON[];
+    /**
+     * Get Properties
+     */
+    get properties(): propertyJSON[];
 }
 import ConceptLinkModel from "./ConceptLinkModel";
 import LinkModel from "../links/LinkModel";
 import { ModularUIModel } from "../types";
 import { textfragmentJSON } from "../types";
+import { propertyJSON } from "../types";

package/types/models/content/ContentModel.d.ts

@@ -5,6 +5,9 @@ export default class ContentModel extends ResourceModel {
     _section: SectionModel;
     _contentType: ContentTypeModel | null;
     _filterCollection: FilterCollection;
+    /**
+     */
+    setChildModels(models: Array<ModularUIModel>): void;
     /**
      * Set concept type
      */
@@ -69,6 +72,7 @@ import ResourceModel from "../base/ResourceModel";
 import SectionModel from "./SectionModel";
 import ContentTypeModel from "./ContentTypeModel";
 import FilterCollection from "../filters/FilterCollection";
+import { ModularUIModel } from "../types";
 import ContentLinkModel from "./ContentLinkModel";
 import SubSectionModel from "./SubSectionModel";
 import Href from "../href/Href";

package/types/models/content/ContentTOCModel.d.ts

@@ -4,6 +4,9 @@
 export default class ContentTOCModel extends ResourceModel {
     _contentType: ContentTypeModel | null;
     _filterCollection: FilterCollection;
+    /**
+     */
+    setChildModels(models: Array<ModularUIModel>): void;
     /**
      */
     set contentType(contentType: ContentTypeModel);
@@ -34,4 +37,5 @@ export default class ContentTOCModel extends ResourceModel {
 import ResourceModel from "../base/ResourceModel";
 import ContentTypeModel from "./ContentTypeModel";
 import FilterCollection from "../filters/FilterCollection";
+import { ModularUIModel } from "../types";
 import ContentLinkModel from "./ContentLinkModel";

package/types/models/form/FormModel.d.ts

@@ -193,7 +193,7 @@ declare class FormModel extends ResourceModel {
      */
     getResultData(): {
         [key: string]: AttributeSetModel;
-    };
+    } | null;
     /**
      */
     get resultData(): Object;
@@ -280,6 +280,12 @@ declare class FormModel extends ResourceModel {
      * Merge existing form with new form
      */
     update(receivedForm: ModularUIModel): FormModel;
+    /**
+     * Updates the current form object with new information about the object,
+     * like for example a new dynamicschema. Used for autoupdate functionality that makes it possible
+     * to update the options of a next missing attribute in a form-tree iq question
+     */
+    updateCurrentFormObject(receivedForm: ModularUIModel): void;
     /**
      */
     updateValidations(data: any): FormModel;

package/types/models/form/FormObjectModel.d.ts

@@ -40,7 +40,7 @@ export default class FormObjectModel extends BaseModel {
     getInitialChildModelLinks(): Array<LinkModel>;
     /**
      */
-    setChildModels(models: Array<ModularUIModel>): void;
+    setChildModels(models: Array<ModularUIModel>, errors: Array<ErrorResponse>): void;
     /**
      * get key
      */
@@ -53,7 +53,15 @@ export default class FormObjectModel extends BaseModel {
      */
     get hasEndResultConfiguration(): boolean;
     /**
-     * Indicates if object is dynamic. A dynamic object should be submitted on each attribute change
+     * Indicates if object is dynamic.
+     *
+     * A subtle difference exists between objects for wizard style instrument dialogs and other objects.
+     * In the 'missing object' response, wizard style objects will include only the first attribute(s) to be answered,
+     * while other objects will include the complete set of attributes of that object.
+     *
+     * This difference is condensed in the term of 'dynamic objects': these objects start (in the 'missing object' response)
+     * with a very select set of attributes to be answered, and each successive 'missing elements' response will include next attributes to be answered.
+     * When an object is dynamic, the form contributions will mention a "dynamicObject": true property.
      */
     get isDynamic(): boolean;
     /**
@@ -194,5 +202,6 @@ import ErrorCollection from "../error/ErrorCollection";
 import { AttributeType } from "../types";
 import LinkModel from "../links/LinkModel";
 import { ModularUIModel } from "../types";
+import ErrorResponse from "../error/ErrorResponse";
 import { FormErrorAnchor } from "../types";
 import { MessageParameters } from "../../i18n";

package/types/models/links/normalizeLinkJSON.d.ts

@@ -3,7 +3,7 @@ export default normalizeLinkJSON;
  * Normalize various link formats from services into a concistent format
  * @private
  */
-declare function normalizeLinkJSON(data: Object, contributions: Object): {
+declare function normalizeLinkJSON(data: Object, contributions: Object): Array<{
     data: any;
     contributions: any;
-}[];
+}>;

package/types/models/list/ListModel.d.ts

@@ -11,6 +11,9 @@ export default class ListModel extends ResourceModel {
     _listItemCollection: ListItemCollection;
     _grouping: GroupingModel;
     _selfhref: ListHref;
+    /**
+     */
+    setChildModels(models: Array<ModularUIModel>): void;
     /**
      * Add detail model to the {ListModel}
      */
@@ -136,4 +139,5 @@ import ActionCollection from "../actions/ActionCollection";
 import ListItemCollection from "../list/ListItemCollection";
 import GroupingModel from "../grouping/GroupingModel";
 import ListHref from "../href/ListHref";
+import { ModularUIModel } from "../types";
 import ListItemModel from "../list/ListItemModel";