@abgov/jsonforms-components 2.61.2 → 2.62.0

package/index.esm.js

@@ -5789,7 +5789,8 @@ let _$a = t => t,
   _t9$2,
   _t0$2,
   _t1$2,
-  _t10$2;
+  _t10$2,
+  _t11$2;
 const FormFieldWrapper$1 = styled.div(_t$b || (_t$b = _$a`
   margin-bottom: var(--goa-space-l);
 `));
@@ -5848,11 +5849,15 @@ const ReviewValue = styled.div(_t9$2 || (_t9$2 = _$a`
 const CheckboxWrapper = styled.div(_t0$2 || (_t0$2 = _$a`
   min-height: 28px;
 `));
-styled.h4(_t1$2 || (_t1$2 = _$a`
+const NoneGivenText = styled.span(_t1$2 || (_t1$2 = _$a`
+  color: var(--goa-color-greyscale-700);
+  font-style: italic;
+`));
+styled.h4(_t10$2 || (_t10$2 = _$a`
   margin: 0 0 0.25rem 0;
   fontsize: larger;
 `));
-styled.h4(_t10$2 || (_t10$2 = _$a`
+styled.h4(_t11$2 || (_t11$2 = _$a`
   border-bottom: 1px solid #ddd;
 `));
 
@@ -10141,12 +10146,15 @@ const GoAInputBaseTableReview = props => {
   }
   // If a required checkbox is unchecked, show only the validation message in
   // review mode (not a contradictory "No (...)" value line).
+  let isBooleanRequiredError = false;
   if ((schema == null ? void 0 : schema.type) === 'boolean' && data === false && activeError && /\sis required$/i.test(activeError)) {
     reviewText = '';
+    isBooleanRequiredError = true;
   }
   // eslint-disable-next-line
   const stepId = (_uischema$options4 = uischema.options) == null ? void 0 : _uischema$options4.stepId;
   const showInlineValue = reviewText === null || reviewText === undefined || typeof reviewText === 'string' || typeof reviewText === 'number' || /*#__PURE__*/React.isValidElement(reviewText) || Array.isArray(reviewText) && reviewText.length === 0;
+  const isValueEmpty = !isBooleanRequiredError && (reviewText === null || reviewText === undefined || reviewText === '' || Array.isArray(reviewText) && reviewText.length === 0);
   return jsx("tr", {
     "data-testid": `input-base-table-${label}-row`,
     children: jsxs(PageReviewContainer, {
@@ -10165,7 +10173,9 @@ const GoAInputBaseTableReview = props => {
       }), jsxs(ReviewValue, {
         children: [showInlineValue ? jsx("div", {
           "data-testid": `review-value-${label}`,
-          children: reviewText != null ? reviewText : ''
+          children: isValueEmpty ? jsx(NoneGivenText, {
+            children: "(none given)"
+          }) : reviewText != null ? reviewText : ''
         }) : jsx(JsonFormsDispatch, {
           "data-testid": `jsonforms-object-list-defined-elements-dispatch`,
           schema: schema,
@@ -13127,7 +13137,9 @@ const AddressLoopUpControlTableReview = props => {
             children: "Change"
           })]
         }), jsxs(ReviewValue, {
-          children: [value, errorMessage && jsx(GoabFormItem, {
+          children: [!value ? jsx(NoneGivenText, {
+            children: "(none given)"
+          }) : value, errorMessage && jsx(GoabFormItem, {
             error: errorMessage,
             label: ""
           })]

package/package.json

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

@@ -1,7 +1,7 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-05-01T22:19:53.399Z",
-  "sourceCommit": "b63e6978b884cc69b9fa9ede0e6f0b9b0f609977",
+  "generatedAt": "2026-05-04T22:09:31.942Z",
+  "sourceCommit": "db0eb216b2743826de1a7f3bb0e6d6e2aa7ec1cf",
   "sourcePath": "libs/jsonforms-components/src/index.ts",
   "rendererCount": 33,
   "renderers": [

package/src/lib/Controls/Inputs/style-component.d.ts

@@ -8,5 +8,6 @@ export declare const ReviewHeader: import("styled-components/dist/types").IStyle
 export declare const ReviewLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const ReviewValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const CheckboxWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const NoneGivenText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
 export declare const H4Large: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>>> & string;
 export declare const Row: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>>> & string;