@abgov/jsonforms-components 2.79.5 → 2.80.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",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.79.5",
+  "version": "2.80.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:19:01.705Z",
+  "sourceCommit": "b812ba1920ec643624ffce4c38c6bd71bf5ef933",
   "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;
     };