@beinformed/ui 1.21.2 → 1.21.5

package/lib/models/types.js.flow

@@ -109,7 +109,7 @@ export type FormErrorAnchor = {
     index?: number,
     "index-identifier"?: string,
   },
-  layouthint?: LayoutHintCollection,
+  layouthint: LayoutHintCollection,
   message: string,
   param?: {
     name: string,

package/lib/models/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../src/models/types.js"],"sourcesContent":["// @flow\nimport type ApplicationModel from \"./application/ApplicationModel\";\nimport type BooleanAttributeModel from \"./attributes/BooleanAttributeModel\";\nimport type CaptchaAttributeModel from \"./attributes/CaptchaAttributeModel\";\nimport type ChoiceAttributeModel from \"./attributes/ChoiceAttributeModel\";\nimport type CompositeAttributeModel from \"./attributes/CompositeAttributeModel\";\nimport type DatetimeAttributeModel from \"./attributes/DatetimeAttributeModel\";\nimport type HelptextAttributeModel from \"./attributes/HelptextAttributeModel\";\nimport type LabelAttributeModel from \"./attributes/LabelAttributeModel\";\nimport type MemoAttributeModel from \"./attributes/MemoAttributeModel\";\nimport type MoneyAttributeModel from \"./attributes/MoneyAttributeModel\";\nimport type NumberAttributeModel from \"./attributes/NumberAttributeModel\";\nimport type PasswordAttributeModel from \"./attributes/PasswordAttributeModel\";\nimport type StringAttributeModel from \"./attributes/StringAttributeModel\";\nimport type UploadAttributeModel from \"./attributes/UploadAttributeModel\";\nimport type XMLAttributeModel from \"./attributes/XMLAttributeModel\";\nimport type CaseViewModel from \"./caseview/CaseViewModel\";\nimport type BusinessScenarioModel from \"./concepts/BusinessScenarioModel\";\nimport type ConceptDetailModel from \"./concepts/ConceptDetailModel\";\nimport type ConceptIndexModel from \"./concepts/ConceptIndexModel\";\nimport type ConceptTypeDetailModel from \"./concepts/ConceptTypeDetailModel\";\nimport type ContentIndexModel from \"./content/ContentIndexModel\";\nimport type ContentModel from \"./content/ContentModel\";\nimport type SectionModel from \"./content/SectionModel\";\nimport type ContentTOCModel from \"./content/ContentTOCModel\";\nimport type ContentTypeModel from \"./content/ContentTypeModel\";\nimport type DetailModel from \"./detail/DetailModel\";\nimport type AssignmentFilterModel from \"./filters/AssignmentFilterModel\";\nimport type FilterModel from \"./filters/FilterModel\";\nimport type RangeFilterModel from \"./filters/RangeFilterModel\";\nimport type ConceptIndexFilterModel from \"./filters/ConceptIndexFilterModel\";\nimport type FormModel from \"./form/FormModel\";\nimport type ListDetailModel from \"./list/ListDetailModel\";\nimport type ListModel from \"./list/ListModel\";\nimport type ModelCatalogModel from \"./modelcatalog/ModelCatalogModel\";\nimport type GroupingPanelModel from \"./panels/GroupingPanelModel\";\nimport type CaseSearchModel from \"./search/CaseSearchModel\";\nimport type TabModel from \"./tab/TabModel\";\nimport type TaskGroupModel from \"./taskgroup/TaskGroupModel\";\nimport type UserModel from \"./user/UserModel\";\nimport type UserServicesModel from \"./user/UserServicesModel\";\nimport type LinkModel from \"./links/LinkModel\";\nimport type LookupOptionsModel from \"./lookup/LookupOptionsModel\";\nimport type BaseFilterModel from \"./filters/BaseFilterModel\";\nimport type AttributeCollection from \"./attributes/AttributeCollection\";\nimport type AttributeModel from \"./attributes/AttributeModel\";\nimport type LayoutHintCollection from \"./layouthint/LayoutHintCollection\";\n\nexport type ModularUIModel =\n  | ApplicationModel\n  | CaseSearchModel\n  | CaseViewModel\n  | ListDetailModel\n  | DetailModel\n  | FormModel\n  | GroupingPanelModel\n  | ListModel\n  | TabModel\n  | TaskGroupModel\n  | UserModel\n  | UserServicesModel\n  | ModelCatalogModel\n  | ConceptIndexModel\n  | ConceptDetailModel\n  | BusinessScenarioModel\n  | ConceptTypeDetailModel\n  | ContentIndexModel\n  | ContentTOCModel\n  | ContentModel\n  | ContentTypeModel\n  | LookupOptionsModel;\n\nexport type AttributeType =\n  | BooleanAttributeModel\n  | CaptchaAttributeModel\n  | ChoiceAttributeModel\n  | DatetimeAttributeModel\n  | HelptextAttributeModel\n  | LabelAttributeModel\n  | MemoAttributeModel\n  | MoneyAttributeModel\n  | NumberAttributeModel\n  | PasswordAttributeModel\n  | CompositeAttributeModel\n  | StringAttributeModel\n  | UploadAttributeModel\n  | XMLAttributeModel;\n\nexport type RangeChildAttributeType =\n  | NumberAttributeModel\n  | DatetimeAttributeModel;\n\nexport type FilterType =\n  | BaseFilterModel\n  | FilterModel\n  | AssignmentFilterModel\n  | RangeFilterModel\n  | ConceptIndexFilterModel;\n\nexport type FormErrorAnchor = {\n  id: string,\n  properties?: {\n    [propertyName: string]: string | number,\n  },\n  anchor?: {\n    objectid: string,\n    elementid?: string,\n    _links?: Object,\n    index?: number,\n    \"index-identifier\"?: string,\n  },\n  layouthint?: LayoutHintCollection,\n  message: string,\n  param?: {\n    name: string,\n  },\n};\n\nexport type labelsJSON = {|\n  _id: string,\n  label: string,\n  value: string,\n|};\n\nexport type propertyJSON = {|\n  _id: string,\n  type: string,\n  mandatory: string,\n  label: string,\n  value: string,\n|};\n\nexport type textfragmentJSON = {|\n  label: string,\n  text: string,\n  type: string,\n|};\n\nexport interface IConstraintModel {\n  +id: string;\n  +defaultMessage: string;\n  +parameters: Object;\n  +isMandatoryConstraint: boolean;\n  validate(value: any): boolean;\n  hasValidation(): boolean;\n}\n\nexport interface ILayoutHintRule {\n  process(attribute: AttributeModel, attributes: AttributeCollection): void;\n}\n\nexport interface IModelWithChildModels {\n  getInitialChildModelLinks(): Array<LinkModel>;\n  setChildModels(models: Array<ModularUIModel>): void;\n}\n\nexport type AuthenticationType = {\n  name: string,\n  authentication: string,\n  redirectUri: string,\n  isPrimary: boolean,\n};\n\nexport type FileEntryType = {\n  name: string,\n  size?: number,\n  progress: number,\n  error?: string,\n  token?: string,\n};\n\nexport type FilesType = {\n  [filename: string]: FileEntryType,\n};\n\nexport type FiletypeConstraintsType = Array<{|\n  extensions: Array<string>,\n  mimeTypes: Array<string>,\n|}>;\n\nexport type FilesizeConstraintsType = {\n  fileSize: ?number,\n  maxTotalFileSize: ?number,\n  isMaxTotal: boolean,\n};\n\nexport type PropertyData = { type: string, label: string, value: string };\nexport type TextFragmentData = {\n  type: string,\n  label: string,\n  text: string | { id?: string, message: string, properties?: Object },\n};\nexport type SectionData = {\n  id: string,\n  type: string,\n  label?: string,\n  number?: string,\n  body: string | { id?: string, message: string, properties?: Object },\n  _links: { self: { href: string } },\n  childSections: Array<SectionData>,\n  subSections: Array<SectionData>,\n};\n\nexport type PropertyElement = {\n  propertyElement: {\n    label: string,\n    layouthint: Array<string>,\n    properties: Array<PropertyData>,\n  },\n};\nexport type TextFragmentElement = {\n  textFragmentElement: {\n    label: string,\n    layouthint: Array<string>,\n    textfragments: Array<TextFragmentData>,\n  },\n};\nexport type ContentElement = {\n  contentElement: {\n    label: string,\n    layouthint: Array<string>,\n    sections: Array<SectionData>,\n  },\n};\n\nexport type PropertyElementMapped = {\n  propertyElement: {\n    label: string,\n    layouthint: LayoutHintCollection,\n    properties: Array<PropertyData>,\n  },\n};\nexport type TextFragmentElementMapped = {\n  textFragmentElement: {\n    label: string,\n    layouthint: LayoutHintCollection,\n    textfragments: Array<TextFragmentData>,\n  },\n};\nexport type ContentElementMapped = {\n  contentElement: {\n    label: string,\n    layouthint: LayoutHintCollection,\n    sections: Array<SectionModel>,\n  },\n};\n\nexport type ContentAll = Array<\n  PropertyElementMapped | TextFragmentElementMapped | ContentElementMapped\n>;\n\nexport type ContentData = {\n  header: {\n    label?: string,\n    description?: { id?: string, message: string, properties?: Object },\n  },\n  label?: string,\n  elements: Array<PropertyElement | TextFragmentElement | ContentElement>,\n};\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../src/models/types.js"],"sourcesContent":["// @flow\nimport type ApplicationModel from \"./application/ApplicationModel\";\nimport type BooleanAttributeModel from \"./attributes/BooleanAttributeModel\";\nimport type CaptchaAttributeModel from \"./attributes/CaptchaAttributeModel\";\nimport type ChoiceAttributeModel from \"./attributes/ChoiceAttributeModel\";\nimport type CompositeAttributeModel from \"./attributes/CompositeAttributeModel\";\nimport type DatetimeAttributeModel from \"./attributes/DatetimeAttributeModel\";\nimport type HelptextAttributeModel from \"./attributes/HelptextAttributeModel\";\nimport type LabelAttributeModel from \"./attributes/LabelAttributeModel\";\nimport type MemoAttributeModel from \"./attributes/MemoAttributeModel\";\nimport type MoneyAttributeModel from \"./attributes/MoneyAttributeModel\";\nimport type NumberAttributeModel from \"./attributes/NumberAttributeModel\";\nimport type PasswordAttributeModel from \"./attributes/PasswordAttributeModel\";\nimport type StringAttributeModel from \"./attributes/StringAttributeModel\";\nimport type UploadAttributeModel from \"./attributes/UploadAttributeModel\";\nimport type XMLAttributeModel from \"./attributes/XMLAttributeModel\";\nimport type CaseViewModel from \"./caseview/CaseViewModel\";\nimport type BusinessScenarioModel from \"./concepts/BusinessScenarioModel\";\nimport type ConceptDetailModel from \"./concepts/ConceptDetailModel\";\nimport type ConceptIndexModel from \"./concepts/ConceptIndexModel\";\nimport type ConceptTypeDetailModel from \"./concepts/ConceptTypeDetailModel\";\nimport type ContentIndexModel from \"./content/ContentIndexModel\";\nimport type ContentModel from \"./content/ContentModel\";\nimport type SectionModel from \"./content/SectionModel\";\nimport type ContentTOCModel from \"./content/ContentTOCModel\";\nimport type ContentTypeModel from \"./content/ContentTypeModel\";\nimport type DetailModel from \"./detail/DetailModel\";\nimport type AssignmentFilterModel from \"./filters/AssignmentFilterModel\";\nimport type FilterModel from \"./filters/FilterModel\";\nimport type RangeFilterModel from \"./filters/RangeFilterModel\";\nimport type ConceptIndexFilterModel from \"./filters/ConceptIndexFilterModel\";\nimport type FormModel from \"./form/FormModel\";\nimport type ListDetailModel from \"./list/ListDetailModel\";\nimport type ListModel from \"./list/ListModel\";\nimport type ModelCatalogModel from \"./modelcatalog/ModelCatalogModel\";\nimport type GroupingPanelModel from \"./panels/GroupingPanelModel\";\nimport type CaseSearchModel from \"./search/CaseSearchModel\";\nimport type TabModel from \"./tab/TabModel\";\nimport type TaskGroupModel from \"./taskgroup/TaskGroupModel\";\nimport type UserModel from \"./user/UserModel\";\nimport type UserServicesModel from \"./user/UserServicesModel\";\nimport type LinkModel from \"./links/LinkModel\";\nimport type LookupOptionsModel from \"./lookup/LookupOptionsModel\";\nimport type BaseFilterModel from \"./filters/BaseFilterModel\";\nimport type AttributeCollection from \"./attributes/AttributeCollection\";\nimport type AttributeModel from \"./attributes/AttributeModel\";\nimport type LayoutHintCollection from \"./layouthint/LayoutHintCollection\";\n\nexport type ModularUIModel =\n  | ApplicationModel\n  | CaseSearchModel\n  | CaseViewModel\n  | ListDetailModel\n  | DetailModel\n  | FormModel\n  | GroupingPanelModel\n  | ListModel\n  | TabModel\n  | TaskGroupModel\n  | UserModel\n  | UserServicesModel\n  | ModelCatalogModel\n  | ConceptIndexModel\n  | ConceptDetailModel\n  | BusinessScenarioModel\n  | ConceptTypeDetailModel\n  | ContentIndexModel\n  | ContentTOCModel\n  | ContentModel\n  | ContentTypeModel\n  | LookupOptionsModel;\n\nexport type AttributeType =\n  | BooleanAttributeModel\n  | CaptchaAttributeModel\n  | ChoiceAttributeModel\n  | DatetimeAttributeModel\n  | HelptextAttributeModel\n  | LabelAttributeModel\n  | MemoAttributeModel\n  | MoneyAttributeModel\n  | NumberAttributeModel\n  | PasswordAttributeModel\n  | CompositeAttributeModel\n  | StringAttributeModel\n  | UploadAttributeModel\n  | XMLAttributeModel;\n\nexport type RangeChildAttributeType =\n  | NumberAttributeModel\n  | DatetimeAttributeModel;\n\nexport type FilterType =\n  | BaseFilterModel\n  | FilterModel\n  | AssignmentFilterModel\n  | RangeFilterModel\n  | ConceptIndexFilterModel;\n\nexport type FormErrorAnchor = {\n  id: string,\n  properties?: {\n    [propertyName: string]: string | number,\n  },\n  anchor?: {\n    objectid: string,\n    elementid?: string,\n    _links?: Object,\n    index?: number,\n    \"index-identifier\"?: string,\n  },\n  layouthint: LayoutHintCollection,\n  message: string,\n  param?: {\n    name: string,\n  },\n};\n\nexport type labelsJSON = {|\n  _id: string,\n  label: string,\n  value: string,\n|};\n\nexport type propertyJSON = {|\n  _id: string,\n  type: string,\n  mandatory: string,\n  label: string,\n  value: string,\n|};\n\nexport type textfragmentJSON = {|\n  label: string,\n  text: string,\n  type: string,\n|};\n\nexport interface IConstraintModel {\n  +id: string;\n  +defaultMessage: string;\n  +parameters: Object;\n  +isMandatoryConstraint: boolean;\n  validate(value: any): boolean;\n  hasValidation(): boolean;\n}\n\nexport interface ILayoutHintRule {\n  process(attribute: AttributeModel, attributes: AttributeCollection): void;\n}\n\nexport interface IModelWithChildModels {\n  getInitialChildModelLinks(): Array<LinkModel>;\n  setChildModels(models: Array<ModularUIModel>): void;\n}\n\nexport type AuthenticationType = {\n  name: string,\n  authentication: string,\n  redirectUri: string,\n  isPrimary: boolean,\n};\n\nexport type FileEntryType = {\n  name: string,\n  size?: number,\n  progress: number,\n  error?: string,\n  token?: string,\n};\n\nexport type FilesType = {\n  [filename: string]: FileEntryType,\n};\n\nexport type FiletypeConstraintsType = Array<{|\n  extensions: Array<string>,\n  mimeTypes: Array<string>,\n|}>;\n\nexport type FilesizeConstraintsType = {\n  fileSize: ?number,\n  maxTotalFileSize: ?number,\n  isMaxTotal: boolean,\n};\n\nexport type PropertyData = { type: string, label: string, value: string };\nexport type TextFragmentData = {\n  type: string,\n  label: string,\n  text: string | { id?: string, message: string, properties?: Object },\n};\nexport type SectionData = {\n  id: string,\n  type: string,\n  label?: string,\n  number?: string,\n  body: string | { id?: string, message: string, properties?: Object },\n  _links: { self: { href: string } },\n  childSections: Array<SectionData>,\n  subSections: Array<SectionData>,\n};\n\nexport type PropertyElement = {\n  propertyElement: {\n    label: string,\n    layouthint: Array<string>,\n    properties: Array<PropertyData>,\n  },\n};\nexport type TextFragmentElement = {\n  textFragmentElement: {\n    label: string,\n    layouthint: Array<string>,\n    textfragments: Array<TextFragmentData>,\n  },\n};\nexport type ContentElement = {\n  contentElement: {\n    label: string,\n    layouthint: Array<string>,\n    sections: Array<SectionData>,\n  },\n};\n\nexport type PropertyElementMapped = {\n  propertyElement: {\n    label: string,\n    layouthint: LayoutHintCollection,\n    properties: Array<PropertyData>,\n  },\n};\nexport type TextFragmentElementMapped = {\n  textFragmentElement: {\n    label: string,\n    layouthint: LayoutHintCollection,\n    textfragments: Array<TextFragmentData>,\n  },\n};\nexport type ContentElementMapped = {\n  contentElement: {\n    label: string,\n    layouthint: LayoutHintCollection,\n    sections: Array<SectionModel>,\n  },\n};\n\nexport type ContentAll = Array<\n  PropertyElementMapped | TextFragmentElementMapped | ContentElementMapped\n>;\n\nexport type ContentData = {\n  header: {\n    label?: string,\n    description?: { id?: string, message: string, properties?: Object },\n  },\n  label?: string,\n  elements: Array<PropertyElement | TextFragmentElement | ContentElement>,\n};\n"],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beinformed/ui",
-  "version": "1.21.2",
+  "version": "1.21.5",
   "description": "Toolbox for be informed javascript layouts",
   "license": "SEE LICENSE IN LICENSE.md",
   "bugs": "http://support.beinformed.com",

package/src/models/attributes/AttributeModel.js

@@ -711,7 +711,8 @@ export default class AttributeModel
     this._errorCollection.addServerError(
       error.id,
       error.message,
-      error.properties
+      error.properties,
+      error.layouthint
     );
   }
 
