@beinformed/ui 1.27.6 → 1.28.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beinformed/ui",
-  "version": "1.27.6",
+  "version": "1.28.0",
   "description": "Toolbox for be informed javascript layouts",
   "license": "SEE LICENSE IN LICENSE.md",
   "bugs": "http://support.beinformed.com",
@@ -33,8 +33,8 @@
     "test:ci": "jest --ci",
     "test:changed": "jest --onlyChanged",
     "upgrade-interactive": "npm-check -u",
-    "release": "standard-version",
-    "beta-release": "standard-version --prerelease beta",
+    "release": "commit-and-tag-version",
+    "beta-release": "commit-and-tag-version --prerelease beta",
     "prepublishOnly": "npm run build",
     "docs": "node ./.build/docs.mjs",
     "prepare": "husky install",
@@ -72,8 +72,8 @@
   "peerDependencies": {
     "history": "^4.0.0",
     "polished": "^4.0.0",
-    "react": "^16.14.0 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0",
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0",
     "react-helmet-async": "^1.0.0",
     "react-redux": "^7.0.0 || ^8.0.0",
     "react-router": "^5.0.0",
@@ -87,9 +87,7 @@
     "date-fns": "^2.29.3",
     "deepmerge": "^4.3.0",
     "dequal": "^2.0.3",
-    "element-closest": "^3.0.2",
     "file-size": "^1.0.0",
-    "focus-visible": "^5.2.0",
     "format-message": "^6.2.4",
     "he": "^1.2.0",
     "iban": "^0.0.14",
@@ -110,39 +108,40 @@
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-flow": "^7.18.6",
     "@babel/preset-react": "^7.18.6",
-    "@commitlint/cli": "^17.4.2",
-    "@commitlint/config-conventional": "^17.4.2",
-    "@testing-library/react": "^13.4.0",
+    "@commitlint/cli": "^17.4.4",
+    "@commitlint/config-conventional": "^17.4.4",
+    "@testing-library/react": "^14.0.0",
     "auditjs": "^4.0.39",
-    "babel-jest": "^29.4.1",
+    "babel-jest": "^29.4.3",
     "babel-plugin-styled-components": "^2.0.7",
     "cherry-pick": "^0.5.0",
+    "commit-and-tag-version": "^11.1.0",
     "cross-env": "^7.0.3",
     "documentation": "^14.0.1",
-    "eslint": "^8.33.0",
+    "eslint": "^8.34.0",
     "eslint-config-prettier": "^8.6.0",
     "eslint-plugin-babel": "^5.3.1",
     "eslint-plugin-ft-flow": "^2.0.3",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-jest": "^27.2.1",
-    "eslint-plugin-jsdoc": "^39.8.0",
+    "eslint-plugin-jsdoc": "^40.0.0",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.5.0",
     "eslint-plugin-you-dont-need-lodash-underscore": "^6.12.0",
-    "flow-bin": "^0.199.1",
+    "flow-bin": "^0.200.0",
     "flow-copy-source": "^2.0.9",
     "flow-typed": "^3.8.0",
     "glob": "^8.1.0",
     "history": "^4.0.0",
     "husky": "^8.0.3",
-    "jest": "^29.4.1",
-    "jest-environment-jsdom": "^29.4.1",
+    "jest": "^29.4.3",
+    "jest-environment-jsdom": "^29.4.3",
     "jest-junit": "^15.0.0",
     "jest-sonar-reporter": "^2.0.0",
     "jscodeshift": "^0.14.0",
-    "lint-staged": "^13.1.0",
+    "lint-staged": "^13.1.2",
     "polished": "^4.0.0",
-    "prettier": "^2.8.3",
+    "prettier": "^2.8.4",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-helmet-async": "^1.0.0",
@@ -153,7 +152,6 @@
     "redux-mock-store": "^1.5.4",
     "redux-thunk": "^2.4.2",
     "rimraf": "^4.1.2",
-    "standard-version": "^9.5.0",
     "styled-components": "^5.3.6",
     "xhr-mock": "^2.5.1"
   },

package/src/constants/LayoutHintConfig.js

@@ -109,15 +109,6 @@ export const LayoutHintConfiguration = {
     link: "",
     component: ["attribute/number"],
   },
