@beinformed/ui 1.9.0-beta.10 → 1.9.0-beta.14

package/src/models/caseview/__tests__/caseviewContributions.json

@@ -0,0 +1,147 @@
+{
+  "label": "Book",
+  "resourcetype": "CaseView",
+  "texts": [
+    {
+      "type": "master",
+      "text": "<p>This is introtext</p>"
+    }
+  ],
+  "_links": {
+    "panel": [
+      {
+        "name": "Creator",
+        "label": "Creator",
+        "resourcetype": "CaseRelationListPanel"
+      },
+      {
+        "name": "Editions",
+        "label": "Editions",
+        "resourcetype": "RecordListPanel"
+      },
+      {
+        "name": "Activities",
+        "label": "Activities",
+        "resourcetype": "GroupingPanel"
+      }
+    ],
+    "taskgroup": [
+      {
+        "name": "Tasks",
+        "label": "Tasks",
+        "resourcetype": "TaskGroup"
+      }
+    ]
+  },
+  "metadata": {
+    "_id": {
+      "label": "Id",
+      "type": "integer"
+    }
+  },
+  "attributes": [
+    {
+      "CaseName": {
+        "label": "Case name",
+        "type": "string",
+        "layouthint": ["title"]
+      }
+    },
+    {
+      "CaseType": {
+        "label": "Case type",
+        "type": "string",
+        "layouthint": ["type"]
+      }
+    },
+    {
+      "Owner": {
+        "label": "Case owner",
+        "type": "string",
+        "layouthint": ["owner"]
+      }
+    },
+    {
+      "State": {
+        "label": "State",
+        "type": "string",
+        "layouthint": ["state"],
+        "options": [
+          {
+            "code": "Registered",
+            "label": "Registered"
+          }
+        ]
+      }
+    },
+    {
+      "Format": {
+        "label": "Format",
+        "type": "string",
+        "multiplechoice": false,
+        "layouthint": ["combobox"],
+        "options": [
+          {
+            "code": "Hardcover",
+            "label": "Hardcover"
+          },
+          {
+            "code": "Paperback",
+            "label": "Paperback"
+          },
+          {
+            "code": "Ebook",
+            "label": "Ebook"
+          },
+          {
+            "code": "Audio",
+            "label": "Audio book"
+          }
+        ]
+      }
+    },
+    {
+      "ISBN10": {
+        "label": "ISBN10",
+        "type": "string",
+        "displaysize": 50
+      }
+    },
+    {
+      "ISBN13": {
+        "label": "ISBN13",
+        "type": "string",
+        "displaysize": 50
+      }
+    },
+    {
+      "Language": {
+        "label": "Language",
+        "type": "string",
+        "multiplechoice": false,
+        "layouthint": ["radiobutton"],
+        "options": [
+          {
+            "code": "EN",
+            "label": "English"
+          },
+          {
+            "code": "DU",
+            "label": "Dutch"
+          }
+        ]
+      }
+    },
+    {
+      "NumberOfPages": {
+        "label": "Number of pages",
+        "type": "number",
+        "format": "0",
+        "groupingSeparator": ".",
+        "decimalSeparator": ",",
+        "minimum": 1,
+        "maximum": 1000
+      }
+    }
+  ]
+}

package/src/models/form/FormObjectModel.js

