@abgov/jsonforms-components 1.49.0 → 1.50.0

package/index.esm.js

@@ -5805,6 +5805,10 @@ const stepperReducer = (state, action) => {
   } = state;
   const lastId = categories[categories.length - 1].id;
   switch (action.type) {
+    case 'update/uischema':
+      {
+        return Object.assign({}, action.payload.state);
+      }
     case 'page/next':
       {
         state.activeId += 1;
@@ -5998,6 +6002,16 @@ const JsonFormsStepperContextProvider = ({
       }
     };
   }, [ctx === null || ctx === void 0 ? void 0 : ctx.core, stepperDispatch, stepperState]);
+  useEffect(() => {
+    if ((context === null || context === void 0 ? void 0 : context.isProvided) === true) {
+      stepperDispatch({
+        type: 'update/uischema',
+        payload: {
+          state: createStepperContextInitData(StepperProps)
+        }
+      });
+    }
+  }, [StepperProps.uischema]);
   return jsx(JsonFormsStepperContext.Provider, {
     value: context,
     children: children
@@ -7867,7 +7881,8 @@ const AddressInputs = ({
   readOnly,
   errors,
   handleOnBlur,
-  requiredFields
+  requiredFields,
+  enabled
 }) => {
   var _a, _b;
   const provinces = [{
@@ -7916,7 +7931,7 @@ const AddressInputs = ({
       children: jsx(GoAInput, {
         name: "addressLine2",
         testId: "address-form-address2",
-        disabled: readOnly,
+        disabled: !enabled,
         readonly: readOnly,
         ariaLabel: 'address-form-address2',
         placeholder: "Unit number, suite, apartment",
@@ -7935,7 +7950,7 @@ const AddressInputs = ({
           name: "municipality",
           testId: "address-form-city",
           ariaLabel: 'address-form-city',
-          disabled: readOnly,
+          disabled: !enabled,
           readonly: readOnly,
           value: (address === null || address === void 0 ? void 0 : address.municipality) || '',
           onChange: (name, value) => handleInputChange(name, value),
@@ -7950,7 +7965,7 @@ const AddressInputs = ({
           name: "postalCode",
           testId: "address-form-postal-code",
           ariaLabel: 'address-form-postal-code',
-          disabled: readOnly,
+          disabled: !enabled,
           readonly: readOnly,
           placeholder: "A0A 0A0",
           value: (address === null || address === void 0 ? void 0 : address.postalCode) || '',
@@ -7970,6 +7985,7 @@ const AddressInputs = ({
           children: "Alberta"
         }), !isAlbertaAddress && jsx(GoADropdown, {
           name: "subdivisionCode",
+          disabled: !enabled,
           testId: "address-form-province-dropdown",
           ariaLabel: 'address-form-province',
           value: (address === null || address === void 0 ? void 0 : address.subdivisionCode) || '',
@@ -8541,6 +8557,7 @@ const AddressLookUpControl = props => {
       address: address,
       errors: errors,
       readOnly: readOnly,
+      enabled: enabled,
       handleInputChange: handleInputChange,
       isAlbertaAddress: isAlbertaAddress,
       handleOnBlur: handleRequiredFieldBlur,
@@ -8708,7 +8725,8 @@ const NameInputs = ({
   lastName,
   handleInputChange,
   data,
-  requiredFields
+  requiredFields,
+  disabled
 }) => {
   var _a, _b;
   const [errors, setErrors] = useState({});
@@ -8736,6 +8754,7 @@ const NameInputs = ({
       children: jsx(GoAInput, {
         type: "text",
         name: "firstName",
+        disabled: disabled,
         testId: "name-form-first-name",
         ariaLabel: 'name-form-first-name',
         value: firstName || '',
@@ -8752,6 +8771,7 @@ const NameInputs = ({
       children: jsx(GoAInput, {
         type: "text",
         name: "middleName",
+        disabled: disabled,
         testId: "name-form-middle-name",
         ariaLabel: 'name-form-middle-name',
         value: middleName || '',
@@ -8766,6 +8786,7 @@ const NameInputs = ({
       children: jsx(GoAInput, {
         type: "text",
         name: "lastName",
+        disabled: disabled,
         testId: "name-form-last-name",
         ariaLabel: 'name-form-last-name',
         value: lastName || '',
@@ -8833,7 +8854,8 @@ const FullNameControl = props => {
     data,
     path,
     schema,
-    handleChange
+    handleChange,
+    enabled
   } = props;
   const requiredFields = schema.required;
   const defaultName = {
@@ -8859,6 +8881,7 @@ const FullNameControl = props => {
     lastName: defaultName.lastName,
     handleInputChange: handleInputChange,
     data: data,
+    disabled: !enabled,
     requiredFields: requiredFields
   });
 };
@@ -8894,7 +8917,7 @@ const FullNameDobControl = props => {
     path,
     schema,
     handleChange,
-    uischema
+    enabled
   } = props;
   const requiredFields = schema.required;
   const [errors, setErrors] = useState({});
@@ -8952,6 +8975,7 @@ const FullNameDobControl = props => {
         requirement: ((_a = schema === null || schema === void 0 ? void 0 : schema.required) === null || _a === void 0 ? void 0 : _a.includes('firstName')) ? 'required' : undefined,
         error: (_b = errors === null || errors === void 0 ? void 0 : errors['firstName']) !== null && _b !== void 0 ? _b : '',
         children: jsx(GoAInput, {
+          disabled: !enabled,
           type: "text",
           name: "firstName",
           testId: "name-form-first-name",
@@ -8971,6 +8995,7 @@ const FullNameDobControl = props => {
         children: jsx(GoAInput, {
           type: "text",
           name: "middleName",
+          disabled: !enabled,
           testId: "name-form-middle-name",
           ariaLabel: 'name-form-middle-name',
           value: formData.middleName || '',
@@ -8984,6 +9009,7 @@ const FullNameDobControl = props => {
         children: jsx(GoAInput, {
           type: "text",
           name: "lastName",
+          disabled: !enabled,
           testId: "name-form-last-name",
           ariaLabel: 'name-form-last-name',
           value: formData.lastName || '',
@@ -9005,6 +9031,7 @@ const FullNameDobControl = props => {
         children: jsx(GoAInput, {
           type: "date",
           name: "dateOfBirth",
+          disabled: !enabled,
           min: validDates().minDate,
           max: validDates().maxDate,
           testId: `dob-form-dateOfBirth`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "1.49.0",
+  "version": "1.50.0",
   "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/AddressLookup/AddressInputs.d.ts

@@ -8,6 +8,7 @@ interface AddressInputsProps {
     errors?: any;
     handleOnBlur: (field: string) => void;
     requiredFields?: string[];
+    enabled?: boolean;
 }
 export declare const AddressInputs: React.FC<AddressInputsProps>;
 export {};

package/src/lib/Controls/FormStepper/context/reducer.d.ts

@@ -22,5 +22,10 @@ export type StepperAction = {
     payload: {
         errors?: ErrorObject[];
     };
+} | {
+    type: 'update/uischema';
+    payload: {
+        state: StepperContextDataType;
+    };
 };
 export declare const stepperReducer: (state: StepperContextDataType, action: StepperAction) => StepperContextDataType;

package/src/lib/Controls/FullName/FullNameInputs.d.ts

@@ -4,6 +4,7 @@ interface NameInputsProps {
     middleName?: string;
     lastName: string;
     isStepperReview?: boolean;
+    disabled?: boolean;
     data: any;
     requiredFields: string[];
     handleInputChange: (field: string, value: string) => void;