-  IGNORE_FORMAT_SETTING: {
-    hint: "ignore-format-setting",
-    description: {
-      NL: "Maakt het mogelijk om de global date format setting te negeren voor een specifiek attribuut",
-      EN: "Makes it possible to ignore the global date format for a specific attribute",
-    },
-    link: "",
-    component: ["attribute/date", "attribute/datetime"],
-  },
   CREATE_ACTION: {
     hint: "create",
     description: {

package/src/constants/LayoutHints.js

@@ -53,10 +53,6 @@ export const SORT_OPTIONS: string = getHint("SORT_OPTIONS");
  * Layout-hint: Marks an attribute as a title attribute
  */
 export const TITLE: string = getHint("TITLE");
-/**
- * Layout-hint: Ignore the global input format for specific attribute
- */
-export const IGNORE_FORMAT_SETTING: string = getHint("IGNORE_FORMAT_SETTING");
 
 /*
  * --------------------------------

package/src/constants/Settings.js

@@ -97,12 +97,6 @@ const defaultSettings: { [name: string]: Setting } = {
     "/Library/KMTs/Business scenarios.bixml/Persona",
   ],
 
-  // Input format for dates. Without this setting having a value, the contributions format is used
-  DATE_INPUT_FORMAT: "",
-
-  // Readonly format for dates.  Without this setting having a value, the contributions format is used
-  DATE_READONLY_FORMAT: "",
-
   // indicates on what day the week starts (0 = Sunday)
   CALENDAR_WEEK_STARTS_ON: 1,
 

package/src/models/attributes/DatetimeAttributeModel.js

@@ -17,14 +17,9 @@ import DatetimeFormatConstraint from "./input-constraints/DatetimeFormatConstrai
 import DateBoundaryConstraint from "./input-constraints/DateBoundaryConstraint";
 
 import { ATTRIBUTE_WIDTH, ISO_DATE_FORMAT } from "../../constants";
-import { getSetting } from "../../constants/Settings";
-import { IGNORE_FORMAT_SETTING } from "../../constants/LayoutHints";
 
 import type { FormErrorAnchor, IConstraintModel } from "../types";
 
-// date format of default
-const PRODUCT_DEFAULT_DATE_FORMAT = "dd-MM-yyyy";
-
 /**
  */
 class DatetimeAttributeModel extends StringAttributeModel {
@@ -239,22 +234,9 @@ class DatetimeAttributeModel extends StringAttributeModel {
       return "";
     }
 
-    // setting for date input
-    const ignoreFormatSetting = this.layouthint.has(IGNORE_FORMAT_SETTING);
-    if (!ignoreFormatSetting) {
-      const dateInputFormatSetting = getSetting("DATE_INPUT_FORMAT", "");
-      if (dateInputFormatSetting) {
-        return dateInputFormatSetting;
-      }
-    }
-
-    let format = this.format;
-
-    let dateFormat = this.hasTime
-      ? format.replace(this.timeInputFormat, "").trim()
-      : format;
-
-    return dateFormat;
+    return this.hasTime
+      ? this.format.replace(this.timeInputFormat, "").trim()
+      : this.format;
   }
 
   /**
@@ -264,35 +246,19 @@ class DatetimeAttributeModel extends StringAttributeModel {
       return "";
     }
 
-    let format = this.format;
-
-    let dateFormat = this.hasTime
-      ? format.replace(this.timeInputFormat, "").trim()
-      : format;
-
-    const readonlyFormatSetting = getSetting("DATE_READONLY_FORMAT", "");
-
-    if (dateFormat === PRODUCT_DEFAULT_DATE_FORMAT && readonlyFormatSetting) {
-      dateFormat = readonlyFormatSetting;
-    }
-
-    return dateFormat;
+    return this.hasTime
+      ? this.format.replace(this.timeInputFormat, "").trim()
+      : this.format;
   }
 
   /**
-   * return attribute placeholder or, if DATE_INPUT_FORMAT setting is used, lowercased setting, otherwise return formatlabel without time input format from contributions
+   * return attribute placeholder or return formatlabel without time input format from contributions
    */
   get placeholder(): string {
     if (this._placeholder !== "") {
       return this._placeholder;
     }
 
-    const dateInputFormatSetting = getSetting("DATE_INPUT_FORMAT", "");
-
-    if (dateInputFormatSetting) {
-      return dateInputFormatSetting.toLowerCase();
-    }
-
     const formatLabel = this.getContribution("formatlabel", "");
 
     if (this.hasDate && this.hasTime && formatLabel.includes(" ")) {

package/src/models/attributes/__tests__/DateAttributeModel.spec.js

@@ -1,12 +1,7 @@
 import DatetimeAttributeModel from "../DatetimeAttributeModel";
-import { setSettings } from "../../../constants/Settings";
 
 describe("dateAttributeModel", () => {
   describe("with date related settings set", () => {
-    beforeAll(() => {
-      setSettings({ DATE_INPUT_FORMAT: "dd-MM-yyyy" });
-      setSettings({ DATE_READONLY_FORMAT: "dd-MM-yyyy" });
-    });
     it("should be able to create an empty Attribute object", () => {
       const attribute = new DatetimeAttributeModel();
 
@@ -51,7 +46,7 @@ describe("dateAttributeModel", () => {
 
     it("can set input", () => {
       const attribute = new DatetimeAttributeModel({});
-      attribute.inputvalue = "10-12-2010";
+      attribute.inputvalue = "2010-12-10";
 
       expect(attribute.readonlyvalue).toBe("2010-12-10");
 
@@ -65,36 +60,7 @@ describe("dateAttributeModel", () => {
     });
   });
 
-  describe("with non default date related settings configured", () => {
-    beforeAll(() => {
-      setSettings({ DATE_INPUT_FORMAT: "MM/dd/yyyy" });
-      setSettings({ DATE_READONLY_FORMAT: "mm/dd/yyyy" });
-    });
-
-    it("returns the right date formats", () => {
-      const attribute = new DatetimeAttributeModel(
-        {},
-        {
-          label: "Date of birth",
-          type: "date",
-          format: "dd-MM-yyyy",
-          formatlabel: "dd-mm-yyyy",
-        }
-      );
-
-      // expect date input and readonly format to match the settings
-      expect(attribute.format).toBe("dd-MM-yyyy");
-      expect(attribute.dateInputFormat).toBe("MM/dd/yyyy");
-      expect(attribute.dateReadonlyFormat).toBe("mm/dd/yyyy");
-    });
-  });
-
   describe("without date input and date readonly settings defined", () => {
-    beforeAll(() => {
-      // explicitly clear setting
-      setSettings({ DATE_INPUT_FORMAT: "" });
-      setSettings({ DATE_READONLY_FORMAT: "" });
-    });
     it("should be able to return contributions format as date input format", () => {
       const attribute = new DatetimeAttributeModel(
         {},