@abgov/jsonforms-components 1.23.1 → 1.23.3

package/index.esm.js

@@ -4881,6 +4881,7 @@ const FormStepper = props => {
   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 optionProps = uischema.options || {};
   const [step, setStep] = React.useState(0);
   const [isFormValid, setIsFormValid] = React.useState(false);
   const [showNextBtn, setShowNextBtn] = React.useState(true);
@@ -5051,7 +5052,7 @@ const FormStepper = props => {
           minChildWidth: "100px",
           children: [jsx("div", {
             children: step !== 1 ? jsx(GoAButton, {
-              type: (componentProps === null || componentProps === void 0 ? void 0 : componentProps.previousButtonType) ? componentProps === null || componentProps === void 0 ? void 0 : componentProps.previousButtonType : 'secondary',
+              type: (optionProps === null || optionProps === void 0 ? void 0 : optionProps.previousButtonType) ? optionProps === null || optionProps === void 0 ? void 0 : optionProps.previousButtonType : 'secondary',
               disabled: disabledCategoryMap[step - 1],
               onClick: () => {
                 const element = document.getElementById(`${path || `goa`}-form-stepper`);
@@ -5061,11 +5062,11 @@ const FormStepper = props => {
                 prevPage(step, disabledCategoryMap);
               },
               testId: "prev-button",
-              children: (componentProps === null || componentProps === void 0 ? void 0 : componentProps.previousButtonLabel) ? componentProps === null || componentProps === void 0 ? void 0 : componentProps.previousButtonLabel : 'Previous'
+              children: (optionProps === null || optionProps === void 0 ? void 0 : optionProps.previousButtonLabel) ? optionProps === null || optionProps === void 0 ? void 0 : optionProps.previousButtonLabel : 'Previous'
             }) : jsx("div", {})
           }), jsxs(RightAlignmentDiv, {
             children: [step !== null && showNextBtn && jsx(GoAButton, {
-              type: (componentProps === null || componentProps === void 0 ? void 0 : componentProps.nextButtonType) ? componentProps === null || componentProps === void 0 ? void 0 : componentProps.nextButtonType : 'primary',
+              type: (optionProps === null || optionProps === void 0 ? void 0 : optionProps.nextButtonType) ? optionProps === null || optionProps === void 0 ? void 0 : optionProps.nextButtonType : 'primary',
               disabled: disabledCategoryMap[step - 1],
               onClick: () => {
                 const element = document.getElementById(`${path || `goa`}-form-stepper`);
@@ -5075,7 +5076,7 @@ const FormStepper = props => {
                 nextPage(step, disabledCategoryMap);
               },
               testId: "next-button",
-              children: (componentProps === null || componentProps === void 0 ? void 0 : componentProps.nextButtonLabel) ? componentProps === null || componentProps === void 0 ? void 0 : componentProps.nextButtonLabel : 'Next'
+              children: (optionProps === null || optionProps === void 0 ? void 0 : optionProps.nextButtonLabel) ? optionProps === null || optionProps === void 0 ? void 0 : optionProps.nextButtonLabel : 'Next'
             }), !showNextBtn && !isFormSubmitted && jsx("div", {
               children: jsx(GoAButton, {
                 type: 'primary',
@@ -6012,10 +6013,10 @@ const HelpContentComponent = _a => {
     height,
     width,
     alt,
-    url
+    src
   }) => {
     return jsx("img", {
-      src: url,
+      src: src,
       width: width,
       height: height,
       alt: alt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "1.23.1",
+  "version": "1.23.3",
   "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/Additional/HelpContent.d.ts

@@ -5,7 +5,7 @@ interface OptionProps {
     ariaLabel?: string;
     help?: string | string[];
     variant?: string;
-    url?: string;
+    src?: string;
     alt?: string;
     height?: string;
     width?: string;

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

@@ -5,12 +5,14 @@ import { AjvProps } from '../../util/layout';
 export interface CategorizationStepperLayoutRendererProps extends StatePropsOfLayout, AjvProps, TranslateProps {
 }
 export interface FormStepperComponentProps {
+    controlledNav?: number;
+    readOnly?: boolean;
+}
+export interface FormStepperOptionProps {
     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;