@abgov/jsonforms-components 2.61.1 → 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;
 `));
 
@@ -9516,17 +9521,18 @@ function humanizeAjvError(error, schema, uischema) {
   var _error$message;
   const path = getEffectiveInstancePath(error);
   const label = resolveLabel(path, schema, uischema);
-  console.log('Do we get here?', {
-    error,
-    path,
-    label
-  });
   switch (error.keyword) {
     case VALIDATION_KEYWORDS.REQUIRED:
       return `${label} is required`;
     case VALIDATION_KEYWORDS.MIN_LENGTH:
+      if (error != null && error.message) {
+        return error.message;
+      }
       return `${label} must be at least ${error.params.limit} characters`;
     case VALIDATION_KEYWORDS.MAX_LENGTH:
+      if (error != null && error.message) {
+        return error.message;
+      }
       return `${label} must be at most ${error.params.limit} characters`;
     case VALIDATION_KEYWORDS.FORMAT:
       return `${label} must be a valid ${error.params.format}`;
@@ -10140,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, {
@@ -10164,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,
@@ -13126,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: ""
           })]
@@ -13495,6 +13508,12 @@ const RenderLink = props => {
 };
 
 const _excluded$3 = ["isParent", "showLabel"];
+const markdownComponents = {
+  a: props => jsx("a", Object.assign({}, props, {
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }))
+};
 const HelpContentReviewComponent = () => {
   return jsx(Fragment, {
     children: " "
@@ -13527,7 +13546,9 @@ const MarkdownComponent = ({
     } = evaluateSync(markdown, Object.assign({}, runtime, {
       Fragment: React.Fragment
     }));
-    return /*#__PURE__*/React.createElement(MDXContent, {});
+    return /*#__PURE__*/React.createElement(MDXContent, {
+      components: markdownComponents
+    });
   }
   return jsxs(InvalidMarkdown, {
     children: ["Help content markdown is invalid: ", response.error, " "]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.61.1",
+  "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-01T20:32:08.771Z",
-  "sourceCommit": "0e2c42d5a9c61156837d7529581f944627d84a6b",
+  "generatedAt": "2026-05-04T22:09:31.942Z",
+  "sourceCommit": "db0eb216b2743826de1a7f3bb0e6d6e2aa7ec1cf",
   "sourcePath": "libs/jsonforms-components/src/index.ts",
   "rendererCount": 33,
   "renderers": [

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 * as runtime from 'react/jsx-runtime';
 import './HelpContent.css';
 interface OptionProps {
     ariaLabel?: string;
@@ -27,6 +28,9 @@ interface CustomControlProps extends ControlProps {
 interface MdxMarkdown {
     markdown: string;
 }
+export declare const markdownComponents: {
+    a: (props: React.AnchorHTMLAttributes<HTMLAnchorElement>) => runtime.JSX.Element;
+};
 export declare const MarkdownComponent: ({ markdown }: MdxMarkdown) => JSX.Element;
 export declare const HelpContentComponent: ({ isParent, showLabel, ...props }: CustomControlProps & ExtraHelpContentProps) => JSX.Element;
 export declare const HelpContentTester: RankedTester;

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;