@abgov/jsonforms-components 2.52.3 → 2.52.5

package/index.esm.js

@@ -3054,6 +3054,7 @@ $$z({ target: 'Iterator', proto: true, real: true, forced: IS_PURE$3 }, {
 const sinTitle = 'Social insurance number';
 const invalidSin = 'Social insurance number is invalid';
 const DEFAULT_MAX_ITEMS = 50;
+const REQUIRED_PROPERTY_ERROR = 'is a required property';
 
 /**
  * Sets the first word to be capitalized so that it is sentence cased.
@@ -6598,7 +6599,7 @@ const JsonFormsStepperContextProvider = ({
   children,
   StepperProps
 }) => {
-  var _uischema$options3, _ctx$core2, _ctx$core3;
+  var _uischema$options3, _ctx$core2, _ctx$core3, _ctx$core4;
   const ctx = useJsonForms();
   /* istanbul ignore next */
   const {
@@ -6719,7 +6720,7 @@ const JsonFormsStepperContextProvider = ({
       }
     }
     //eslint-disable-next-line
-  }, [JSON.stringify(StepperProps.uischema), JSON.stringify(StepperProps.schema)]);
+  }, [JSON.stringify(StepperProps.uischema), JSON.stringify(StepperProps.schema), JSON.stringify(data), JSON.stringify(ctx == null || (_ctx$core4 = ctx.core) == null ? void 0 : _ctx$core4.errors)]);
   return jsx(JsonFormsStepperContext.Provider, {
     value: context,
     children: children
@@ -9374,7 +9375,7 @@ const MainTab = ({
             acc.fields[field] = prettify$1(missingFromNested) + ' is required';
           } else {
             const raw = e.message;
-            if (raw && (raw.includes('must have required property') || raw.includes('is a required property'))) {
+            if (raw && (raw.includes('must have required property') || raw.includes(REQUIRED_PROPERTY_ERROR))) {
               const m = raw.match(/'([^']+)'/);
               if (m && m[1]) acc.fields[field] = prettify$1(m[1]) + ' is required';else acc.fields[field] = raw;
             } else {
@@ -9392,7 +9393,7 @@ const MainTab = ({
             acc.row = prettify$1(missingFromNested) + ' is required';
           } else {
             const raw = e == null ? void 0 : e.message;
-            if (raw && (raw.includes('must have required property') || raw.includes('is a required property'))) {
+            if (raw && (raw.includes('must have required property') || raw.includes(REQUIRED_PROPERTY_ERROR))) {
               const m = raw.match(/'([^']+)'/);
               if (m && m[1]) acc.row = prettify$1(m[1]) + ' is required';else acc.row = raw;
             } else {
@@ -9405,7 +9406,7 @@ const MainTab = ({
     }
     if (!acc.fields[field]) {
       let msg = humanizeAjvError(e, core.schema, core.uischema);
-      if (typeof msg === 'string' && (msg.includes('must have required property') || msg.includes('is a required property'))) {
+      if (typeof msg === 'string' && (msg.includes('must have required property') || msg.includes(REQUIRED_PROPERTY_ERROR))) {
         const propertyMatch = msg.match(/'([^']+)'/);
         if (propertyMatch && propertyMatch[1]) {
           msg = prettify$1(propertyMatch[1]) + ' is required';
@@ -9859,11 +9860,9 @@ const GoAInputBaseTableReview = props => {
           enabled: enabled,
           renderers: jsonForms.renderers,
           cells: cells
-        }), activeError && jsxs(WarningIconDiv, {
-          children: [jsx(GoabIcon, {
-            type: "warning",
-            size: "small"
-          }), activeError]
+        }), activeError && jsx(GoabFormItem, {
+          error: activeError,
+          label: ""
         })]
       })]
     })
@@ -10013,7 +10012,7 @@ const GoAEmailInput = props => {
   }, [showReviewLink]);
   const splitErrors = (errors != null ? errors : '').split(/\r?\n/).map(e => e.trim()).filter(Boolean);
   const primaryLabel = (defaultSchema == null ? void 0 : defaultSchema.label) || defaultLabel;
-  const splintIndex = splitErrors.findIndex(e => e === 'is a required property');
+  const splintIndex = splitErrors.findIndex(e => e === REQUIRED_PROPERTY_ERROR);
   splitErrors[splintIndex] = `${primaryLabel} is required`;
   const finalErrors = splitErrors.join('\n');
   return jsx(Visible, {
@@ -10633,11 +10632,9 @@ const FullNameControlReview = props => {
             testId: "full-name-change-btn",
             children: "Change"
           })]
-        }), errors && jsxs(WarningIconDiv, {
-          children: [jsx(GoabIcon, {
-            type: "warning",
-            size: "small"
-          }), errors != null && errors.includes('is a required property') ? `${label} is required` : errors]
+        }), errors && jsx(GoabFormItem, {
+          error: errors != null && errors.includes(REQUIRED_PROPERTY_ERROR) ? `${label} is required` : errors,
+          label: ""
         })]
       })
     }), renderRow('First name', data == null ? void 0 : data.firstName, `firstName-control-${id}`), (data == null ? void 0 : data.middleName) && renderRow('Middle name', data == null ? void 0 : data.middleName, `middleName-control-${id}`), renderRow('Last name', data == null ? void 0 : data.lastName, `lastName-control-${id}`)]
