@abgov/jsonforms-components 2.44.2 → 2.45.1

package/index.esm.js

@@ -1,6 +1,6 @@
 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 React, { createContext, useContext, useReducer, useMemo, useEffect, useCallback, useRef, useState, useLayoutEffect } from 'react';
 import { GoabFormItem, GoabInput, GoabTextArea, GoabCallout, GoabRadioGroup, GoabRadioItem, GoabCheckbox, GoabIcon, GoabButton, GoabGrid, GoabModal, GoabButtonGroup, GoabTable, GoabContainer, GoabDropdown, GoabDropdownItem, GoabIconButton, GoabDetails, GoabFormStepper, GoabFormStep, GoabPages, GoabBadge, GoabText, GoabFileUploadInput, GoabCircularProgress, GoabSpinner } from '@abgov/react-components';
 import styled from 'styled-components';
 import axios from 'axios';
@@ -1638,44 +1638,14 @@ $$G({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }
   assign: assign
 });
 
-var NATIVE_BIND$1 = functionBindNative;
-
-var FunctionPrototype = Function.prototype;
-var apply$4 = FunctionPrototype.apply;
-var call$n = FunctionPrototype.call;
-
-// eslint-disable-next-line es/no-reflect -- safe
-var functionApply = typeof Reflect == 'object' && Reflect.apply || (NATIVE_BIND$1 ? call$n.bind(apply$4) : function () {
-  return call$n.apply(apply$4, arguments);
-});
-
-var defineProperty$1 = objectDefineProperty.f;
-
-var proxyAccessor$2 = function (Target, Source, key) {
-  key in Target || defineProperty$1(Target, key, {
-    configurable: true,
-    get: function () { return Source[key]; },
-    set: function (it) { Source[key] = it; }
-  });
-};
-
-var isCallable$e = isCallable$s;
-var isObject$6 = isObject$f;
-var setPrototypeOf$2 = objectSetPrototypeOf;
+var classofRaw$1 = classofRaw$2;
+var uncurryThis$o = functionUncurryThis;
 