@@ -813,7 +814,8 @@ export default class AttributeModel
           this._errorCollection.addServerError(
             error.id,
             error.message,
-            this.formatParameters(error.properties)
+            this.formatParameters(error.properties),
+            error.layouthint
           );
         } else {
           this.addServerConstraint(

package/src/models/attributes/ChoiceAttributeModel.js

@@ -396,7 +396,7 @@ export default class ChoiceAttributeModel extends AttributeModel {
    * Registers an error that was received from a server response
    */
   addServerError(error: FormErrorAnchor) {
-    const { id, message, properties } = error;
+    const { id, message, properties, layouthint } = error;
 
     const ANSWER_OPTION_KEY = "answer-option-key";
 
@@ -412,7 +412,7 @@ export default class ChoiceAttributeModel extends AttributeModel {
       }
     }
 
-    this._errorCollection.addServerError(id, message, properties);
+    this._errorCollection.addServerError(id, message, properties, layouthint);
   }
 
   /**

package/src/models/attributes/DatetimeAttributeModel.js

@@ -425,12 +425,12 @@ class DatetimeAttributeModel extends StringAttributeModel {
    * Registers an error that was received from a server response
    */
   addServerError(error: FormErrorAnchor) {
-    const { id, message, properties } = error;
+    const { id, message, properties, layouthint } = error;
     if (properties && has(properties, "format") && this.formatLabel) {
       properties.format = this.formatLabel;
     }
 
-    this._errorCollection.addServerError(id, message, properties);
+    this._errorCollection.addServerError(id, message, properties, layouthint);
   }
 
   /**

package/src/models/error/ErrorCollection.js

@@ -4,6 +4,7 @@ import ErrorModel from "./ErrorModel";
 
 import type { MessageParameters } from "../../i18n/types";
 import type { IConstraintModel } from "../types";
+import LayoutHintCollection from "../layouthint/LayoutHintCollection";
 
 /**
  * Form Objects
@@ -43,7 +44,8 @@ export default class ErrorCollection extends BaseCollection<ErrorModel> {
   addError(
     id: string,
     defaultMessage?: string,
-    parameters?: MessageParameters
+    parameters?: MessageParameters,
+    layouthint?: LayoutHintCollection
   ) {
     const itemIdx = this.findById(id);
 
@@ -51,7 +53,7 @@ export default class ErrorCollection extends BaseCollection<ErrorModel> {
       this.removeByIndex(itemIdx);
     }
 
-    this.add(new ErrorModel(id, defaultMessage, parameters));
+    this.add(new ErrorModel(id, defaultMessage, parameters, false, layouthint));
   }
 
   /**
@@ -67,12 +69,13 @@ export default class ErrorCollection extends BaseCollection<ErrorModel> {
   addServerError(
     id: string,
     defaultMessage?: string,
-    parameters?: MessageParameters
+    parameters?: MessageParameters,
+    layouthint?: LayoutHintCollection
   ) {
     if (parameters) {
-      this.addError(id, defaultMessage, parameters);
+      this.addError(id, defaultMessage, parameters, layouthint);
     } else {
-      this.addError(id, defaultMessage);
+      this.addError(id, defaultMessage, undefined, layouthint);
     }
   }
 

package/src/models/error/ErrorModel.js

@@ -19,13 +19,16 @@ class ErrorModel {
     id: string,
     defaultMessage: ?string,
     parameters: ?MessageParameters,
-    isClientConstraint: boolean = false
+    isClientConstraint: boolean = false,
+    layouthint: LayoutHintCollection = new LayoutHintCollection()
   ) {
     this._id = id;
     this._parameters = parameters;
     this._defaultMessage = defaultMessage;
     this._isClientConstraint = isClientConstraint;
-    this._layouthint = new LayoutHintCollection();
+    this._layouthint = Array.isArray(layouthint)
+      ? new LayoutHintCollection(layouthint)
+      : layouthint;
   }
 
   /**

package/src/models/error/ErrorResponse.js

@@ -133,7 +133,7 @@ export default class ErrorResponse {
    *  Return response error redirect text
    */
   get redirectText(): RedirectTextObject {
-    return this.response.redirect?.text || null;
+    return this.response?.redirect?.text || null;
   }
 
   /**
@@ -162,7 +162,7 @@ export default class ErrorResponse {
    */
   get redirectHref(): Href {
     if (this.response.redirect?.href) {
-      return new Href(this.response.redirect.href);
+      return new Href(this.response.redirect?.href);
     }
     return new Href();
   }
@@ -171,13 +171,13 @@ export default class ErrorResponse {
    * Return error response layouthint
    */
   get layouthint(): LayoutHintCollection {
-    return new LayoutHintCollection(this.response.layouthint);
+    return new LayoutHintCollection(this.response?.layouthint);
   }
 
   /**
    */
   get response(): Object {
-    return this.error.response.error || {};
+    return this.error?.response?.error || {};
   }
 
   /**

package/src/models/form/FormModel.js

@@ -26,6 +26,7 @@ import type { AttributeType, ModularUIModel } from "../types";
 import type { ModularUIResponse } from "../../modularui";
 import type ErrorResponse from "../error/ErrorResponse";
 import type LinkModel from "../links/LinkModel";
+import LayoutHintCollection from "../layouthint/LayoutHintCollection";
 
 /**
  */
@@ -513,10 +514,16 @@ class FormModel extends ResourceModel {
       this.errorCollection.addServerError(
         error.id,
         error.message,
-        error.parameters
+        error.parameters,
+        error.layouthint
       );
     } else {
-      this.errorCollection.addServerError(error.id, error.message);
+      this.errorCollection.addServerError(
+        error.id,
+        error.message,
+        undefined,
+        error.layouthint
+      );
     }
   }
 
@@ -1019,7 +1026,8 @@ class FormModel extends ResourceModel {
           this.errorCollection.addServerError(
             error.id,
             error.message,
-            error.properties
+            error.properties,
+            new LayoutHintCollection(error.layouthint)
           );
         }
       });