@@ -10692,11 +10689,9 @@ const FullNameDobReviewControl = props => {
             testId: "fullname-dob-change-btn",
             children: "Change"
           })]
-        }), errors && jsxs(WarningIconDiv, {
-          children: [jsx(GoabIcon, {
-            type: "warning",
-            size: "small"
-          }), errors != null && errors.includes('is a required property') ? `${label} is required` : errors]
+        }), errors && jsx(GoabFormItem, {
+          error: errors != null && errors.includes(REQUIRED_PROPERTY_ERROR) ? `${label} is required` : errors,
+          label: ""
         })]
       })
     }), renderRow('First name', data == null ? void 0 : data.firstName, `firstName-control-${id}`), (data == null ? void 0 : data.middleName) && renderRow('Middle name', data == null ? void 0 : data.middleName, `middleName-control-${id}`), renderRow('Last name', data == null ? void 0 : data.lastName, `lastName-control-${id}`), renderRow('Date of birth', data == null ? void 0 : data.dateOfBirth, `dob-control-${id}`)]
@@ -11206,7 +11201,7 @@ const NonEmptyCellComponent = /*#__PURE__*/React.memo(function NonEmptyCellCompo
                   if (error) {
                     try {
                       humanMessage = humanizeAjvError(error, schema, uischema);
-                      if (typeof humanMessage === 'string' && (humanMessage.includes('must have required property') || humanMessage.includes('is a required property'))) {
+                      if (typeof humanMessage === 'string' && (humanMessage.includes('must have required property') || humanMessage.includes(REQUIRED_PROPERTY_ERROR))) {
                         const propertyMatch = humanMessage.match(/'([^']+)'/);
                         if (propertyMatch && propertyMatch[1]) {
                           humanMessage = prettify(propertyMatch[1]) + ' is required';
@@ -12130,7 +12125,7 @@ const AddressLoopUpControlTableReview = props => {
     } catch (err) {
       // fallback to parsing the raw message
       const raw = matched.message;
-      if (raw != null && raw.includes('must have required property') || raw != null && raw.includes('is a required property')) {
+      if (raw != null && raw.includes('must have required property') || raw != null && raw.includes(REQUIRED_PROPERTY_ERROR)) {
         const propertyMatch = raw.match(/'([^']+)'/);
         if (propertyMatch && propertyMatch[1]) {
           return prettify(propertyMatch[1]) + ' is required';
@@ -12146,12 +12141,12 @@ const AddressLoopUpControlTableReview = props => {
   // Build the target scope for the address control
   const targetScope = (uischema == null ? void 0 : uischema.scope) || (path ? `#/properties/${path}` : undefined);
   const renderRow = (label, value, propName, showButton = false) => {
-    var _error, _error2;
     let error = getError(propName);
     const required = isRequired(propName);
     if (required && !value && !error) {
       error = `${label} is required`;
     }
+    const errorMessage = error && (error.includes(REQUIRED_PROPERTY_ERROR) || error.includes('required property')) ? `${label} is required` : error;
     return jsx("tr", {
       children: jsxs(PageReviewContainer, {
         colSpan: 3,
@@ -12168,11 +12163,9 @@ const AddressLoopUpControlTableReview = props => {
             children: "Change"
           })]
         }), jsxs(ReviewValue, {
-          children: [value, error && jsxs(WarningIconDiv, {
-            children: [jsx(GoabIcon, {
-              type: "warning",
-              size: "small"
-            }), (_error = error) != null && _error.includes('is a required property') || (_error2 = error) != null && _error2.includes('required property') ? `${label} is required` : error]
+          children: [value, errorMessage && jsx(GoabFormItem, {
+            error: errorMessage,
+            label: ""
           })]
         })]
       })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.52.3",
+  "version": "2.52.5",
   "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/renderer-catalog.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-03-10T15:56:36.838Z",
-  "sourceCommit": "2079e47e5ff044820a6458b37acbc20dde1c5377",
+  "generatedAt": "2026-03-12T16:07:35.526Z",
+  "sourceCommit": "eb39e14e128ca827f5b003925333aaeacc8e8e87",
   "sourcePath": "libs/jsonforms-components/src/index.ts",
   "rendererCount": 32,
   "renderers": [

package/src/lib/common/Constants.d.ts

@@ -1,3 +1,4 @@
 export declare const sinTitle = "Social insurance number";
 export declare const invalidSin = "Social insurance number is invalid";
 export declare const DEFAULT_MAX_ITEMS = 50;
+export declare const REQUIRED_PROPERTY_ERROR = "is a required property";