-// makes subclassing work correct for wrapped built-ins
-var inheritIfRequired$2 = function ($this, dummy, Wrapper) {
-  var NewTarget, NewTargetPrototype;
-  if (
-    // it can work only with native `setPrototypeOf`
-    setPrototypeOf$2 &&
-    // we haven't completely correct pre-ES6 way for getting `new.target`, so use this
-    isCallable$e(NewTarget = dummy.constructor) &&
-    NewTarget !== Wrapper &&
-    isObject$6(NewTargetPrototype = NewTarget.prototype) &&
-    NewTargetPrototype !== Wrapper.prototype
-  ) setPrototypeOf$2($this, NewTargetPrototype);
-  return $this;
+var functionUncurryThisClause = function (fn) {
+  // Nashorn bug:
+  //   https://github.com/zloirock/core-js/issues/1128
+  //   https://github.com/zloirock/core-js/issues/1130
+  if (classofRaw$1(fn) === 'Function') return uncurryThis$o(fn);
 };
 
 var wellKnownSymbol$f = wellKnownSymbol$m;
@@ -1688,15 +1658,15 @@ test[TO_STRING_TAG$3] = 'z';
 var toStringTagSupport = String(test) === '[object z]';
 
 var TO_STRING_TAG_SUPPORT = toStringTagSupport;
-var isCallable$d = isCallable$s;
-var classofRaw$1 = classofRaw$2;
+var isCallable$e = isCallable$s;
+var classofRaw = classofRaw$2;
 var wellKnownSymbol$e = wellKnownSymbol$m;
 
 var TO_STRING_TAG$2 = wellKnownSymbol$e('toStringTag');
 var $Object = Object;
 
 // ES3 wrong here
-var CORRECT_ARGUMENTS = classofRaw$1(function () { return arguments; }()) === 'Arguments';
+var CORRECT_ARGUMENTS = classofRaw(function () { return arguments; }()) === 'Arguments';
 
 // fallback for IE11 Script Access Denied error
 var tryGet = function (it, key) {
@@ -1706,15 +1676,15 @@ var tryGet = function (it, key) {
 };
 
 // getting tag from ES6+ `Object.prototype.toString`
-var classof$9 = TO_STRING_TAG_SUPPORT ? classofRaw$1 : function (it) {
+var classof$9 = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
   var O, tag, result;
   return it === undefined ? 'Undefined' : it === null ? 'Null'
     // @@toStringTag case
     : typeof (tag = tryGet(O = $Object(it), TO_STRING_TAG$2)) == 'string' ? tag
     // builtinTag case
-    : CORRECT_ARGUMENTS ? classofRaw$1(O)
+    : CORRECT_ARGUMENTS ? classofRaw(O)
     // ES3 arguments fallback
-    : (result = classofRaw$1(O)) === 'Object' && isCallable$d(O.callee) ? 'Arguments' : result;
+    : (result = classofRaw(O)) === 'Object' && isCallable$e(O.callee) ? 'Arguments' : result;
 };
 
 var classof$8 = classof$9;
@@ -1726,27 +1696,137 @@ var toString$j = function (argument) {
   return $String$1(argument);
 };
 
+var isObject$6 = isObject$f;
+var classof$7 = classofRaw$2;
+var wellKnownSymbol$d = wellKnownSymbol$m;
+
+var MATCH$2 = wellKnownSymbol$d('match');
+
+// `IsRegExp` abstract operation
+// https://tc39.es/ecma262/#sec-isregexp
+var isRegexp = function (it) {
+  var isRegExp;
+  return isObject$6(it) && ((isRegExp = it[MATCH$2]) !== undefined ? !!isRegExp : classof$7(it) === 'RegExp');
+};
+
+var isRegExp$1 = isRegexp;
+
+var $TypeError$e = TypeError;
+
+var notARegexp = function (it) {
+  if (isRegExp$1(it)) {
+    throw new $TypeError$e("The method doesn't accept regular expressions");
+  } return it;
+};
+
+var wellKnownSymbol$c = wellKnownSymbol$m;
+
+var MATCH$1 = wellKnownSymbol$c('match');
+
+var correctIsRegexpLogic = function (METHOD_NAME) {
+  var regexp = /./;
+  try {
+    '/./'[METHOD_NAME](regexp);
+  } catch (error1) {
+    try {
+      regexp[MATCH$1] = false;
+      return '/./'[METHOD_NAME](regexp);
+    } catch (error2) { /* empty */ }
+  } return false;
+};
+
+var $$F = _export;
+var uncurryThis$n = functionUncurryThisClause;
+var getOwnPropertyDescriptor$4 = objectGetOwnPropertyDescriptor.f;
+var toLength$5 = toLength$7;
 var toString$i = toString$j;
+var notARegExp$2 = notARegexp;
+var requireObjectCoercible$a = requireObjectCoercible$e;
+var correctIsRegExpLogic$2 = correctIsRegexpLogic;
 
-var normalizeStringArgument$1 = function (argument, $default) {
-  return argument === undefined ? arguments.length < 2 ? '' : $default : toString$i(argument);
+var stringSlice$8 = uncurryThis$n(''.slice);
+var min$3 = Math.min;
+
+var CORRECT_IS_REGEXP_LOGIC$1 = correctIsRegExpLogic$2('startsWith');
+// https://github.com/zloirock/core-js/pull/702
+var MDN_POLYFILL_BUG$1 = !CORRECT_IS_REGEXP_LOGIC$1 && !!function () {
+  var descriptor = getOwnPropertyDescriptor$4(String.prototype, 'startsWith');
+  return descriptor && !descriptor.writable;
+}();
+
+// `String.prototype.startsWith` method
+// https://tc39.es/ecma262/#sec-string.prototype.startswith
+$$F({ target: 'String', proto: true, forced: !MDN_POLYFILL_BUG$1 && !CORRECT_IS_REGEXP_LOGIC$1 }, {
+  startsWith: function startsWith(searchString /* , position = 0 */) {
+    var that = toString$i(requireObjectCoercible$a(this));
+    notARegExp$2(searchString);
+    var index = toLength$5(min$3(arguments.length > 1 ? arguments[1] : undefined, that.length));
+    var search = toString$i(searchString);
+    return stringSlice$8(that, index, index + search.length) === search;
+  }
+});
+
+var NATIVE_BIND$1 = functionBindNative;
+
+var FunctionPrototype = Function.prototype;
+var apply$4 = FunctionPrototype.apply;
+var call$n = FunctionPrototype.call;
+
+// eslint-disable-next-line es/no-reflect -- safe
+var functionApply = typeof Reflect == 'object' && Reflect.apply || (NATIVE_BIND$1 ? call$n.bind(apply$4) : function () {
+  return call$n.apply(apply$4, arguments);
+});
+
+var defineProperty$1 = objectDefineProperty.f;
+
+var proxyAccessor$2 = function (Target, Source, key) {
+  key in Target || defineProperty$1(Target, key, {
+    configurable: true,
+    get: function () { return Source[key]; },
+    set: function (it) { Source[key] = it; }
+  });
 };
 
+var isCallable$d = isCallable$s;
 var isObject$5 = isObject$f;
+var setPrototypeOf$2 = objectSetPrototypeOf;
+
+// makes subclassing work correct for wrapped built-ins
+var inheritIfRequired$2 = function ($this, dummy, Wrapper) {
+  var NewTarget, NewTargetPrototype;
+  if (
+    // it can work only with native `setPrototypeOf`
+    setPrototypeOf$2 &&
+    // we haven't completely correct pre-ES6 way for getting `new.target`, so use this
+    isCallable$d(NewTarget = dummy.constructor) &&
+    NewTarget !== Wrapper &&
+    isObject$5(NewTargetPrototype = NewTarget.prototype) &&
+    NewTargetPrototype !== Wrapper.prototype
+  ) setPrototypeOf$2($this, NewTargetPrototype);
+  return $this;
+};
+
+var toString$h = toString$j;
+
+var normalizeStringArgument$1 = function (argument, $default) {
+  return argument === undefined ? arguments.length < 2 ? '' : $default : toString$h(argument);
+};
+
+var isObject$4 = isObject$f;
 var createNonEnumerableProperty$5 = createNonEnumerableProperty$a;
 
 // `InstallErrorCause` abstract operation
 // https://tc39.es/proposal-error-cause/#sec-errorobjects-install-error-cause
 var installErrorCause$1 = function (O, options) {
-  if (isObject$5(options) && 'cause' in options) {
+  if (isObject$4(options) && 'cause' in options) {
     createNonEnumerableProperty$5(O, 'cause', options.cause);
   }
 };
 
-var uncurryThis$o = functionUncurryThis;
+var uncurryThis$m = functionUncurryThis;
 
 var $Error = Error;
-var replace$6 = uncurryThis$o(''.replace);
+var replace$6 = uncurryThis$m(''.replace);
 
 var TEST = (function (arg) { return String(new $Error(arg).stack); })('zxcasd');
 // eslint-disable-next-line redos/no-vulnerable -- safe
@@ -1849,7 +1929,7 @@ var wrapErrorConstructorWithCause$1 = function (FULL_NAME, wrapper, FORCED, IS_A
 };
 
 /* eslint-disable no-unused-vars -- required for functions `.length` */
-var $$F = _export;
+var $$E = _export;
 var global$g = global$r;
 var apply$3 = functionApply;
 var wrapErrorConstructorWithCause = wrapErrorConstructorWithCause$1;
@@ -1863,14 +1943,14 @@ var FORCED$5 = new Error('e', { cause: 7 }).cause !== 7;
 var exportGlobalErrorCauseWrapper = function (ERROR_NAME, wrapper) {
   var O = {};
   O[ERROR_NAME] = wrapErrorConstructorWithCause(ERROR_NAME, wrapper, FORCED$5);
-  $$F({ global: true, constructor: true, arity: 1, forced: FORCED$5 }, O);
+  $$E({ global: true, constructor: true, arity: 1, forced: FORCED$5 }, O);
 };
 
 var exportWebAssemblyErrorCauseWrapper = function (ERROR_NAME, wrapper) {
   if (WebAssembly && WebAssembly[ERROR_NAME]) {
     var O = {};
     O[ERROR_NAME] = wrapErrorConstructorWithCause(WEB_ASSEMBLY + '.' + ERROR_NAME, wrapper, FORCED$5);
-    $$F({ target: WEB_ASSEMBLY, stat: true, constructor: true, arity: 1, forced: FORCED$5 }, O);
+    $$E({ target: WEB_ASSEMBLY, stat: true, constructor: true, arity: 1, forced: FORCED$5 }, O);
   }
 };
 
@@ -1906,7 +1986,7 @@ exportWebAssemblyErrorCauseWrapper('RuntimeError', function (init) {
   return function RuntimeError(message) { return apply$3(init, this, arguments); };
 });
 
-var $$E = _export;
+var $$D = _export;
 var toObject$5 = toObject$9;
 var lengthOfArrayLike$7 = lengthOfArrayLike$9;
 var toIntegerOrInfinity$6 = toIntegerOrInfinity$9;
@@ -1914,7 +1994,7 @@ var addToUnscopables$3 = addToUnscopables$5;
 
 // `Array.prototype.at` method
 // https://tc39.es/ecma262/#sec-array.prototype.at
-$$E({ target: 'Array', proto: true }, {
+$$D({ target: 'Array', proto: true }, {
   at: function at(index) {
     var O = toObject$5(this);
     var len = lengthOfArrayLike$7(O);
@@ -2001,8 +2081,8 @@ var regexpUnsupportedNcg = fails$h(function () {
 /* eslint-disable regexp/no-empty-capturing-group, regexp/no-empty-group, regexp/no-lazy-ends -- testing */
 /* eslint-disable regexp/no-useless-quantifier -- testing */
 var call$m = functionCall;
-var uncurryThis$n = functionUncurryThis;
-var toString$h = toString$j;
+var uncurryThis$l = functionUncurryThis;
+var toString$g = toString$j;
 var regexpFlags = regexpFlags$1;
 var stickyHelpers$2 = regexpStickyHelpers;
 var shared = shared$4;
@@ -2014,10 +2094,10 @@ var UNSUPPORTED_NCG$1 = regexpUnsupportedNcg;
 var nativeReplace = shared('native-string-replace', String.prototype.replace);
 var nativeExec = RegExp.prototype.exec;
 var patchedExec = nativeExec;
-var charAt$6 = uncurryThis$n(''.charAt);
-var indexOf = uncurryThis$n(''.indexOf);
-var replace$5 = uncurryThis$n(''.replace);
-var stringSlice$8 = uncurryThis$n(''.slice);
+var charAt$6 = uncurryThis$l(''.charAt);
+var indexOf = uncurryThis$l(''.indexOf);
+var replace$5 = uncurryThis$l(''.replace);
+var stringSlice$7 = uncurryThis$l(''.slice);
 
 var UPDATES_LAST_INDEX_WRONG = (function () {
   var re1 = /a/;
@@ -2038,7 +2118,7 @@ if (PATCH) {
   patchedExec = function exec(string) {
     var re = this;
     var state = getInternalState$1(re);
-    var str = toString$h(string);
+    var str = toString$g(string);
     var raw = state.raw;
     var result, reCopy, lastIndex, match, i, object, group;
 
@@ -2062,7 +2142,7 @@ if (PATCH) {
         flags += 'g';
       }
 
-      strCopy = stringSlice$8(str, re.lastIndex);
+      strCopy = stringSlice$7(str, re.lastIndex);
       // Support anchored sticky behavior.
       if (re.lastIndex > 0 && (!re.multiline || re.multiline && charAt$6(str, re.lastIndex - 1) !== '\n')) {
         source = '(?: ' + source + ')';
@@ -2083,8 +2163,8 @@ if (PATCH) {
 
     if (sticky) {
       if (match) {
-        match.input = stringSlice$8(match.input, charsAdded);
-        match[0] = stringSlice$8(match[0], charsAdded);
+        match.input = stringSlice$7(match.input, charsAdded);
+        match[0] = stringSlice$7(match[0], charsAdded);
         match.index = re.lastIndex;
         re.lastIndex += match[0].length;
       } else re.lastIndex = 0;
@@ -2115,22 +2195,22 @@ if (PATCH) {
 
 var regexpExec$2 = patchedExec;
 
-var $$D = _export;
+var $$C = _export;
 var exec$6 = regexpExec$2;
 
 // `RegExp.prototype.exec` method
 // https://tc39.es/ecma262/#sec-regexp.prototype.exec
-$$D({ target: 'RegExp', proto: true, forced: /./.exec !== exec$6 }, {
+$$C({ target: 'RegExp', proto: true, forced: /./.exec !== exec$6 }, {
   exec: exec$6
 });
 
 // TODO: Remove from `core-js@4` since it's moved to entry points
 
-var $$C = _export;
+var $$B = _export;
 var call$l = functionCall;
 var isCallable$c = isCallable$s;
 var anObject$m = anObject$s;
-var toString$g = toString$j;
+var toString$f = toString$j;
 
 var DELEGATES_TO_EXEC = function () {
   var execCalled = false;
@@ -2146,10 +2226,10 @@ var nativeTest = /./.test;
 
 // `RegExp.prototype.test` method
 // https://tc39.es/ecma262/#sec-regexp.prototype.test
-$$C({ target: 'RegExp', proto: true, forced: !DELEGATES_TO_EXEC }, {
+$$B({ target: 'RegExp', proto: true, forced: !DELEGATES_TO_EXEC }, {
   test: function (S) {
     var R = anObject$m(this);
-    var string = toString$g(S);
+    var string = toString$f(S);
     var exec = R.exec;
     if (!isCallable$c(exec)) return call$l(nativeTest, R, string);
     var result = call$l(exec, R, string);
@@ -2198,14 +2278,14 @@ if (NOT_GENERIC || INCORRECT_NAME) {
   }, { unsafe: true });
 }
 
-var $$B = _export;
-var uncurryThis$m = functionUncurryThis;
-var requireObjectCoercible$a = requireObjectCoercible$e;
+var $$A = _export;
+var uncurryThis$k = functionUncurryThis;
+var requireObjectCoercible$9 = requireObjectCoercible$e;
 var toIntegerOrInfinity$5 = toIntegerOrInfinity$9;
-var toString$f = toString$j;
+var toString$e = toString$j;
 var fails$f = fails$w;
 
-var charAt$5 = uncurryThis$m(''.charAt);
+var charAt$5 = uncurryThis$k(''.charAt);
 
 var FORCED$4 = fails$f(function () {
   // eslint-disable-next-line es/no-array-string-prototype-at -- safe
@@ -2214,9 +2294,9 @@ var FORCED$4 = fails$f(function () {
 
 // `String.prototype.at` method
 // https://tc39.es/ecma262/#sec-string.prototype.at
-$$B({ target: 'String', proto: true, forced: FORCED$4 }, {
+$$A({ target: 'String', proto: true, forced: FORCED$4 }, {
   at: function at(index) {
-    var S = toString$f(requireObjectCoercible$a(this));
+    var S = toString$e(requireObjectCoercible$9(this));
     var len = S.length;
     var relativeIndex = toIntegerOrInfinity$5(index);
     var k = relativeIndex >= 0 ? relativeIndex : len + relativeIndex;
@@ -2230,14 +2310,14 @@ var call$j = functionCall;
 var defineBuiltIn$4 = defineBuiltIn$9;
 var regexpExec$1 = regexpExec$2;
 var fails$e = fails$w;
-var wellKnownSymbol$d = wellKnownSymbol$m;
+var wellKnownSymbol$b = wellKnownSymbol$m;
 var createNonEnumerableProperty$2 = createNonEnumerableProperty$a;
 
-var SPECIES$4 = wellKnownSymbol$d('species');
+var SPECIES$4 = wellKnownSymbol$b('species');
 var RegExpPrototype$2 = RegExp.prototype;
 
 var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
-  var SYMBOL = wellKnownSymbol$d(KEY);
+  var SYMBOL = wellKnownSymbol$b(KEY);
 
   var DELEGATES_TO_SYMBOL = !fails$e(function () {
     // String methods call symbol-named RegExp methods
@@ -2300,18 +2380,18 @@ var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
   if (SHAM) createNonEnumerableProperty$2(RegExpPrototype$2[SYMBOL], 'sham', true);
 };
 
-var uncurryThis$l = functionUncurryThis;
+var uncurryThis$j = functionUncurryThis;
 var toIntegerOrInfinity$4 = toIntegerOrInfinity$9;
-var toString$e = toString$j;
-var requireObjectCoercible$9 = requireObjectCoercible$e;
+var toString$d = toString$j;
+var requireObjectCoercible$8 = requireObjectCoercible$e;
 
-var charAt$4 = uncurryThis$l(''.charAt);
-var charCodeAt$1 = uncurryThis$l(''.charCodeAt);
-var stringSlice$7 = uncurryThis$l(''.slice);
+var charAt$4 = uncurryThis$j(''.charAt);
+var charCodeAt$1 = uncurryThis$j(''.charCodeAt);
+var stringSlice$6 = uncurryThis$j(''.slice);
 
 var createMethod$3 = function (CONVERT_TO_STRING) {
   return function ($this, pos) {
-    var S = toString$e(requireObjectCoercible$9($this));
+    var S = toString$d(requireObjectCoercible$8($this));
     var position = toIntegerOrInfinity$4(pos);
     var size = S.length;
     var first, second;
@@ -2323,7 +2403,7 @@ var createMethod$3 = function (CONVERT_TO_STRING) {
           ? charAt$4(S, position)
           : first
         : CONVERT_TO_STRING
-          ? stringSlice$7(S, position, position + 2)
+          ? stringSlice$6(S, position, position + 2)
           : (first - 0xD800 << 10) + (second - 0xDC00) + 0x10000;
   };
 };
@@ -2342,13 +2422,13 @@ var advanceStringIndex$3 = function (S, index, unicode) {
   return index + (unicode ? charAt$3(S, index).length : 1);
 };
 
-var uncurryThis$k = functionUncurryThis;
+var uncurryThis$i = functionUncurryThis;
 var toObject$4 = toObject$9;
 
 var floor = Math.floor;
-var charAt$2 = uncurryThis$k(''.charAt);
-var replace$4 = uncurryThis$k(''.replace);
-var stringSlice$6 = uncurryThis$k(''.slice);
+var charAt$2 = uncurryThis$i(''.charAt);
+var replace$4 = uncurryThis$i(''.replace);
+var stringSlice$5 = uncurryThis$i(''.slice);
 // eslint-disable-next-line redos/no-vulnerable -- safe
 var SUBSTITUTION_SYMBOLS = /\$([$&'`]|\d{1,2}|<[^>]*>)/g;
 var SUBSTITUTION_SYMBOLS_NO_NAMED = /\$([$&'`]|\d{1,2})/g;
@@ -2368,10 +2448,10 @@ var getSubstitution$1 = function (matched, str, position, captures, namedCapture
     switch (charAt$2(ch, 0)) {
       case '$': return '$';
       case '&': return matched;
-      case '`': return stringSlice$6(str, 0, position);
-      case "'": return stringSlice$6(str, tailPos);
+      case '`': return stringSlice$5(str, 0, position);
+      case "'": return stringSlice$5(str, tailPos);
       case '<':
-        capture = namedCaptures[stringSlice$6(ch, 1, -1)];
+        capture = namedCaptures[stringSlice$5(ch, 1, -1)];
         break;
       default: // \d\d?
         var n = +ch;
@@ -2391,10 +2471,10 @@ var getSubstitution$1 = function (matched, str, position, captures, namedCapture
 var call$i = functionCall;
 var anObject$k = anObject$s;
 var isCallable$b = isCallable$s;
-var classof$7 = classofRaw$2;
+var classof$6 = classofRaw$2;
 var regexpExec = regexpExec$2;
 
-var $TypeError$e = TypeError;
+var $TypeError$d = TypeError;
 
 // `RegExpExec` abstract operation
 // https://tc39.es/ecma262/#sec-regexpexec
@@ -2405,35 +2485,35 @@ var regexpExecAbstract = function (R, S) {
     if (result !== null) anObject$k(result);
     return result;
   }
-  if (classof$7(R) === 'RegExp') return call$i(regexpExec, R, S);
-  throw new $TypeError$e('RegExp#exec called on incompatible receiver');
+  if (classof$6(R) === 'RegExp') return call$i(regexpExec, R, S);
+  throw new $TypeError$d('RegExp#exec called on incompatible receiver');
 };
 
 var apply$2 = functionApply;
 var call$h = functionCall;
-var uncurryThis$j = functionUncurryThis;
+var uncurryThis$h = functionUncurryThis;
 var fixRegExpWellKnownSymbolLogic$2 = fixRegexpWellKnownSymbolLogic;
 var fails$d = fails$w;
 var anObject$j = anObject$s;
 var isCallable$a = isCallable$s;
 var isNullOrUndefined$4 = isNullOrUndefined$7;
 var toIntegerOrInfinity$3 = toIntegerOrInfinity$9;
-var toLength$5 = toLength$7;
-var toString$d = toString$j;
-var requireObjectCoercible$8 = requireObjectCoercible$e;
+var toLength$4 = toLength$7;
+var toString$c = toString$j;
+var requireObjectCoercible$7 = requireObjectCoercible$e;
 var advanceStringIndex$2 = advanceStringIndex$3;
 var getMethod$5 = getMethod$7;
 var getSubstitution = getSubstitution$1;
 var regExpExec$2 = regexpExecAbstract;
-var wellKnownSymbol$c = wellKnownSymbol$m;
+var wellKnownSymbol$a = wellKnownSymbol$m;
 
-var REPLACE = wellKnownSymbol$c('replace');
+var REPLACE = wellKnownSymbol$a('replace');
 var max$1 = Math.max;
-var min$3 = Math.min;
-var concat = uncurryThis$j([].concat);
-var push$3 = uncurryThis$j([].push);
-var stringIndexOf$2 = uncurryThis$j(''.indexOf);
-var stringSlice$5 = uncurryThis$j(''.slice);
+var min$2 = Math.min;
+var concat = uncurryThis$h([].concat);
+var push$3 = uncurryThis$h([].push);
+var stringIndexOf$2 = uncurryThis$h(''.indexOf);
+var stringSlice$4 = uncurryThis$h(''.slice);
 
 var maybeToString = function (it) {
   return it === undefined ? it : String(it);
@@ -2473,17 +2553,17 @@ fixRegExpWellKnownSymbolLogic$2('replace', function (_, nativeReplace, maybeCall
     // `String.prototype.replace` method
     // https://tc39.es/ecma262/#sec-string.prototype.replace
     function replace(searchValue, replaceValue) {
-      var O = requireObjectCoercible$8(this);
+      var O = requireObjectCoercible$7(this);
       var replacer = isNullOrUndefined$4(searchValue) ? undefined : getMethod$5(searchValue, REPLACE);
       return replacer
         ? call$h(replacer, searchValue, O, replaceValue)
-        : call$h(nativeReplace, toString$d(O), searchValue, replaceValue);
+        : call$h(nativeReplace, toString$c(O), searchValue, replaceValue);
     },
     // `RegExp.prototype[@@replace]` method
     // https://tc39.es/ecma262/#sec-regexp.prototype-@@replace
     function (string, replaceValue) {
       var rx = anObject$j(this);
-      var S = toString$d(string);
+      var S = toString$c(string);
 
       if (
         typeof replaceValue == 'string' &&
@@ -2495,7 +2575,7 @@ fixRegExpWellKnownSymbolLogic$2('replace', function (_, nativeReplace, maybeCall
       }
 
       var functionalReplace = isCallable$a(replaceValue);
-      if (!functionalReplace) replaceValue = toString$d(replaceValue);
+      if (!functionalReplace) replaceValue = toString$c(replaceValue);
 
       var global = rx.global;
       var fullUnicode;
@@ -2513,8 +2593,8 @@ fixRegExpWellKnownSymbolLogic$2('replace', function (_, nativeReplace, maybeCall
         push$3(results, result);
         if (!global) break;
 
-        var matchStr = toString$d(result[0]);
-        if (matchStr === '') rx.lastIndex = advanceStringIndex$2(S, toLength$5(rx.lastIndex), fullUnicode);
+        var matchStr = toString$c(result[0]);
+        if (matchStr === '') rx.lastIndex = advanceStringIndex$2(S, toLength$4(rx.lastIndex), fullUnicode);
       }
 
       var accumulatedResult = '';
@@ -2522,8 +2602,8 @@ fixRegExpWellKnownSymbolLogic$2('replace', function (_, nativeReplace, maybeCall
       for (var i = 0; i < results.length; i++) {
         result = results[i];
 
-        var matched = toString$d(result[0]);
-        var position = max$1(min$3(toIntegerOrInfinity$3(result.index), S.length), 0);
+        var matched = toString$c(result[0]);
+        var position = max$1(min$2(toIntegerOrInfinity$3(result.index), S.length), 0);
         var captures = [];
         var replacement;
         // NOTE: This is equivalent to
@@ -2536,101 +2616,21 @@ fixRegExpWellKnownSymbolLogic$2('replace', function (_, nativeReplace, maybeCall
         if (functionalReplace) {
           var replacerArgs = concat([matched], captures, position, S);
           if (namedCaptures !== undefined) push$3(replacerArgs, namedCaptures);
-          replacement = toString$d(apply$2(replaceValue, undefined, replacerArgs));
+          replacement = toString$c(apply$2(replaceValue, undefined, replacerArgs));
         } else {
           replacement = getSubstitution(matched, S, position, captures, namedCaptures, replaceValue);
         }
         if (position >= nextSourcePosition) {
-          accumulatedResult += stringSlice$5(S, nextSourcePosition, position) + replacement;
+          accumulatedResult += stringSlice$4(S, nextSourcePosition, position) + replacement;
           nextSourcePosition = position + matched.length;
         }
       }
 
-      return accumulatedResult + stringSlice$5(S, nextSourcePosition);
+      return accumulatedResult + stringSlice$4(S, nextSourcePosition);
     }
   ];
 }, !REPLACE_SUPPORTS_NAMED_GROUPS || !REPLACE_KEEPS_$0 || REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE);
 
-var classofRaw = classofRaw$2;
-var uncurryThis$i = functionUncurryThis;
-
-var functionUncurryThisClause = function (fn) {
-  // Nashorn bug:
-  //   https://github.com/zloirock/core-js/issues/1128
-  //   https://github.com/zloirock/core-js/issues/1130
-  if (classofRaw(fn) === 'Function') return uncurryThis$i(fn);
-};
-
-var isObject$4 = isObject$f;
-var classof$6 = classofRaw$2;
-var wellKnownSymbol$b = wellKnownSymbol$m;
-
-var MATCH$2 = wellKnownSymbol$b('match');
-
-// `IsRegExp` abstract operation
-// https://tc39.es/ecma262/#sec-isregexp
-var isRegexp = function (it) {
-  var isRegExp;
-  return isObject$4(it) && ((isRegExp = it[MATCH$2]) !== undefined ? !!isRegExp : classof$6(it) === 'RegExp');
-};
-
-var isRegExp$1 = isRegexp;
-
-var $TypeError$d = TypeError;
-
-var notARegexp = function (it) {
-  if (isRegExp$1(it)) {
-    throw new $TypeError$d("The method doesn't accept regular expressions");
-  } return it;
-};
-
-var wellKnownSymbol$a = wellKnownSymbol$m;
-
-var MATCH$1 = wellKnownSymbol$a('match');
-
-var correctIsRegexpLogic = function (METHOD_NAME) {
-  var regexp = /./;
-  try {
-    '/./'[METHOD_NAME](regexp);
-  } catch (error1) {
-    try {
-      regexp[MATCH$1] = false;
-      return '/./'[METHOD_NAME](regexp);
-    } catch (error2) { /* empty */ }
-  } return false;
-};
-
-var $$A = _export;
-var uncurryThis$h = functionUncurryThisClause;
-var getOwnPropertyDescriptor$4 = objectGetOwnPropertyDescriptor.f;
-var toLength$4 = toLength$7;
-var toString$c = toString$j;
-var notARegExp$2 = notARegexp;
-var requireObjectCoercible$7 = requireObjectCoercible$e;
-var correctIsRegExpLogic$2 = correctIsRegexpLogic;
-
-var stringSlice$4 = uncurryThis$h(''.slice);
-var min$2 = Math.min;
-
-var CORRECT_IS_REGEXP_LOGIC$1 = correctIsRegExpLogic$2('startsWith');
-// https://github.com/zloirock/core-js/pull/702
-var MDN_POLYFILL_BUG$1 = !CORRECT_IS_REGEXP_LOGIC$1 && !!function () {
-  var descriptor = getOwnPropertyDescriptor$4(String.prototype, 'startsWith');
-  return descriptor && !descriptor.writable;
-}();
-
-// `String.prototype.startsWith` method
-// https://tc39.es/ecma262/#sec-string.prototype.startswith
-$$A({ target: 'String', proto: true, forced: !MDN_POLYFILL_BUG$1 && !CORRECT_IS_REGEXP_LOGIC$1 }, {
-  startsWith: function startsWith(searchString /* , position = 0 */) {
-    var that = toString$c(requireObjectCoercible$7(this));
-    notARegExp$2(searchString);
-    var index = toLength$4(min$2(arguments.length > 1 ? arguments[1] : undefined, that.length));
-    var search = toString$c(searchString);
-    return stringSlice$4(that, index, index + search.length) === search;
-  }
-});
-
 var isPrototypeOf$3 = objectIsPrototypeOf;
 
 var $TypeError$c = TypeError;
@@ -6289,7 +6289,8 @@ const stepperReducer = (state, action) => {
           categories: newCategories,
           isOnReview,
           hasNextButton: !isOnReview,
-          hasPrevButton: newActive !== 0
+          hasPrevButton: newActive !== 0,
+          targetScope: undefined
         });
       }
     case 'page/prev':
@@ -6303,13 +6304,15 @@ const stepperReducer = (state, action) => {
           categories: newCategories,
           isOnReview: false,
           hasNextButton: true,
-          hasPrevButton: newActive !== 0
+          hasPrevButton: newActive !== 0,
+          targetScope: undefined
         });
       }
     case 'page/to/index':
       {
         const {
-          id
+          id,
+          targetScope
         } = action.payload;
         const newActive = id;
         const newCategories = categories.map((c, idx) => idx === id ? Object.assign({}, c, {
@@ -6322,7 +6325,8 @@ const stepperReducer = (state, action) => {
           isOnReview,
           hasNextButton: !isOnReview,
           hasPrevButton: newActive !== 0,
-          maxReachedStep: Math.max(state.maxReachedStep, activeId)
+          maxReachedStep: Math.max(state.maxReachedStep, activeId),
+          targetScope
         });
       }
     case 'update/category':
@@ -6507,7 +6511,7 @@ const JsonFormsStepperContextProvider = ({
         });
       },
       validatePage: doValidatePage,
-      goToPage: id => {
+      goToPage: (id, targetScope) => {
         var _ctx$core3, _ctx$core5;
         ajv.validate(schema, ((_ctx$core3 = ctx.core) == null ? void 0 : _ctx$core3.data) || {});
         // Only update the current category
@@ -6533,7 +6537,8 @@ const JsonFormsStepperContextProvider = ({
         stepperDispatch({
           type: 'page/to/index',
           payload: {
-            id
+            id,
+            targetScope
           }
         });
       },
@@ -6601,6 +6606,7 @@ const GoAInputBaseControl = props => {
   } = props;
   const InnerComponent = input;
   const labelToUpdate = label || '';
+  const controlRef = useRef(null);
   let modifiedErrors = checkFieldValidity(props);
   const formStepperCtx = useContext(JsonFormsStepperContext);
   const stepperState = formStepperCtx == null || formStepperCtx.selectStepperState == null ? void 0 : formStepperCtx.selectStepperState();
@@ -6612,6 +6618,36 @@ const GoAInputBaseControl = props => {
       setIsVisited(true);
     }
   }, [showReviewLink, isStepperReview]);
+  /* istanbul ignore next */
+  useEffect(() => {
+    if (stepperState != null && stepperState.targetScope && stepperState.targetScope === uischema.scope && controlRef.current) {
+      const inputElement = controlRef.current.querySelector('input, textarea, select, goa-input, goa-textarea, goa-dropdown, goa-checkbox, goa-radio-group');
+      if (inputElement) {
+        controlRef.current.scrollIntoView({
+          behavior: 'smooth',
+          block: 'center'
+        });
+        setTimeout(() => {
+          var _inputElement$tagName;
+          if ((_inputElement$tagName = inputElement.tagName) != null && _inputElement$tagName.toLowerCase().startsWith('goa-')) {
+            inputElement.focused = true;
+            if (typeof inputElement.focus === 'function') {
+              inputElement.focus();
+            }
+            const shadowRoot = inputElement.shadowRoot;
+            if (shadowRoot) {
+              const actualInput = shadowRoot.querySelector('input, textarea, select');
+              if (actualInput instanceof HTMLElement) {
+                actualInput.focus();
+              }
+            }
+          } else if (inputElement instanceof HTMLElement) {
+            inputElement.focus();
+          }
+        }, 300);
+      }
+    }
+  }, [stepperState == null ? void 0 : stepperState.targetScope, uischema.scope]);
   if (modifiedErrors === 'must be equal to one of the allowed values') {
     modifiedErrors = '';
   }
@@ -6620,6 +6656,7 @@ const GoAInputBaseControl = props => {
     children: jsx(Visible, {
       visible: visible,
       children: jsx(FormFieldWrapper, {
+        ref: controlRef,
         children: jsx(GoabFormItem, {
           requirement: (_uischema$options$com = uischema == null || (_uischema$options = uischema.options) == null || (_uischema$options = _uischema$options.componentProps) == null ? void 0 : _uischema$options.requirement) != null ? _uischema$options$com : required || getRequiredIfThen(props).length > 0 ? 'required' : undefined,
           error: isVisited === true ? modifiedErrors : undefined,
@@ -8371,7 +8408,7 @@ const GoAInputBaseTableReview = props => {
         }), stepId !== undefined && jsx(GoabButton, {
           type: "tertiary",
           size: "compact",
-          onClick: () => context == null ? void 0 : context.goToPage(stepId),
+          onClick: () => context == null ? void 0 : context.goToPage(stepId, uischema.scope),
           children: "Change"
         })]
       }), jsxs(ReviewValue, {
@@ -9204,7 +9241,8 @@ const FullNameControlReview = props => {
   const {
     label,
     errors,
-    required
+    required,
+    uischema
   } = props;
   const renderRow = (label, value, testId) => jsx("tr", {
     children: jsxs(PageReviewContainer, {
@@ -9215,7 +9253,7 @@ const FullNameControlReview = props => {
         }), jsx(GoabButton, {
           type: "tertiary",
           size: "compact",
-          onClick: () => context == null ? void 0 : context.goToPage(stepId),
+          onClick: () => context == null ? void 0 : context.goToPage(stepId, uischema.scope),
           children: "Change"
         })]
       }), jsx(ReviewValue, {
@@ -9274,7 +9312,7 @@ const FullNameDobReviewControl = props => {
       children: jsx(GoabButton, {
         type: "tertiary",
         size: "compact",
-        onClick: () => context == null ? void 0 : context.goToPage(stepId),
+        onClick: () => context == null ? void 0 : context.goToPage(stepId, uischema.scope),
         children: "Change"
       })
     })]
@@ -11335,7 +11373,7 @@ class ListWithDetailControl extends React.Component {
           currentListPage: this.state.currentListPage,
           listTitle: listTitle
         }, additionalProps))
-      }), this.state.currentListPage === 0 && data > 0 && jsx(ObjectArrayToolBar, {
+      }), !showSecondaryButton && jsx(ObjectArrayToolBar, {
         data: data,
         errors: errors,
         label: label,
@@ -11732,7 +11770,7 @@ const AddressLoopUpControlTableReview = props => {
           }), showButton && jsx(GoabButton, {
             type: "tertiary",
             size: "compact",
-            onClick: () => formStepperCtx == null ? void 0 : formStepperCtx.goToPage(stepId),
+            onClick: () => formStepperCtx == null ? void 0 : formStepperCtx.goToPage(stepId, uischema.scope),
             children: "Change"
           })]
         }), jsxs(ReviewValue, {
@@ -14348,11 +14386,15 @@ const FullNameControl = props => {
     schema,
     handleChange,
     enabled,
-    visible
+    visible,
+    uischema
   } = props;
   const requiredFields = schema.required;
   const defaultName = {};
   const [nameData, setNameData] = useState(data || defaultName);
+  const controlRef = useRef(null);
+  const formStepperCtx = useContext(JsonFormsStepperContext);
+  const stepperState = formStepperCtx == null || formStepperCtx.selectStepperState == null ? void 0 : formStepperCtx.selectStepperState();
   const updateFormData = updatedData => {
     updatedData = Object.fromEntries(Object.entries(updatedData).filter(([_, value]) => value !== ''));
     handleChange(path, updatedData);
@@ -14364,16 +14406,49 @@ const FullNameControl = props => {
     setNameData(updatedName);
     updateFormData(updatedName);
   };
+  /* istanbul ignore next */
+  useEffect(() => {
+    if (stepperState != null && stepperState.targetScope && stepperState.targetScope === uischema.scope && controlRef.current) {
+      const inputElement = controlRef.current.querySelector('input, goa-input');
+      if (inputElement) {
+        controlRef.current.scrollIntoView({
+          behavior: 'smooth',
+          block: 'center'
+        });
+        setTimeout(() => {
+          var _inputElement$tagName;
+          if ((_inputElement$tagName = inputElement.tagName) != null && _inputElement$tagName.toLowerCase().startsWith('goa-')) {
+            inputElement.focused = true;
+            if (typeof inputElement.focus === 'function') {
+              inputElement.focus();
+            }
+            const shadowRoot = inputElement.shadowRoot;
+            if (shadowRoot) {
+              const actualInput = shadowRoot.querySelector('input');
+              if (actualInput instanceof HTMLElement) {
+                actualInput.focus();
+              }
+            }
+          } else if (inputElement instanceof HTMLElement) {
+            inputElement.focus();
+          }
+        }, 300);
+      }
+    }
+  }, [stepperState == null ? void 0 : stepperState.targetScope, uischema.scope]);
   return jsx(Visible, {
     visible: visible,
-    children: jsx(NameInputs, {
-      firstName: nameData.firstName,
-      middleName: nameData.middleName,
-      lastName: nameData.lastName,
-      handleInputChange: handleInputChange,
-      data: data,
-      disabled: !enabled,
-      requiredFields: requiredFields
+    children: jsx("div", {
+      ref: controlRef,
+      children: jsx(NameInputs, {
+        firstName: nameData.firstName,
+        middleName: nameData.middleName,
+        lastName: nameData.lastName,
+        handleInputChange: handleInputChange,
+        data: data,
+        disabled: !enabled,
+        requiredFields: requiredFields
+      })
     })
   });
 };
@@ -14419,10 +14494,14 @@ const FullNameDobControl = props => {
     schema,
     handleChange,
     enabled,
-    visible
+    visible,
+    uischema
   } = props;
   const requiredFields = schema.required;
   const [errors, setErrors] = useState({});
+  const controlRef = useRef(null);
+  const formStepperCtx = useContext(JsonFormsStepperContext);
+  const stepperState = formStepperCtx == null || formStepperCtx.selectStepperState == null ? void 0 : formStepperCtx.selectStepperState();
   const defaultNameAndDob = {};
   const validDates = () => {
     const currentDate = new Date();
@@ -14458,93 +14537,126 @@ const FullNameDobControl = props => {
     setErrors(err);
   };
   useSyncAutofillFields(['firstName', 'middleName', 'lastName', 'dateOfBirth'], formData, updateFormData, handleRequiredFieldBlur);
-  return jsxs(Visible, {
+  /* istanbul ignore next */
+  useEffect(() => {
+    if (stepperState != null && stepperState.targetScope && stepperState.targetScope === uischema.scope && controlRef.current) {
+      const inputElement = controlRef.current.querySelector('input, goa-input');
+      if (inputElement) {
+        controlRef.current.scrollIntoView({
+          behavior: 'smooth',
+          block: 'center'
+        });
+        setTimeout(() => {
+          var _inputElement$tagName;
+          if ((_inputElement$tagName = inputElement.tagName) != null && _inputElement$tagName.toLowerCase().startsWith('goa-')) {
+            inputElement.focused = true;
+            if (typeof inputElement.focus === 'function') {
+              inputElement.focus();
+            }
+            const shadowRoot = inputElement.shadowRoot;
+            if (shadowRoot) {
+              const actualInput = shadowRoot.querySelector('input');
+              if (actualInput instanceof HTMLElement) {
+                actualInput.focus();
+              }
+            }
+          } else if (inputElement instanceof HTMLElement) {
+            inputElement.focus();
+          }
+        }, 300);
+      }
+    }
+  }, [stepperState == null ? void 0 : stepperState.targetScope, uischema.scope]);
+  return jsx(Visible, {
     visible: visible,
-    children: [jsxs(GoabGrid, {
-      minChildWidth: "0ch",
-      gap: "s",
-      mb: "m",
-      children: [jsx(GoabFormItem, {
-        label: "First name",
-        requirement: schema != null && (_schema$required = schema.required) != null && _schema$required.includes('firstName') ? 'required' : undefined,
-        error: (_errors$firstName = errors == null ? void 0 : errors['firstName']) != null ? _errors$firstName : '',
-        testId: "form-item-first-name",
-        children: jsx(GoabInput, {
-          disabled: !enabled,
-          type: "text",
-          name: "firstName",
-          testId: "name-form-first-name",
-          ariaLabel: 'name-form-first-name',
-          value: formData.firstName,
-          onChange: detail => {
-            handleInputChange(detail.name, detail.value);
-          },
-          onBlur: detail => {
-            handleRequiredFieldBlur(detail.name);
-          },
-          width: "100%"
-        })
-      }), jsx(GoabFormItem, {
-        label: "Middle name",
-        requirement: schema != null && (_schema$required2 = schema.required) != null && _schema$required2.includes('middleName') ? 'required' : undefined,
-        children: jsx(GoabInput, {
-          type: "text",
-          name: "middleName",
-          disabled: !enabled,
-          testId: "name-form-middle-name",
-          ariaLabel: 'name-form-middle-name',
-          value: formData.middleName || '',
-          onChange: detail => handleInputChange(detail.name, detail.value),
-          width: "100%"
-        })
-      }), jsx(GoabFormItem, {
-        label: "Last name",
-        requirement: schema != null && (_schema$required3 = schema.required) != null && _schema$required3.includes('lastName') ? 'required' : undefined,
-        error: (_errors$lastName = errors == null ? void 0 : errors['lastName']) != null ? _errors$lastName : '',
-        testId: "form-item-last-name",
-        children: jsx(GoabInput, {
-          type: "text",
-          name: "lastName",
-          disabled: !enabled,
-          testId: "name-form-last-name",
-          ariaLabel: 'name-form-last-name',
-          value: formData.lastName || '',
-          onChange: detail => {
-            handleInputChange(detail.name, detail.value);
-          },
-          onBlur: detail => {
-            handleRequiredFieldBlur(detail.name);
-          },
-          width: "100%"
+    children: jsxs("div", {
+      ref: controlRef,
+      children: [jsxs(GoabGrid, {
+        minChildWidth: "0ch",
+        gap: "s",
+        mb: "m",
+        children: [jsx(GoabFormItem, {
+          label: "First name",
+          requirement: schema != null && (_schema$required = schema.required) != null && _schema$required.includes('firstName') ? 'required' : undefined,
+          error: (_errors$firstName = errors == null ? void 0 : errors['firstName']) != null ? _errors$firstName : '',
+          testId: "form-item-first-name",
+          children: jsx(GoabInput, {
+            disabled: !enabled,
+            type: "text",
+            name: "firstName",
+            testId: "name-form-first-name",
+            ariaLabel: 'name-form-first-name',
+            value: formData.firstName,
+            onChange: detail => {
+              handleInputChange(detail.name, detail.value);
+            },
+            onBlur: detail => {
+              handleRequiredFieldBlur(detail.name);
+            },
+            width: "100%"
+          })
+        }), jsx(GoabFormItem, {
+          label: "Middle name",
+          requirement: schema != null && (_schema$required2 = schema.required) != null && _schema$required2.includes('middleName') ? 'required' : undefined,
+          children: jsx(GoabInput, {
+            type: "text",
+            name: "middleName",
+            disabled: !enabled,
+            testId: "name-form-middle-name",
+            ariaLabel: 'name-form-middle-name',
+            value: formData.middleName || '',
+            onChange: detail => handleInputChange(detail.name, detail.value),
+            width: "100%"
+          })
+        }), jsx(GoabFormItem, {
+          label: "Last name",
+          requirement: schema != null && (_schema$required3 = schema.required) != null && _schema$required3.includes('lastName') ? 'required' : undefined,
+          error: (_errors$lastName = errors == null ? void 0 : errors['lastName']) != null ? _errors$lastName : '',
+          testId: "form-item-last-name",
+          children: jsx(GoabInput, {
+            type: "text",
+            name: "lastName",
+            disabled: !enabled,
+            testId: "name-form-last-name",
+            ariaLabel: 'name-form-last-name',
+            value: formData.lastName || '',
+            onChange: detail => {
+              handleInputChange(detail.name, detail.value);
+            },
+            onBlur: detail => {
+              handleRequiredFieldBlur(detail.name);
+            },
+            width: "100%"
+          })
+        })]
+      }), jsx(GoabGrid, {
+        minChildWidth: "0ch",
+        gap: "s",
+        mb: "m",
+        children: jsx(GoabFormItem, {
+          label: "Date of birth",
+          error: (_errors$dateOfBirth = errors == null ? void 0 : errors['dateOfBirth']) != null ? _errors$dateOfBirth : '',
+          requirement: requiredFields != null && requiredFields.includes('dateOfBirth') ? 'required' : undefined,
+          children: jsx(GoabInput, {
+            type: "date",
+            name: "dateOfBirth",
+            disabled: !enabled,
+            min: validDates().minDate,
+            max: validDates().maxDate,
+            testId: `dob-form-dateOfBirth`,
+            ariaLabel: "dob-form-dateOfBirth",
+            placeholder: "YYYY-MM-DD",
+            value: formData == null ? void 0 : formData.dateOfBirth,
+            onChange: detail => handleInputChange(detail.name, detail.value),
+            onBlur: detail => {
+              /* istanbul ignore next */
+              handleRequiredFieldBlur(detail.name);
+            },
+            width: "100%"
+          })
         })
       })]
-    }), jsx(GoabGrid, {
-      minChildWidth: "0ch",
-      gap: "s",
-      mb: "m",
-      children: jsx(GoabFormItem, {
-        label: "Date of birth",
-        error: (_errors$dateOfBirth = errors == null ? void 0 : errors['dateOfBirth']) != null ? _errors$dateOfBirth : '',
-        requirement: requiredFields != null && requiredFields.includes('dateOfBirth') ? 'required' : undefined,
-        children: jsx(GoabInput, {
-          type: "date",
-          name: "dateOfBirth",
-          disabled: !enabled,
-          min: validDates().minDate,
-          max: validDates().maxDate,
-          testId: `dob-form-dateOfBirth`,
-          ariaLabel: "dob-form-dateOfBirth",
-          placeholder: "YYYY-MM-DD",
-          value: formData == null ? void 0 : formData.dateOfBirth,
-          onChange: detail => handleInputChange(detail.name, detail.value),
-          onBlur: detail => {
-            /* istanbul ignore next */
-            handleRequiredFieldBlur(detail.name);
-          },
-          width: "100%"
-        })
-      })
-    })]
+    })
   });
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.44.2",
+  "version": "2.45.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/Controls/FormStepper/context/StepperContext.d.ts

@@ -19,7 +19,7 @@ export interface JsonFormsStepperContextProps {
     selectIsActive: (id: number) => boolean;
     selectPath: () => string;
     selectCategory: (id: number) => CategoryState;
-    goToPage: (id: number, updateCategoryId?: number) => void;
+    goToPage: (id: number, targetScope?: string) => void;
     goToTableOfContext: () => void;
     toggleShowReviewLink: (id: number) => void;
     validatePage: (id: number) => void;

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

@@ -11,6 +11,7 @@ export type StepperAction = {
     type: 'page/to/index';
     payload: {
         id: number;
+        targetScope?: string;
     };
 } | {
     type: 'update/category';

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

@@ -25,5 +25,6 @@ export interface StepperContextDataType {
     isOnReview: boolean;
     isValid: boolean;
     maxReachedStep: number;
+    targetScope?: string;
 }
 export type CategorizationElement = Category | Categorization;