@digigov/form 0.10.4 → 0.10.6

package/CHANGELOG.md

@@ -1,6 +1,18 @@
 # Change Log - @digigov/form
 
-This log was last generated on Fri, 04 Nov 2022 10:33:17 GMT and should not be manually modified.
+This log was last generated on Wed, 16 Nov 2022 14:27:34 GMT and should not be manually modified.
+
+## 0.10.6
+Wed, 16 Nov 2022 14:27:34 GMT
+
+_Version update only_
+
+## 0.10.5
+Mon, 14 Nov 2022 09:45:06 GMT
+
+### Patches
+
+- Fix FieldArray and Multiplicity components
 
 ## 0.10.4
 Fri, 04 Nov 2022 10:33:17 GMT

package/Field/index.js

@@ -64,7 +64,7 @@ var Field = function Field(_ref) {
     });
   }
 
-  if (calculatedField.type === 'array' && calculatedField.multiplicity === false) {
+  if (calculatedField.type === 'array' && !calculatedField.multiplicity) {
     calculatedField.name = name;
     return /*#__PURE__*/_react["default"].createElement(_FieldArray["default"], (0, _extends2["default"])({
       control: control,
@@ -74,7 +74,7 @@ var Field = function Field(_ref) {
     }, calculatedField));
   }
 
-  if (calculatedField.type === 'array') {
+  if (calculatedField.type === 'array' && calculatedField.multiplicity === true) {
     calculatedField.name = name;
     return /*#__PURE__*/_react["default"].createElement(_MultiplicityField["default"], (0, _extends2["default"])({
       control: control,

package/FieldArray/FieldArray.stories.playwright.json

@@ -8,13 +8,13 @@
             {
               "name": "click",
               "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>button"
+                "selector": "text=Προσθήκη συνυπογράφοντα"
               }
             },
             {
               "name": "click",
               "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
+                "selector": "text=Συνέχεια"
               }
             },
             {
@@ -29,7 +29,7 @@
             {
               "name": "click",
               "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>button",
+                "selector": "text=Προσθήκη συνυπογράφοντα",
                 "options": {
                   "clickCount": 2
                 }
@@ -66,38 +66,87 @@
           ],
           "id": "iMmV-vvS4iNn",
           "title": "Add new items to FieldArray"
-        }
-      ]
-    },
-    "digigov-form-fieldarray--with-exact-length": {
-      "actionSets": [
+        },
         {
           "actions": [
             {
               "name": "click",
               "args": {
-                "selector": "text=Προσθήκη συνυπογράφοντα"
+                "selector": "html>body>div:nth-child(5)>form>button"
+              }
+            }
+          ],
+          "id": "Lhj8o_MByws7",
+          "title": "Validation errors"
+        },
+        {
+          "actions": [
+            {
+              "name": "type",
+              "args": {
+                "selector": "html>body",
+                "text": "hello"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>button"
+              }
+            },
+            {
+              "name": "type",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div>div>fieldset>fieldset>div:nth-child(1)>label>input",
+                "text": "150000496"
+              }
+            },
+            {
+              "name": "type",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div>div>fieldset>fieldset>div:nth-child(2)>label>input",
+                "text": "Jon"
+              }
+            },
+            {
+              "name": "type",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div>div>fieldset>fieldset>div:nth-child(3)>label>input",
+                "text": "Doe"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>button"
               }
             },
             {
               "name": "type",
               "args": {
-                "selector": ".govgr-fieldset:has-text(\"Συνυπογράφοντας 1\") .govgr-field:has-text(\"ΑΦΜ\") input",
-                "text": "094536469"
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(4)>div>fieldset>fieldset>div:nth-child(1)>label>input",
+                "text": "150000496"
               }
             },
             {
               "name": "type",
               "args": {
-                "selector": ".govgr-fieldset:has-text(\"Συνυπογράφοντας 1\") .govgr-field:has-text(\"Όνομα\") input",
-                "text": "Γιάννης"
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(4)>div>fieldset>fieldset>div:nth-child(2)>label>input",
+                "text": "Mar"
               }
             },
             {
               "name": "type",
               "args": {
-                "selector": ".govgr-fieldset:has-text(\"Συνυπογράφοντας 1\") .govgr-field:has-text(\"Επώνυμο\") input",
-                "text": "Δόες"
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(4)>div>fieldset>fieldset>div:nth-child(3)>label>input",
+                "text": "P"
+              }
+            },
+            {
+              "name": "type",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(3)>label>input",
+                "text": "6977777777"
               }
             },
             {
@@ -105,51 +154,187 @@
               "args": {
                 "selector": "html>body>div:nth-child(5)>form>button"
               }
+            }
+          ],
+          "id": "OCWrR7oFA3YV",
+          "title": "add 2 items"
+        },
+        {
+          "actions": [
+            {
+              "name": "type",
+              "args": {
+                "selector": "html>body",
+                "text": "hello"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>button"
+              }
             },
             {
               "name": "type",
               "args": {
-                "selector": ".govgr-field:has-text(\"Πεδίο 2\") input",
-                "text": "2107474274"
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div>div>fieldset>fieldset>div:nth-child(1)>label>input",
+                "text": "150000496"
+              }
+            },
+            {
+              "name": "type",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div>div>fieldset>fieldset>div:nth-child(2)>label>input",
+                "text": "Jon"
+              }
+            },
+            {
+              "name": "type",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div>div>fieldset>fieldset>div:nth-child(3)>label>input",
+                "text": "Doe"
               }
             },
             {
               "name": "click",
               "args": {
-                "selector": "text=Συνέχεια"
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>button"
+              }
+            },
+            {
+              "name": "type",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(4)>div>fieldset>fieldset>div:nth-child(1)>label>input",
+                "text": "150000496"
+              }
+            },
+            {
+              "name": "type",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(4)>div>fieldset>fieldset>div:nth-child(2)>label>input",
+                "text": "Mar"
+              }
+            },
+            {
+              "name": "type",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(4)>div>fieldset>fieldset>div:nth-child(3)>label>input",
+                "text": "P"
               }
             },
             {
               "name": "click",
               "args": {
-                "selector": "text=Προσθήκη συνυπογράφοντα"
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(3)>div>fieldset>button"
+              }
+            },
+            {
+              "name": "type",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(3)>label>input",
+                "text": "6977777777"
               }
             },
             {
               "name": "click",
               "args": {
-                "selector": "text=Συνέχεια"
+                "selector": "html>body>div:nth-child(5)>form>button"
+              }
+            }
+          ],
+          "id": "8ZxUUjo0Yxnr",
+          "title": "add 2 items and remove 1"
+        }
+      ]
+    },
+    "digigov-form-fieldarray--with-exact-length": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>button"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>button"
+              }
+            }
+          ],
+          "id": "WG3dAbfXa-Sn",
+          "title": "validation errors"
+        },
+        {
+          "actions": [
+            {
+              "name": "type",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(1)>label>input",
+                "text": "Hello"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>button"
               }
             },
             {
               "name": "type",
               "args": {
-                "selector": ".govgr-fieldset:has-text(\"Συνυπογράφοντας 2\") .govgr-field:has-text(\"ΑΦΜ\") input",
-                "text": "094536469"
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div>div>fieldset>fieldset>div:nth-child(1)>label>input",
+                "text": "150000496"
               }
             },
             {
               "name": "type",
               "args": {
-                "selector": ".govgr-fieldset:has-text(\"Συνυπογράφοντας 2\") .govgr-field:has-text(\"Όνομα\") input",
-                "text": "Γιάννης"
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div>div>fieldset>fieldset>div:nth-child(2)>label>input",
+                "text": "Μάρω"
               }
             },
             {
               "name": "type",
               "args": {
-                "selector": ".govgr-fieldset:has-text(\"Συνυπογράφοντας 2\") .govgr-field:has-text(\"Επώνυμο\") input",
-                "text": "Δόες"
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div>div>fieldset>fieldset>div:nth-child(3)>label>input",
+                "text": "Μενεξέ"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>button"
+              }
+            },
+            {
+              "name": "type",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(4)>div>fieldset>fieldset>div:nth-child(1)>label>input",
+                "text": "150000496"
+              }
+            },
+            {
+              "name": "type",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(4)>div>fieldset>fieldset>div:nth-child(2)>label>input",
+                "text": "Ηλέκτρα"
+              }
+            },
+            {
+              "name": "type",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(4)>div>fieldset>fieldset>div:nth-child(3)>label>input",
+                "text": "Αποστόλου"
+              }
+            },
+            {
+              "name": "type",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(3)>label>input",
+                "text": "6977654321"
               }
             },
             {
@@ -159,8 +344,8 @@
               }
             }
           ],
