@abgov/jsonforms-components 1.19.4 → 1.20.1

package/index.esm.js

@@ -3662,10 +3662,14 @@ const EnumSelect = props => {
   const appliedUiSchemaOptions = merge({}, config, props.uischema.options);
   const mergedOptions = useMemo(() => {
     return [...(options || []), ...registerData.map(d => {
-      return {
-        value: d,
-        label: d
-      };
+      if (typeof d === 'string') {
+        return {
+          value: d,
+          label: d
+        };
+      } else {
+        return Object.assign({}, d);
+      }
     })];
   }, [registerData, options]);
   useEffect(() => {
@@ -5010,7 +5014,13 @@ const FormStepper = props => {
             children: step !== 1 ? jsx(GoAButton, {
               type: "secondary",
               disabled: disabledCategoryMap[step - 1],
-              onClick: () => prevPage(step, disabledCategoryMap),
+              onClick: () => {
+                const element = document.getElementById(`${path || `goa`}-form-stepper`);
+                if (element) {
+                  element.scrollIntoView();
+                }
+                prevPage(step, disabledCategoryMap);
+              },
               testId: "prev-button",
               children: "Previous"
             }) : jsx("div", {})
@@ -5018,7 +5028,13 @@ const FormStepper = props => {
             children: [step !== null && showNextBtn && jsx(GoAButton, {
               type: "primary",
               disabled: disabledCategoryMap[step - 1],
-              onClick: () => nextPage(step, disabledCategoryMap),
+              onClick: () => {
+                const element = document.getElementById(`${path || `goa`}-form-stepper`);
+                if (element) {
+                  element.scrollIntoView();
+                }
+                nextPage(step, disabledCategoryMap);
+              },
               testId: "next-button",
               children: "Next"
             }), !showNextBtn && !isFormSubmitted && jsx("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "1.19.4",
+  "version": "1.20.1",
   "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/Context/register/actions.d.ts

@@ -9,8 +9,13 @@ export interface RegisterConfig {
     responsePrefixPath?: string;
     objectPathInArray?: string;
 }
+export interface LabelValueRegisterData {
+    key: string;
+    value: string;
+}
+export type RegisterDataType = string[] | LabelValueRegisterData[];
 export interface RegisterConfigData extends RegisterConfig {
-    data?: string[];
+    data?: RegisterDataType;
 }
 export type RegisterData = RegisterConfigData[];
 type AddDataAction = {

package/src/lib/Context/register/registerContext.d.ts

@@ -1,9 +1,9 @@
 import { ReactNode } from 'react';
-import { RegisterConfig, RegisterData, JsonFormRegisterDispatch } from './actions';
+import { RegisterConfig, RegisterData, JsonFormRegisterDispatch, RegisterDataType } from './actions';
 interface JsonFormsRegisterContextProps {
     registerDispatch: JsonFormRegisterDispatch;
     fetchRegisterByUrl: (registerConfig: RegisterConfig) => Promise<void>;
-    selectRegisterData: (registerConfig: RegisterConfig) => string[];
+    selectRegisterData: (registerConfig: RegisterConfig) => RegisterDataType;
     isProvided: boolean;
 }
 export declare const JsonFormsRegisterContext: import("react").Context<JsonFormsRegisterContextProps | undefined>;