@abgov/jsonforms-components 2.24.1 → 2.24.2

package/index.esm.js

@@ -6947,40 +6947,42 @@ const GoAEmailInput = props => {
   const splintIndex = splitErrors.findIndex(e => e === 'is a required property');
   splitErrors[splintIndex] = `${primaryLabel} is required`;
   const finalErrors = splitErrors.join('\n');
-  return jsx(GoAFormItem, {
-    error: isVisited && finalErrors,
-    testId: "form-email-input-wrapper",
-    requirement: required ? 'required' : undefined,
-    label: primaryLabel,
-    children: jsx(GoAInput, {
-      error: isVisited && finalErrors.length > 0,
-      type: 'email',
-      width: width,
-      name: "Email address",
-      value: data,
-      testId: (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.testId) || `${id}-input`,
-      disabled: !enabled,
-      readonly: readOnly,
-      onChange: (name, value) => {
-        if (!isVisited) {
-          setIsVisited(true);
-        }
-        onChangeForInputControl({
-          name,
-          value,
-          controlProps: props
-        });
-      },
-      onBlur: (name, value) => {
-        if (!isVisited) {
-          setIsVisited(true);
+  return jsx(FormFieldWrapper, {
+    children: jsx(GoAFormItem, {
+      error: isVisited && finalErrors,
+      testId: "form-email-input-wrapper",
+      requirement: required ? 'required' : undefined,
+      label: primaryLabel,
+      children: jsx(GoAInput, {
+        error: isVisited && finalErrors.length > 0,
+        type: 'email',
+        width: width,
+        name: "Email address",
+        value: data,
+        testId: (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.testId) || `${id}-input`,
+        disabled: !enabled,
+        readonly: readOnly,
+        onChange: (name, value) => {
+          if (!isVisited) {
+            setIsVisited(true);
+          }
+          onChangeForInputControl({
+            name,
+            value,
+            controlProps: props
+          });
+        },
+        onBlur: (name, value) => {
+          if (!isVisited) {
+            setIsVisited(true);
+          }
+          onBlurForTextControl({
+            name,
+            value,
+            controlProps: props
+          });
         }
-        onBlurForTextControl({
-          name,
-          value,
-          controlProps: props
-        });
-      }
+      })
     })
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.24.1",
+  "version": "2.24.2",
   "license": "Apache-2.0",
   "description": "Government of Alberta - React renderers for JSON Forms based on the design system.",
   "repository": "https://github.com/GovAlta/adsp-monorepo",