@beinformed/ui 1.33.0-beta.0 → 1.33.0-beta.2

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
 
+## [1.33.0-beta.2](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.33.0-beta.1...v1.33.0-beta.2) (2023-08-24)
+
+
+### Bug Fixes
+
+* **string-attribute:** set spaces only on readonlyvalue ([1956e39](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/1956e39d27019a2dd5893f6c691b992ac4ddf6f3))
+
+## [1.33.0-beta.1](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.33.0-beta.0...v1.33.0-beta.1) (2023-08-24)
+
 ## [1.33.0-beta.0](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.32.0...v1.33.0-beta.0) (2023-08-24)
 
 

package/esm/models/attributes/StringAttributeModel.js

@@ -193,9 +193,7 @@ export default class StringAttributeModel extends AttributeModel {
       if (this.isBSN()) {
         return this.formatBSN(val);
       }
-
-      // adds nbsp to values with multiple spaces
-      return val.replace(/ {2}/gi, " \u00A0");
+      return val;
     }).join(",");
   }
 
@@ -243,7 +241,9 @@ export default class StringAttributeModel extends AttributeModel {
    */
   get readonlyvalue() {
     if (typeof this.value === "string") {
-      return this.formatValue(this.value);
+      const formattedValue = this.formatValue(this.value);
+      // fix for rendering of multiple spaces
+      return formattedValue.replace(/ {2}/gi, " \u00A0");
     }
     return this.value == null ? "" : this.value;
   }

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

@@ -1 +1 @@
-{"version":3,"file":"StringAttributeModel.js","names":["AttributeModel","ConstraintCollection","RegexConstraint","BSNConstraint","IBANConstraint","ATTRIBUTE_WIDTH","StringAttributeModel","constructor","attribute","attributeContributions","_defineProperty","_placeholder","getContribution","getInitialInputValue","value","formatValue","isApplicableModel","contributions","layouthint","type","Array","isArray","_includesInstanceProperty","call","regexp","regexpvalidationmessage","postfix","prefix","placeholder","isBSN","has","isIBAN","isZipcode","isEmail","addConstraints","constraints","add","operator","messageKey","defaultMessage","regex","RegExp","reset","inputvalue","formatIBAN","noFormat","removeFormat","groups","replace","match","join","formatZipcode","length","substring","toUpperCase","formatBSN","toString","values","isMultiple","split","_mapInstanceProperty","val","validateValue","getInputValue","_inputvalue","_context","validate","readonlyvalue","update","updateLastModification","readonlyWidth","SMALL","LARGE","MEDIUM"],"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 (\n      this.isIBAN() &&\n      (this.operator === \"\" ||\n        this.operator === \"exactly\" ||\n        this.operator === \"isNot\")\n    ) {\n      // validate iban when no operator is set or exact or isNot\n      constraints.add(new IBANConstraint());\n    }\n\n    if (\n      this.isZipcode() &&\n      (this.operator === \"\" ||\n        this.operator === \"exactly\" ||\n        this.operator === \"isNot\")\n    ) {\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    if (\n      this.operator === \"\" ||\n      this.operator === \"exactly\" ||\n      this.operator === \"isNot\"\n    ) {\n      const groups = noFormat.replace(/\\s/g, \"\").match(/.{1,4}/g);\n      return groups == null ? \"\" : groups.join(\" \");\n    }\n\n    return noFormat;\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    const values = this.isMultiple ? value.split(\",\") : [value];\n\n    return values\n      .map((val) => {\n        if (this.isIBAN()) {\n          return this.formatIBAN(val);\n        }\n\n        if (this.isZipcode()) {\n          return this.formatZipcode(val);\n        }\n\n        if (this.isBSN()) {\n          return this.formatBSN(val);\n        }\n\n        // adds nbsp to values with multiple spaces\n        return val.replace(/ {2}/gi, \" \\u00A0\");\n      })\n      .join(\",\");\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 if (this.isMultiple) {\n      this.value = value\n        .split(\",\")\n        .map((val) => this.removeFormat(val))\n        .join(\",\");\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      return this.formatValue(this.value);\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  /**\n   * Indicates if a value is multiple choice, used for filters\n   */\n  get isMultiple(): boolean {\n    return this.getContribution(\"multiplechoice\", false);\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"StringAttributeModel.js","names":["AttributeModel","ConstraintCollection","RegexConstraint","BSNConstraint","IBANConstraint","ATTRIBUTE_WIDTH","StringAttributeModel","constructor","attribute","attributeContributions","_defineProperty","_placeholder","getContribution","getInitialInputValue","value","formatValue","isApplicableModel","contributions","layouthint","type","Array","isArray","_includesInstanceProperty","call","regexp","regexpvalidationmessage","postfix","prefix","placeholder","isBSN","has","isIBAN","isZipcode","isEmail","addConstraints","constraints","add","operator","messageKey","defaultMessage","regex","RegExp","reset","inputvalue","formatIBAN","noFormat","removeFormat","groups","replace","match","join","formatZipcode","length","substring","toUpperCase","formatBSN","toString","values","isMultiple","split","_mapInstanceProperty","val","validateValue","getInputValue","_inputvalue","_context","validate","readonlyvalue","formattedValue","update","updateLastModification","readonlyWidth","SMALL","LARGE","MEDIUM"],"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 (\n      this.isIBAN() &&\n      (this.operator === \"\" ||\n        this.operator === \"exactly\" ||\n        this.operator === \"isNot\")\n    ) {\n      // validate iban when no operator is set or exact or isNot\n      constraints.add(new IBANConstraint());\n    }\n\n    if (\n      this.isZipcode() &&\n      (this.operator === \"\" ||\n        this.operator === \"exactly\" ||\n        this.operator === \"isNot\")\n    ) {\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    if (\n      this.operator === \"\" ||\n      this.operator === \"exactly\" ||\n      this.operator === \"isNot\"\n    ) {\n      const groups = noFormat.replace(/\\s/g, \"\").match(/.{1,4}/g);\n      return groups == null ? \"\" : groups.join(\" \");\n    }\n\n    return noFormat;\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    const values = this.isMultiple ? value.split(\",\") : [value];\n\n    return values\n      .map((val) => {\n        if (this.isIBAN()) {\n          return this.formatIBAN(val);\n        }\n\n        if (this.isZipcode()) {\n          return this.formatZipcode(val);\n        }\n\n        if (this.isBSN()) {\n          return this.formatBSN(val);\n        }\n\n        return val;\n      })\n      .join(\",\");\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 if (this.isMultiple) {\n      this.value = value\n        .split(\",\")\n        .map((val) => this.removeFormat(val))\n        .join(\",\");\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  /**\n   * Indicates if a value is multiple choice, used for filters\n   */\n  get isMultiple(): boolean {\n    return this.getContribution(\"multiplechoice\", false);\n  }\n}\n"],"mappings":"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"}

package/lib/models/attributes/StringAttributeModel.js

@@ -199,9 +199,7 @@ class StringAttributeModel extends _AttributeModel.default {
       if (this.isBSN()) {
         return this.formatBSN(val);
       }
-
-      // adds nbsp to values with multiple spaces
-      return val.replace(/ {2}/gi, " \u00A0");
+      return val;
     }).join(",");
   }
 
