@beinformed/ui 1.65.13 → 1.65.14

package/src/models/attributes/StringAttributeModel.js

@@ -1,314 +0,0 @@
-// @flow
-import AttributeModel from "./AttributeModel";
-import ConstraintCollection from "./input-constraints/ConstraintCollection";
-import RegexConstraint from "./input-constraints/RegexConstraint";
-import BSNConstraint from "./input-constraints/BSNConstraint";
-import IBANConstraint from "./input-constraints/IBANConstraint";
-
-import { ATTRIBUTE_WIDTH } from "../../constants";
-
-import type { AttributeType, ModelOptions } from "../types";
-
-/**
- * String attribute
- */
-export default class StringAttributeModel extends AttributeModel {
-  _placeholder: string;
-
-  /**
-   */
-  constructor(
-    attribute: Object,
-    attributeContributions: Object,
-    modelOptions?: ModelOptions,
-  ) {
-    super(attribute, attributeContributions, modelOptions);
-
-    this._placeholder = this.getContribution("placeholder", "");
-  }
-
-  /**
-   * Retrieve initial input value
-   */
-  getInitialInputValue(value: any): string {
-    return this.formatValue(value);
-  }
-
-  /**
-   */
-  static isApplicableModel(contributions: Object): boolean {
-    const layouthint = contributions?.layouthint;
-    return (
-      contributions.type === "string" ||
-      (Array.isArray(layouthint) && layouthint.includes("string"))
-    );
-  }
-
-  /**
-   */
-  get type(): string {
-    return "string";
-  }
-
-  /**
-   * Get Regexp pattern
-   */
-  get regexp(): string | null {
-    return this.getContribution("regexp");
-  }
-
-  /**
-   */
-  get regexpvalidationmessage(): string | null {
-    return this.getContribution("regexpValidationMessage");
-  }
-
-  /**
-   * Get postfix text
-   */
-  get postfix(): string {
-    return this.getContribution("postfix", "");
-  }
-
-  /**
-   * Get prefix text
-   */
-  get prefix(): string {
-    return this.getContribution("prefix", "");
-  }
-
-  /**
-   * Get placeholder text
-   */
-  get placeholder(): string {
-    return this._placeholder;
-  }
-
-  /**
-   * Set placeholder text
-   */
-  set placeholder(placeholder: string) {
-    this._placeholder = placeholder;
-  }
-
-  /**
-   */
-  isBSN(): boolean {
-    return this.layouthint.has("bsn");
-  }
-
-  /**
-   */
-  isIBAN(): boolean {
-    return this.layouthint.has("iban");
-  }
-
-  /**
-   */
-  isZipcode(): boolean {
-    return this.layouthint.has("zipcode");
-  }
-
-  /**
-   */
-  isEmail(): boolean {
-    return this.layouthint.has("email");
-  }
-
-  /**
-   * Add regex constraints
-   */
-  addConstraints(): ConstraintCollection {
-    const constraints = new ConstraintCollection();
-
-    if (this.isBSN()) {
-      constraints.add(new BSNConstraint());
-    } else if (this.isIBAN()) {
-      constraints.add(new IBANConstraint());
-    }
-
-    if (this.isZipcode()) {
-      // validate zip when regex is set is set or exact or isNot
-      constraints.add(
-        new RegexConstraint({
-          messageKey: "Constraint.ZipCode.InvalidFormat",
-          defaultMessage: "Must be a valid Dutch ZIP code, e.g. 1234 AB",
-          regex: new RegExp("^[1-9][0-9]{3} ?[a-zA-Z]{2}$", "gi"),
-        }),
-      );
-    } else if (this.isEmail() && this.regexp) {
-      constraints.add(
-        new RegexConstraint({
-          messageKey: "Constraint.Email.InvalidFormat",
-          defaultMessage: "Must be a valid e-mail address",
-          regex: new RegExp(this.regexp, "gi"),
-        }),
-      );
-    } else if (this.regexp) {
-      constraints.add(
-        new RegexConstraint({
-          messageKey: "Constraint.String.InvalidRegex",
-          defaultMessage: this.regexpvalidationmessage,
-          regex: this.regexp,
-        }),
-      );
-    }
-
-    return constraints;
-  }
-
-  /**
-   * Reset attribute to empty string
-   */
-  reset() {
-    this.inputvalue = "";
-  }
-
-  /**
-   */
-  formatIBAN(value: string): string {
-    const noFormat = this.removeFormat(value);
-
-    const groups = noFormat.replace(/\s/g, "").match(/.{1,4}/g);
-    return groups == null ? "" : groups.join(" ");
-  }
-
-  /**
-   */
-  formatZipcode(value: string): string {
-    const noFormat = this.removeFormat(value);
-    if (noFormat.length === 6) {
-      return (
-        noFormat.substring(0, 4) + " " + noFormat.substring(4).toUpperCase()
-      );
-    }
-    return noFormat;
-  }
-
-  /**
-   */
-  formatBSN(value: string): string {
-    return this.removeFormat(value);
-  }
-
-  /**
-   */
-  formatValue(value: ?string): string {
-    if (value == null || value.toString() === "") {
-      return "";
-    }
-
-    if (typeof value !== "string") {
-      return value;
-    }
-
-    if (this.isIBAN()) {
-      return this.formatIBAN(value);
-    }
-
-    if (this.isZipcode()) {
-      return this.formatZipcode(value);
-    }
-
-    if (this.isBSN()) {
-      return this.formatBSN(value);
-    }
-
-    return value.replace(/ {2}/gi, " \u00A0");
-  }
-
-  /**
-   */
-  removeFormat(value: ?string): string {
-    if (value == null || value.toString() === "") {
-      return "";
-    }
-
-    if (this.isIBAN() || this.isZipcode() || this.isBSN()) {
-      return value.replace(/[^a-z0-9,]/gi, "");
-    }
-
-    return value;
-  }
-
-  /**
-   */
-  get validateValue(): string {
-    return this.removeFormat(this.inputvalue);
-  }
-
-  /**
-   */
-  get inputvalue(): string {
-    return this.getInputValue();
-  }
-
-  /**
-   * Sets the input value to the value entered by the user
-   */
-  set inputvalue(value: string) {
-    this._inputvalue = value;
-
-    if (value == null) {
-      this.value = value;
-    } else {
-      this.value = this.removeFormat(value);
-    }
-
-    this.validate(this.validateValue);
-  }
-
-  /**
-   */
-  get readonlyvalue(): string {
-    if (typeof this.value === "string") {
-      const formattedValue = this.formatValue(this.value);
-      // fix for rendering of multiple spaces
-      return formattedValue.replace(/ {2}/gi, " \u00A0");
-    }
-
-    return this.value == null ? "" : this.value;
-  }
-
-  /**
-   * Update the attribute by name and value
-   */
-  update(value: string): StringAttributeModel {
-    if (this.inputvalue === value) {
-      return this;
-    }
-
-    this.updateLastModification();
-    this.inputvalue = value;
-
-    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> {
-    if (this.isZipcode() || this.isBSN()) {
-      return ATTRIBUTE_WIDTH.SMALL;
-    }
-
-    if (this.isIBAN()) {
-      return ATTRIBUTE_WIDTH.LARGE;
-    }
-
-    // default value (also applied for email address + download attribute)
-    return ATTRIBUTE_WIDTH.MEDIUM;
-  }
-}

package/src/models/attributes/UploadAttributeModel.js

@@ -1,261 +0,0 @@
-// @flow
-import ConstraintCollection from "./input-constraints/ConstraintCollection";
-import StringAttributeModel from "./StringAttributeModel";
-import FileExtensionConstraint from "./input-constraints/FileExtensionConstraint";
-import FileSizeConstraint from "./input-constraints/FileSizeConstraint";
-
-import type {
-  AttributeType,
-  FilesType,
-  FiletypeConstraintsType,
-  FilesizeConstraintsType,
-} from "../types";
-
-const UNCHANGED = "UNCHANGED";
-
-/**
- * Upload attribute
- */
-export default class UploadAttributeModel extends StringAttributeModel {
-  _files: FilesType;
-  _initialTotalFileSize: number;
-  _maxTotalFileSize: number;
-
-  /**
-   */
-  static isApplicableModel(contributions: Object): boolean {
-    return contributions.type === "binary";
-  }
-
-  /**
-   */
-  get type(): string {
-    return "upload";
-  }
-
-  /**
-   * Retrieve single or multi upload
-   */
-  get multiple(): boolean {
-    return this.getContribution("multiple", false);
-  }
-
-  /**
-   */
-  get initialTotalFileSize(): number {
-    return this._initialTotalFileSize || 0;
-  }
-
-  /**
-   */
-  set initialTotalFileSize(initialTotalFileSize: number) {
-    this._initialTotalFileSize = initialTotalFileSize;
-  }
-
-  /**
-   */
-  get maxTotalFileSize(): number {
-    return this._maxTotalFileSize;
-  }
-
-  /**
-   */
-  set maxTotalFileSize(maxTotalFileSize: number) {
-    this._maxTotalFileSize = maxTotalFileSize;
-  }
-
-  /**
-   */
-  get currentFilesize(): number {
-    return this.initialTotalFileSize + this.uploadedFileSize;
-  }
-
-  /**
-   */
-  get maxFileSize(): ?number {
-    if (this.maxTotalFileSize) {
-      const uploadMaxFileSize = this.maxTotalFileSize - this.currentFilesize;
-      if (uploadMaxFileSize < 0) {
-        return 0;
-      }
-
-      return uploadMaxFileSize;
-    }
-
-    return this.contributions.uploadMaxFileSize;
-  }
-
-  /**
-   */
-  get uploadedFileSize(): number {
-    if (Object.keys(this.files).length === 0) {
-      return 0;
-    }
-
-    let accumulatedFileSize = 0;
-    Object.keys(this.files).forEach((fileName) => {
-      const file = this.files[fileName];
-      if (file.size) {
-        accumulatedFileSize += file.size;
-      }
-    });
-    return accumulatedFileSize;
-  }
-
-  /**
-   * Upload constraints
-   */
-  get uploadConstraints(): {
-    fileTypes: FiletypeConstraintsType,
-    maxFileSize: FilesizeConstraintsType,
-    acceptedFiles: Array<string>,
-  } {
-    const mimeTypes = this.contributions.allowedMimeTypes
-      ? this.contributions.allowedMimeTypes.filter(
-          (mimeType) => mimeType !== "[...]",
-        )
-      : [];
-    const extensions = this.contributions.allowedExtensions
-      ? this.contributions.allowedExtensions.filter(
-          (extension) => extension !== "[...]",
-        )
-      : [];
-
-    const fileTypes: FiletypeConstraintsType = extensions.map((extension) => ({
-      extensions: [extension],
-      mimeTypes,
-    }));
-
-    return {
-      fileTypes,
-      maxFileSize: {
-        fileSize: this.maxFileSize,
-        maxTotalFileSize: this.maxTotalFileSize,
-        isMaxTotal: this.maxTotalFileSize !== undefined,
-      },
-      acceptedFiles: this.acceptedFiles,
-    };
-  }
-
-  /**
-   * Array of accepted file extensions and mime types.
-   * Convenience method for accept attribute of file input html control
-   */
-  get acceptedFiles(): Array<string> {
-    const mimeTypes = this.contributions.allowedMimeTypes
-      ? this.contributions.allowedMimeTypes.filter(
-          (mimeType) => mimeType !== "[...]",
-        )
-      : [];
-    const extensions = this.contributions.allowedExtensions
-      ? this.contributions.allowedExtensions
-          .filter((extension) => extension !== "[...]")
-          .map((extension) => `.${extension}`)
-      : [];
-
-    return [...extensions, ...mimeTypes];
-  }
-
-  /**
-   * Add upload constraints
-   */
-  addConstraints(): ConstraintCollection {
-    const constraints = new ConstraintCollection();
-
-    if (this.uploadConstraints.fileTypes.length > 0) {
-      constraints.add(
-        new FileExtensionConstraint(this.uploadConstraints.fileTypes),
-      );
-    }
-
-    const hasFilesizeConstraint =
-      this.uploadConstraints.maxFileSize.isMaxTotal ||
-      this.uploadConstraints.maxFileSize.fileSize !== undefined;
-
-    if (hasFilesizeConstraint) {
-      constraints.add(
-        new FileSizeConstraint(this.uploadConstraints.maxFileSize),
-      );
-    }
-
-    return constraints;
-  }
-
-  /**
-   */
-  get files(): FilesType {
-    return this._files || {};
-  }
-
-  /**
-   */
-  set files(files: FilesType) {
-    this._files = files;
-  }
-
-  /**
-   * Update the attribute
-   */
-  update(value: string): UploadAttributeModel {
-    if (!value) {
-      return this;
-    }
-
-    // parse to json and handle uploaded file
-    // when the input value is a string but not json,
-    // we assume that it is just a list of uploaded tokens and copy it as input value
-    try {
-      const files = JSON.parse(value);
-      this.files = files;
-
-      this.inputvalue = Object.keys(files)
-        .map((fileName) => files[fileName].token)
-        .join(",");
-    } catch (error) {
-      if (typeof value === "string") {
-        this.inputvalue = value;
-      }
-    }
-
-    this.updateLastModification();
-
-    return this;
-  }
-
-  /**
-   */
-  get readonlyvalue(): string {
-    if (this.initvalue) {
-      return this.initvalue.toString();
-    }
-
-    return "";
-  }
-
-  /**
-   * Getting the value of the attribute, return unchanged when the uploaded file has not changed
-   */
-  getValue(): any {
-    if (!this.hasValue()) {
-      return null;
-    }
-
-    if (this.initvalue === this.inputvalue) {
-      return UNCHANGED;
-    }
-
-    return this._value;
-  }
-
-  /**
-   */
-  mergeAttribute(oldAttribute: AttributeType) {
-    if (
-      oldAttribute instanceof UploadAttributeModel &&
-      oldAttribute.isValid &&
-      oldAttribute.inputvalue !== null
-    ) {
-      this.update(JSON.stringify(oldAttribute.files));
-    }
-  }
-}

package/src/models/attributes/XMLAttributeModel.js

@@ -1,51 +0,0 @@
-// @flow
-import ConstraintCollection from "./input-constraints/ConstraintCollection";
-import StringAttributeModel from "./StringAttributeModel";
-import XMLConstraint from "./input-constraints/XMLConstraint";
-
-import { ATTRIBUTE_WIDTH } from "../../constants";
-
-/**
- * XML attribute
- */
-export default class XMLAttributeModel extends StringAttributeModel {
-  /**
-   */
-  static isApplicableModel(contributions: Object): boolean {
-    const layouthint = contributions?.layouthint;
-    return (
-      contributions.type === "xml" ||
-      (Array.isArray(layouthint) && layouthint.includes("xml"))
-    );
-  }
-
-  /**
-   */
-  get type(): string {
-    return "xml";
-  }
-
-  /**
-   * Retrieve number of rows to render
-   */
-  get rows(): number {
-    return 10;
-  }
-
-  /**
-   * Add constraints
-   */
-  addConstraints(): ConstraintCollection {
-    const constraints = new ConstraintCollection();
-
-    constraints.add(new XMLConstraint());
-
-    return constraints;
-  }
-
-  /**
-   */
-  get readonlyWidth(): $Keys<typeof ATTRIBUTE_WIDTH> {
-    return ATTRIBUTE_WIDTH.EXTRA_LARGE;
-  }
-}

package/src/models/attributes/__mock__/_ActionFieldsContributions.json

@@ -1,12 +0,0 @@
-[
-  {
-    "ID": {
-      "type": "number",
-      "label": "Case ID",
-      "mandatory": true,
-      "format": "0",
-      "groupingSeparator": ".",
-      "decimalSeparator": ","
-    }
-  }
-]

package/src/models/attributes/__mock__/_ActionFieldsData.json

@@ -1,7 +0,0 @@
-[
-  {
-    "name": "ID",
-    "type": "number",
-    "value": 26
-  }
-]