-          "id": "RbhRN0ZiUB7C",
-          "title": "Add an exact length of items to FieldArray"
+          "id": "-U0EryxXC-g7",
+          "title": "add exact length of items"
         }
       ]
     }

package/FieldArray/__stories__/Default.js

@@ -25,7 +25,7 @@ var fields = [{
   key: 'string',
   type: 'string',
   label: {
-    primary: 'Πεδίο 1',
+    primary: 'Πεδίο κειμένου',
     secondary: 'Το multiplicity field είναι ένα πεδίο οπότε φαίνεται και είναι μέρος της φόρμας'
   }
 }, {
@@ -37,15 +37,20 @@ var fields = [{
   },
   extra: {
     label: {
+      object: {
+        title: 'Συνυπογράφοντας',
+        add: 'Προσθήκη συνυπογράφοντα',
+        "delete": 'Αφαίρεση συνυπογράφοντος'
+      },
       question: {
         title: 'Θέλετε να προσθέσετε επιπλέον συνυπογράφοντες;',
+        objectLabel: {
+          primary: 'Προσθήκη νέου συνυπογράφοντα',
+          secondary: 'Συμπληρώστε τα στοιχεία και μετά πατήστε «Προσθήκη»'
+        },
         yes: 'Ναι',
         no: 'Όχι'
-      },
-      edit: 'Επεξεργασία',
-      add: 'Προσθέστε τα στοιχεία του επόμενου συνυπογράφοντα',
-      "delete": 'Αφαίρεση συνυπογράφοντος',
-      save: 'Αποθήκευση'
+      }
     },
     min: 2,
     max: 4,
@@ -82,8 +87,8 @@ var fields = [{
   type: 'phone_number',
   required: true,
   label: {
-    primary: 'Πεδίο 2',
-    secondary: 'Το multiplicity field είναι ένα πεδίο οπότε φαίνεται και είναι μέρος της φόρμας'
+    primary: 'Σταθερό τηλέφωνο',
+    secondary: 'Συμπληρώστε τον αριθμό τηλεφώνου'
   }
 }];
 

package/FieldArray/__stories__/WithExactLength.js

@@ -25,7 +25,7 @@ var fields = [{
   key: 'string',
   type: 'string',
   label: {
-    primary: 'Πεδίο 1',
+    primary: 'Πεδίο κειμένου',
     secondary: 'Το multiplicity field είναι ένα πεδίο οπότε φαίνεται και είναι μέρος της φόρμας'
   }
 }, {
@@ -37,15 +37,21 @@ var fields = [{
   },
   extra: {
     label: {
+      object: {
+        title: 'Συνυπογράφοντας',
+        title_added: 'Οι συνυπογράφοντες που έχετε προσθέσει',
+        add: 'Προσθήκη',
+        "delete": 'Αφαίρεση συνυπογράφοντος'
+      },
       question: {
         title: 'Θέλετε να προσθέσετε επιπλέον συνυπογράφοντες;',
+        objectLabel: {
+          primary: 'Προσθήκη νέου συνυπογράφοντα',
+          secondary: 'Συμπληρώστε τα στοιχεία και μετά πατήστε «Προσθήκη»'
+        },
         yes: 'Ναι',
         no: 'Όχι'
-      },
-      edit: 'Επεξεργασία',
-      add: 'Προσθέστε τα στοιχεία του επόμενου συνυπογράφοντα',
-      "delete": 'Αφαίρεση συνυπογράφοντος',
-      save: 'Αποθήκευση'
+      }
     },
     length: 2,
     of: {
@@ -81,8 +87,8 @@ var fields = [{
   type: 'phone_number',
   required: true,
   label: {
-    primary: 'Πεδίο 2',
-    secondary: 'Το multiplicity field είναι ένα πεδίο οπότε φαίνεται και είναι μέρος της φόρμας'
+    primary: 'Σταθερό τηλέφωνο',
+    secondary: 'Συμπληρώστε τον αριθμό τηλεφώνου σας'
   }
 }];
 

package/FieldArray/index.js

@@ -28,7 +28,7 @@ var _FieldContainer = _interopRequireDefault(require("@digigov/form/Field/FieldC
 var _excluded = ["name", "register", "control", "formState", "error", "layout", "label"];
 
 var FieldArray = function FieldArray(_ref) {
-  var _customField$extra, _customField$extra4;
+  var _customField$extra, _customField$extra$la, _customField$extra4, _customField$extra4$l;
 
   var name = _ref.name,
       register = _ref.register,
@@ -53,7 +53,7 @@ var FieldArray = function FieldArray(_ref) {
     error: formState.isSubmitted && !formState.isSubmitting && error !== null && error !== void 0 && error.message && error ? error : undefined,
     wrapper: "fieldset",
     name: name
-  }, fields.length === 0 && /*#__PURE__*/_react["default"].createElement(_ui.Hint, null, (_customField$extra = customField.extra) === null || _customField$extra === void 0 ? void 0 : _customField$extra.label.object.nothing_added), fields.map(function (field, index) {
+  }, fields.length === 0 && /*#__PURE__*/_react["default"].createElement(_ui.Hint, null, (_customField$extra = customField.extra) === null || _customField$extra === void 0 ? void 0 : (_customField$extra$la = _customField$extra.label.object) === null || _customField$extra$la === void 0 ? void 0 : _customField$extra$la.nothing_added), fields.map(function (field, index) {
     var _customField$extra2, _customField$extra3;
 
     return /*#__PURE__*/_react["default"].createElement(_ui.Card, {
@@ -79,7 +79,7 @@ var FieldArray = function FieldArray(_ref) {
       ev.preventDefault();
       append({});
     }
-  }, (_customField$extra4 = customField.extra) === null || _customField$extra4 === void 0 ? void 0 : _customField$extra4.label.object.add));
+  }, (_customField$extra4 = customField.extra) === null || _customField$extra4 === void 0 ? void 0 : (_customField$extra4$l = _customField$extra4.label.object) === null || _customField$extra4$l === void 0 ? void 0 : _customField$extra4$l.add));
 };
 
 exports.FieldArray = FieldArray;

package/Form.stories.playwright.json

@@ -0,0 +1,143 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-form--int-field": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>button"
+              }
+            },
+            {
+              "name": "type",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(1)>label>input",
+                "text": "2.2"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>button"
+              }
+            }
+          ],
+          "id": "7wMj7iTumGC-",
+          "title": "Show validation errors"
+        },
+        {
+          "actions": [
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            }
+          ],
+          "id": "e7W6ZshKZmsE",
+          "title": "Focus with keyboard"
+        },
+        {
+          "actions": [
+            {
+              "name": "type",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(1)>label>input",
+                "text": "1"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>button"
+              }
+            }
+          ],
+          "id": "DBqARxwPma5a",
+          "title": "Add number"
+        }
+      ]
+    },
+    "digigov-form--auto-complete-field": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            },
+            {
+              "name": "type",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div>label>div>input",
+                "text": "ch"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "ArrowDown"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "ArrowDown"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "ArrowUp"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Enter"
+              }
+            }
+          ],
+          "id": "14vEsPV7hizO",
+          "title": "flow with keyboard"
+        },
+        {
+          "actions": [
+            {
+              "name": "type",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div>label>div>input",
+                "text": "a"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": ".govgr-autocomplete__option:has-text(\"Akrotiri\")"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>button"
+              }
+            }
+          ],
+          "id": "4a4faD_8O-1f",
+          "title": "flow with mouse"
+        }
+      ]
+    }
+  }
+}