package/src/models/form/FormObjectModel.js

@@ -402,7 +402,8 @@ export default class FormObjectModel extends BaseModel {
       this._errorCollection.addServerError(
         error.id,
         error.message,
-        error.properties
+        error.properties,
+        error.layouthint
       );
     }
   }

package/src/models/grouping/GroupingModel.js

@@ -109,26 +109,54 @@ type Context = {
  */
 export default class GroupingModel {
   _prefix: string | null;
-  _groups: Array<GroupModel>;
+  _groups: Array<GroupModel> = [];
 
   /**
    */
   constructor(data: Object, contexts: Array<Context>) {
     this._prefix = data && data.prefix ? data.prefix : null;
 
+    if (data?.group) {
+      this._groups = this.createGroup(data, contexts);
+    }
+  }
+
+  /**
+   */
+  createGroup(data: Object, contributions: Array<Context>): Array<Object> {
     const context = this.getContextFromContributionsByPrefix(
-      contexts,
+      contributions,
       this._prefix
     );
 
-    const dynamicschema = data && data.dynamicschema;
-    this._groups =
-      data && data.group
-        ? data.group.map(
-            (group) =>
-              new GroupModel({ ...group, dynamicschema }, context, contexts)
-          )
-        : [];
+    return data.group.map((group) => {
+      const dynamicschema = this.getDynamicSchema(group, data.dynamicschema);
+      return new GroupModel(
+        {
+          ...group,
+          dynamicschema,
+        },
+        context,
+        contributions
+      );
+    });
+  }
+
+  /**
+   * add grouped prefix to the dynamicschema
+   */
+  getDynamicSchema(group: Object, dynamicschema: Object): Object {
+    if (dynamicschema) {
+      if (
+        this._prefix &&
+        dynamicschema[group.type] &&
+        !dynamicschema[this._prefix + group.type]
+      ) {
+        dynamicschema[this._prefix + group.type] = dynamicschema[group.type];
+      }
+      return dynamicschema;
+    }
+    return null;
   }
 
   /**

package/src/models/types.js

@@ -109,7 +109,7 @@ export type FormErrorAnchor = {
     index?: number,
     "index-identifier"?: string,
   },
-  layouthint?: LayoutHintCollection,
+  layouthint: LayoutHintCollection,
   message: string,
   param?: {
     name: string,