@abgov/jsonforms-components 2.6.5 → 2.6.7

package/index.esm.js

@@ -6227,7 +6227,6 @@ const GoADateTimeInput = props => {
     uischema,
     isVisited,
     errors,
-    schema,
     label,
     setIsVisited
   } = props;
@@ -6344,7 +6343,6 @@ const EnumSelect = props => {
     path,
     handleChange,
     options,
-    config,
     label,
     uischema,
     required,
@@ -6418,7 +6416,6 @@ const RadioGroup = props => {
   var _a;
   const {
     data,
-    className,
     id,
     enabled,
     schema,
@@ -6428,7 +6425,6 @@ const RadioGroup = props => {
     options,
     config,
     label,
-    t,
     isVisited,
     errors
   } = props;
@@ -6513,7 +6509,6 @@ const GoABooleanControl = withJsonFormsControlProps(BooleanControl);
 
 const BooleanRadioComponent = ({
   data,
-  visible,
   enabled,
   uischema,
   handleChange,
@@ -6532,34 +6527,31 @@ const BooleanRadioComponent = ({
   const TrueDescription = description || (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.descriptionForTrue);
   const FalseDescription = description || (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.descriptionForFalse);
   const BaseTestId = (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.testId) || `${path}-boolean-radio-jsonform`;
-  return jsx(Visible, {
-    visible: visible,
-    children: jsxs(GoARadioGroup, Object.assign({
-      error: isVisited && errors.length,
-      name: `${label}`,
-      value: data === true ? TrueValue : data === false ? FalseValue : null,
-      disabled: !enabled,
-      testId: BaseTestId,
-      onChange: (_name, value) => {
-        if (value === TrueValue) {
-          handleChange(path, true);
-        }
-        if (value === FalseValue) {
-          handleChange(path, false);
-        }
+  return jsxs(GoARadioGroup, Object.assign({
+    error: isVisited && errors.length,
+    name: `${label}`,
+    value: data === true ? TrueValue : data === false ? FalseValue : null,
+    disabled: !enabled,
+    testId: BaseTestId,
+    onChange: (_name, value) => {
+      if (value === TrueValue) {
+        handleChange(path, true);
       }
-    }, (_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.componentProps, {
-      children: [jsx(GoARadioItem, {
-        value: TrueValue,
-        testId: `${BaseTestId}-yes-option`,
-        description: EnableDescription ? TrueDescription : null
-      }), jsx(GoARadioItem, {
-        value: FalseValue,
-        testId: `${BaseTestId}-no-option`,
-        description: EnableDescription ? FalseDescription : null
-      })]
-    }))
-  });
+      if (value === FalseValue) {
+        handleChange(path, false);
+      }
+    }
+  }, (_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.componentProps, {
+    children: [jsx(GoARadioItem, {
+      value: TrueValue,
+      testId: `${BaseTestId}-yes-option`,
+      description: EnableDescription ? TrueDescription : null
+    }), jsx(GoARadioItem, {
+      value: FalseValue,
+      testId: `${BaseTestId}-no-option`,
+      description: EnableDescription ? FalseDescription : null
+    })]
+  }));
 };
 const BooleanRadioControl = props => jsx(GoAInputBaseControl, Object.assign({}, props, {
   input: BooleanRadioComponent
@@ -6602,8 +6594,7 @@ const CheckboxGroup = props => {
     handleChange,
     options,
     config,
-    label,
-    t
+    label
   } = props;
   const newSchema = schema;
   const enumData = (schema === null || schema === void 0 ? void 0 : schema.enum) || ((_a = newSchema === null || newSchema === void 0 ? void 0 : newSchema.items) === null || _a === void 0 ? void 0 : _a.enum) || [];
@@ -8529,7 +8520,8 @@ const FileUploader = _ref => {
   const {
     required,
     label,
-    i18nKeyPrefix
+    i18nKeyPrefix,
+    visible
   } = props;
   const propertyId = i18nKeyPrefix;
   const variant = ((_d = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _d === void 0 ? void 0 : _d.variant) || 'button';
@@ -8647,45 +8639,48 @@ const FileUploader = _ref => {
       })
     });
   };
-  return jsxs(FileUploaderStyle, {
-    className: "FileUploader",
-    children: [required ? jsx(GoAFormItem, {
-      label: sentenceCaseLabel,
-      requirement: "required"
-    }) : jsx("div", {
-      className: "label",
-      children: sentenceCaseLabel
-    }), !readOnly && jsx("div", {
-      className: "file-upload",
-      children: jsx(GoAFileUploadInput, {
-        variant: variant,
-        onSelectFile: uploadFile,
-        maxFileSize: maxFileSize,
-        accept: accept
-      })
-    }), helpText && jsx(HelpText, {
-      children: helpText
-    }), jsx("div", {
-      children: loadingFileName !== undefined ? jsx(GoAModal, {
-        open: loadingFileName !== undefined,
-        children: jsx("div", {
-          className: "align-center",
-          children: jsx(GoACircularProgress, {
-            visible: true,
-            message: `Uploading ${loadingFileName}`,
-            size: "large"
-          })
-        })
+  return jsx(Visible, {
+    visible: visible,
+    children: jsxs(FileUploaderStyle, {
+      className: "FileUploader",
+      children: [required ? jsx(GoAFormItem, {
+        label: sentenceCaseLabel,
+        requirement: "required"
       }) : jsx("div", {
-        children: multiFileUploader ? fileList && (fileList[props.i18nKeyPrefix] || []).map((_, index) => {
-          return jsx(DownloadFileWidget, {
-            index: index
-          });
-        }) : fileList && !deleteHide && getFile(fileListLength - 1) && fileListLength >= 0 && jsx(DownloadFileWidget, {
-          index: fileListLength - 1
+        className: "label",
+        children: sentenceCaseLabel
+      }), !readOnly && jsx("div", {
+        className: "file-upload",
+        children: jsx(GoAFileUploadInput, {
+          variant: variant,
+          onSelectFile: uploadFile,
+          maxFileSize: maxFileSize,
+          accept: accept
         })
-      })
-    })]
+      }), helpText && jsx(HelpText, {
+        children: helpText
+      }), jsx("div", {
+        children: loadingFileName !== undefined ? jsx(GoAModal, {
+          open: loadingFileName !== undefined,
+          children: jsx("div", {
+            className: "align-center",
+            children: jsx(GoACircularProgress, {
+              visible: true,
+              message: `Uploading ${loadingFileName}`,
+              size: "large"
+            })
+          })
+        }) : jsx("div", {
+          children: multiFileUploader ? fileList && (fileList[props.i18nKeyPrefix] || []).map((_, index) => {
+            return jsx(DownloadFileWidget, {
+              index: index
+            });
+          }) : fileList && !deleteHide && getFile(fileListLength - 1) && fileListLength >= 0 && jsx(DownloadFileWidget, {
+            index: fileListLength - 1
+          })
+        })
+      })]
+    })
   });
 };
 const HelpText = styled.div(_t$3 || (_t$3 = _2`
@@ -10798,7 +10793,7 @@ const AddressLookUpControl = props => {
     enabled,
     handleChange,
     uischema,
-    rootSchema
+    visible
   } = props;
   const isAlbertaAddress = ((_b = (_a = schema === null || schema === void 0 ? void 0 : schema.properties) === null || _a === void 0 ? void 0 : _a.subdivisionCode) === null || _b === void 0 ? void 0 : _b.const) === 'AB';
   const formCtx = useContext(JsonFormContext);
@@ -10931,7 +10926,8 @@ const AddressLookUpControl = props => {
     }
   }, [activeIndex]);
   const readOnly = (_f = (_e = (_d = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _d === void 0 ? void 0 : _d.componentProps) === null || _e === void 0 ? void 0 : _e.readOnly) !== null && _f !== void 0 ? _f : false;
-  return jsxs("div", {
+  return jsxs(Visible, {
+    visible: visible,
     children: [renderHelp(), jsx("h3", {
       children: label
     }), jsx(GoAFormItem, {
@@ -11333,7 +11329,8 @@ const FullNameControl = props => {
     path,
     schema,
     handleChange,
-    enabled
+    enabled,
+    visible
   } = props;
   const requiredFields = schema.required;
   const defaultName = {};
@@ -11349,14 +11346,17 @@ const FullNameControl = props => {
     setNameData(updatedName);
     updateFormData(updatedName);
   };
-  return jsx(NameInputs, {
-    firstName: nameData.firstName,
-    middleName: nameData.middleName,
-    lastName: nameData.lastName,
-    handleInputChange: handleInputChange,
-    data: data,
-    disabled: !enabled,
-    requiredFields: requiredFields
+  return jsx(Visible, {
+    visible: visible,
+    children: jsx(NameInputs, {
+      firstName: nameData.firstName,
+      middleName: nameData.middleName,
+      lastName: nameData.lastName,
+      handleInputChange: handleInputChange,
+      data: data,
+      disabled: !enabled,
+      requiredFields: requiredFields
+    })
   });
 };
 
@@ -11440,7 +11440,8 @@ const FullNameDobControl = props => {
     path,
     schema,
     handleChange,
-    enabled
+    enabled,
+    visible
   } = props;
   const requiredFields = schema.required;
   const [errors, setErrors] = useState({});
@@ -11479,7 +11480,8 @@ const FullNameDobControl = props => {
     setErrors(err);
   };
   useSyncAutofillFields(['firstName', 'middleName', 'lastName', 'dateOfBirth'], formData, updateFormData, handleRequiredFieldBlur);
-  return jsxs(Fragment, {
+  return jsxs(Visible, {
+    visible: visible,
     children: [jsxs(GoAGrid, {
       minChildWidth: "0ch",
       gap: "s",

package/package.json

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

package/src/lib/Controls/Inputs/InputBooleanRadioControl.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { RankedTester, ControlProps } from '@jsonforms/core';
 import { WithInputProps } from './type';
-export declare const BooleanRadioComponent: ({ data, visible, enabled, uischema, handleChange, path, config, label, isVisited, errors, description, }: ControlProps & WithInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BooleanRadioComponent: ({ data, enabled, uischema, handleChange, path, config, label, isVisited, errors, description, }: ControlProps & WithInputProps) => import("react/jsx-runtime").JSX.Element;
 export declare const BooleanRadioControl: (props: ControlProps) => import("react/jsx-runtime").JSX.Element;
 export declare const GoABooleanRadioControlTester: RankedTester;
 export declare const GoABooleanRadioControl: React.ComponentType<import("@jsonforms/core").OwnPropsOfControl>;