@openeuropa/bcl-data-form 0.5.0 → 0.9.0

package/data-disabled.js

@@ -1,4 +1,9 @@
+const drupalAttribute = require("drupal-attribute");
+
 module.exports = {
+  attributes: new drupalAttribute()
+    .setAttribute("novalidate", true)
+    .setAttribute("onsubmit", "return false;"),
   submit: {
     label: "Submit",
     type: "submit",
@@ -24,7 +29,6 @@ module.exports = {
         wrapper_classes: "mb-3",
         type: "select",
         id: "disabledSelect",
-        size: "md",
         helper_text: "Helper text for the select element",
         helper_text_id: "helperText",
         options: [

package/data-grid.js

@@ -1,7 +1,10 @@
 const drupalAttribute = require("drupal-attribute");
 
 module.exports = {
-  attributes: new drupalAttribute().addClass(["row", "g-3"]),
+  attributes: new drupalAttribute()
+    .addClass(["row", "g-3"])
+    .setAttribute("novalidate", true)
+    .setAttribute("onsubmit", "return false;"),
   submit: {
     wrapper: "col-12",
     label: "Submit",
@@ -14,7 +17,7 @@ module.exports = {
         wrapper_classes: "col-md-6",
         input_type: "email",
         required: true,
-        label: "Email address",
+        label: "Email address *",
         id: "exampleInputEmail1",
         helper_text: "We'll never share your email with anyone else.",
         helper_text_id: "emailHelp",
@@ -23,13 +26,12 @@ module.exports = {
         wrapper_classes: "col-md-6",
         input_type: "password",
         required: true,
-        label: "Password",
+        label: "Password *",
         id: "exampleInputPassword1",
       },
       {
         wrapper_classes: "col-12",
         input_type: "text",
-        required: true,
         label: "Address",
         id: "exampleInputAddress1",
       },
@@ -43,28 +45,28 @@ module.exports = {
         wrapper_classes: "col-md-6",
         input_type: "text",
         required: true,
-        label: "City",
+        label: "City *",
         id: "exampleInputCity1",
       },
       {
         wrapper_classes: "col-md-4",
         input_type: "text",
         required: true,
-        label: "State",
+        label: "State *",
         id: "exampleInputState1",
       },
       {
         wrapper_classes: "col-md-2",
         input_type: "text",
         required: true,
-        label: "Zip",
+        label: "Zip *",
         id: "exampleInputZip1",
       },
       {
         input_type: "checkbox",
         wrapper_classes: "col-12",
         required: true,
-        label: "Check me out",
+        label: "Check me out *",
         id: "exampleInputCheck1",
       },
     ],

package/data-horizontal.js

@@ -1,4 +1,7 @@
+const drupalAttribute = require("drupal-attribute");
+
 module.exports = {
+  attributes: new drupalAttribute().setAttribute("onsubmit", "return false;"),
   submit: {
     wrapper: "col-12",
     label: "Sign in",

package/data-inline.js

@@ -1,12 +1,10 @@
 const drupalAttribute = require("drupal-attribute");
 
 module.exports = {
-  attributes: new drupalAttribute().addClass([
-    "row",
-    "row-cols-lg-auto",
-    "g-3",
-    "align-items-center",
-  ]),
+  attributes: new drupalAttribute()
+    .addClass(["row", "row-cols-lg-auto", "g-3", "align-items-center"])
+    .setAttribute("novalidate", true)
+    .setAttribute("onsubmit", "return false;"),
   submit: {
     wrapper: "col-12",
     label: "Submit",
@@ -42,7 +40,7 @@ module.exports = {
         input_type: "checkbox",
         wrapper_classes: "col-12",
         required: true,
-        label: "Remember me",
+        label: "Remember me *",
         id: "exampleInputCheck1",
       },
     ],

package/data.js

@@ -1,4 +1,10 @@
+const drupalAttribute = require("drupal-attribute");
+
 module.exports = {
+  attributes: new drupalAttribute()
+    .addClass("needs-validation")
+    .setAttribute("novalidate", true)
+    .setAttribute("onsubmit", "return false;"),
   submit: {
     label: "Submit",
     type: "submit",
@@ -10,10 +16,12 @@ module.exports = {
         classes: "mb-3",
         input_type: "email",
         required: true,
-        label: "Email address",
+        label: "Email address *",
         id: "exampleInputEmail1",
         helper_text: "We'll never share your email with anyone else.",
         helper_text_id: "emailHelp",
+        valid_feedback: "Valid feedback regarding email.",
+        invalid_feedback: "Please provide an email.",
       },
     ],
     [
@@ -21,8 +29,10 @@ module.exports = {
         input_type: "password",
         classes: "mb-3",
         required: true,
-        label: "Password",
+        label: "Password *",
         id: "exampleInputPassword1",
+        valid_feedback: "Valid feedback regarding password.",
+        invalid_feedback: "Please provide a password.",
       },
     ],
     [
@@ -30,8 +40,10 @@ module.exports = {
         input_type: "checkbox",
         classes: "mb-3",
         required: true,
-        label: "Check me out",
-        id: "exampleInputPassword1",
+        label: "Check me out *",
+        id: "exampleInputCheck1",
+        valid_feedback: "Valid feedback regarding check.",
+        invalid_feedback: "Please check the required checkbox.",
       },
     ],
   ],

package/package.json

@@ -2,7 +2,7 @@
   "name": "@openeuropa/bcl-data-form",
   "author": "European Commission",
   "license": "EUPL-1.2",
-  "version": "0.5.0",
+  "version": "0.9.0",
   "description": "OE - BCL data form",
   "publishConfig": {
     "access": "public"
@@ -21,5 +21,5 @@
     "design-system",
     "twig"
   ],
-  "gitHead": "60613bfb4cc6ec240e297484fa8652291132aa91"
+  "gitHead": "dc021a9c36d22809e33a8485e42f59af602451c1"
 }