@abgov/jsonforms-components 2.32.2 → 2.32.3

package/index.esm.js

@@ -6943,6 +6943,7 @@ const GoAEmailInput = props => {
     config,
     id,
     enabled,
+    visible,
     uischema,
     errors,
     schema,
@@ -6959,41 +6960,44 @@ 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(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);
+  return jsx(Visible, {
+    visible: visible,
+    children: 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.32.2",
+  "version": "2.32.3",
   "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",