@abgov/jsonforms-components 2.79.5 → 2.81.0

package/index.esm.js

@@ -6170,6 +6170,9 @@ const OPTION_DEFINITIONS = defineFields({
   mainTitle: {
     schema: 'Main form title'
   },
+  summaryPageTitle: {
+    schema: 'Summary page title'
+  },
   enableEmail: {
     schema: true
   },
@@ -14576,10 +14579,12 @@ const RightAlignmentDiv = styled.div(_t14 || (_t14 = _$5`
 `));
 const FormStepperSummaryH3 = styled.h3(_t15 || (_t15 = _$5`
   flex: 1;
+  max-width: 100%;
   margin-bottom: var(--goa-space-m);
   font-size: var(--goa-font-size-7);
   line-height: var(--goa-line-height-4);
-  font-weight: var(--goa-font-weight-regular);
+  font-weight: var(--goa-font-weight-bold);
+  overflow-wrap: anywhere;
 `));
 const PageRenderPadding = styled.div(_t16 || (_t16 = _$5`
   margin-top: var(--goa-space-2xl);
@@ -17879,7 +17884,7 @@ const GoABaseTableReviewRenderers$1 = [
   renderer: CalloutReviewControl
 }];
 const FormStepperReviewer = props => {
-  var _uischema$options$com, _uischema$options;
+  var _uischema$options$com, _uischema$options, _uischema$options2;
   const {
     uischema,
     data,
@@ -17888,7 +17893,10 @@ const FormStepperReviewer = props => {
     cells,
     enabled
   } = props;
-  (_uischema$options$com = (_uischema$options = uischema.options) == null ? void 0 : _uischema$options.componentProps) != null ? _uischema$options$com : {};
+  const componentProps = (_uischema$options$com = (_uischema$options = uischema.options) == null ? void 0 : _uischema$options.componentProps) != null ? _uischema$options$com : {};
+  const {
+    summaryPageTitle
+  } = (_uischema$options2 = uischema.options) != null ? _uischema$options2 : {};
   const categorization = uischema;
   const categories = categorization.elements;
   const rescopeMaps = ['#/properties/albertaAddress', '#/properties/canadianAddress', '#/properties/sin'];
@@ -17906,8 +17914,10 @@ const FormStepperReviewer = props => {
     }
     return true;
   };
-  return jsx(ReviewItem, {
-    children: categories.map((category, categoryIndex) => {
+  return jsxs(ReviewItem, {
+    children: [summaryPageTitle && !componentProps.readOnly && jsx(FormStepperSummaryH3, {
+      children: summaryPageTitle
+    }), categories.map((category, categoryIndex) => {
       // Preserve index stability
       if (!isVisible(category, data, '', ajv, undefined)) {
         return null;
@@ -17957,13 +17967,11 @@ const FormStepperReviewer = props => {
           }, elementIndex);
         })]
       }, categoryIndex);
-    })
+    })]
   });
 };
 const FormStepperReviewControl = withAjvProps(withTranslateProps(withJsonFormsLayoutProps(FormStepperReviewer)));
 
-const summaryLabel = 'Summary';
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const FormStepper = props => {
   const formStepperCtx = useContext(JsonFormsStepperContext);
   const memoStepperProps = useMemo(() => Object.assign({}, props), [props]);
@@ -18070,13 +18078,11 @@ const FormStepperView = props => {
               },
               children: jsx(RenderStepElements, Object.assign({}, props))
             }, `${category.label}`);
-          }), jsxs("div", {
+          }), jsx("div", {
             "data-testid": "summary_step-content",
-            children: [jsx(FormStepperSummaryH3, {
-              children: summaryLabel
-            }), jsx(FormStepperReviewer, Object.assign({}, props, {
+            children: jsx(FormStepperReviewer, Object.assign({}, props, {
               navigationFunc: goToPage
-            }))]
+            }))
           })]
         }), jsxs(GoabGrid, {
           minChildWidth: "100px",
@@ -21163,6 +21169,21 @@ const FullNameDobControl = props => {
 function escapeRegExp(s) {
   return s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
 }
+const NUMERIC_STRING = /^[-+]?(\d+\.?\d*|\.\d+)(e[-+]?\d+)?$/i;
+/**
+ * A referenced value as a finite number, or undefined. Computed fields store their result as a numeric string, so
+ * those are read as numbers to let one computed field reference another.
+ */
+function toFiniteNumber(value) {
+  if (typeof value === 'number') {
+    return Number.isFinite(value) ? value : undefined;
+  }
+  if (typeof value === 'string' && NUMERIC_STRING.test(value.trim())) {
+    const parsed = Number(value.trim());
+    return Number.isFinite(parsed) ? parsed : undefined;
+  }
+  return undefined;
+}
 /**
  * Resolve a JSON Pointer–style scope like "#/properties/x" or "#/properties/arr/c3"
  */
@@ -21231,9 +21252,10 @@ function evaluateSum(scope, data, opts) {
   for (const row of cur) {
     if (row == null || typeof row !== 'object') continue;
     const v = row[colKey];
-    if (typeof v === 'number' && Number.isFinite(v)) {
+    const num = toFiniteNumber(v);
+    if (num !== undefined) {
       anyValue = true;
-      sum += v;
+      sum += num;
     } else if (v !== undefined && v !== null) {
       anyMissing = true;
     }
@@ -21293,8 +21315,8 @@ function evaluateExpression(expression, data, opts) {
   let anyValuePresent = false;
   uniqueScopes.forEach((scope, idx) => {
     const normalized = scope.replace(/^#\/(properties\/)?/, '#/properties/');
-    const val = resolveScope(scope, data);
-    if (typeof val === 'number' && Number.isFinite(val)) {
+    const val = toFiniteNumber(resolveScope(scope, data));
+    if (val !== undefined) {
       anyValuePresent = true;
       const varName = `v${idx}`;
       vars[varName] = val;
@@ -21390,7 +21412,9 @@ const GoACalculation = props => {
   });
   useEffect(() => {
     if (computedValue !== undefined && typeof handleChange === 'function' && path) {
-      handleChange(path, computedValue);
+      // Computed fields are declared as strings (the tester requires it), so a number would fail validation and the
+      // page could never be completed or submitted.
+      handleChange(path, String(computedValue));
     }
   }, [computedValue, handleChange, path]);
   const isConfigError = !!error && (error.toLowerCase().includes('invalid scope') || error.toLowerCase().includes('expression syntax'));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.79.5",
+  "version": "2.81.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-10-28T22:02:18.611Z",
-  "sourceCommit": "4deb6ade452a4284e6040a3e593012528c5fcd8f",
+  "generatedAt": "2026-10-29T22:49:15.258Z",
+  "sourceCommit": "9af2e48b5da50c3da9f7c86a79bcdcecee35ce31",
   "sourcePath": "libs/jsonforms-components/src/index.ts",
   "rendererCount": 23,
   "renderers": [

package/src/lib/Controls/FormStepper/FormStepperControl.d.ts

@@ -1,6 +1,6 @@
 import { GoabButtonType } from '@abgov/ui-components-common';
-import { CategorizationStepperLayoutRendererProps } from './types';
-export interface FormStepperOptionProps {
+import { CategorizationStepperLayoutRendererProps, FormStepperOptions } from './types';
+export interface FormStepperOptionProps extends FormStepperOptions {
     nextButtonLabel?: string;
     nextButtonType?: GoabButtonType;
     previousButtonLabel?: string;

package/src/lib/Controls/FormStepper/types.d.ts

@@ -11,4 +11,7 @@ export interface FormStepperComponentProps {
     controlledNav?: number;
     readOnly?: boolean;
 }
+export interface FormStepperOptions {
+    summaryPageTitle?: string;
+}
 export type CategorizationElement = Category | Categorization;

package/src/lib/util/registerOptions.d.ts

@@ -2,6 +2,9 @@ export declare const OPTION_DEFINITIONS: {
     mainTitle: {
         schema: string;
     };
+    summaryPageTitle: {
+        schema: string;
+    };
     enableEmail: {
         schema: boolean;
     };