@abgov/jsonforms-components 1.48.1 → 1.49.1

package/index.esm.css

@@ -0,0 +1,16 @@
+/* This css file is here to override any parent/root css files
+   that add spacing, sizes, color that the help content uses
+   to display markdown content it uses.
+*/
+li > ul,
+li > ol,
+li > ul,
+li > ol {
+  padding-left: var(--goa-space-m) !important;
+  margin-top: initial;
+}
+
+em {
+  font-size: var(--goa-typography-body-s) !important;
+  color: var(--goa-color-text-default) !important;
+}

package/index.esm.js

@@ -7867,7 +7867,8 @@ const AddressInputs = ({
   readOnly,
   errors,
   handleOnBlur,
-  requiredFields
+  requiredFields,
+  enabled
 }) => {
   var _a, _b;
   const provinces = [{
@@ -7916,7 +7917,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 +7936,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 +7951,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 +7971,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) || '',
@@ -8273,7 +8275,8 @@ const HelpContentComponent = _a => {
     if (helpText === undefined) return '';
     if (typeof helpText === 'string') return helpText;
     if (Array.isArray(helpText)) {
-      const data = helpText.join('\n');
+      //Two spaces after the text inserts a line break in markdown.
+      const data = helpText.join('  \n');
       return data;
     }
     return '';
@@ -8540,6 +8543,7 @@ const AddressLookUpControl = props => {
       address: address,
       errors: errors,
       readOnly: readOnly,
+      enabled: enabled,
       handleInputChange: handleInputChange,
       isAlbertaAddress: isAlbertaAddress,
       handleOnBlur: handleRequiredFieldBlur,
@@ -8707,7 +8711,8 @@ const NameInputs = ({
   lastName,
   handleInputChange,
   data,
-  requiredFields
+  requiredFields,
+  disabled
 }) => {
   var _a, _b;
   const [errors, setErrors] = useState({});
@@ -8735,6 +8740,7 @@ const NameInputs = ({
       children: jsx(GoAInput, {
         type: "text",
         name: "firstName",
+        disabled: disabled,
         testId: "name-form-first-name",
         ariaLabel: 'name-form-first-name',
         value: firstName || '',
@@ -8751,6 +8757,7 @@ const NameInputs = ({
       children: jsx(GoAInput, {
         type: "text",
         name: "middleName",
+        disabled: disabled,
         testId: "name-form-middle-name",
         ariaLabel: 'name-form-middle-name',
         value: middleName || '',
@@ -8765,6 +8772,7 @@ const NameInputs = ({
       children: jsx(GoAInput, {
         type: "text",
         name: "lastName",
+        disabled: disabled,
         testId: "name-form-last-name",
         ariaLabel: 'name-form-last-name',
         value: lastName || '',
@@ -8832,7 +8840,8 @@ const FullNameControl = props => {
     data,
     path,
     schema,
-    handleChange
+    handleChange,
+    enabled
   } = props;
   const requiredFields = schema.required;
   const defaultName = {
@@ -8858,6 +8867,7 @@ const FullNameControl = props => {
     lastName: defaultName.lastName,
     handleInputChange: handleInputChange,
     data: data,
+    disabled: !enabled,
     requiredFields: requiredFields
   });
 };
@@ -8893,7 +8903,7 @@ const FullNameDobControl = props => {
     path,
     schema,
     handleChange,
-    uischema
+    enabled
   } = props;
   const requiredFields = schema.required;
   const [errors, setErrors] = useState({});
@@ -8951,6 +8961,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",
@@ -8970,6 +8981,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 || '',
@@ -8983,6 +8995,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 || '',
@@ -9004,6 +9017,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.48.1",
+  "version": "1.49.1",
   "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/Additional/HelpContent.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { RankedTester } from '@jsonforms/core';
 import { ControlProps, ControlElement } from '@jsonforms/core';
+import './HelpContent.css';
 interface OptionProps {
     ariaLabel?: string;
     help?: string | string[];

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/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;