@abgov/jsonforms-components 2.81.0 → 2.81.2

package/index.esm.js

@@ -3933,6 +3933,9 @@ var StepStatus;
 const getAddressLookupFieldLabel = fieldName => {
   return ADDRESS_LOOKUP_LABELS[fieldName] || fieldName;
 };
+const NO_ANSWER_MESSAGE = '(none given)';
+const BACK_TO_OVERVIEW_LABEL = 'Back to application overview';
+const NEXT_BUTTON_LABEL = 'Next';
 
 var classof$7 = classofRaw$2;
 
@@ -10247,6 +10250,18 @@ const getNavigationTargetFromParams = params => {
   } : undefined;
 };
 
+const getStepperPageOptions = uischema => {
+  var _uischema$options$hid, _uischema$options, _uischema$options2, _uischema$options$toA, _uischema$options3, _uischema$options$sub, _uischema$options4, _uischema$options$noA, _uischema$options5, _uischema$options$sum, _uischema$options6;
+  return {
+    hideSubmit: (_uischema$options$hid = uischema == null || (_uischema$options = uischema.options) == null ? void 0 : _uischema$options.hideSubmit) != null ? _uischema$options$hid : false,
+    hideSummary: (uischema == null || (_uischema$options2 = uischema.options) == null ? void 0 : _uischema$options2.hideSummary) === true,
+    toAppOverviewLabel: (_uischema$options$toA = uischema == null || (_uischema$options3 = uischema.options) == null ? void 0 : _uischema$options3.toAppOverviewLabel) != null ? _uischema$options$toA : BACK_TO_OVERVIEW_LABEL,
+    submissionLabel: (_uischema$options$sub = uischema == null || (_uischema$options4 = uischema.options) == null ? void 0 : _uischema$options4.submissionLabel) != null ? _uischema$options$sub : NEXT_BUTTON_LABEL,
+    noAnswerMessage: (_uischema$options$noA = uischema == null || (_uischema$options5 = uischema.options) == null ? void 0 : _uischema$options5.noAnswerMessage) != null ? _uischema$options$noA : NO_ANSWER_MESSAGE,
+    summaryPageTitle: (_uischema$options$sum = uischema == null || (_uischema$options6 = uischema.options) == null ? void 0 : _uischema$options6.summaryPageTitle) != null ? _uischema$options$sum : ''
+  };
+};
+
 const createStepperContextInitData = (props, options) => {
   var _uischema$options, _uischema$options2, _categorization$eleme, _props$activeId;
   const {
@@ -10440,6 +10455,7 @@ const JsonFormsStepperContextProvider = ({
       selectPath: () => {
         return snapshot.path;
       },
+      selectStepperOptions: () => getStepperPageOptions(uischema),
       selectCategory: id => {
         return snapshot.categories[id];
       },
@@ -10478,7 +10494,7 @@ const JsonFormsStepperContextProvider = ({
         });
       }
     };
-  }, [stepperDispatch, snapshot, doValidatePage]);
+  }, [stepperDispatch, snapshot, doValidatePage, uischema]);
   /* istanbul ignore next */
   useEffect(() => {
     var _ctx$core$errors, _ctx$core4;
@@ -10665,6 +10681,25 @@ const getEmptyRequiredStringErrors = (data, schema) => {
   return errors;
 };
 
+const StepperOptionsContext = /*#__PURE__*/createContext(undefined);
+// Carries the top-level uischema options to controls rendered without a stepper in context.
+const StepperOptionsProvider = ({
+  uischema,
+  children
+}) => {
+  const options = useMemo(() => getStepperPageOptions(uischema), [uischema]);
+  return jsx(StepperOptionsContext.Provider, {
+    value: options,
+    children: children
+  });
+};
+const useStepperPageOptions = () => {
+  var _ref, _stepperCtx$selectSte;
+  const stepperCtx = useContext(JsonFormsStepperContext);
+  const providedOptions = useContext(StepperOptionsContext);
+  return (_ref = (_stepperCtx$selectSte = stepperCtx == null ? void 0 : stepperCtx.selectStepperOptions()) != null ? _stepperCtx$selectSte : providedOptions) != null ? _ref : getStepperPageOptions(undefined);
+};
+
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * jsdom implements neither of these, and scrollIntoView is missing on real elements often enough
@@ -12842,10 +12877,10 @@ const isObjectArrayEmpty = currentData => {
   const result = isEmpty(currentData) || JSON.stringify(currentData) === '[{}]';
   return result;
 };
-const renderNoneGivenText = data => {
+const renderNoneGivenText = (data, noAnswerMessage) => {
   return !data ? jsxs(Fragment, {
     children: [jsx(NoneGivenTableText, {
-      children: "(none given)"
+      children: noAnswerMessage
     }), jsx("br", {})]
   }) : data;
 };
@@ -12856,11 +12891,12 @@ const renderCellColumn = ({
   index,
   rowPath,
   element,
-  isRequired
+  isRequired,
+  noAnswerMessage
 }) => {
   const renderWarningCell = error => {
     return jsxs(HilightCellWarning, {
-      children: [renderNoneGivenText(data), error && jsxs(ObjectArrayWarningIconDiv, {
+      children: [renderNoneGivenText(data, noAnswerMessage), error && jsxs(ObjectArrayWarningIconDiv, {
         children: [jsx(GoabIcon, {
           type: "warning",
           title: "warning",
@@ -12938,7 +12974,7 @@ const createHumanizeError = (error, schema, uischema) => {
           humanMessage = prettify(propertyMatch[1]) + ' is required';
         }
       }
-    } catch (err) {
+    } catch (_unused) {
       const raw = error.message;
       const propertyMatch = raw == null ? void 0 : raw.match(/'([^']+)'/);
       if (propertyMatch && propertyMatch[1]) {
@@ -14030,6 +14066,9 @@ const GoAInputBaseTableReview = props => {
     visible
   } = props;
   const reportChange = useReviewChange();
+  const {
+    noAnswerMessage
+  } = useStepperPageOptions();
   const showChangeButtons = useShowChangeButtons();
   const jsonForms = useJsonForms();
   const reviewLabel = typeof ((_uischema$options = uischema.options) == null ? void 0 : _uischema$options.reviewLabel) === 'string' ? uischema.options.reviewLabel : '';
@@ -14145,7 +14184,7 @@ const GoAInputBaseTableReview = props => {
       } else {
         activeError = humanizeAjvError(matchedError, rootSchema != null ? rootSchema : schema, uischema);
       }
-    } catch (err) {
+    } catch (_unused) {
       var _matchedError$params;
       // Fallback: try to extract missing property name and create a friendly message
       if (matchedError.keyword === 'required' && (_matchedError$params = matchedError.params) != null && _matchedError$params.missingProperty) {
@@ -14198,7 +14237,6 @@ const GoAInputBaseTableReview = props => {
     reviewText = '';
     isBooleanRequiredError = true;
   }
-  // eslint-disable-next-line
   const stepId = (_uischema$options5 = uischema.options) == null ? void 0 : _uischema$options5.stepId;
   function handleChangeClick() {
     reportChange(stepId, uischema.scope);
@@ -14223,7 +14261,7 @@ const GoAInputBaseTableReview = props => {
         children: [showInlineValue ? jsx("div", {
           "data-testid": `review-value-${label}`,
           children: isValueEmpty ? jsx(NoneGivenText, {
-            children: "(none given)"
+            children: noAnswerMessage
           }) : reviewText != null ? reviewText : ''
         }) : jsx(JsonFormsDispatch, {
           "data-testid": `jsonforms-object-list-defined-elements-dispatch`,
@@ -15601,6 +15639,9 @@ const NonEmptyCellComponent = /*#__PURE__*/React.memo(function NonEmptyCellCompo
     handleChange,
     errors
   } = props;
+  const {
+    noAnswerMessage
+  } = useStepperPageOptions();
   const element = (schema == null ? void 0 : schema.items) || (schema == null || (_schema$properties = schema.properties) == null || (_schema$properties = _schema$properties[rowPath]) == null ? void 0 : _schema$properties.items) || schema;
   const required = (element == null ? void 0 : element.required) || [];
   const properties = element == null ? void 0 : element.properties;
@@ -15707,7 +15748,8 @@ const NonEmptyCellComponent = /*#__PURE__*/React.memo(function NonEmptyCellCompo
                     errors: errors !== undefined ? errors : [],
                     element: key,
                     rowPath,
-                    index: i
+                    index: i,
+                    noAnswerMessage: noAnswerMessage != null ? noAnswerMessage : NO_ANSWER_MESSAGE
                   })
                 })]
               }, key);
@@ -16994,6 +17036,9 @@ const AddressLoopUpControlTableReview = props => {
     path
   } = props;
   const jsonForms = useJsonForms();
+  const {
+    noAnswerMessage
+  } = useStepperPageOptions();
   const stepId = (_uischema$options = uischema.options) == null ? void 0 : _uischema$options.stepId;
   const reportChange = useReviewChange();
   const showChangeButtons = useShowChangeButtons();
@@ -17116,7 +17161,7 @@ const AddressLoopUpControlTableReview = props => {
           })]
         }), jsxs(ReviewValue, {
           children: [!value ? jsx(NoneGivenText, {
-            children: "(none given)"
+            children: noAnswerMessage
           }) : value, errorMessage && jsx(GoabFormItem, {
             error: errorMessage,
             label: ""
@@ -17884,7 +17929,6 @@ const GoABaseTableReviewRenderers$1 = [
   renderer: CalloutReviewControl
 }];
 const FormStepperReviewer = props => {
-  var _uischema$options$com, _uischema$options, _uischema$options2;
   const {
     uischema,
     data,
@@ -17893,10 +17937,11 @@ const FormStepperReviewer = props => {
     cells,
     enabled
   } = props;
-  const componentProps = (_uischema$options$com = (_uischema$options = uischema.options) == null ? void 0 : _uischema$options.componentProps) != null ? _uischema$options$com : {};
+  const jsonForms = useJsonForms();
+  // Read from the uischema directly; the provider below is not yet in scope here.
   const {
     summaryPageTitle
-  } = (_uischema$options2 = uischema.options) != null ? _uischema$options2 : {};
+  } = getStepperPageOptions(uischema);
   const categorization = uischema;
   const categories = categorization.elements;
   const rescopeMaps = ['#/properties/albertaAddress', '#/properties/canadianAddress', '#/properties/sin'];
@@ -17914,60 +17959,63 @@ const FormStepperReviewer = props => {
     }
     return true;
   };
-  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;
-      }
-      const categoryLabel = category.label || category.i18n || 'Unknown Category';
-      // Build visible elements list
-      const elementsToRender = category.elements.filter(field => hasVisibleContent(field)).map(e => {
-        const layout = e;
-        if (rescopeMaps.some(scope => {
-          var _layout$elements;
-          return (_layout$elements = layout.elements) == null ? void 0 : _layout$elements.map(el => el.scope).includes(scope);
-        })) {
-          return layout.elements;
+  return jsx(StepperOptionsProvider, {
+    uischema: uischema,
+    children: jsxs(ReviewItem, {
+      children: [summaryPageTitle && !jsonForms.readonly && jsx(FormStepperSummaryH3, {
+        children: summaryPageTitle
+      }), categories.map((category, categoryIndex) => {
+        // Preserve index stability
+        if (!isVisible(category, data, '', ajv, undefined)) {
+          return null;
         }
-        return e;
-      }).flat();
-      // Do not render empty categories
-      if (elementsToRender.length === 0) {
-        return null;
-      }
-      return jsxs(ReviewItemSection, {
-        className: "jsonforms-table-review-section",
-        id: `jsonforms-table-review-section-${categoryIndex}`,
-        children: [jsx(ReviewItemHeader, {
-          children: jsx(ReviewItemTitle, {
-            children: categoryLabel
-          })
-        }), elementsToRender.map((element, elementIndex) => {
-          const stepperElement = Object.assign({}, element, {
-            options: Object.assign({}, element.options, {
-              stepId: categoryIndex
+        const categoryLabel = category.label || category.i18n || 'Unknown Category';
+        // Build visible elements list
+        const elementsToRender = category.elements.filter(field => hasVisibleContent(field)).map(e => {
+          const layout = e;
+          if (rescopeMaps.some(scope => {
+            var _layout$elements;
+            return (_layout$elements = layout.elements) == null ? void 0 : _layout$elements.map(el => el.scope).includes(scope);
+          })) {
+            return layout.elements;
+          }
+          return e;
+        }).flat();
+        // Do not render empty categories
+        if (elementsToRender.length === 0) {
+          return null;
+        }
+        return jsxs(ReviewItemSection, {
+          className: "jsonforms-table-review-section",
+          id: `jsonforms-table-review-section-${categoryIndex}`,
+          children: [jsx(ReviewItemHeader, {
+            children: jsx(ReviewItemTitle, {
+              children: categoryLabel
             })
-          });
-          return jsx(GoabTable, {
-            width: "100%",
-            mb: "m",
-            children: jsx("tbody", {
-              children: jsx(JsonFormsDispatch, {
-                "data-testid": "jsonforms-object-list-defined-elements-dispatch",
-                schema: schema,
-                uischema: stepperElement,
-                enabled: enabled,
-                renderers: GoABaseTableReviewRenderers$1,
-                cells: cells
+          }), elementsToRender.map((element, elementIndex) => {
+            const stepperElement = Object.assign({}, element, {
+              options: Object.assign({}, element.options, {
+                stepId: categoryIndex
               })
-            })
-          }, elementIndex);
-        })]
-      }, categoryIndex);
-    })]
+            });
+            return jsx(GoabTable, {
+              width: "100%",
+              mb: "m",
+              children: jsx("tbody", {
+                children: jsx(JsonFormsDispatch, {
+                  "data-testid": "jsonforms-object-list-defined-elements-dispatch",
+                  schema: schema,
+                  uischema: stepperElement,
+                  enabled: enabled,
+                  renderers: GoABaseTableReviewRenderers$1,
+                  cells: cells
+                })
+              })
+            }, elementIndex);
+          })]
+        }, categoryIndex);
+      })]
+    })
   });
 };
 const FormStepperReviewControl = withAjvProps(withTranslateProps(withJsonFormsLayoutProps(FormStepperReviewer)));
@@ -17996,7 +18044,6 @@ const FormStepperView = props => {
     cells,
     renderers,
     visible,
-    t,
     enabled
   } = props;
   const enumerators = useContext(JsonFormContext);
@@ -18482,7 +18529,6 @@ const FormStepperPageReviewer = props => {
 withAjvProps(withTranslateProps(withJsonFormsLayoutProps(FormStepperPageReviewer)));
 
 const RenderPages = props => {
-  var _props$categoryProps$, _props$categoryProps$2, _props$categoryProps$3, _props$categoryProps$4, _props$categoryProps$5, _props$categoryProps$6, _props$categoryProps$7;
   const {
     data,
     schema,
@@ -18507,10 +18553,12 @@ const RenderPages = props => {
     validationTrigger,
     targetScope
   } = formStepperCtx.selectStepperState();
-  const hideSubmit = (_props$categoryProps$ = (_props$categoryProps$2 = props.categoryProps.uischema.options) == null ? void 0 : _props$categoryProps$2.hideSubmit) != null ? _props$categoryProps$ : false;
-  const toAppOverviewLabel = (_props$categoryProps$3 = (_props$categoryProps$4 = props.categoryProps.uischema.options) == null ? void 0 : _props$categoryProps$4.toAppOverviewLabel) != null ? _props$categoryProps$3 : 'Back to application overview';
-  const submissionLabel = (_props$categoryProps$5 = (_props$categoryProps$6 = props.categoryProps.uischema.options) == null ? void 0 : _props$categoryProps$6.submissionLabel) != null ? _props$categoryProps$5 : 'Next';
-  const hideSummary = (_props$categoryProps$7 = props.categoryProps.uischema.options) == null ? void 0 : _props$categoryProps$7.hideSummary;
+  const {
+    hideSubmit,
+    toAppOverviewLabel,
+    submissionLabel,
+    hideSummary
+  } = formStepperCtx.selectStepperOptions();
   const submitFormFunction = enumerators == null ? void 0 : enumerators.submitFunction.get('submit-form');
   const submitForm = submitFormFunction && submitFormFunction();
   const saveFormFunction = enumerators == null ? void 0 : enumerators.saveFunction.get('save-form');
@@ -18577,7 +18625,7 @@ const RenderPages = props => {
         id: `${path || `goa`}-form-pages`,
         children: jsxs(PageBorder, {
           children: [jsx(BackButton, {
-            text: toAppOverviewLabel,
+            text: toAppOverviewLabel != null ? toAppOverviewLabel : BACK_TO_OVERVIEW_LABEL,
             link: () => {
               handleSave();
               goToTableOfContext();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.81.0",
+  "version": "2.81.2",
   "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-29T22:49:15.258Z",
-  "sourceCommit": "9af2e48b5da50c3da9f7c86a79bcdcecee35ce31",
+  "generatedAt": "2026-11-02T17:47:52.093Z",
+  "sourceCommit": "da01d224ca485b591dd08d5096ffc4a019da81cf",
   "sourcePath": "libs/jsonforms-components/src/index.ts",
   "rendererCount": 23,
   "renderers": [

package/src/lib/Controls/FormStepper/context/StepperContext.d.ts

@@ -4,6 +4,7 @@ import { StepperContextDataType, CategoryState } from './types';
 import { JsonFormStepperDispatch } from './reducer';
 import { JsonSchema } from '@jsonforms/core';
 import { ErrorObject } from 'ajv';
+import { StepperPageOptions } from '../util/stepperOptions';
 export interface JsonFormsStepperContextProviderProps {
     children: ReactNode;
     StepperProps: CategorizationStepperLayoutRendererProps & {
@@ -27,6 +28,7 @@ export interface JsonFormsStepperContextProps {
     toggleShowReviewLink: (id: number) => void;
     validatePage: (id: number) => void;
     selectNumberOfCompletedCategories: () => number;
+    selectStepperOptions: () => StepperPageOptions;
     isProvided?: boolean;
 }
 export declare const JsonFormsStepperContext: import("react").Context<JsonFormsStepperContextProps | undefined>;

package/src/lib/Controls/FormStepper/context/StepperOptionsContext.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { UISchemaElement } from '@jsonforms/core';
+import { StepperPageOptions } from '../util/stepperOptions';
+interface StepperOptionsProviderProps {
+    uischema: UISchemaElement;
+    children: ReactNode;
+}
+export declare const StepperOptionsProvider: ({ uischema, children }: StepperOptionsProviderProps) => JSX.Element;
+export declare const useStepperPageOptions: () => StepperPageOptions;
+export {};

package/src/lib/Controls/FormStepper/context/index.d.ts

@@ -1,4 +1,5 @@
 export * from './StepperContext';
+export * from './StepperOptionsContext';
 export * from './types';
 export * from './reducer';
 export * from './util';

package/src/lib/Controls/FormStepper/util/stepperOptions.d.ts

@@ -0,0 +1,10 @@
+import { UISchemaElement } from '@jsonforms/core';
+export interface StepperPageOptions {
+    hideSubmit?: boolean;
+    hideSummary?: boolean;
+    toAppOverviewLabel?: string;
+    submissionLabel?: string;
+    noAnswerMessage?: string;
+    summaryPageTitle?: string;
+}
+export declare const getStepperPageOptions: (uischema?: UISchemaElement) => StepperPageOptions;

package/src/lib/Controls/ObjectArray/ObjectListControlTypes.d.ts

@@ -108,4 +108,5 @@ export interface RenderCellColumnProps {
     rowPath: string;
     index: number;
     element: string;
+    noAnswerMessage: string;
 }

package/src/lib/Controls/ObjectArray/ObjectListControlUtils.d.ts

@@ -17,6 +17,6 @@ export interface TableProps {
     columnLabels?: Record<string, string>;
 }
 export declare const isObjectArrayEmpty: (currentData: string) => boolean;
-export declare const renderNoneGivenText: (data: string | undefined) => string | import("react/jsx-runtime").JSX.Element;
-export declare const renderCellColumn: ({ data, error, errors, index, rowPath, element, isRequired, }: RenderCellColumnProps) => string | import("react/jsx-runtime").JSX.Element | null;
+export declare const renderNoneGivenText: (data: string | undefined, noAnswerMessage: string) => string | import("react/jsx-runtime").JSX.Element;
+export declare const renderCellColumn: ({ data, error, errors, index, rowPath, element, isRequired, noAnswerMessage, }: RenderCellColumnProps) => string | import("react/jsx-runtime").JSX.Element | null;
 export declare const createHumanizeError: (error: ErrorObject, schema: JsonSchema, uischema: UISchemaElement) => string | undefined;

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

@@ -27,3 +27,6 @@ export declare enum StepStatus {
 }
 export type StepStatusType = StepStatus.COMPLETED | StepStatus.NOT_STARTED | StepStatus.IN_PROGRESS;
 export declare const getAddressLookupFieldLabel: (fieldName: string) => string;
+export declare const NO_ANSWER_MESSAGE = "(none given)";
+export declare const BACK_TO_OVERVIEW_LABEL = "Back to application overview";
+export declare const NEXT_BUTTON_LABEL = "Next";