@abgov/jsonforms-components 1.22.3 → 1.23.0

package/index.esm.js

@@ -4880,6 +4880,7 @@ const FormStepper = props => {
   const submitForm = submitFormFunction && submitFormFunction();
   const categorization = uischema;
   const allCategories = JSON.parse(JSON.stringify(categorization));
+  const componentProps = (_b = (_a = uischema.options) === null || _a === void 0 ? void 0 : _a.componentProps) !== null && _b !== void 0 ? _b : {};
   const [step, setStep] = React.useState(0);
   const [isFormValid, setIsFormValid] = React.useState(false);
   const [showNextBtn, setShowNextBtn] = React.useState(true);
@@ -4918,10 +4919,9 @@ const FormStepper = props => {
     setIsFormValid(isValid);
   }, [ajv, data, schema]);
   useEffect(() => {
-    var _a, _b;
     // Override the "controlled Navigation", if property is supplied
     // Default: no controlled nav.
-    setStep(((_b = (_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.componentProps) === null || _b === void 0 ? void 0 : _b.controlledNav) ? 1 : 0);
+    setStep((componentProps === null || componentProps === void 0 ? void 0 : componentProps.controlledNav) ? 1 : 0);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   if ((categories === null || categories === void 0 ? void 0 : categories.length) < 1) {
@@ -4960,7 +4960,7 @@ const FormStepper = props => {
   const isInputInitialized = inputId => {
     return inputId in inputStatuses;
   };
-  const readOnly = (_c = (_b = (_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.componentProps) === null || _b === void 0 ? void 0 : _b.readOnly) !== null && _c !== void 0 ? _c : false;
+  const readOnly = (_c = componentProps === null || componentProps === void 0 ? void 0 : componentProps.readOnly) !== null && _c !== void 0 ? _c : false;
   const isFormSubmitted = (_d = enumerators === null || enumerators === void 0 ? void 0 : enumerators.isFormSubmitted) !== null && _d !== void 0 ? _d : false;
   return jsx("div", {
     "data-testid": "form-stepper-test-wrapper",
@@ -5051,7 +5051,7 @@ const FormStepper = props => {
           minChildWidth: "100px",
           children: [jsx("div", {
             children: step !== 1 ? jsx(GoAButton, {
-              type: "secondary",
+              type: (componentProps === null || componentProps === void 0 ? void 0 : componentProps.previousButtonType) ? componentProps === null || componentProps === void 0 ? void 0 : componentProps.previousButtonType : 'secondary',
               disabled: disabledCategoryMap[step - 1],
               onClick: () => {
                 const element = document.getElementById(`${path || `goa`}-form-stepper`);
@@ -5061,11 +5061,11 @@ const FormStepper = props => {
                 prevPage(step, disabledCategoryMap);
               },
               testId: "prev-button",
-              children: "Previous"
+              children: (componentProps === null || componentProps === void 0 ? void 0 : componentProps.previousButtonLabel) ? componentProps === null || componentProps === void 0 ? void 0 : componentProps.previousButtonLabel : 'Previous'
             }) : jsx("div", {})
           }), jsxs(RightAlignmentDiv, {
             children: [step !== null && showNextBtn && jsx(GoAButton, {
-              type: "primary",
+              type: (componentProps === null || componentProps === void 0 ? void 0 : componentProps.nextButtonType) ? componentProps === null || componentProps === void 0 ? void 0 : componentProps.nextButtonType : 'primary',
               disabled: disabledCategoryMap[step - 1],
               onClick: () => {
                 const element = document.getElementById(`${path || `goa`}-form-stepper`);
@@ -5075,10 +5075,10 @@ const FormStepper = props => {
                 nextPage(step, disabledCategoryMap);
               },
               testId: "next-button",
-              children: "Next"
+              children: (componentProps === null || componentProps === void 0 ? void 0 : componentProps.nextButtonLabel) ? componentProps === null || componentProps === void 0 ? void 0 : componentProps.nextButtonLabel : 'Next'
             }), !showNextBtn && !isFormSubmitted && jsx("div", {
               children: jsx(GoAButton, {
-                type: "primary",
+                type: 'primary',
                 onClick: handleSubmit,
                 disabled: !isFormValid,
                 testId: "stepper-submit-btn",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "1.22.3",
+  "version": "1.23.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/src/lib/Controls/FormStepper/FormStepperControl.d.ts

@@ -1,8 +1,17 @@
+import { GoAButtonType } from '@abgov/react-components-new';
 import { StatePropsOfLayout } from '@jsonforms/core';
 import { TranslateProps } from '@jsonforms/react';
 import { AjvProps } from '../../util/layout';
 export interface CategorizationStepperLayoutRendererProps extends StatePropsOfLayout, AjvProps, TranslateProps {
 }
+export interface FormStepperComponentProps {
+    nextButtonLabel?: string;
+    nextButtonType?: GoAButtonType;
+    previousButtonLabel?: string;
+    previousButtonType?: GoAButtonType;
+    controlledNav?: number;
+    readOnly?: boolean;
+}
 export declare const FormStepper: (props: CategorizationStepperLayoutRendererProps) => JSX.Element;
 export declare const FormStepperControl: (props: CategorizationStepperLayoutRendererProps & import("@jsonforms/core").OwnPropsOfLayout) => import("react/jsx-runtime").JSX.Element;
 export default FormStepper;