@beinformed/ui 1.36.0 → 1.37.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beinformed/ui",
-  "version": "1.36.0",
+  "version": "1.37.0",
   "description": "Toolbox for be informed javascript layouts",
   "license": "SEE LICENSE IN LICENSE.md",
   "bugs": "http://support.beinformed.com",
@@ -108,22 +108,22 @@
     "@babel/preset-env": "^7.23.2",
     "@babel/preset-flow": "^7.22.15",
     "@babel/preset-react": "^7.22.15",
-    "@commitlint/cli": "^17.7.2",
-    "@commitlint/config-conventional": "^17.7.0",
-    "@testing-library/react": "^14.0.0",
+    "@commitlint/cli": "^18.2.0",
+    "@commitlint/config-conventional": "^18.1.0",
+    "@testing-library/react": "^14.1.0",
     "auditjs": "^4.0.41",
     "babel-jest": "^29.7.0",
     "babel-plugin-styled-components": "^2.1.4",
     "cherry-pick": "^0.5.0",
-    "commit-and-tag-version": "^11.3.0",
+    "commit-and-tag-version": "^12.0.0",
     "cross-env": "^7.0.3",
     "documentation": "^14.0.2",
-    "eslint": "^8.52.0",
+    "eslint": "^8.53.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-babel": "^5.3.1",
     "eslint-plugin-ft-flow": "^3.0.1",
     "eslint-plugin-import": "^2.29.0",
-    "eslint-plugin-jest": "^27.4.3",
+    "eslint-plugin-jest": "^27.6.0",
     "eslint-plugin-jsdoc": "^46.8.2",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.5.0",
@@ -131,14 +131,14 @@
     "flow-bin": "^0.200.1",
     "flow-copy-source": "^2.0.9",
     "flow-typed": "^3.9.0",
-    "hermes-eslint": "^0.17.0",
+    "hermes-eslint": "^0.16.0",
     "history": "^4.0.0",
     "husky": "^8.0.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-junit": "^16.0.0",
     "jest-sonar-reporter": "^2.0.0",
-    "jscodeshift": "^0.15.0",
+    "jscodeshift": "^0.15.1",
     "lint-staged": "^13.2.3",
     "polished": "^4.0.0",
     "prettier": "^3.0.3",

package/src/constants/LayoutHintConfig.js

@@ -161,10 +161,10 @@ export const LayoutHintConfiguration = {
   HIDE_IN_USER_INTERFACE: {
     hint: "hide-in-user-interface",
     description: {
-      NL: "Verberg een link in de user interface.",
-      EN: "Hide a link in the user interface.",
+      NL: "Verberg een tab in de user interface.",
+      EN: "Hide a tab in the user interface.",
     },
     link: "",
-    component: ["tab", "taskgroup"],
+    component: ["tab"],
   },
 };

package/src/models/attributes/AttributeSetModel.js

@@ -62,4 +62,48 @@ export default class AttributeSetModel extends BaseModel {
   set attributeCollection(collection: AttributeCollection) {
     this._attributeCollection = collection;
   }
+
+  /**
+   */
+  createChildAttributeSetModel(
+    key: string,
+    dataObject: Object,
+    index?: number,
+  ): AttributeSetModel {
+    return new AttributeSetModel(
+      index ? `${key}-${index + 1}` : key,
+      {
+        ...dataObject,
+        dynamicschema: this.data.dynamicschema,
+      },
+      this.contributions.objects[key],
+    );
+  }
+
+  /**
+   * Retrieve child {@code AttributeSetModel}s
+   */
+  getChildAttributeSets(): Array<AttributeSetModel> {
+    const childAttributeSets = [];
+
+    if (this.contributions.objects) {
+      for (const key of Object.keys(this.contributions.objects)) {
+        if (key in this.data) {
+          if (Array.isArray(this.data[key])) {
+            for (const [i, dataObject] of this.data[key].entries()) {
+              childAttributeSets.push(
+                this.createChildAttributeSetModel(key, dataObject, i),
+              );
+            }
+          } else {
+            childAttributeSets.push(
+              this.createChildAttributeSetModel(key, this.data[key]),
+            );
+          }
+        }
+      }
+    }
+
+    return childAttributeSets;
+  }
 }

package/src/models/list/__tests__/ListDetailModel.hierarchy.spec.js

