@abgov/jsonforms-components 2.43.0 → 2.43.2

package/index.esm.js

@@ -1,7 +1,7 @@
 import * as runtime from 'react/jsx-runtime';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import React, { createContext, useContext, useReducer, useMemo, useEffect, useCallback, useState, useRef, useLayoutEffect } from 'react';
-import { GoabFormItem, GoabInput, GoabTextArea, GoabCallout, GoabRadioGroup, GoabRadioItem, GoabCheckbox, GoabIcon, GoabGrid, GoabFormStepper, GoabFormStep, GoabPages, GoabButton, GoabModal, GoabButtonGroup, GoabBadge, GoabText, GoabTable, GoabIconButton, GoabFileUploadInput, GoabCircularProgress, GoabContainer, GoabDropdown, GoabDropdownItem, GoabDetails, GoabSpinner } from '@abgov/react-components';
+import { GoabFormItem, GoabInput, GoabTextArea, GoabCallout, GoabDatePicker, GoabRadioGroup, GoabRadioItem, GoabCheckbox, GoabIcon, GoabGrid, GoabFormStepper, GoabFormStep, GoabPages, GoabButton, GoabModal, GoabButtonGroup, GoabBadge, GoabText, GoabTable, GoabIconButton, GoabFileUploadInput, GoabCircularProgress, GoabContainer, GoabDropdown, GoabDropdownItem, GoabDetails, GoabSpinner } from '@abgov/react-components';
 import styled from 'styled-components';
 import axios from 'axios';
 import get$1 from 'lodash/get';
@@ -6739,6 +6739,7 @@ const Dropdown = props => {
         width: "100%",
         value: inputText,
         testId: `${id}-input`,
+        ariaLabel: `${id}-input`,
         id: `${id}-input`,
         readonly: !isAutoCompletion,
         onChange: detail => {
@@ -7077,8 +7078,8 @@ const GoADateInput = props => {
     const today = new Date();
     minDate = today.toISOString().split('T')[0];
   }
-  return jsx(GoabInput, Object.assign({
-    type: "date",
+  return jsx(GoabDatePicker, Object.assign({
+    type: "calendar",
     error: isVisited && errors.length > 0,
     width: width,
     name: (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.name) || `${id || label}-input`,
@@ -7089,12 +7090,13 @@ const GoADateInput = props => {
     min: minDate && new Date(minDate),
     max: maxDate && new Date(maxDate),
     onChange: detail => {
+      var _a;
       if (isVisited === false && setIsVisited) {
         setIsVisited();
       }
       onChangeForDateControl({
-        name: detail.name,
-        value: detail.value,
+        name: (_a = detail.name) !== null && _a !== void 0 ? _a : 'date',
+        value: detail.valueStr,
         controlProps: props
       });
     },
@@ -9361,6 +9363,7 @@ const RenderPages = props => {
   const saveFormFunction = enumerators === null || enumerators === void 0 ? void 0 : enumerators.saveFunction.get('save-form');
   const saveForm = saveFormFunction && saveFormFunction();
   const [isOpen, setIsOpen] = useState(false);
+  const topElementRef = useRef(null);
   const handleSubmit = () => {
     if (submitForm) {
       submitForm(data);
@@ -9378,6 +9381,7 @@ const RenderPages = props => {
   };
   return jsxs("div", {
     "data-testid": "form-stepper-test-wrapper",
+    ref: topElementRef,
     children: [jsx(Visible, {
       visible: visible,
       children: jsx("div", {
@@ -9429,6 +9433,9 @@ const RenderPages = props => {
                             prevId = prevId - 1;
                           }
                           if (prevId >= 0) {
+                            if (topElementRef.current) {
+                              topElementRef.current.scrollIntoView();
+                            }
                             goToPage(prevId);
                           }
                         },
@@ -9446,6 +9453,9 @@ const RenderPages = props => {
                             nextId = nextId + 1;
                           }
                           if (!(currentStep === totalSteps && hideSummary)) {
+                            if (topElementRef.current) {
+                              topElementRef.current.scrollIntoView();
+                            }
                             goToPage(nextId);
                           }
                         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.43.0",
+  "version": "2.43.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",