@abgov/jsonforms-components 2.32.2 → 2.32.4

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
-          });
-        }
+        })
       })
     })
   });
@@ -9022,9 +9026,14 @@ const BackButtonWrapper = styled.span(_t$5 || (_t$5 = _$5`
 
   .back-link {
     margin-top: var(--goa-space-m);
+    color: var(--goa-color-interactive-default);
+    text-decoration: underline;
+    text-underline-offset: 2px;
+    text-decoration-color: currentColor;
+    display: inline-block;
   }
   display: inline-block;
-  color: #0070c4;
+  color: var(--goa-color-interactive-default);
   cursor: pointer;
   margin-bottom: var(--goa-space-m);
 
@@ -9033,7 +9042,7 @@ const BackButtonWrapper = styled.span(_t$5 || (_t$5 = _$5`
     position: relative;
     top: 3px;
     right: 2px;
-    color: #0070c4;
+    color: var(--goa-color-interactive-default);
     margin-left: 4px;
   }
 `));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.32.2",
+  "version": "2.32.4",
   "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",