@@ -249,7 +247,9 @@ class StringAttributeModel extends _AttributeModel.default {
    */
   get readonlyvalue() {
     if (typeof this.value === "string") {
-      return this.formatValue(this.value);
+      const formattedValue = this.formatValue(this.value);
+      // fix for rendering of multiple spaces
+      return formattedValue.replace(/ {2}/gi, " \u00A0");
     }
     return this.value == null ? "" : this.value;
   }

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

@@ -231,8 +231,7 @@ export default class StringAttributeModel extends AttributeModel {
           return this.formatBSN(val);
         }
 
-        // adds nbsp to values with multiple spaces
-        return val.replace(/ {2}/gi, " \u00A0");
+        return val;
       })
       .join(",");
   }
@@ -287,7 +286,9 @@ export default class StringAttributeModel extends AttributeModel {
    */
   get readonlyvalue(): string {
     if (typeof this.value === "string") {
-      return this.formatValue(this.value);
+      const formattedValue = this.formatValue(this.value);
+      // fix for rendering of multiple spaces
+      return formattedValue.replace(/ {2}/gi, " \u00A0");
     }
 
     return this.value == null ? "" : this.value;

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","operator","IBANConstraint","RegexConstraint","messageKey","defaultMessage","regex","RegExp","reset","inputvalue","formatIBAN","noFormat","removeFormat","groups","replace","match","join","formatZipcode","length","substring","toUpperCase","formatBSN","toString","values","isMultiple","split","_map","val","validateValue","getInputValue","_inputvalue","_context","validate","readonlyvalue","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 (\n      this.isIBAN() &&\n      (this.operator === \"\" ||\n        this.operator === \"exactly\" ||\n        this.operator === \"isNot\")\n    ) {\n      // validate iban when no operator is set or exact or isNot\n      constraints.add(new IBANConstraint());\n    }\n\n    if (\n      this.isZipcode() &&\n      (this.operator === \"\" ||\n        this.operator === \"exactly\" ||\n        this.operator === \"isNot\")\n    ) {\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    if (\n      this.operator === \"\" ||\n      this.operator === \"exactly\" ||\n      this.operator === \"isNot\"\n    ) {\n      const groups = noFormat.replace(/\\s/g, \"\").match(/.{1,4}/g);\n      return groups == null ? \"\" : groups.join(\" \");\n    }\n\n    return noFormat;\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    const values = this.isMultiple ? value.split(\",\") : [value];\n\n    return values\n      .map((val) => {\n        if (this.isIBAN()) {\n          return this.formatIBAN(val);\n        }\n\n        if (this.isZipcode()) {\n          return this.formatZipcode(val);\n        }\n\n        if (this.isBSN()) {\n          return this.formatBSN(val);\n        }\n\n        // adds nbsp to values with multiple spaces\n        return val.replace(/ {2}/gi, \" \\u00A0\");\n      })\n      .join(\",\");\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 if (this.isMultiple) {\n      this.value = value\n        .split(\",\")\n        .map((val) => this.removeFormat(val))\n        .join(\",\");\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      return this.formatValue(this.value);\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  /**\n   * Indicates if a value is multiple choice, used for filters\n   */\n  get isMultiple(): boolean {\n    return this.getContribution(\"multiplechoice\", false);\n  }\n}\n"],"mappings":"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"}
+{"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","operator","IBANConstraint","RegexConstraint","messageKey","defaultMessage","regex","RegExp","reset","inputvalue","formatIBAN","noFormat","removeFormat","groups","replace","match","join","formatZipcode","length","substring","toUpperCase","formatBSN","toString","values","isMultiple","split","_map","val","validateValue","getInputValue","_inputvalue","_context","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 (\n      this.isIBAN() &&\n      (this.operator === \"\" ||\n        this.operator === \"exactly\" ||\n        this.operator === \"isNot\")\n    ) {\n      // validate iban when no operator is set or exact or isNot\n      constraints.add(new IBANConstraint());\n    }\n\n    if (\n      this.isZipcode() &&\n      (this.operator === \"\" ||\n        this.operator === \"exactly\" ||\n        this.operator === \"isNot\")\n    ) {\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    if (\n      this.operator === \"\" ||\n      this.operator === \"exactly\" ||\n      this.operator === \"isNot\"\n    ) {\n      const groups = noFormat.replace(/\\s/g, \"\").match(/.{1,4}/g);\n      return groups == null ? \"\" : groups.join(\" \");\n    }\n\n    return noFormat;\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    const values = this.isMultiple ? value.split(\",\") : [value];\n\n    return values\n      .map((val) => {\n        if (this.isIBAN()) {\n          return this.formatIBAN(val);\n        }\n\n        if (this.isZipcode()) {\n          return this.formatZipcode(val);\n        }\n\n        if (this.isBSN()) {\n          return this.formatBSN(val);\n        }\n\n        return val;\n      })\n      .join(\",\");\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 if (this.isMultiple) {\n      this.value = value\n        .split(\",\")\n        .map((val) => this.removeFormat(val))\n        .join(\",\");\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  /**\n   * Indicates if a value is multiple choice, used for filters\n   */\n  get isMultiple(): boolean {\n    return this.getContribution(\"multiplechoice\", false);\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;AAEA;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,IACL,IAAI,CAACP,MAAM,CAAC,CAAC,KACZ,IAAI,CAACQ,QAAQ,KAAK,EAAE,IACnB,IAAI,CAACA,QAAQ,KAAK,SAAS,IAC3B,IAAI,CAACA,QAAQ,KAAK,OAAO,CAAC,EAC5B;MACA;MACAJ,WAAW,CAACE,GAAG,CAAC,IAAIG,uBAAc,CAAC,CAAC,CAAC;IACvC;IAEA,IACE,IAAI,CAACR,SAAS,CAAC,CAAC,KACf,IAAI,CAACO,QAAQ,KAAK,EAAE,IACnB,IAAI,CAACA,QAAQ,KAAK,SAAS,IAC3B,IAAI,CAACA,QAAQ,KAAK,OAAO,CAAC,EAC5B;MACA;MACAJ,WAAW,CAACE,GAAG,CACb,IAAII,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,CAACZ,OAAO,CAAC,CAAC,IAAI,IAAI,CAACT,MAAM,EAAE;MACxCW,WAAW,CAACE,GAAG,CACb,IAAII,wBAAe,CAAC;QAClBC,UAAU,EAAE,gCAAgC;QAC5CC,cAAc,EAAE,gCAAgC;QAChDC,KAAK,EAAE,IAAIC,MAAM,CAAC,IAAI,CAACrB,MAAM,EAAE,IAAI;MACrC,CAAC,CACH,CAAC;IACH,CAAC,MAAM,IAAI,IAAI,CAACA,MAAM,EAAE;MACtBW,WAAW,CAACE,GAAG,CACb,IAAII,wBAAe,CAAC;QAClBC,UAAU,EAAE,gCAAgC;QAC5CC,cAAc,EAAE,IAAI,CAAClB,uBAAuB;QAC5CmB,KAAK,EAAE,IAAI,CAACpB;MACd,CAAC,CACH,CAAC;IACH;IAEA,OAAOW,WAAW;EACpB;;EAEA;AACF;AACA;EACEW,KAAKA,CAAA,EAAG;IACN,IAAI,CAACC,UAAU,GAAG,EAAE;EACtB;;EAEA;AACF;EACEC,UAAUA,CAAClC,KAAa,EAAU;IAChC,MAAMmC,QAAQ,GAAG,IAAI,CAACC,YAAY,CAACpC,KAAK,CAAC;IAEzC,IACE,IAAI,CAACyB,QAAQ,KAAK,EAAE,IACpB,IAAI,CAACA,QAAQ,KAAK,SAAS,IAC3B,IAAI,CAACA,QAAQ,KAAK,OAAO,EACzB;MACA,MAAMY,MAAM,GAAGF,QAAQ,CAACG,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAACC,KAAK,CAAC,SAAS,CAAC;MAC3D,OAAOF,MAAM,IAAI,IAAI,GAAG,EAAE,GAAGA,MAAM,CAACG,IAAI,CAAC,GAAG,CAAC;IAC/C;IAEA,OAAOL,QAAQ;EACjB;;EAEA;AACF;EACEM,aAAaA,CAACzC,KAAa,EAAU;IACnC,MAAMmC,QAAQ,GAAG,IAAI,CAACC,YAAY,CAACpC,KAAK,CAAC;IACzC,IAAImC,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,CAAC7C,KAAa,EAAU;IAC/B,OAAO,IAAI,CAACoC,YAAY,CAACpC,KAAK,CAAC;EACjC;;EAEA;AACF;EACEC,WAAWA,CAACD,KAAc,EAAU;IAClC,IAAIA,KAAK,IAAI,IAAI,IAAIA,KAAK,CAAC8C,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;MAC5C,OAAO,EAAE;IACX;IAEA,IAAI,OAAO9C,KAAK,KAAK,QAAQ,EAAE;MAC7B,OAAOA,KAAK;IACd;IAEA,MAAM+C,MAAM,GAAG,IAAI,CAACC,UAAU,GAAGhD,KAAK,CAACiD,KAAK,CAAC,GAAG,CAAC,GAAG,CAACjD,KAAK,CAAC;IAE3D,OAAO,IAAAkD,IAAA,CAAAtD,OAAA,EAAAmD,MAAM,EAAAtC,IAAA,CAANsC,MAAM,EACLI,GAAG,IAAK;MACZ,IAAI,IAAI,CAAClC,MAAM,CAAC,CAAC,EAAE;QACjB,OAAO,IAAI,CAACiB,UAAU,CAACiB,GAAG,CAAC;MAC7B;MAEA,IAAI,IAAI,CAACjC,SAAS,CAAC,CAAC,EAAE;QACpB,OAAO,IAAI,CAACuB,aAAa,CAACU,GAAG,CAAC;MAChC;MAEA,IAAI,IAAI,CAACpC,KAAK,CAAC,CAAC,EAAE;QAChB,OAAO,IAAI,CAAC8B,SAAS,CAACM,GAAG,CAAC;MAC5B;MAEA,OAAOA,GAAG;IACZ,CAAC,CAAC,CACDX,IAAI,CAAC,GAAG,CAAC;EACd;;EAEA;AACF;EACEJ,YAAYA,CAACpC,KAAc,EAAU;IACnC,IAAIA,KAAK,IAAI,IAAI,IAAIA,KAAK,CAAC8C,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;MAC5C,OAAO,EAAE;IACX;IAEA,IAAI,IAAI,CAAC7B,MAAM,CAAC,CAAC,IAAI,IAAI,CAACC,SAAS,CAAC,CAAC,IAAI,IAAI,CAACH,KAAK,CAAC,CAAC,EAAE;MACrD,OAAOf,KAAK,CAACsC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC;IAC1C;IAEA,OAAOtC,KAAK;EACd;;EAEA;AACF;EACE,IAAIoD,aAAaA,CAAA,EAAW;IAC1B,OAAO,IAAI,CAAChB,YAAY,CAAC,IAAI,CAACH,UAAU,CAAC;EAC3C;;EAEA;AACF;EACE,IAAIA,UAAUA,CAAA,EAAW;IACvB,OAAO,IAAI,CAACoB,aAAa,CAAC,CAAC;EAC7B;;EAEA;AACF;AACA;EACE,IAAIpB,UAAUA,CAACjC,KAAa,EAAE;IAC5B,IAAI,CAACsD,WAAW,GAAGtD,KAAK;IAExB,IAAIA,KAAK,IAAI,IAAI,EAAE;MACjB,IAAI,CAACA,KAAK,GAAGA,KAAK;IACpB,CAAC,MAAM,IAAI,IAAI,CAACgD,UAAU,EAAE;MAAA,IAAAO,QAAA;MAC1B,IAAI,CAACvD,KAAK,GAAG,IAAAkD,IAAA,CAAAtD,OAAA,EAAA2D,QAAA,GAAAvD,KAAK,CACfiD,KAAK,CAAC,GAAG,CAAC,EAAAxC,IAAA,CAAA8C,QAAA,EACLJ,GAAG,IAAK,IAAI,CAACf,YAAY,CAACe,GAAG,CAAC,CAAC,CACpCX,IAAI,CAAC,GAAG,CAAC;IACd,CAAC,MAAM;MACL,IAAI,CAACxC,KAAK,GAAG,IAAI,CAACoC,YAAY,CAACpC,KAAK,CAAC;IACvC;IAEA,IAAI,CAACwD,QAAQ,CAAC,IAAI,CAACJ,aAAa,CAAC;EACnC;;EAEA;AACF;EACE,IAAIK,aAAaA,CAAA,EAAW;IAC1B,IAAI,OAAO,IAAI,CAACzD,KAAK,KAAK,QAAQ,EAAE;MAClC,MAAM0D,cAAc,GAAG,IAAI,CAACzD,WAAW,CAAC,IAAI,CAACD,KAAK,CAAC;MACnD;MACA,OAAO0D,cAAc,CAACpB,OAAO,CAAC,QAAQ,EAAE,SAAS,CAAC;IACpD;IAEA,OAAO,IAAI,CAACtC,KAAK,IAAI,IAAI,GAAG,EAAE,GAAG,IAAI,CAACA,KAAK;EAC7C;;EAEA;AACF;AACA;EACE2D,MAAMA,CAAC3D,KAAa,EAAwB;IAC1C,IAAI,IAAI,CAACiC,UAAU,KAAKjC,KAAK,EAAE;MAC7B,OAAO,IAAI;IACb;IAEA,IAAI,CAAC4D,sBAAsB,CAAC,CAAC;IAC7B,IAAI,CAAC3B,UAAU,GAAGjC,KAAK;IAEvB,OAAO,IAAI;EACb;;EAEA;AACF;EACE,IAAI6D,aAAaA,CAAA,EAAkC;IACjD,IAAI,IAAI,CAAC3C,SAAS,CAAC,CAAC,IAAI,IAAI,CAACH,KAAK,CAAC,CAAC,EAAE;MACpC,OAAO+C,0BAAe,CAACC,KAAK;IAC9B;IAEA,IAAI,IAAI,CAAC9C,MAAM,CAAC,CAAC,EAAE;MACjB,OAAO6C,0BAAe,CAACE,KAAK;IAC9B;;IAEA;IACA,OAAOF,0BAAe,CAACG,MAAM;EAC/B;;EAEA;AACF;AACA;EACE,IAAIjB,UAAUA,CAAA,EAAY;IACxB,OAAO,IAAI,CAAClD,eAAe,CAAC,gBAAgB,EAAE,KAAK,CAAC;EACtD;AACF;AAACoE,OAAA,CAAAtE,OAAA,GAAAN,oBAAA"}

package/package.json

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

package/src/models/attributes/StringAttributeModel.js

@@ -231,8 +231,7 @@ export default class StringAttributeModel extends AttributeModel {
           return this.formatBSN(val);
         }
 
-        // adds nbsp to values with multiple spaces
-        return val.replace(/ {2}/gi, " \u00A0");
+        return val;
       })
       .join(",");
   }
@@ -287,7 +286,9 @@ export default class StringAttributeModel extends AttributeModel {
    */
   get readonlyvalue(): string {
     if (typeof this.value === "string") {
-      return this.formatValue(this.value);
+      const formattedValue = this.formatValue(this.value);
+      // fix for rendering of multiple spaces
+      return formattedValue.replace(/ {2}/gi, " \u00A0");
     }
 
     return this.value == null ? "" : this.value;