@asantemedia-org/edwardsvacuum-design-system 1.6.54 → 1.6.56

package/dist/index.js

@@ -1203,12 +1203,14 @@ var QrForm = function (props) {
     type: "text",
     name: "lastname",
     label: i18n.label_lastName,
-    placeholder: i18n.label_lastName
+    placeholder: i18n.label_lastName,
+    required: true
   }, {
     type: "text",
     name: "firstname",
     label: i18n.label_firstName,
-    placeholder: i18n.label_firstName
+    placeholder: i18n.label_firstName,
+    required: true
   }, {
     type: "text",
     name: "company",
@@ -1336,23 +1338,26 @@ var QrForm = function (props) {
     }
   }
   var renderQrFormField = function (field) {
-    return (
-      // if no label, don't render the field
-      field.value ? /*#__PURE__*/React.createElement(QrFormField, _extends({}, field, {
-        key: field.name,
-        label: field.label,
-        value: formValues[field.name],
-        onChange: function (e) {
-          return handleChange(field.name, e.target.value);
-        },
-        isDisabled: field.isDisabled,
-        errorMessage: field.errorMessage,
-        hasError: errors[field.name] || false,
-        required: field.required
-      }, field.type === "text" || field.type === "email" || field.type === "tel" || field.type === "textarea" || field.type === "number" ? {
-        regex: field.regex
-      } : {})) : null
-    );
+    // if field name is equal to "serial-number", "product-number", "software-version", or "running-time", don't render the field if the value is empty
+    if (field.name === "serial-number" || field.name === "product-number" || field.name === "software-version" || field.name === "running-time") {
+      if (!formValues[field.name]) {
+        return null;
+      }
+    }
+    return /*#__PURE__*/React.createElement(QrFormField, _extends({}, field, {
+      key: field.name,
+      label: field.label,
+      value: formValues[field.name],
+      onChange: function (e) {
+        return handleChange(field.name, e.target.value);
+      },
+      isDisabled: field.isDisabled,
+      errorMessage: field.errorMessage,
+      hasError: errors[field.name] || false,
+      required: field.required
+    }, field.type === "text" || field.type === "email" || field.type === "tel" || field.type === "textarea" || field.type === "number" ? {
+      regex: field.regex
+    } : {}));
   };
   var renderProgressBar = function (pageIndex) {
     return isMobile ? /*#__PURE__*/React.createElement("div", {