@@ -0,0 +1,88 @@
+import ListDetailModel from "../ListDetailModel";
+
+import Href from "../../href/Href";
+
+import mockDetail from "./hierarchy.json";
+import mockDetailContributions from "./hierarchyContributions.json";
+
+describe("listDetailModel", () => {
+  describe("Event details", () => {
+    it("should be able to create a detail from a hierarchical modular UI json structure", () => {
+      const detail = new ListDetailModel({
+        request: {
+          href: new Href(
+            "/service-operation/service-operation/44/history/127",
+            "EventListPanelDetail",
+          ),
+        },
+        key: "event",
+        data: mockDetail.event,
+        contributions: mockDetailContributions.event,
+      });
+
+      expect(detail).toBeInstanceOf(ListDetailModel);
+
+      expect(detail.key).toBe("event");
+
+      expect(detail.id).toBe(127);
+
+      const selfLink = new Href(
+        "/service-operation/service-operation/44/history/127",
+        "EventListPanelDetail",
+      );
+
+      expect(detail.selfhref).toStrictEqual(selfLink);
+
+      expect(detail.attributeCollection.size).toBe(3);
+
+      expect(detail.hasEventData).toBe(true);
+
+      expect(detail.eventdata).toHaveLength(6);
+
+      expect(detail.eventdata[0].label).toBe("Company");
+      expect(detail.eventdata[0].getChildAttributeSets()).toHaveLength(3);
+
+      expect(detail.eventdata[0].getChildAttributeSets()[0].label).toBe(
+        "Company contact details",
+      );
+      expect(detail.eventdata[0].getChildAttributeSets()[1].label).toBe(
+        "Company contact details",
+      );
+      expect(detail.eventdata[0].getChildAttributeSets()[2].label).toBe("CEO");
+
+      expect(
+        detail.eventdata[0].getChildAttributeSets()[1].getChildAttributeSets(),
+      ).toHaveLength(0);
+      expect(
+        detail.eventdata[0].getChildAttributeSets()[2].getChildAttributeSets(),
+      ).toHaveLength(1);
+
+      expect(
+        detail.eventdata[0]
+          .getChildAttributeSets()[2]
+          .getChildAttributeSets()[0].label,
+      ).toBe("CEO Business location");
+      expect(
+        detail.eventdata[0]
+          .getChildAttributeSets()[2]
+          .getChildAttributeSets()[0]
+          .getChildAttributeSets(),
+      ).toHaveLength(2);
+
+      expect(
+        detail.eventdata[0]
+          .getChildAttributeSets()[2]
+          .getChildAttributeSets()[0]
+          .getChildAttributeSets()[1]
+          .attributeCollection.getAttributeByKey("CEOBLC_Type").label,
+      ).toBe("Type");
+      expect(
+        detail.eventdata[0]
+          .getChildAttributeSets()[2]
+          .getChildAttributeSets()[0]
+          .getChildAttributeSets()[1]
+          .attributeCollection.getAttributeByKey("CEOBLC_Type").value,
+      ).toBe("Email");
+    });
+  });
+});

package/src/models/list/__tests__/hierarchy.json