@@ -295,6 +295,10 @@ export default class FormObjectModel extends BaseModel {
    * Get introText of form object
    */
   get introText(): string {
+    if (this.data.content?.text) {
+      return this.data.content.text.message ?? this.data.content.text;
+    }
+
     return (
       this.contributions.introText?.rawText ?? this.contributions.introText
     );

package/src/models/form/__tests__/FormWithContentData.json

@@ -19,7 +19,8 @@
             {
               "elementid": "UitslagBlaastestType",
               "content": {
-                "header": { "label": "Uitslag blaastest label" },
+                "header": { "label": "Header label" },
+                "label": "Uitslag blaastest label",
                 "elements": [
                   {
                     "contentElement": {

package/src/models/layouthint/LayoutHintCollection.js

@@ -35,11 +35,13 @@ export default class LayoutHintCollection extends BaseCollection<string> {
   has(...hints: Array<string>): boolean {
     const hintArray = hints.length > 0 ? [...hints] : [];
 
-    return hintArray.some(
-      (hint) =>
-        this.layouthint.includes(hint) ||
-        this.layouthint.some((hint2) => hint2.startsWith(hint))
-    );
+    return hintArray
+      .flat()
+      .some(
+        (hint) =>
+          this.layouthint.includes(hint) ||
+          this.layouthint.some((hint2) => hint2.startsWith(hint))
+      );
   }
 
   /**
@@ -51,8 +53,7 @@ export default class LayoutHintCollection extends BaseCollection<string> {
    */
   hasExact(...hints: Array<string>): boolean {
     const hintArray = hints.length > 0 ? [...hints] : [];
-
-    return hintArray.some((hint) => this.layouthint.includes(hint));
+    return hintArray.flat().some((hint) => this.layouthint.includes(hint));
   }
 
   /**

package/src/models/list/ListDetailModel.js

@@ -133,6 +133,25 @@ export default class ListDetailModel extends DetailModel {
     this._contentConfiguration = configuration;
   }
 
+  /**
+   * Getting the introduction text configured on the case view
+   */
+  get introtext(): string {
+    if (this.data._text) {
+      return this.data._text.message ?? this.data._text;
+    }
+
+    if (this.contributions.text) {
+      return this.contributions.text.rawText ?? this.contributions.text;
+    }
+
+    if (Array.isArray(this.contributions.texts)) {
+      return this.contributions.texts[0].text;
+    }
+
+    return "";
+  }
+
   /**
    */
   setResultSection() {

package/src/models/list/ListModel.js

@@ -98,12 +98,16 @@ export default class ListModel extends ResourceModel {
    * Getting the introduction text
    */
   get introtext(): string {
-    if (this.contributions.texts) {
-      const text = this.contributions.texts.find(
-        (item) => item.type === "master"
-      );
+    if (this.data.text) {
+      return this.data.text.message ?? this.data.text;
+    }
+
+    if (this.contributions.text) {
+      return this.contributions.text.rawText ?? this.contributions.text;
+    }
 
-      return text ? text.text : "";
+    if (Array.isArray(this.contributions.texts)) {
+      return this.contributions.texts[0].text;
     }
 
     return "";

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

@@ -27,4 +27,68 @@ describe("listDetailModel", () => {
       "Highly Inappropriate Tales for Young People"
     );
   });
+
+  it("should be able to handle different kind of introtext", () => {
+    const listdetailOldStructure = new ListDetailModel({
+      key: "Book",
+      data: data.Book,
+      contributions: contributions.Book,
+    });
+
+    expect(listdetailOldStructure.introtext).toBe("<p>This is introtext</p>");
+
+    const listdetailFromDataPlain = new ListDetailModel({
+      key: "Book",
+      data: {
+        _text: "<p>This is introtext</p>",
+        ...data.Book,
+      },
+      contributions: contributions.Book,
+    });
+
+    expect(listdetailFromDataPlain.introtext).toBe("<p>This is introtext</p>");
+
+    const listdetailFromDataApplicationMessage = new ListDetailModel({
+      key: "Book",
+      data: {
+        ...data.Book,
+        _text: {
+          message: "<p>This is introtext</p>",
+        },
+      },
+      contributions: contributions.Book,
+    });
+
+    expect(listdetailFromDataApplicationMessage.introtext).toBe(
+      "<p>This is introtext</p>"
+    );
+
+    const listdetailFromNewContributionsRawTextMessage = new ListDetailModel({
+      key: "Book",
+      data: data.Book,
+      contributions: {
+        ...contributions.Book,
+        text: {
+          rawText: "<p>This is introtext</p>",
+        },
+      },
+    });
+
+    expect(listdetailFromNewContributionsRawTextMessage.introtext).toBe(
+      "<p>This is introtext</p>"
+    );
+
+    const listdetailFromNewContributionsSimpleMessage = new ListDetailModel({
+      key: "Book",
+      data: data.Book,
+      contributions: {
+        ...contributions.Book,
+        text: "<p>This is introtext</p>",
+      },
+    });
+
+    expect(listdetailFromNewContributionsSimpleMessage.introtext).toBe(
+      "<p>This is introtext</p>"
+    );
+  });
 });

package/src/models/list/__tests__/ListModel.spec.js

@@ -54,8 +54,70 @@ describe("listModel spec", () => {
 
     expect(list.headers).toHaveLength(6);
 
-    expect(list.introtext).toStrictEqual(
-      "<p>This is a list of <em>books</em><br />For each book the <strong>contributers</strong> and the <strong>publishers</strong> are added as <u>additional details</u>.<br />For more information see amazon</p>"
+    expect(list.introtext).toStrictEqual("<p>This is introtext</p>");
+  });
+
+  it("should be able to handle different kind of introtext", () => {
+    const listOldStructure = new ListModel({
+      key: "Books",
+      data: mockList.Books,
+      contributions: mockListContributions.Books,
+    });
+
+    expect(listOldStructure.introtext).toBe("<p>This is introtext</p>");
+
+    const listFromDataPlain = new ListModel({
+      key: "Books",
+      data: {
+        text: "<p>This is introtext</p>",
+        ...mockList.Books,
+      },
+      contributions: mockListContributions.Books,
+    });
+
+    expect(listFromDataPlain.introtext).toBe("<p>This is introtext</p>");
+
+    const listFromDataApplicationMessage = new ListModel({
+      key: "Books",
+      data: {
+        ...mockList.Books,
+        text: {
+          message: "<p>This is introtext</p>",
+        },
+      },
+      contributions: mockListContributions.Books,
+    });
+
+    expect(listFromDataApplicationMessage.introtext).toBe(
+      "<p>This is introtext</p>"
+    );
+
+    const listFromNewContributionsRawTextMessage = new ListModel({
+      key: "Books",
+      data: mockList.Books,
+      contributions: {
+        ...mockListContributions.Books,
+        text: {
+          rawText: "<p>This is introtext</p>",
+        },
+      },
+    });
+
+    expect(listFromNewContributionsRawTextMessage.introtext).toBe(
+      "<p>This is introtext</p>"
+    );
+
+    const listFromNewContributionsSimpleMessage = new ListModel({
+      key: "Books",
+      data: mockList.Books,
+      contributions: {
+        ...mockListContributions.Books,
+        text: "<p>This is introtext</p>",
+      },
+    });
+
+    expect(listFromNewContributionsSimpleMessage.introtext).toBe(
+      "<p>This is introtext</p>"
     );
   });
 });

package/src/models/list/__tests__/caselist-34.contributions.json

@@ -5,7 +5,7 @@
     "texts": [
       {
         "type": "master",
-        "text": "<p>This view contains all the data about this book. It contains a list of the creators and editions. A person can be an author(1) or an illustrator(2)<br /><br />This is a list of books that is ordered by the role (author (1), co-author, illustrator(2)) of the person that contributed to the book.<br /><br />1) An author is broadly defined as &quot;the person who originated or gave existence to anything&quot; and whose authorship determines responsibility for what was created. Narrowly defined, an author is the originator of any written work and can also be described as a writer.<br /><br />2) An illustrator is an artist who specializes in enhancing writing or elucidating concepts by providing a visual representation that corresponds to the content of the associated text or idea. The illustration may be intended to clarify complicated concepts or objects that are difficult to describe textually, which is the reason illustrations are often found in children&#39;s books.<br /></p>"
+        "text": "<p>This is introtext</p>"
       }
     ],
     "_links": {

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

@@ -6,7 +6,7 @@
     "texts": [
       {
         "type": "master",
-        "text": "<p>This is a list of <em>books</em><br />For each book the <strong>contributers</strong> and the <strong>publishers</strong> are added as <u>additional details</u>.<br />For more information see amazon</p>"
+        "text": "<p>This is introtext</p>"
       }
     ],
     "actions": [

package/src/models/panels/GroupingPanelModel.js

@@ -78,22 +78,23 @@ export default class GroupingPanelModel extends ResourceModel {
    * Check if an introtext exists for this caseview
    */
   hasIntroText(): boolean {
-    return (
-      this.contributions.texts &&
-      this.contributions.texts.find((item) => item.type === "master")
-    );
+    return this.introtext !== "";
   }
 
   /**
    * Getting the introduction text configured on the grouping panel
    */
   get introtext(): string {
-    if (this.contributions.texts) {
-      const text = this.contributions.texts.find(
-        (item) => item.type === "master"
-      );
+    if (this.data._text) {
+      return this.data._text.message ?? this.data._text;
+    }
+
+    if (this.contributions.text) {
+      return this.contributions.text.rawText ?? this.contributions.text;
+    }
 
-      return text ? text.text : "";
+    if (Array.isArray(this.contributions.texts)) {
+      return this.contributions.texts[0].text;
     }
 
     return "";

package/src/models/panels/__tests__/GroupingPanelModel.spec.js

@@ -1,5 +1,9 @@
 import GroupingPanelModel from "../GroupingPanelModel";
 
+import panelJson from "./groupingPanel.json";
+import panelContributionsJson from "./groupingPanelContributions.json";
+import CaseViewModel from "../../caseview/CaseViewModel";
+
 describe("groupingPanelModel", () => {
   it("should be able to create an empty GroupingPanelModel object", () => {
     const groupingPanel = new GroupingPanelModel();
@@ -30,4 +34,90 @@ describe("groupingPanelModel", () => {
       })
     ).toBe(true);
   });
+
+  it("should be able to create a grouping panel from a typical modular UI json structure", () => {
+    const groupingPanel = new GroupingPanelModel({
+      key: "AskingQuestions",
+      data: panelJson,
+      contributions: panelContributionsJson,
+    });
+
+    expect(groupingPanel).toBeInstanceOf(GroupingPanelModel);
+
+    expect(groupingPanel.key).toBe("AskingQuestions");
+    expect(groupingPanel.label).toBe("Asking questions");
+
+    expect(groupingPanel.links).toHaveLength(8);
+    expect(groupingPanel.panelLinks).toHaveLength(1);
+
+    expect(groupingPanel.hasIntroText()).toBe(true);
+  });
+
+  it("should be able to handle different kind of introtext", () => {
+    const groupingPanelOldStructure = new CaseViewModel({
+      key: "Book",
+      data: panelJson,
+      contributions: panelContributionsJson,
+    });
+
+    expect(groupingPanelOldStructure.introtext).toBe(
+      "<p>This is introtext</p>"
+    );
+
+    const groupingPanelFromDataPlain = new CaseViewModel({
+      key: "Book",
+      data: {
+        _text: "<p>This is introtext</p>",
+        ...panelJson,
+      },
+      contributions: panelContributionsJson,
+    });
+
+    expect(groupingPanelFromDataPlain.introtext).toBe(
+      "<p>This is introtext</p>"
+    );
+
+    const groupingPanelFromDataApplicationMessage = new CaseViewModel({
+      key: "Book",
+      data: {
+        ...panelJson,
+        _text: {
+          message: "<p>This is introtext</p>",
+        },
+      },
+      contributions: panelContributionsJson,
+    });
+
+    expect(groupingPanelFromDataApplicationMessage.introtext).toBe(
+      "<p>This is introtext</p>"
+    );
+
+    const groupingPanelFromNewContributionsRawTextMessage = new CaseViewModel({
+      key: "Book",
+      data: panelJson,
+      contributions: {
+        ...panelContributionsJson,
+        text: {
+          rawText: "<p>This is introtext</p>",
+        },
+      },
+    });
+
+    expect(groupingPanelFromNewContributionsRawTextMessage.introtext).toBe(
+      "<p>This is introtext</p>"
+    );
+
+    const groupingPanelFromNewContributionsSimpleMessage = new CaseViewModel({
+      key: "Book",
+      data: panelJson,
+      contributions: {
+        ...panelContributionsJson,
+        text: "<p>This is introtext</p>",
+      },
+    });
+
+    expect(groupingPanelFromNewContributionsSimpleMessage.introtext).toBe(
+      "<p>This is introtext</p>"
+    );
+  });
 });

package/src/models/panels/__tests__/groupingPanel.json

@@ -0,0 +1,30 @@
+{
+  "_links": {
+    "self": { "href": "/iq-content/case/1/asking-questions" },
+    "api_doc": {
+      "href": "/api-docs/v3/iq-content/case/(case-id)/asking-questions"
+    },
+    "contributions": {
+      "href": "/contributions/iq-content/case/(case-id)/asking-questions"
+    },
+    "Decisions": { "href": "/iq-content/case/1/asking-questions/decisions" },
+    "taskgroup": [
+      {
+        "href": "/iq-content/case/1/asking-questions/labels",
+        "name": "Labels"
+      },
+      {
+        "href": "/iq-content/case/1/asking-questions/properties",
+        "name": "Properties"
+      },
+      {
+        "href": "/iq-content/case/1/asking-questions/sources",
+        "name": "Sources"
+      },
+      {
+        "href": "/iq-content/case/1/asking-questions/text-fragments",
+        "name": "TextFragments"
+      }
+    ]
+  }
+}

package/src/models/panels/__tests__/groupingPanelContributions.json

@@ -0,0 +1,46 @@
+{
+  "label": "Asking questions",
+  "resourcetype": "GroupingPanel",
+  "layouthint": ["hint"],
+  "texts": [
+    {
+      "type": "master",
+      "text": "<p>This is introtext</p>"
+    }
+  ],
+  "_links": {
+    "panel": [
+      {
+        "name": "Decisions",
+        "label": "Decisions",
+        "resourcetype": "InstrumentResultListPanel"
+      }
+    ],
+    "taskgroup": [
+      {
+        "name": "Labels",
+        "label": "Labels",
+        "layouthint": ["not-in-dropdown"],
+        "resourcetype": "TaskGroup"
+      },
+      {
+        "name": "Properties",
+        "label": "Properties",
+        "layouthint": ["not-in-dropdown"],
+        "resourcetype": "TaskGroup"
+      },
+      {
+        "name": "Sources",
+        "label": "Sources",
+        "layouthint": ["not-in-dropdown"],
+        "resourcetype": "TaskGroup"
+      },
+      {
+        "name": "TextFragments",
+        "label": "Text fragments",
+        "layouthint": ["not-in-dropdown"],
+        "resourcetype": "TaskGroup"
+      }
+    ]
+  }
+}