@beinformed/ui 1.49.6 → 1.50.0

package/lib/models/attributes/StringAttributeModel.js

@@ -255,6 +255,17 @@ class StringAttributeModel extends _AttributeModel.default {
     return this;
   }
 
+  /**
+   */
+  updateByAttribute(otherAttribute) {
+    this.reset();
+    if (otherAttribute instanceof StringAttributeModel) {
+      this.update(otherAttribute.value);
+    } else {
+      console.error(`update of string attribute with ${otherAttribute.type} not supported`);
+    }
+  }
+
   /**
    */
   get readonlyWidth() {

package/lib/models/attributes/StringAttributeModel.js.flow

@@ -7,6 +7,8 @@ import IBANConstraint from "./input-constraints/IBANConstraint";
 
 import { ATTRIBUTE_WIDTH } from "../../constants";
 
+import type { AttributeType } from "../types";
+
 /**
  * String attribute
  */
@@ -278,6 +280,19 @@ export default class StringAttributeModel extends AttributeModel {
     return this;
   }
 
+  /**
+   */
+  updateByAttribute(otherAttribute: AttributeType): void {
+    this.reset();
+    if (otherAttribute instanceof StringAttributeModel) {
+      this.update(otherAttribute.value);
+    } else {
+      console.error(
+        `update of string attribute with ${otherAttribute.type} not supported`,
+      );
+    }
+  }
+
   /**
    */
   get readonlyWidth(): $Keys<typeof ATTRIBUTE_WIDTH> {

package/lib/models/attributes/StringAttributeModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"StringAttributeModel.js","names":["_AttributeModel","_interopRequireDefault","require","_ConstraintCollection","_RegexConstraint","_BSNConstraint","_IBANConstraint","_constants","StringAttributeModel","AttributeModel","constructor","attribute","attributeContributions","_defineProperty2","default","_placeholder","getContribution","getInitialInputValue","value","formatValue","isApplicableModel","contributions","layouthint","type","Array","isArray","_includes","call","regexp","regexpvalidationmessage","postfix","prefix","placeholder","isBSN","has","isIBAN","isZipcode","isEmail","addConstraints","constraints","ConstraintCollection","add","BSNConstraint","IBANConstraint","RegexConstraint","messageKey","defaultMessage","regex","RegExp","reset","inputvalue","formatIBAN","noFormat","removeFormat","groups","replace","match","join","formatZipcode","length","substring","toUpperCase","formatBSN","toString","validateValue","getInputValue","_inputvalue","validate","readonlyvalue","formattedValue","update","updateLastModification","readonlyWidth","ATTRIBUTE_WIDTH","SMALL","LARGE","MEDIUM","exports"],"sources":["../../../src/models/attributes/StringAttributeModel.js"],"sourcesContent":["// @flow\nimport AttributeModel from \"./AttributeModel\";\nimport ConstraintCollection from \"./input-constraints/ConstraintCollection\";\nimport RegexConstraint from \"./input-constraints/RegexConstraint\";\nimport BSNConstraint from \"./input-constraints/BSNConstraint\";\nimport IBANConstraint from \"./input-constraints/IBANConstraint\";\n\nimport { ATTRIBUTE_WIDTH } from \"../../constants\";\n\n/**\n * String attribute\n */\nexport default class StringAttributeModel extends AttributeModel {\n  _placeholder: string;\n\n  /**\n   */\n  constructor(attribute: Object, attributeContributions: Object) {\n    super(attribute, attributeContributions);\n\n    this._placeholder = this.getContribution(\"placeholder\", \"\");\n  }\n\n  /**\n   * Retrieve initial input value\n   */\n  getInitialInputValue(value: any): string {\n    return this.formatValue(value);\n  }\n\n  /**\n   */\n  static isApplicableModel(contributions: Object): boolean {\n    const layouthint = contributions?.layouthint;\n    return (\n      contributions.type === \"string\" ||\n      (Array.isArray(layouthint) && layouthint.includes(\"string\"))\n    );\n  }\n\n  /**\n   */\n  get type(): string {\n    return \"string\";\n  }\n\n  /**\n   * Get Regexp pattern\n   */\n  get regexp(): string | null {\n    return this.getContribution(\"regexp\");\n  }\n\n  /**\n   */\n  get regexpvalidationmessage(): string | null {\n    return this.getContribution(\"regexpValidationMessage\");\n  }\n\n  /**\n   * Get postfix text\n   */\n  get postfix(): string {\n    return this.getContribution(\"postfix\", \"\");\n  }\n\n  /**\n   * Get prefix text\n   */\n  get prefix(): string {\n    return this.getContribution(\"prefix\", \"\");\n  }\n\n  /**\n   * Get placeholder text\n   */\n  get placeholder(): string {\n    return this._placeholder;\n  }\n\n  /**\n   * Set placeholder text\n   */\n  set placeholder(placeholder: string) {\n    this._placeholder = placeholder;\n  }\n\n  /**\n   */\n  isBSN(): boolean {\n    return this.layouthint.has(\"bsn\");\n  }\n\n  /**\n   */\n  isIBAN(): boolean {\n    return this.layouthint.has(\"iban\");\n  }\n\n  /**\n   */\n  isZipcode(): boolean {\n    return this.layouthint.has(\"zipcode\");\n  }\n\n  /**\n   */\n  isEmail(): boolean {\n    return this.layouthint.has(\"email\");\n  }\n\n  /**\n   * Add regex constraints\n   */\n  addConstraints(): ConstraintCollection {\n    const constraints = new ConstraintCollection();\n\n    if (this.isBSN()) {\n      constraints.add(new BSNConstraint());\n    } else if (this.isIBAN()) {\n      constraints.add(new IBANConstraint());\n    }\n\n    if (this.isZipcode()) {\n      // validate zip when regex is set is set or exact or isNot\n      constraints.add(\n        new RegexConstraint({\n          messageKey: \"Constraint.ZipCode.InvalidFormat\",\n          defaultMessage: \"Must be a valid Dutch ZIP code, e.g. 1234 AB\",\n          regex: new RegExp(\"^[1-9][0-9]{3} ?[a-zA-Z]{2}$\", \"gi\"),\n        }),\n      );\n    } else if (this.isEmail() && this.regexp) {\n      constraints.add(\n        new RegexConstraint({\n          messageKey: \"Constraint.Email.InvalidFormat\",\n          defaultMessage: \"Must be a valid e-mail address\",\n          regex: new RegExp(this.regexp, \"gi\"),\n        }),\n      );\n    } else if (this.regexp) {\n      constraints.add(\n        new RegexConstraint({\n          messageKey: \"Constraint.String.InvalidRegex\",\n          defaultMessage: this.regexpvalidationmessage,\n          regex: this.regexp,\n        }),\n      );\n    }\n\n    return constraints;\n  }\n\n  /**\n   * Reset attribute to empty string\n   */\n  reset() {\n    this.inputvalue = \"\";\n  }\n\n  /**\n   */\n  formatIBAN(value: string): string {\n    const noFormat = this.removeFormat(value);\n\n    const groups = noFormat.replace(/\\s/g, \"\").match(/.{1,4}/g);\n    return groups == null ? \"\" : groups.join(\" \");\n  }\n\n  /**\n   */\n  formatZipcode(value: string): string {\n    const noFormat = this.removeFormat(value);\n    if (noFormat.length === 6) {\n      return (\n        noFormat.substring(0, 4) + \" \" + noFormat.substring(4).toUpperCase()\n      );\n    }\n    return noFormat;\n  }\n\n  /**\n   */\n  formatBSN(value: string): string {\n    return this.removeFormat(value);\n  }\n\n  /**\n   */\n  formatValue(value: ?string): string {\n    if (value == null || value.toString() === \"\") {\n      return \"\";\n    }\n\n    if (typeof value !== \"string\") {\n      return value;\n    }\n\n    if (this.isIBAN()) {\n      return this.formatIBAN(value);\n    }\n\n    if (this.isZipcode()) {\n      return this.formatZipcode(value);\n    }\n\n    if (this.isBSN()) {\n      return this.formatBSN(value);\n    }\n\n    return value.replace(/ {2}/gi, \" \\u00A0\");\n  }\n\n  /**\n   */\n  removeFormat(value: ?string): string {\n    if (value == null || value.toString() === \"\") {\n      return \"\";\n    }\n\n    if (this.isIBAN() || this.isZipcode() || this.isBSN()) {\n      return value.replace(/[^a-z0-9,]/gi, \"\");\n    }\n\n    return value;\n  }\n\n  /**\n   */\n  get validateValue(): string {\n    return this.removeFormat(this.inputvalue);\n  }\n\n  /**\n   */\n  get inputvalue(): string {\n    return this.getInputValue();\n  }\n\n  /**\n   * Sets the input value to the value entered by the user\n   */\n  set inputvalue(value: string) {\n    this._inputvalue = value;\n\n    if (value == null) {\n      this.value = value;\n    } else {\n      this.value = this.removeFormat(value);\n    }\n\n    this.validate(this.validateValue);\n  }\n\n  /**\n   */\n  get readonlyvalue(): string {\n    if (typeof this.value === \"string\") {\n      const formattedValue = this.formatValue(this.value);\n      // fix for rendering of multiple spaces\n      return formattedValue.replace(/ {2}/gi, \" \\u00A0\");\n    }\n\n    return this.value == null ? \"\" : this.value;\n  }\n\n  /**\n   * Update the attribute by name and value\n   */\n  update(value: string): StringAttributeModel {\n    if (this.inputvalue === value) {\n      return this;\n    }\n\n    this.updateLastModification();\n    this.inputvalue = value;\n\n    return this;\n  }\n\n  /**\n   */\n  get readonlyWidth(): $Keys<typeof ATTRIBUTE_WIDTH> {\n    if (this.isZipcode() || this.isBSN()) {\n      return ATTRIBUTE_WIDTH.SMALL;\n    }\n\n    if (this.isIBAN()) {\n      return ATTRIBUTE_WIDTH.LARGE;\n    }\n\n    // default value (also applied for email address + download attribute)\n    return ATTRIBUTE_WIDTH.MEDIUM;\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"StringAttributeModel.js","names":["_AttributeModel","_interopRequireDefault","require","_ConstraintCollection","_RegexConstraint","_BSNConstraint","_IBANConstraint","_constants","StringAttributeModel","AttributeModel","constructor","attribute","attributeContributions","_defineProperty2","default","_placeholder","getContribution","getInitialInputValue","value","formatValue","isApplicableModel","contributions","layouthint","type","Array","isArray","_includes","call","regexp","regexpvalidationmessage","postfix","prefix","placeholder","isBSN","has","isIBAN","isZipcode","isEmail","addConstraints","constraints","ConstraintCollection","add","BSNConstraint","IBANConstraint","RegexConstraint","messageKey","defaultMessage","regex","RegExp","reset","inputvalue","formatIBAN","noFormat","removeFormat","groups","replace","match","join","formatZipcode","length","substring","toUpperCase","formatBSN","toString","validateValue","getInputValue","_inputvalue","validate","readonlyvalue","formattedValue","update","updateLastModification","updateByAttribute","otherAttribute","console","error","readonlyWidth","ATTRIBUTE_WIDTH","SMALL","LARGE","MEDIUM","exports"],"sources":["../../../src/models/attributes/StringAttributeModel.js"],"sourcesContent":["// @flow\nimport AttributeModel from \"./AttributeModel\";\nimport ConstraintCollection from \"./input-constraints/ConstraintCollection\";\nimport RegexConstraint from \"./input-constraints/RegexConstraint\";\nimport BSNConstraint from \"./input-constraints/BSNConstraint\";\nimport IBANConstraint from \"./input-constraints/IBANConstraint\";\n\nimport { ATTRIBUTE_WIDTH } from \"../../constants\";\n\nimport type { AttributeType } from \"../types\";\n\n/**\n * String attribute\n */\nexport default class StringAttributeModel extends AttributeModel {\n  _placeholder: string;\n\n  /**\n   */\n  constructor(attribute: Object, attributeContributions: Object) {\n    super(attribute, attributeContributions);\n\n    this._placeholder = this.getContribution(\"placeholder\", \"\");\n  }\n\n  /**\n   * Retrieve initial input value\n   */\n  getInitialInputValue(value: any): string {\n    return this.formatValue(value);\n  }\n\n  /**\n   */\n  static isApplicableModel(contributions: Object): boolean {\n    const layouthint = contributions?.layouthint;\n    return (\n      contributions.type === \"string\" ||\n      (Array.isArray(layouthint) && layouthint.includes(\"string\"))\n    );\n  }\n\n  /**\n   */\n  get type(): string {\n    return \"string\";\n  }\n\n  /**\n   * Get Regexp pattern\n   */\n  get regexp(): string | null {\n    return this.getContribution(\"regexp\");\n  }\n\n  /**\n   */\n  get regexpvalidationmessage(): string | null {\n    return this.getContribution(\"regexpValidationMessage\");\n  }\n\n  /**\n   * Get postfix text\n   */\n  get postfix(): string {\n    return this.getContribution(\"postfix\", \"\");\n  }\n\n  /**\n   * Get prefix text\n   */\n  get prefix(): string {\n    return this.getContribution(\"prefix\", \"\");\n  }\n\n  /**\n   * Get placeholder text\n   */\n  get placeholder(): string {\n    return this._placeholder;\n  }\n\n  /**\n   * Set placeholder text\n   */\n  set placeholder(placeholder: string) {\n    this._placeholder = placeholder;\n  }\n\n  /**\n   */\n  isBSN(): boolean {\n    return this.layouthint.has(\"bsn\");\n  }\n\n  /**\n   */\n  isIBAN(): boolean {\n    return this.layouthint.has(\"iban\");\n  }\n\n  /**\n   */\n  isZipcode(): boolean {\n    return this.layouthint.has(\"zipcode\");\n  }\n\n  /**\n   */\n  isEmail(): boolean {\n    return this.layouthint.has(\"email\");\n  }\n\n  /**\n   * Add regex constraints\n   */\n  addConstraints(): ConstraintCollection {\n    const constraints = new ConstraintCollection();\n\n    if (this.isBSN()) {\n      constraints.add(new BSNConstraint());\n    } else if (this.isIBAN()) {\n      constraints.add(new IBANConstraint());\n    }\n\n    if (this.isZipcode()) {\n      // validate zip when regex is set is set or exact or isNot\n      constraints.add(\n        new RegexConstraint({\n          messageKey: \"Constraint.ZipCode.InvalidFormat\",\n          defaultMessage: \"Must be a valid Dutch ZIP code, e.g. 1234 AB\",\n          regex: new RegExp(\"^[1-9][0-9]{3} ?[a-zA-Z]{2}$\", \"gi\"),\n        }),\n      );\n    } else if (this.isEmail() && this.regexp) {\n      constraints.add(\n        new RegexConstraint({\n          messageKey: \"Constraint.Email.InvalidFormat\",\n          defaultMessage: \"Must be a valid e-mail address\",\n          regex: new RegExp(this.regexp, \"gi\"),\n        }),\n      );\n    } else if (this.regexp) {\n      constraints.add(\n        new RegexConstraint({\n          messageKey: \"Constraint.String.InvalidRegex\",\n          defaultMessage: this.regexpvalidationmessage,\n          regex: this.regexp,\n        }),\n      );\n    }\n\n    return constraints;\n  }\n\n  /**\n   * Reset attribute to empty string\n   */\n  reset() {\n    this.inputvalue = \"\";\n  }\n\n  /**\n   */\n  formatIBAN(value: string): string {\n    const noFormat = this.removeFormat(value);\n\n    const groups = noFormat.replace(/\\s/g, \"\").match(/.{1,4}/g);\n    return groups == null ? \"\" : groups.join(\" \");\n  }\n\n  /**\n   */\n  formatZipcode(value: string): string {\n    const noFormat = this.removeFormat(value);\n    if (noFormat.length === 6) {\n      return (\n        noFormat.substring(0, 4) + \" \" + noFormat.substring(4).toUpperCase()\n      );\n    }\n    return noFormat;\n  }\n\n  /**\n   */\n  formatBSN(value: string): string {\n    return this.removeFormat(value);\n  }\n\n  /**\n   */\n  formatValue(value: ?string): string {\n    if (value == null || value.toString() === \"\") {\n      return \"\";\n    }\n\n    if (typeof value !== \"string\") {\n      return value;\n    }\n\n    if (this.isIBAN()) {\n      return this.formatIBAN(value);\n    }\n\n    if (this.isZipcode()) {\n      return this.formatZipcode(value);\n    }\n\n    if (this.isBSN()) {\n      return this.formatBSN(value);\n    }\n\n    return value.replace(/ {2}/gi, \" \\u00A0\");\n  }\n\n  /**\n   */\n  removeFormat(value: ?string): string {\n    if (value == null || value.toString() === \"\") {\n      return \"\";\n    }\n\n    if (this.isIBAN() || this.isZipcode() || this.isBSN()) {\n      return value.replace(/[^a-z0-9,]/gi, \"\");\n    }\n\n    return value;\n  }\n\n  /**\n   */\n  get validateValue(): string {\n    return this.removeFormat(this.inputvalue);\n  }\n\n  /**\n   */\n  get inputvalue(): string {\n    return this.getInputValue();\n  }\n\n  /**\n   * Sets the input value to the value entered by the user\n   */\n  set inputvalue(value: string) {\n    this._inputvalue = value;\n\n    if (value == null) {\n      this.value = value;\n    } else {\n      this.value = this.removeFormat(value);\n    }\n\n    this.validate(this.validateValue);\n  }\n\n  /**\n   */\n  get readonlyvalue(): string {\n    if (typeof this.value === \"string\") {\n      const formattedValue = this.formatValue(this.value);\n      // fix for rendering of multiple spaces\n      return formattedValue.replace(/ {2}/gi, \" \\u00A0\");\n    }\n\n    return this.value == null ? \"\" : this.value;\n  }\n\n  /**\n   * Update the attribute by name and value\n   */\n  update(value: string): StringAttributeModel {\n    if (this.inputvalue === value) {\n      return this;\n    }\n\n    this.updateLastModification();\n    this.inputvalue = value;\n\n    return this;\n  }\n\n  /**\n   */\n  updateByAttribute(otherAttribute: AttributeType): void {\n    this.reset();\n    if (otherAttribute instanceof StringAttributeModel) {\n      this.update(otherAttribute.value);\n    } else {\n      console.error(\n        `update of string attribute with ${otherAttribute.type} not supported`,\n      );\n    }\n  }\n\n  /**\n   */\n  get readonlyWidth(): $Keys<typeof ATTRIBUTE_WIDTH> {\n    if (this.isZipcode() || this.isBSN()) {\n      return ATTRIBUTE_WIDTH.SMALL;\n    }\n\n    if (this.isIBAN()) {\n      return ATTRIBUTE_WIDTH.LARGE;\n    }\n\n    // default value (also applied for email address + download attribute)\n    return ATTRIBUTE_WIDTH.MEDIUM;\n  }\n}\n"],"mappings":";;;;;;;;;AACA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,cAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAAK,UAAA,GAAAL,OAAA;AAIA;AACA;AACA;AACe,MAAMM,oBAAoB,SAASC,uBAAc,CAAC;EAG/D;AACF;EACEC,WAAWA,CAACC,SAAiB,EAAEC,sBAA8B,EAAE;IAC7D,KAAK,CAACD,SAAS,EAAEC,sBAAsB,CAAC;IAAC,IAAAC,gBAAA,CAAAC,OAAA;IAEzC,IAAI,CAACC,YAAY,GAAG,IAAI,CAACC,eAAe,CAAC,aAAa,EAAE,EAAE,CAAC;EAC7D;;EAEA;AACF;AACA;EACEC,oBAAoBA,CAACC,KAAU,EAAU;IACvC,OAAO,IAAI,CAACC,WAAW,CAACD,KAAK,CAAC;EAChC;;EAEA;AACF;EACE,OAAOE,iBAAiBA,CAACC,aAAqB,EAAW;IACvD,MAAMC,UAAU,GAAGD,aAAa,EAAEC,UAAU;IAC5C,OACED,aAAa,CAACE,IAAI,KAAK,QAAQ,IAC9BC,KAAK,CAACC,OAAO,CAACH,UAAU,CAAC,IAAI,IAAAI,SAAA,CAAAZ,OAAA,EAAAQ,UAAU,EAAAK,IAAA,CAAVL,UAAU,EAAU,QAAQ,CAAE;EAEhE;;EAEA;AACF;EACE,IAAIC,IAAIA,CAAA,EAAW;IACjB,OAAO,QAAQ;EACjB;;EAEA;AACF;AACA;EACE,IAAIK,MAAMA,CAAA,EAAkB;IAC1B,OAAO,IAAI,CAACZ,eAAe,CAAC,QAAQ,CAAC;EACvC;;EAEA;AACF;EACE,IAAIa,uBAAuBA,CAAA,EAAkB;IAC3C,OAAO,IAAI,CAACb,eAAe,CAAC,yBAAyB,CAAC;EACxD;;EAEA;AACF;AACA;EACE,IAAIc,OAAOA,CAAA,EAAW;IACpB,OAAO,IAAI,CAACd,eAAe,CAAC,SAAS,EAAE,EAAE,CAAC;EAC5C;;EAEA;AACF;AACA;EACE,IAAIe,MAAMA,CAAA,EAAW;IACnB,OAAO,IAAI,CAACf,eAAe,CAAC,QAAQ,EAAE,EAAE,CAAC;EAC3C;;EAEA;AACF;AACA;EACE,IAAIgB,WAAWA,CAAA,EAAW;IACxB,OAAO,IAAI,CAACjB,YAAY;EAC1B;;EAEA;AACF;AACA;EACE,IAAIiB,WAAWA,CAACA,WAAmB,EAAE;IACnC,IAAI,CAACjB,YAAY,GAAGiB,WAAW;EACjC;;EAEA;AACF;EACEC,KAAKA,CAAA,EAAY;IACf,OAAO,IAAI,CAACX,UAAU,CAACY,GAAG,CAAC,KAAK,CAAC;EACnC;;EAEA;AACF;EACEC,MAAMA,CAAA,EAAY;IAChB,OAAO,IAAI,CAACb,UAAU,CAACY,GAAG,CAAC,MAAM,CAAC;EACpC;;EAEA;AACF;EACEE,SAASA,CAAA,EAAY;IACnB,OAAO,IAAI,CAACd,UAAU,CAACY,GAAG,CAAC,SAAS,CAAC;EACvC;;EAEA;AACF;EACEG,OAAOA,CAAA,EAAY;IACjB,OAAO,IAAI,CAACf,UAAU,CAACY,GAAG,CAAC,OAAO,CAAC;EACrC;;EAEA;AACF;AACA;EACEI,cAAcA,CAAA,EAAyB;IACrC,MAAMC,WAAW,GAAG,IAAIC,6BAAoB,CAAC,CAAC;IAE9C,IAAI,IAAI,CAACP,KAAK,CAAC,CAAC,EAAE;MAChBM,WAAW,CAACE,GAAG,CAAC,IAAIC,sBAAa,CAAC,CAAC,CAAC;IACtC,CAAC,MAAM,IAAI,IAAI,CAACP,MAAM,CAAC,CAAC,EAAE;MACxBI,WAAW,CAACE,GAAG,CAAC,IAAIE,uBAAc,CAAC,CAAC,CAAC;IACvC;IAEA,IAAI,IAAI,CAACP,SAAS,CAAC,CAAC,EAAE;MACpB;MACAG,WAAW,CAACE,GAAG,CACb,IAAIG,wBAAe,CAAC;QAClBC,UAAU,EAAE,kCAAkC;QAC9CC,cAAc,EAAE,8CAA8C;QAC9DC,KAAK,EAAE,IAAIC,MAAM,CAAC,8BAA8B,EAAE,IAAI;MACxD,CAAC,CACH,CAAC;IACH,CAAC,MAAM,IAAI,IAAI,CAACX,OAAO,CAAC,CAAC,IAAI,IAAI,CAACT,MAAM,EAAE;MACxCW,WAAW,CAACE,GAAG,CACb,IAAIG,wBAAe,CAAC;QAClBC,UAAU,EAAE,gCAAgC;QAC5CC,cAAc,EAAE,gCAAgC;QAChDC,KAAK,EAAE,IAAIC,MAAM,CAAC,IAAI,CAACpB,MAAM,EAAE,IAAI;MACrC,CAAC,CACH,CAAC;IACH,CAAC,MAAM,IAAI,IAAI,CAACA,MAAM,EAAE;MACtBW,WAAW,CAACE,GAAG,CACb,IAAIG,wBAAe,CAAC;QAClBC,UAAU,EAAE,gCAAgC;QAC5CC,cAAc,EAAE,IAAI,CAACjB,uBAAuB;QAC5CkB,KAAK,EAAE,IAAI,CAACnB;MACd,CAAC,CACH,CAAC;IACH;IAEA,OAAOW,WAAW;EACpB;;EAEA;AACF;AACA;EACEU,KAAKA,CAAA,EAAG;IACN,IAAI,CAACC,UAAU,GAAG,EAAE;EACtB;;EAEA;AACF;EACEC,UAAUA,CAACjC,KAAa,EAAU;IAChC,MAAMkC,QAAQ,GAAG,IAAI,CAACC,YAAY,CAACnC,KAAK,CAAC;IAEzC,MAAMoC,MAAM,GAAGF,QAAQ,CAACG,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAACC,KAAK,CAAC,SAAS,CAAC;IAC3D,OAAOF,MAAM,IAAI,IAAI,GAAG,EAAE,GAAGA,MAAM,CAACG,IAAI,CAAC,GAAG,CAAC;EAC/C;;EAEA;AACF;EACEC,aAAaA,CAACxC,KAAa,EAAU;IACnC,MAAMkC,QAAQ,GAAG,IAAI,CAACC,YAAY,CAACnC,KAAK,CAAC;IACzC,IAAIkC,QAAQ,CAACO,MAAM,KAAK,CAAC,EAAE;MACzB,OACEP,QAAQ,CAACQ,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,GAAGR,QAAQ,CAACQ,SAAS,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC;IAExE;IACA,OAAOT,QAAQ;EACjB;;EAEA;AACF;EACEU,SAASA,CAAC5C,KAAa,EAAU;IAC/B,OAAO,IAAI,CAACmC,YAAY,CAACnC,KAAK,CAAC;EACjC;;EAEA;AACF;EACEC,WAAWA,CAACD,KAAc,EAAU;IAClC,IAAIA,KAAK,IAAI,IAAI,IAAIA,KAAK,CAAC6C,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;MAC5C,OAAO,EAAE;IACX;IAEA,IAAI,OAAO7C,KAAK,KAAK,QAAQ,EAAE;MAC7B,OAAOA,KAAK;IACd;IAEA,IAAI,IAAI,CAACiB,MAAM,CAAC,CAAC,EAAE;MACjB,OAAO,IAAI,CAACgB,UAAU,CAACjC,KAAK,CAAC;IAC/B;IAEA,IAAI,IAAI,CAACkB,SAAS,CAAC,CAAC,EAAE;MACpB,OAAO,IAAI,CAACsB,aAAa,CAACxC,KAAK,CAAC;IAClC;IAEA,IAAI,IAAI,CAACe,KAAK,CAAC,CAAC,EAAE;MAChB,OAAO,IAAI,CAAC6B,SAAS,CAAC5C,KAAK,CAAC;IAC9B;IAEA,OAAOA,KAAK,CAACqC,OAAO,CAAC,QAAQ,EAAE,SAAS,CAAC;EAC3C;;EAEA;AACF;EACEF,YAAYA,CAACnC,KAAc,EAAU;IACnC,IAAIA,KAAK,IAAI,IAAI,IAAIA,KAAK,CAAC6C,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;MAC5C,OAAO,EAAE;IACX;IAEA,IAAI,IAAI,CAAC5B,MAAM,CAAC,CAAC,IAAI,IAAI,CAACC,SAAS,CAAC,CAAC,IAAI,IAAI,CAACH,KAAK,CAAC,CAAC,EAAE;MACrD,OAAOf,KAAK,CAACqC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC;IAC1C;IAEA,OAAOrC,KAAK;EACd;;EAEA;AACF;EACE,IAAI8C,aAAaA,CAAA,EAAW;IAC1B,OAAO,IAAI,CAACX,YAAY,CAAC,IAAI,CAACH,UAAU,CAAC;EAC3C;;EAEA;AACF;EACE,IAAIA,UAAUA,CAAA,EAAW;IACvB,OAAO,IAAI,CAACe,aAAa,CAAC,CAAC;EAC7B;;EAEA;AACF;AACA;EACE,IAAIf,UAAUA,CAAChC,KAAa,EAAE;IAC5B,IAAI,CAACgD,WAAW,GAAGhD,KAAK;IAExB,IAAIA,KAAK,IAAI,IAAI,EAAE;MACjB,IAAI,CAACA,KAAK,GAAGA,KAAK;IACpB,CAAC,MAAM;MACL,IAAI,CAACA,KAAK,GAAG,IAAI,CAACmC,YAAY,CAACnC,KAAK,CAAC;IACvC;IAEA,IAAI,CAACiD,QAAQ,CAAC,IAAI,CAACH,aAAa,CAAC;EACnC;;EAEA;AACF;EACE,IAAII,aAAaA,CAAA,EAAW;IAC1B,IAAI,OAAO,IAAI,CAAClD,KAAK,KAAK,QAAQ,EAAE;MAClC,MAAMmD,cAAc,GAAG,IAAI,CAAClD,WAAW,CAAC,IAAI,CAACD,KAAK,CAAC;MACnD;MACA,OAAOmD,cAAc,CAACd,OAAO,CAAC,QAAQ,EAAE,SAAS,CAAC;IACpD;IAEA,OAAO,IAAI,CAACrC,KAAK,IAAI,IAAI,GAAG,EAAE,GAAG,IAAI,CAACA,KAAK;EAC7C;;EAEA;AACF;AACA;EACEoD,MAAMA,CAACpD,KAAa,EAAwB;IAC1C,IAAI,IAAI,CAACgC,UAAU,KAAKhC,KAAK,EAAE;MAC7B,OAAO,IAAI;IACb;IAEA,IAAI,CAACqD,sBAAsB,CAAC,CAAC;IAC7B,IAAI,CAACrB,UAAU,GAAGhC,KAAK;IAEvB,OAAO,IAAI;EACb;;EAEA;AACF;EACEsD,iBAAiBA,CAACC,cAA6B,EAAQ;IACrD,IAAI,CAACxB,KAAK,CAAC,CAAC;IACZ,IAAIwB,cAAc,YAAYjE,oBAAoB,EAAE;MAClD,IAAI,CAAC8D,MAAM,CAACG,cAAc,CAACvD,KAAK,CAAC;IACnC,CAAC,MAAM;MACLwD,OAAO,CAACC,KAAK,CACX,mCAAmCF,cAAc,CAAClD,IAAI,gBACxD,CAAC;IACH;EACF;;EAEA;AACF;EACE,IAAIqD,aAAaA,CAAA,EAAkC;IACjD,IAAI,IAAI,CAACxC,SAAS,CAAC,CAAC,IAAI,IAAI,CAACH,KAAK,CAAC,CAAC,EAAE;MACpC,OAAO4C,0BAAe,CAACC,KAAK;IAC9B;IAEA,IAAI,IAAI,CAAC3C,MAAM,CAAC,CAAC,EAAE;MACjB,OAAO0C,0BAAe,CAACE,KAAK;IAC9B;;IAEA;IACA,OAAOF,0BAAe,CAACG,MAAM;EAC/B;AACF;AAACC,OAAA,CAAAnE,OAAA,GAAAN,oBAAA","ignoreList":[]}

package/package.json

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

package/src/models/attributes/AttributeModel.js

@@ -887,6 +887,21 @@ export default class AttributeModel
     );
   }
 
+  /**
+   * Abstract updateByAttribute method which should be implemented on each attribute that has this attribute as a base class.
+   * @abstract
+   */
+  // eslint-disable-next-line no-unused-vars
+  updateByAttribute(otherAttribute: AttributeType): void {
+    console.error(
+      "update of " +
+        this.type +
+        " with " +
+        otherAttribute.type +
+        " not supported",
+    );
+  }
+
   /**
    * Indicate if attribute is editable
    */

package/src/models/attributes/BooleanAttributeModel.js

@@ -270,6 +270,19 @@ export default class BooleanAttributeModel extends AttributeModel {
     return this;
   }
 
+  /**
+   */
+  updateByAttribute(otherAttribute: AttributeType): void {
+    this.reset();
+    if (otherAttribute instanceof BooleanAttributeModel) {
+      this.update(otherAttribute.value);
+    } else {
+      console.error(
+        `update of boolean attribute with ${otherAttribute.type} not supported`,
+      );
+    }
+  }
+
   /**
    */
   getFormData(): { [string]: boolean | null } | null {

package/src/models/attributes/ChoiceAttributeModel.js

@@ -1,10 +1,13 @@
 // @flow
+import { klona } from "klona/full";
+
 import { has } from "../../utils/helpers/objects";
 import { DateUtil } from "../../utils/datetime/DateTimeUtil";
 
 import AttributeModel from "./AttributeModel";
 import ChoiceAttributeOptionCollection from "./ChoiceAttributeOptionCollection";
 import ChoiceAttributeOptionModel from "./ChoiceAttributeOptionModel";
+import CompositeAttributeModel from "./CompositeAttributeModel";
 import ContentConfigurationElements from "../contentconfiguration/ContentConfigurationElements";
 
 import {
@@ -334,34 +337,61 @@ export default class ChoiceAttributeModel extends AttributeModel {
 
     this.updateLastModification();
 
-    let values;
+    let values = [];
 
     if (Array.isArray(value)) {
       values = value;
     } else if (typeof value === "string" && this.isMultiple) {
       values = value.split(",");
-    } else {
+    } else if (value != null) {
       values = [value];
     }
     values.forEach((val) => {
       if (typeof val === "object" && val.isChoiceAttributeOptionModel) {
         // option does not exist in existing options, add it. This can happen when lookup list has other options then lookup options
         if (!this.options.some((option) => option.equals(val))) {
-          this.options.add(val);
+          const newVal = klona(val);
+          newVal.selected = false;
+          this.options.add(newVal);
         }
-
         this.toggleOption(val.code);
       } else if (
-        typeof val === "string" &&
-        this.options.some((option) => option.code.toString() === val)
+        (typeof val === "number" ||
+          typeof val === "string" ||
+          typeof val === "boolean") &&
+        this.options.some((option) => option.code.toString() === val.toString())
       ) {
-        this.toggleOption(val);
+        this.toggleOption(val.toString());
       }
     });
 
     return this;
   }
 
+  /**
+   */
+  updateByAttribute(otherAttribute: AttributeType): void {
+    this.reset();
+    if (
+      otherAttribute instanceof ChoiceAttributeModel ||
+      otherAttribute instanceof CompositeAttributeModel
+    ) {
+      let otherValue;
+      if (otherAttribute instanceof ChoiceAttributeModel) {
+        otherValue = otherAttribute.options.selected;
+      } else if (otherAttribute instanceof CompositeAttributeModel) {
+        otherValue = otherAttribute.getChildrenIds();
+      }
+      if (otherValue !== null) {
+        this.update(otherValue);
+      }
+    } else {
+      console.error(
+        `update of choice attribute with ${otherAttribute.type} not supported`,
+      );
+    }
+  }
+
   /**
    * Registers a missing error that was received from the server
    */

package/src/models/attributes/CompositeAttributeModel.js

@@ -294,6 +294,23 @@ class CompositeAttributeModel extends AttributeModel {
     return this;
   }
 
+  /**
+   */
+  updateByAttribute(otherAttribute: AttributeType): void {
+    if (otherAttribute instanceof CompositeAttributeModel) {
+      otherAttribute.children.forEach((otherChild) => {
+        const child = this.getChildByAttribute(otherChild);
+        if (child) {
+          child.updateByAttribute(otherChild);
+        }
+      });
+    } else {
+      console.error(
+        `update of composite attribute with ${otherAttribute.type} not supported`,
+      );
+    }
+  }
+
   /**
    */
   setChildrenOptionality() {
@@ -344,6 +361,18 @@ class CompositeAttributeModel extends AttributeModel {
     return this.children.value;
   }
 
+  /**
+   */
+  getChildrenIds(): Array<string> {
+    const values = this.data.value;
+    if (Array.isArray(values)) {
+      return values.map((val) => val._id);
+    } else if (values != null) {
+      return [values._id];
+    }
+    return [];
+  }
+
   /**
    */
   get isResult(): boolean {

package/src/models/attributes/DatetimeAttributeModel.js

@@ -18,7 +18,11 @@ import DateBoundaryConstraint from "./input-constraints/DateBoundaryConstraint";
 
 import { ATTRIBUTE_WIDTH, ISO_DATE_FORMAT } from "../../constants";
 
-import type { FormErrorAnchor, IConstraintModel } from "../types";
+import type {
+  FormErrorAnchor,
+  IConstraintModel,
+  AttributeType,
+} from "../types";
 
 /**
  */
@@ -447,6 +451,26 @@ class DatetimeAttributeModel extends StringAttributeModel {
 
     return ATTRIBUTE_WIDTH.MEDIUM;
   }
+
+  /**
+   */
+  updateByAttribute(otherAttribute: AttributeType): void {
+    this.reset();
+    if (otherAttribute instanceof DatetimeAttributeModel) {
+      const otherValue = otherAttribute.value;
+      if (otherValue != null) {
+        const inputValue = this.formatUtil.toFormat(
+          otherValue,
+          this.inputFormat,
+        );
+        this.update(inputValue);
+      }
+    } else {
+      console.error(
+        `update of datetime attribute with ${otherAttribute.type} not supported`,
+      );
+    }
+  }
 }
 
 export default DatetimeAttributeModel;

package/src/models/attributes/NumberAttributeModel.js

@@ -20,6 +20,8 @@ import NumberFormatConstraint from "./input-constraints/NumberFormatConstraint";
 import NumberGroupingConstraint from "./input-constraints/NumberGroupingConstraint";
 import NumberBoundaryConstraint from "./input-constraints/NumberBoundaryConstraint";
 
+import type { AttributeType } from "../types";
+
 /**
  * Number attribute
  */
@@ -213,6 +215,19 @@ export default class NumberAttributeModel extends AttributeModel {
     return this;
   }
 
+  /**
+   */
+  updateByAttribute(otherAttribute: AttributeType): void {
+    this.reset();
+    if (otherAttribute instanceof NumberAttributeModel) {
+      this.update(otherAttribute.value);
+    } else {
+      console.error(
+        `update of number attribute with ${otherAttribute.type} not supported`,
+      );
+    }
+  }
+
   /**
    */
   get isHidden(): boolean {

package/src/models/attributes/StringAttributeModel.js

@@ -7,6 +7,8 @@ import IBANConstraint from "./input-constraints/IBANConstraint";
 
 import { ATTRIBUTE_WIDTH } from "../../constants";
 
+import type { AttributeType } from "../types";
+
 /**
  * String attribute
  */
@@ -278,6 +280,19 @@ export default class StringAttributeModel extends AttributeModel {
     return this;
   }
 
+  /**
+   */
+  updateByAttribute(otherAttribute: AttributeType): void {
+    this.reset();
+    if (otherAttribute instanceof StringAttributeModel) {
+      this.update(otherAttribute.value);
+    } else {
+      console.error(
+        `update of string attribute with ${otherAttribute.type} not supported`,
+      );
+    }
+  }
+
   /**
    */
   get readonlyWidth(): $Keys<typeof ATTRIBUTE_WIDTH> {

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

@@ -323,6 +323,11 @@ export default class AttributeModel extends BaseModel {
      * @abstract
      */
     update(value: string, changedAttribute?: AttributeType): AttributeType;
+    /**
+     * Abstract updateByAttribute method which should be implemented on each attribute that has this attribute as a base class.
+     * @abstract
+     */
+    updateByAttribute(otherAttribute: AttributeType): void;
     /**
      * Indicate if attribute is editable
      */

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

@@ -33,6 +33,9 @@ declare class CompositeAttributeModel extends AttributeModel {
     /**
      */
     setChildrenOptionality(): void;
+    /**
+     */
+    getChildrenIds(): Array<string>;
 }
 import AttributeModel from "./AttributeModel";
 import CompositeAttributeChildCollection from "./CompositeAttributeChildCollection";

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

@@ -5,11 +5,11 @@ declare class DatetimeAttributeModel extends StringAttributeModel {
     /**
      */
     get formatUtil(): {
-        _isoFormat: string; /**
-         */
+        _isoFormat: string;
         getLocale(): import("date-fns").Locale;
         getOptions(): {
-            weekStartsOn: 0 | 2 | 1 | 3 | 4 | 5 | 6;
+            weekStartsOn: 0 | 2 | 1 | 3 | 4 | 5 | 6; /**
+             */
             firstWeekContainsDate: 2 | 1 | 3 | 4 | 5 | 6 | 7;
         };
         toDate(date: string, inputFormat?: string): Date;
@@ -18,6 +18,9 @@ declare class DatetimeAttributeModel extends StringAttributeModel {
         now(): string;
         convertFormat(sourceFormat: string): string;
         hasFormat(date: string, sourceFormat: string): boolean;
+        /**
+         * Get input value
+         */
         isValid(date: string, inputFormat?: string): boolean;
         isAfter(inputDate: string, afterISODate: string, inputFormat?: string): boolean;
         isSameOrAfter(inputDate: string, afterISODate: string, inputFormat?: string): boolean;

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

@@ -12,6 +12,10 @@ export default class ConceptDetailModel extends ResourceModel {
      * Get conceptType of concept
      */
     get conceptType(): ConceptTypeDetailModel;
+    /**
+     * Available diagrams for the concept, most of the time just one
+     */
+    get diagramLinks(): LinkCollection;
     /**
      * Get taxonomy type
      */
@@ -64,6 +68,7 @@ import ResourceModel from "../base/ResourceModel";
 import ConceptRelationCollection from "./ConceptRelationCollection";
 import ConceptTypeDetailModel from "./ConceptTypeDetailModel";
 import SourceReferenceCollection from "./SourceReferenceCollection";
+import LinkCollection from "../links/LinkCollection";
 import { labelsJSON } from "../types";
 import { propertyJSON } from "../types";
 import { textfragmentJSON } from "../types";