@@ -0,0 +1,185 @@
+{
+  "event": {
+    "_links": {
+      "self": {
+        "href": "/service-operation/service-operation/44/history/127"
+      },
+      "api_doc": {
+        "href": "/api-docs/v3/service-operation/service-operation/(case-id)/history/(history-record-id)?id=HierarchicalInputAndOutputWithRootSingletonAndRepeat"
+      },
+      "contributions": {
+        "href": "/contributions/service-operation/service-operation/(case-id)/history/(history-record-id)?id=HierarchicalInputAndOutputWithRootSingletonAndRepeat"
+      }
+    },
+    "dynamicschema": {
+      "EventType": [
+        {
+          "code": "HierarchicalInputAndOutputWithRootSingletonAndRepeat",
+          "label": "Hierarchical input and output with root singleton and repeat"
+        }
+      ],
+      "User": [
+        {
+          "code": "2",
+          "label": "Arnold"
+        }
+      ]
+    },
+    "_id": 127,
+    "EventType": "HierarchicalInputAndOutputWithRootSingletonAndRepeat",
+    "CreationDateTime": "2023-11-08T10:06:55.845",
+    "User": "2",
+    "eventdata": {
+      "Company": {
+        "Company_Name": "Be Informed",
+        "CompanyContactDetails": [
+          {
+            "Company_Type": "Mobile",
+            "Company_Value": "+49 309 289 5500"
+          },
+          {
+            "Company_Type": "Email",
+            "Company_Value": "info@beinformed.com"
+          }
+        ],
+        "CEO": {
+          "CEO_Name": "René Louter",
+          "CEOBusinessLocation": {
+            "CEOBL_Address": "Laan van Westenenk, Room 2.1, Apeldoorn",
+            "CEOBusinessLocationContactDetails": [
+              {
+                "CEOBLC_Type": "Mobile",
+                "CEOBLC_Value": "+49 309 289 5503"
+              },
+              {
+                "CEOBLC_Type": "Email",
+                "CEOBLC_Value": "r.louter@beinformed.com"
+              }
+            ]
+          }
+        }
+      },
+      "Employee": [
+        {
+          "Employee_Name": "Jesper",
+          "DurationTemporaryEmploymentContract": {
+            "DurationContract": {
+              "StartDate": "2023-06-21",
+              "EndDate": "2024-06-21"
+            }
+          },
+          "EmployeeBusinessLocation": {
+            "EmployeeBL_Address": "Laan van Westenenk, Floor 3, Apeldoorn",
+            "EmployeeBusinessLocationContactDetails": [
+              {
+                "EmployeeBLC_Type": "Mobile",
+                "EmployeeBLC_Value": "+49 308 888 4321"
+              },
+              {
+                "EmployeeBLC_Type": "Email",
+                "EmployeeBLC_Value": "jesper@beinformed.com"
+              }
+            ]
+          }
+        },
+        {
+          "Employee_Name": "Harold",
+          "DurationTemporaryEmploymentContract": {
+            "DurationContract": {
+              "StartDate": "2023-06-21",
+              "EndDate": "2023-12-21"
+            }
+          },
+          "EmployeeBusinessLocation": {
+            "EmployeeBL_Address": "Laan van Westenenk, Floor 3, Apeldoorn",
+            "EmployeeBusinessLocationContactDetails": [
+              {
+                "EmployeeBLC_Type": "Mobile",
+                "EmployeeBLC_Value": "+49 309 289 5510"
+              },
+              {
+                "EmployeeBLC_Type": "Email",
+                "EmployeeBLC_Value": "harold@beinformed.com"
+              }
+            ]
+          }
+        }
+      ],
+      "Company_result": {
+        "Company_Name": "Be Informed",
+        "CompanyContactDetails": [
+          {
+            "Company_Type": "Mobile",
+            "Company_Value": "+49 309 289 5500"
+          },
+          {
+            "Company_Type": "Email",
+            "Company_Value": "info@beinformed.com"
+          }
+        ],
+        "CEO": {
+          "CEO_Name": "René Louter",
+          "CEOBusinessLocation": {
+            "CEOBL_Address": "Laan van Westenenk, Room 2.1, Apeldoorn",
+            "CEOBusinessLocationContactDetails": [
+              {
+                "CEOBLC_Type": "Mobile",
+                "CEOBLC_Value": "+49 309 289 5503"
+              },
+              {
+                "CEOBLC_Type": "Email",
+                "CEOBLC_Value": "r.louter@beinformed.com"
+              }
+            ]
+          }
+        }
+      },
+      "Employee_result": [
+        {
+          "Employee_Name": "Jesper",
+          "DurationTemporaryEmploymentContract": {
+            "DurationContract": {
+              "StartDate": "2023-06-21",
+              "EndDate": "2024-06-21"
+            }
+          },
+          "EmployeeBusinessLocation": {
+            "EmployeeBL_Address": "Laan van Westenenk, Floor 3, Apeldoorn",
+            "EmployeeBusinessLocationContactDetails": [
+              {
+                "EmployeeBLC_Type": "Mobile",
+                "EmployeeBLC_Value": "+49 308 888 4321"
+              },
+              {
+                "EmployeeBLC_Type": "Email",
+                "EmployeeBLC_Value": "jesper@beinformed.com"
+              }
+            ]
+          }
+        },
+        {
+          "Employee_Name": "Harold",
+          "DurationTemporaryEmploymentContract": {
+            "DurationContract": {
+              "StartDate": "2023-06-21",
+              "EndDate": "2023-12-21"
+            }
+          },
+          "EmployeeBusinessLocation": {
+            "EmployeeBL_Address": "Laan van Westenenk, Floor 3, Apeldoorn",
+            "EmployeeBusinessLocationContactDetails": [
+              {
+                "EmployeeBLC_Type": "Mobile",
+                "EmployeeBLC_Value": "+49 309 289 5510"
+              },
+              {
+                "EmployeeBLC_Type": "Email",
+                "EmployeeBLC_Value": "harold@beinformed.com"
+              }
+            ]
+          }
+        }
+      ]
+    }
+  }
+}