@abgov/jsonforms-components 2.44.1 → 2.45.0

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;
@@ -3177,7 +3177,6 @@ const checkFieldValidity = props => {
     errors: ajvErrors,
     required,
     label,
-    uischema,
     schema
   } = props;
   const labelToUpdate = label;
@@ -3561,7 +3560,8 @@ styled.div(_t$c || (_t$c = _$b`
 `));
 const Visible = styled.div(_t2$7 || (_t2$7 = _$b`
   display: ${0};
-`), p => p.visible ? 'initial' : 'none');
+  width: 100%;
+`), p => p.visible ? 'block' : 'none');
 
 const ADD_REGISTER_DATA_ACTION = 'jsonforms/register/data/add';
 const ADD_NO_ANONYMOUS_ACTION = 'jsonforms/register/no_anonymous';
@@ -5189,16 +5189,21 @@ let _$a = t => t,
   _t5$4,
   _t6$3,
   _t7$2,
-  _t8$2;
+  _t8$2,
+  _t9$2,
+  _t0$2,
+  _t1$2,
+  _t10$2;
 const FormFieldWrapper = styled.div(_t$b || (_t$b = _$a`
   margin-bottom: var(--goa-space-l);
 `));
 const WarningIconDiv = styled.div(_t2$6 || (_t2$6 = _$a`
-  display: inline-flex;
+  display: flex;
   align-items: flex-start;
-  gap: 0.25rem;
-  font-size: var(--goa-font-size-2);
-  color: var(--goa-color-interactive-error);
+  gap: var(--goa-space-2xs);
+  font: var(--goa-form-item-message-typography);
+  color: var(--goa-form-item-error-message-color);
+  margin-top: var(--goa-form-item-message-margin-top);
 `));
 const RequiredTextLabel = styled.label(_t3$5 || (_t3$5 = _$a`
   color: var(--goa-color-greyscale-700);
@@ -5219,15 +5224,39 @@ const PageReviewValueCol = styled.td(_t5$4 || (_t5$4 = _$a`
   text-align: left;
   vertical-align: top;
 `));
+const PageReviewContainer = styled.td(_t6$3 || (_t6$3 = _$a`
+  padding: 12px 0px;
+  border-bottom: 1px solid #ccc;
+  width: 100%;
+  vertical-align: top;
+`));
+const ReviewHeader = styled.div(_t7$2 || (_t7$2 = _$a`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+`));
+const ReviewLabel = styled.div(_t8$2 || (_t8$2 = _$a`
+  font-weight: var(--goa-font-weight-bold);
+  font-size: var(--goa-font-size-4);
+  line-height: var(--goa-line-height-3);
+  color: var(--goa-color-text-default);
+`));
+const ReviewValue = styled.div(_t9$2 || (_t9$2 = _$a`
+  margin-top: var(--goa-space-m);
+  color: var(--goa-color-text-default);
+  font-size: var(--goa-font-size-4);
+  line-height: var(--goa-line-height-3);
+`));
 //Check and unchecked are different heights otherwise
-const CheckboxWrapper = styled.div(_t6$3 || (_t6$3 = _$a`
+const CheckboxWrapper = styled.div(_t0$2 || (_t0$2 = _$a`
   min-height: 28px;
 `));
-styled.h4(_t7$2 || (_t7$2 = _$a`
+styled.h4(_t1$2 || (_t1$2 = _$a`
   margin: 0 0 0.25rem 0;
   fontsize: larger;
 `));
-styled.h4(_t8$2 || (_t8$2 = _$a`
+styled.h4(_t10$2 || (_t10$2 = _$a`
   border-bottom: 1px solid #ddd;
 `));
 
@@ -6260,7 +6289,8 @@ const stepperReducer = (state, action) => {
           categories: newCategories,
           isOnReview,
           hasNextButton: !isOnReview,
-          hasPrevButton: newActive !== 0
+          hasPrevButton: newActive !== 0,
+          targetScope: undefined
         });
       }
     case 'page/prev':
@@ -6274,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, {
@@ -6293,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':
@@ -6306,14 +6339,14 @@ const stepperReducer = (state, action) => {
         } = action.payload;
         ajv.validate(schema, data);
         const newCategories = state.categories.map(cat => {
-          var _ajv$errors;
           // ✅ compare against cat.id, not the index
           if (cat.id !== id) {
             return cat;
           }
+          const filteredErrors = ajv.errors && ajv.errors.filter(error => (error == null ? void 0 : error.data) != null);
           const status = getStepStatus({
             scopes: cat.scopes,
-            errors: (_ajv$errors = ajv.errors) != null ? _ajv$errors : [],
+            errors: filteredErrors != null ? filteredErrors : [],
             schema
           });
           return Object.assign({}, cat, {
@@ -6354,7 +6387,7 @@ const stepperReducer = (state, action) => {
 };
 
 const createStepperContextInitData = props => {
-  var _ajv$errors, _uischema$options, _uischema$options2, _categorization$eleme;
+  var _uischema$options, _uischema$options2, _categorization$eleme;
   const {
     uischema,
     data,
@@ -6364,18 +6397,18 @@ const createStepperContextInitData = props => {
     path
   } = props;
   const categorization = uischema;
+  const filteredErrors = ajv.errors && ajv.errors.filter(error => (error == null ? void 0 : error.data) != null);
   // run validation once, capture errors
   const valid = ajv.validate(schema, data || {});
-  (_ajv$errors = ajv.errors) != null ? _ajv$errors : [];
   const isPage = (uischema == null || (_uischema$options = uischema.options) == null ? void 0 : _uischema$options.variant) === 'pages';
   const isCacheStatus = (_uischema$options2 = uischema.options) == null ? void 0 : _uischema$options2.cacheStatus;
   isCacheStatus && getIsVisitFromLocalStorage() || [];
   const categories = (_categorization$eleme = categorization.elements) == null ? void 0 : _categorization$eleme.map((c, id) => {
-    var _ajv$errors2, _deriveLabelForUISche;
+    var _deriveLabelForUISche;
     const scopes = pickPropertyValues(c, 'scope', 'ListWithDetail');
     const status = getStepStatus({
       scopes,
-      errors: (_ajv$errors2 = ajv.errors) != null ? _ajv$errors2 : [],
+      errors: filteredErrors != null ? filteredErrors : [],
       schema
     });
     return {
@@ -6478,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
@@ -6504,7 +6537,8 @@ const JsonFormsStepperContextProvider = ({
         stepperDispatch({
           type: 'page/to/index',
           payload: {
-            id
+            id,
+            targetScope
           }
         });
       },
@@ -6572,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();
@@ -6583,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 = '';
   }
@@ -6591,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,
@@ -8254,7 +8320,7 @@ const GoInputBaseReview = props => jsx(GoAInputBaseControl, Object.assign({}, pr
 const GoAInputBaseReviewControl = withJsonFormsControlProps(GoInputBaseReview);
 
 const GoAInputBaseTableReview = props => {
-  var _uischema$options3;
+  var _uischema$options, _jsonForms$core, _activeError, _activeError2, _uischema$options4;
   const {
     data,
     uischema,
@@ -8263,23 +8329,28 @@ const GoAInputBaseTableReview = props => {
     path,
     errors,
     enabled,
-    cells
+    cells,
+    required
   } = props;
   const context = useContext(JsonFormsStepperContext);
   const jsonForms = useJsonForms();
-  const labelToUpdate = convertToSentenceCase(getLabelText(uischema.scope, label || ''));
+  let labelToUpdate = (_uischema$options = uischema.options) != null && _uischema$options.reviewLabel ? uischema.options.reviewLabel : convertToSentenceCase(getLabelText(uischema.scope, label || ''));
+  if (labelToUpdate === '') {
+    const scopeName = uischema.scope ? getLastSegmentFromPointer(uischema.scope) : '';
+    labelToUpdate = convertToSentenceCase(scopeName);
+  }
   let reviewText = data;
   const isBoolean = typeof data === 'boolean';
   if (isBoolean) {
-    var _uischema$options, _uischema$options2;
+    var _uischema$options2, _uischema$options3;
     let checkboxLabel = '';
-    if ((_uischema$options = uischema.options) != null && (_uischema$options = _uischema$options.text) != null && _uischema$options.trim()) {
+    if ((_uischema$options2 = uischema.options) != null && (_uischema$options2 = _uischema$options2.text) != null && _uischema$options2.trim()) {
       checkboxLabel = uischema.options.text.trim();
     } else if (uischema.scope && uischema.scope.startsWith('#/')) {
       const fallbackLabel = getLastSegmentFromPointer(uischema.scope);
       checkboxLabel = fallbackLabel.charAt(0).toUpperCase() + fallbackLabel.slice(1);
     }
-    if (((_uischema$options2 = uischema.options) == null ? void 0 : _uischema$options2.radio) === true) {
+    if (((_uischema$options3 = uischema.options) == null ? void 0 : _uischema$options3.radio) === true) {
       reviewText = data ? `Yes` : `No`;
     } else {
       if (label !== '' || typeof label === 'boolean') {
@@ -8289,34 +8360,76 @@ const GoAInputBaseTableReview = props => {
       }
     }
   }
+  // Helper to extract errors manually from global state, bypassing "touched" filter
+  const normalizePath = p => p.replace(/\[(\d+)\]/g, '.$1').replace(/^\./, '').replace(/\//g, '.');
+  const findMatchingError = currentErrors => {
+    if (!currentErrors) return undefined;
+    const normalizedPropPath = normalizePath(path || '');
+    for (const e of currentErrors) {
+      var _e$params2;
+      const errorPath = normalizePath(e.dataPath || e.instancePath || '');
+      if (errorPath === normalizedPropPath) {
+        return e.message;
+      }
+      if (e.keyword === 'required') {
+        var _e$params;
+        const missing = (_e$params = e.params) == null ? void 0 : _e$params.missingProperty;
+        if (missing) {
+          const missingPath = errorPath ? `${errorPath}.${missing}` : missing;
+          if (missingPath === normalizedPropPath) {
+            return e.message;
+          }
+        }
+      }
+      if (e.keyword === 'errorMessage' && (_e$params2 = e.params) != null && _e$params2.errors) {
+        const nested = findMatchingError(e.params.errors);
+        if (nested) return e.message;
+      }
+    }
+    return undefined;
+  };
+  let activeError = findMatchingError((_jsonForms$core = jsonForms.core) == null ? void 0 : _jsonForms$core.errors);
+  if (required && (data === undefined || data === null || data === '') && !activeError) {
+    activeError = `${labelToUpdate} is required`;
+  } else if ((_activeError = activeError) != null && _activeError.includes('is a required property') || (_activeError2 = activeError) != null && _activeError2.includes('must have required property')) {
+    activeError = `${labelToUpdate} is required`;
+  }
   // eslint-disable-next-line
-  const stepId = (_uischema$options3 = uischema.options) == null ? void 0 : _uischema$options3.stepId;
-  return jsxs("tr", {
+  const stepId = (_uischema$options4 = uischema.options) == null ? void 0 : _uischema$options4.stepId;
+  return jsx("tr", {
     "data-testid": `input-base-table-${label}-row`,
-    children: [jsx(PageReviewNameCol, {
-      children: labelToUpdate && jsx("strong", {
-        children: labelToUpdate
-      })
-    }), jsx(PageReviewValueCol, {
-      children: typeof reviewText === 'string' || typeof reviewText === 'number' ? jsx("div", {
-        children: reviewText
-      }) : jsx(JsonFormsDispatch, {
-        "data-testid": `jsonforms-object-list-defined-elements-dispatch`,
-        schema: schema,
-        uischema: uischema,
-        enabled: enabled,
-        renderers: jsonForms.renderers,
-        cells: cells
-      })
-    }), jsx("td", {
-      className: "goa-table-number-col",
-      children: stepId !== undefined && jsx(GoabButton, {
-        type: "tertiary",
-        size: "compact",
-        onClick: () => context == null ? void 0 : context.goToPage(stepId),
-        children: "Change"
-      })
-    })]
+    children: jsxs(PageReviewContainer, {
+      colSpan: 3,
+      children: [jsxs(ReviewHeader, {
+        children: [jsxs(ReviewLabel, {
+          children: [labelToUpdate, required && jsx(RequiredTextLabel, {
+            children: " (required)"
+          })]
+        }), stepId !== undefined && jsx(GoabButton, {
+          type: "tertiary",
+          size: "compact",
+          onClick: () => context == null ? void 0 : context.goToPage(stepId, uischema.scope),
+          children: "Change"
+        })]
+      }), jsxs(ReviewValue, {
+        children: [typeof reviewText === 'string' || typeof reviewText === 'number' ? jsx("div", {
+          "data-testid": `review-value-${label}`,
+          children: reviewText
+        }) : jsx(JsonFormsDispatch, {
+          "data-testid": `jsonforms-object-list-defined-elements-dispatch`,
+          schema: schema,
+          uischema: uischema,
+          enabled: enabled,
+          renderers: jsonForms.renderers,
+          cells: cells
+        }), activeError && jsxs(WarningIconDiv, {
+          children: [jsx(GoabIcon, {
+            type: "warning",
+            size: "small"
+          }), activeError]
+        })]
+      })]
+    })
   });
 };
 const GoAInputBaseTableReviewControl = withJsonFormsControlProps(GoAInputBaseTableReview);
@@ -9111,42 +9224,63 @@ const isPropertiesMatch = (obj, props, isExactMatch) => {
     }
   }
   return false;
-};
-const createSchemaMatchTester = (props, isExactMatch = false) => {
-  return schemaMatches(schema => {
-    return schema && isPropertiesMatch(schema.properties, props, isExactMatch);
-  });
-};
-
-const isFullName = createSchemaMatchTester(['firstName', 'middleName', 'lastName'], true);
-const FullNameTester = rankWith(4, isFullName);
-
-const FullNameControlReview = props => {
-  var _props$uischema, _props$data, _props$data2, _props$data3, _props$data4;
-  const context = useContext(JsonFormsStepperContext);
-  const stepId = (_props$uischema = props.uischema) == null || (_props$uischema = _props$uischema.options) == null ? void 0 : _props$uischema.stepId;
-  const renderRow = (label, value, testId) => jsxs("tr", {
-    children: [jsx(PageReviewNameCol, {
-      children: jsx("strong", {
-        children: label
-      })
-    }), jsx(PageReviewValueCol, {
-      children: jsx("div", {
-        "data-testid": testId,
-        children: value
-      })
-    }), jsx("td", {
-      className: "goa-table-width-limit",
-      children: jsx(GoabButton, {
-        type: "tertiary",
-        size: "compact",
-        onClick: () => context == null ? void 0 : context.goToPage(stepId),
-        children: "Change"
-      })
-    })]
+};
+const createSchemaMatchTester = (props, isExactMatch = false) => {
+  return schemaMatches(schema => {
+    return schema && isPropertiesMatch(schema.properties, props, isExactMatch);
+  });
+};
+
+const isFullName = createSchemaMatchTester(['firstName', 'middleName', 'lastName'], true);
+const FullNameTester = rankWith(4, isFullName);
+
+const FullNameControlReview = props => {
+  var _props$uischema, _props$data, _props$data2, _props$data3, _props$data4;
+  const context = useContext(JsonFormsStepperContext);
+  const stepId = (_props$uischema = props.uischema) == null || (_props$uischema = _props$uischema.options) == null ? void 0 : _props$uischema.stepId;
+  const {
+    label,
+    errors,
+    required,
+    uischema
+  } = props;
+  const renderRow = (label, value, testId) => jsx("tr", {
+    children: jsxs(PageReviewContainer, {
+      colSpan: 3,
+      children: [jsxs(ReviewHeader, {
+        children: [jsx(ReviewLabel, {
+          children: label
+        }), jsx(GoabButton, {
+          type: "tertiary",
+          size: "compact",
+          onClick: () => context == null ? void 0 : context.goToPage(stepId, uischema.scope),
+          children: "Change"
+        })]
+      }), jsx(ReviewValue, {
+        children: jsx("div", {
+          "data-testid": testId,
+          children: value
+        })
+      })]
+    })
   });
   return jsxs(Fragment, {
-    children: [renderRow('First name', (_props$data = props.data) == null ? void 0 : _props$data.firstName, `firstName-control-${props.id}`), ((_props$data2 = props.data) == null ? void 0 : _props$data2.middleName) && renderRow('Middle name', (_props$data3 = props.data) == null ? void 0 : _props$data3.middleName, `middleName-control-${props.id}`), renderRow('Last name', (_props$data4 = props.data) == null ? void 0 : _props$data4.lastName, `lastName-control-${props.id}`)]
+    children: [jsx("tr", {
+      "data-testid": "full-name-header",
+      children: jsxs(PageReviewContainer, {
+        colSpan: 3,
+        children: [jsxs(ReviewLabel, {
+          children: [label, required && jsx(RequiredTextLabel, {
+            children: " (required)"
+          })]
+        }), errors && jsxs(WarningIconDiv, {
+          children: [jsx(GoabIcon, {
+            type: "warning",
+            size: "small"
+          }), errors != null && errors.includes('is a required property') ? `${label} is required` : errors]
+        })]
+      })
+    }), renderRow('First name', (_props$data = props.data) == null ? void 0 : _props$data.firstName, `firstName-control-${props.id}`), ((_props$data2 = props.data) == null ? void 0 : _props$data2.middleName) && renderRow('Middle name', (_props$data3 = props.data) == null ? void 0 : _props$data3.middleName, `middleName-control-${props.id}`), renderRow('Last name', (_props$data4 = props.data) == null ? void 0 : _props$data4.lastName, `lastName-control-${props.id}`)]
   });
 };
 const GoAInputBaseFullNameControlReview = withJsonFormsAllOfProps(FullNameControlReview);
@@ -9178,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"
       })
     })]
@@ -9673,9 +9807,10 @@ const renderCellColumn = ({
     });
   };
   if (data === undefined && isRequired || error !== '' && error !== undefined) {
-    return renderWarningCell(data);
+    const message = error || (isRequired && data === undefined ? 'Required' : data);
+    return renderWarningCell(message);
   } else if (data !== undefined && isRequired && error) {
-    return renderWarningCell(data);
+    return renderWarningCell(error);
   }
   const path = `/${rowPath}/${index}/${element}/${index === 0 ? index : index - 1}`;
   const nestedErrors = errors == null ? void 0 : errors.filter(e => e.instancePath.includes(path));
@@ -9685,6 +9820,10 @@ const renderCellColumn = ({
   } else if (typeof data === 'object' || Array.isArray(data)) {
     const result = Object.keys(data);
     if (!isRequired && nestedErrors.length === 0) {
+      if ('year' in data && 'month' in data && 'day' in data) {
+        const dateObj = data;
+        return `${dateObj.year}-${dateObj.month}-${dateObj.day}`;
+      }
       return jsx("pre", {
         children: JSON.stringify(data, null, 2)
       });
@@ -9761,8 +9900,11 @@ const EmptyList$1 = ({
   numColumns,
   noDataMessage,
   translations
-}) => jsx(GoabGrid, {
-  minChildWidth: "30ch",
+}) => jsx("div", {
+  style: {
+    width: '100%',
+    padding: '1rem 0'
+  },
   children: jsx(TextCenter, {
     children: jsx("b", {
       children: noDataMessage
@@ -9814,6 +9956,11 @@ const NonEmptyCellComponent$1 = /*#__PURE__*/React.memo(function NonEmptyCellCom
     properties && Object.keys(properties).forEach(item => {
       if (Object.keys(tableKeys).includes(item)) {
         tempTableKeys[item] = tableKeys[item];
+      } else {
+        // If the property is not in the tableKeys (e.g. it was a nested object in the UI schema),
+        // we still need a header for it to maintain alignment.
+        // Use the property title from the schema, or capitalize the property name.
+        tempTableKeys[item] = properties[item].title || capitalizeFirstLetter(item);
       }
     });
     tableKeys = tempTableKeys;
@@ -9864,6 +10011,10 @@ const NonEmptyCellComponent$1 = /*#__PURE__*/React.memo(function NonEmptyCellCom
             }, 0)
           }), jsx("tbody", {
             children: range(count || 0).map((num, i) => {
+              // Skip rendering empty rows in review mode
+              if (isInReview === true && (data === undefined || data[num] === undefined || Object.keys(data[num]).length === 0)) {
+                return null;
+              }
               const errorRow = errors == null ? void 0 : errors.find(error => error.instancePath.includes(`/${props.rowPath.replace(/\./g, '/')}/${i}`));
               return jsxs("tr", {
                 children: [Object.keys(properties).map((element, ix) => {
@@ -9889,7 +10040,7 @@ const NonEmptyCellComponent$1 = /*#__PURE__*/React.memo(function NonEmptyCellCom
                           display: 'block'
                         },
                         children: renderCellColumn({
-                          data: currentData ? String(currentData) : undefined,
+                          data: currentData !== '' && currentData !== null && currentData !== undefined ? currentData : undefined,
                           error: error == null ? void 0 : error.message,
                           isRequired: (_required$includes = required == null ? void 0 : required.includes(tableKeys[element])) != null ? _required$includes : false,
                           errors: errors !== undefined ? errors : [],
@@ -10008,7 +10159,11 @@ const NonEmptyRowComponent$1 = ({
   handleChange
 }) => {
   return jsx("div", {
-    children: enabled ? jsx(GoabContainer, {
+    children: enabled ? isInReview ? jsx("div", {
+      children: jsx("div", {
+        children: GenerateRows$1(NonEmptyCell$1, schema, childPath, enabled, openDeleteDialog, handleChange, cells, uischema, isInReview, count, data)
+      })
+    }) : jsx(GoabContainer, {
       children: jsx("div", {
         children: jsx("div", {
           children: GenerateRows$1(NonEmptyCell$1, schema, childPath, enabled, openDeleteDialog, handleChange, cells, uischema, isInReview, count, data)
@@ -10062,11 +10217,12 @@ const ObjectArrayList$1 = ({
   }, 0);
 };
 const ObjectArrayControl = props => {
-  var _uischema$options5, _registers$categories, _registers$categories2;
+  var _uischema$options5, _registers$categories3, _registers$categories4;
   const [registers, dispatch] = useReducer(objectListReducer, initialState);
   const [open, setOpen] = useState(false);
   const [rowData, setRowData] = useState(0);
   const [maxItemsError, setMaxItemsError] = useState('');
+  const context = useContext(JsonFormsStepperContext);
   const {
       label,
       path,
@@ -10197,32 +10353,70 @@ const ObjectArrayControl = props => {
   const listTitle = label || ((_uischema$options5 = uischema.options) == null ? void 0 : _uischema$options5.title);
   const isInReview = isStepperReview === true;
   const isListWithDetail = controlElement.type === 'ListWithDetail';
-  return jsxs(Visible, {
+  if (isInReview) {
+    var _uischema$options6, _registers$categories, _registers$categories2;
+    return jsx("tr", {
+      children: jsxs(PageReviewContainer, {
+        colSpan: 3,
+        children: [listTitle ? isListWithDetail && additionalProps.required && (data === null || data === undefined) ? jsx("b", {
+          children: jsxs(ListWithDetailWarningIconDiv, {
+            children: [jsx(GoabIcon, {
+              type: "warning",
+              title: "warning",
+              size: "small",
+              theme: "filled",
+              ml: "2xs",
+              mt: "2xs"
+            }), listTitle, " is required."]
+          })
+        }) : jsxs(ReviewHeader, {
+          style: {
+            width: '100%',
+            display: 'grid',
+            gridTemplateColumns: '1fr auto',
+            alignItems: 'center'
+          },
+          children: [jsxs(ReviewLabel, {
+            children: [listTitle, " ", jsx("span", {
+              children: additionalProps.required && '(required)'
+            }), maxItemsError && jsx("span", {
+              style: {
+                color: 'red',
+                marginLeft: '1rem'
+              },
+              children: maxItemsError
+            })]
+          }), ((_uischema$options6 = uischema.options) == null ? void 0 : _uischema$options6.stepId) !== undefined && jsx(GoabButton, {
+            type: "tertiary",
+            size: "compact",
+            onClick: () => {
+              var _uischema$options7;
+              return context == null ? void 0 : context.goToPage((_uischema$options7 = uischema.options) == null ? void 0 : _uischema$options7.stepId);
+            },
+            children: "Change"
+          })]
+        }) : null, jsx(ObjectArrayList$1, Object.assign({
+          path: path,
+          schema: schema,
+          uischema: uischema,
+          enabled: enabled,
+          openDeleteDialog: openDeleteDialog,
+          translations: {},
+          count: ((_registers$categories = registers.categories[path]) == null ? void 0 : _registers$categories.count) || Object.keys(data || []).length,
+          data: data || ((_registers$categories2 = registers.categories[path]) == null ? void 0 : _registers$categories2.data),
+          cells: cells,
+          config: config,
+          isInReview: isInReview,
+          handleChange: handleChangeWithData
+        }, additionalProps))]
+      })
+    });
+  }
+  const content = jsxs(Visible, {
     visible: visible,
     "data-testid": "jsonforms-object-list-wrapper",
     children: [jsxs(ToolBarHeader, {
-      children: [isInReview ? listTitle ? isListWithDetail && additionalProps.required && (data === null || data === undefined) ? jsx("b", {
-        children: jsxs(ListWithDetailWarningIconDiv, {
-          children: [jsx(GoabIcon, {
-            type: "warning",
-            title: "warning",
-            size: "small",
-            theme: "filled",
-            ml: "2xs",
-            mt: "2xs"
-          }), listTitle, " is required."]
-        })
-      }) : jsxs("b", {
-        children: [listTitle, " ", jsx("span", {
-          children: additionalProps.required && '(required)'
-        }), maxItemsError && jsx("span", {
-          style: {
-            color: 'red',
-            marginLeft: '1rem'
-          },
-          children: maxItemsError
-        })]
-      }) : null : listTitle && jsxs(ObjectArrayTitle, {
+      children: [listTitle && jsxs(ObjectArrayTitle, {
         children: [listTitle, " ", jsx("span", {
           children: additionalProps.required && '(required)'
         }), maxItemsError && jsx("span", {
@@ -10232,7 +10426,7 @@ const ObjectArrayControl = props => {
           },
           children: maxItemsError
         })]
-      }), !isInReview && jsx(ObjectArrayToolBar, {
+      }), jsx(ObjectArrayToolBar, {
         errors: errors,
         label: label,
         addItem: (a, b) => () => addItem(a, b),
@@ -10251,8 +10445,8 @@ const ObjectArrayControl = props => {
         enabled: enabled,
         openDeleteDialog: openDeleteDialog,
         translations: {},
-        count: ((_registers$categories = registers.categories[path]) == null ? void 0 : _registers$categories.count) || Object.keys(data || []).length,
-        data: data || ((_registers$categories2 = registers.categories[path]) == null ? void 0 : _registers$categories2.data),
+        count: ((_registers$categories3 = registers.categories[path]) == null ? void 0 : _registers$categories3.count) || Object.keys(data || []).length,
+        data: data || ((_registers$categories4 = registers.categories[path]) == null ? void 0 : _registers$categories4.data),
         cells: cells,
         config: config,
         isInReview: isInReview,
@@ -10266,6 +10460,7 @@ const ObjectArrayControl = props => {
       })]
     })]
   });
+  return content;
 };
 
 const ArrayControl = props => {
@@ -10298,16 +10493,14 @@ const ArrayControlReview = props => {
   const {
     visible
   } = props;
-  return jsx(Visible, {
-    visible: visible,
-    children: jsx(ObjectArrayControl, Object.assign({
-      arraySchema: {}
-    }, props, {
-      addItem: () => () => {},
-      isStepperReview: true,
-      enabled: true
-    }))
-  });
+  if (!visible) return null;
+  return jsx(ObjectArrayControl, Object.assign({
+    arraySchema: {}
+  }, props, {
+    addItem: () => () => {},
+    isStepperReview: true,
+    enabled: true
+  }));
 };
 const GoAArrayControlRenderer = withJsonFormsControlProps(ArrayControlBase);
 const GoAArrayControlReviewRenderer = withJsonFormsControlProps(ArrayControlReview);
@@ -10831,7 +11024,6 @@ const LeftTab = ({
         children: [jsx(TabName, {
           children: name
         }), enabled ? jsx(Trash, {
-          role: "trash button",
           children: jsx(GoabIconButton, {
             disabled: !enabled,
             icon: "trash",
@@ -11479,8 +11671,10 @@ const AddressLoopUpControlTableReview = props => {
   const {
     data,
     schema,
-    uischema
+    uischema,
+    path
   } = props;
+  const jsonForms = useJsonForms();
   // eslint-disable-next-line
   const stepId = (_uischema$options = uischema.options) == null ? void 0 : _uischema$options.stepId;
   const formStepperCtx = useContext(JsonFormsStepperContext);
@@ -11526,36 +11720,80 @@ const AddressLoopUpControlTableReview = props => {
     label: 'Yukon'
   }];
   const provinceLabel = isAlbertaAddress ? 'Alberta' : ((_provinces$find = provinces.find(p => p.value === (data == null ? void 0 : data.subdivisionCode))) == null ? void 0 : _provinces$find.label) || (data == null ? void 0 : data.subdivisionCode);
-  const renderRow = (label, value) => jsxs("tr", {
-    children: [jsx(PageReviewNameCol, {
-      children: label
-    }), jsx(PageReviewNameCol, {
-      children: value
-    }), jsx("td", {
-      className: "goa-table-width-limit",
-      children: jsx(GoabButton, {
-        type: "tertiary",
-        size: "compact",
-        onClick: () => formStepperCtx == null ? void 0 : formStepperCtx.goToPage(stepId),
-        children: "Change"
+  const getError = propName => {
+    var _findMatchingError, _jsonForms$core;
+    const normalizePath = p => p.replace(/\[(\d+)\]/g, '.$1').replace(/^\./, '').replace(/\//g, '.');
+    // We need to return the message of the MATCHED error, but findError above returns boolean (mostly) or message if I refactor.
+    // Let's refactor to return the error object or message.
+    const findMatchingError = errors => {
+      if (!errors) return undefined;
+      for (const e of errors) {
+        var _e$params, _e$params2;
+        const rawErrorPath = e.dataPath || e.instancePath || '';
+        const errorPath = normalizePath(rawErrorPath);
+        const currentPath = normalizePath(path || '');
+        const dotPath = currentPath ? `${currentPath}.${propName}` : propName;
+        if (e.keyword === 'errorMessage' && (_e$params = e.params) != null && _e$params.errors) {
+          const nested = findMatchingError(e.params.errors);
+          if (nested) return e; // Return the wrapper error (contains the custom message)
+        }
+        if (errorPath === dotPath) return e;
+        const isRequiredError = e.keyword === 'required';
+        const missingProperty = (_e$params2 = e.params) == null ? void 0 : _e$params2.missingProperty;
+        if (isRequiredError && missingProperty === propName) {
+          if (errorPath === currentPath) return e;
+        }
+      }
+      return undefined;
+    };
+    return (_findMatchingError = findMatchingError((_jsonForms$core = jsonForms.core) == null ? void 0 : _jsonForms$core.errors)) == null ? void 0 : _findMatchingError.message;
+  };
+  const isRequired = propName => {
+    var _schema$required;
+    return schema == null || (_schema$required = schema.required) == null ? void 0 : _schema$required.includes(propName);
+  };
+  const renderRow = (label, value, propName, showButton = true) => {
+    var _error, _error2;
+    let error = getError(propName);
+    const required = isRequired(propName);
+    if (required && !value && !error) {
+      error = `${label} is required`;
+    }
+    return jsx("tr", {
+      children: jsxs(PageReviewContainer, {
+        colSpan: 3,
+        children: [jsxs(ReviewHeader, {
+          children: [jsxs(ReviewLabel, {
+            children: [label, required && jsx(RequiredTextLabel, {
+              children: " (required)"
+            })]
+          }), showButton && jsx(GoabButton, {
+            type: "tertiary",
+            size: "compact",
+            onClick: () => formStepperCtx == null ? void 0 : formStepperCtx.goToPage(stepId, uischema.scope),
+            children: "Change"
+          })]
+        }), jsxs(ReviewValue, {
+          children: [value, error && jsxs(WarningIconDiv, {
+            children: [jsx(GoabIcon, {
+              type: "warning",
+              size: "small"
+            }), (_error = error) != null && _error.includes('is a required property') || (_error2 = error) != null && _error2.includes('required property') ? `${label} is required` : error]
+          })]
+        })]
       })
-    })]
-  });
+    });
+  };
   return jsxs(Fragment, {
-    children: [jsxs("tr", {
+    children: [jsx("tr", {
       "data-testid": "address-lookup-table-review",
-      children: [jsx(PageReviewNameCol, {
-        children: jsx("strong", {
+      children: jsx(PageReviewContainer, {
+        colSpan: 3,
+        children: jsx(ReviewLabel, {
           children: `${isAlbertaAddress ? 'Alberta' : 'Canada'} postal address`
         })
-      }), jsx("td", {
-        style: {
-          verticalAlign: 'top'
-        }
-      }), jsx("td", {
-        className: "goa-table-width-limit"
-      })]
-    }), renderRow('Address line 1', data == null ? void 0 : data.addressLine1), (data == null ? void 0 : data.addressLine2) && renderRow('Address line 2', data.addressLine2), renderRow('City', data == null ? void 0 : data.municipality), renderRow('Postal Code', data == null ? void 0 : data.postalCode), renderRow('Province', provinceLabel), renderRow('Country', 'Canada')]
+      })
+    }), renderRow('Address line 1', data == null ? void 0 : data.addressLine1, 'addressLine1'), (data == null ? void 0 : data.addressLine2) && renderRow('Address line 2', data.addressLine2, 'addressLine2'), renderRow('City', data == null ? void 0 : data.municipality, 'municipality'), renderRow('Postal Code', data == null ? void 0 : data.postalCode, 'postalCode'), renderRow('Province', provinceLabel, 'subdivisionCode'), renderRow('Country', 'Canada', 'country', false)]
   });
 };
 
@@ -12167,10 +12405,10 @@ const GoABaseTableReviewRenderers$1 = [
   renderer: GoAInputBaseTableReviewControl
 }, {
   tester: GoAArrayControlTester,
-  renderer: GoAInputBaseTableReviewControl
+  renderer: GoAArrayControlReviewRenderer
 }, {
   tester: GoAListWithDetailsTester,
-  renderer: GoAInputBaseTableReviewControl
+  renderer: GoAArrayControlReviewRenderer
 }, {
   tester: FullNameDobTester,
   renderer: GoAInputBaseTableReviewControl
@@ -12189,6 +12427,9 @@ const GoABaseTableReviewRenderers$1 = [
 }, {
   tester: HelpContentTester,
   renderer: EmptyHelpContentRenderer
+}, {
+  tester: GoACalloutControlTester,
+  renderer: CalloutReviewControl
 }];
 [
 // controls
@@ -12236,10 +12477,10 @@ const GoABaseTableReviewRenderers$1 = [
   renderer: GoAInputBaseReviewControl
 }, {
   tester: GoAArrayControlTester,
-  renderer: GoAInputBaseTableReviewControl // Array might still need table or custom grid
+  renderer: GoAArrayControlReviewRenderer // Array might still need table or custom grid
 }, {
   tester: GoAListWithDetailsTester,
-  renderer: GoAInputBaseTableReviewControl // List with details is complex
+  renderer: GoAArrayControlReviewRenderer // List with details is complex
 }, {
   tester: AddressLookUpTester,
   renderer: withJsonFormsControlProps(AddressLookUpControlReview)
@@ -12255,6 +12496,9 @@ const GoABaseTableReviewRenderers$1 = [
 }, {
   tester: HelpContentTester,
   renderer: EmptyHelpContentRenderer
+}, {
+  tester: GoACalloutControlTester,
+  renderer: CalloutReviewControl
 }];
 const FormStepperReviewer = props => {
   var _uischema$options$com, _uischema$options, _componentProps$readO;
@@ -12275,43 +12519,61 @@ const FormStepperReviewer = props => {
   return jsx(ReviewItem, {
     children: categories.map((category, categoryIndex) => {
       const categoryLabel = category.label || category.i18n || 'Unknown Category';
+      const hasVisibleContent = element => {
+        if (!isVisible(element, data, '', ajv, undefined)) {
+          return false;
+        }
+        if (element.type === 'HelpContent' || element.type === 'Callout') {
+          return false;
+        }
+        if (element.elements && Array.isArray(element.elements)) {
+          return element.elements.some(child => hasVisibleContent(child));
+        }
+        return true;
+      };
+      const elementsToRender = category.elements
+      //eslint-disable-next-line
+      .filter(field => {
+        var _field$rule;
+        if (!hasVisibleContent(field)) {
+          return false;
+        }
+        const conditionProps = (_field$rule = field.rule) == null ? void 0 : _field$rule.condition;
+        /* istanbul ignore next */
+        if (conditionProps && data) {
+          var _conditionProps$scope;
+          const canHideControlParts = conditionProps == null || (_conditionProps$scope = conditionProps.scope) == null ? void 0 : _conditionProps$scope.split('/');
+          const canHideControl = canHideControlParts && canHideControlParts[(canHideControlParts == null ? void 0 : canHideControlParts.length) - 1];
+          const isHidden = getProperty(data, canHideControl);
+          if (!isHidden) {
+            return field;
+          }
+          return false;
+        }
+        return true;
+      }).map(e => {
+        const layout = e;
+        if (rescopeMaps.some(scope => {
+          var _layout$elements;
+          return (_layout$elements = layout.elements) == null ? void 0 : _layout$elements.map(el => {
+            const element = el;
+            return element.scope;
+          }).includes(scope);
+        })) {
+          return layout.elements;
+        } else {
+          return e;
+        }
+      }).flat();
+      if (elementsToRender.length === 0) {
+        return null;
+      }
       return jsxs(ReviewItemSection, {
         children: [jsx(ReviewItemHeader, {
           children: jsx(ReviewItemTitle, {
             children: categoryLabel
           })
-        }), category.elements
-        //eslint-disable-next-line
-        .filter(field => {
-          var _field$rule;
-          // [TODO] we need to double check why we cannot hide the elements at the element level
-          const conditionProps = (_field$rule = field.rule) == null ? void 0 : _field$rule.condition;
-          /* istanbul ignore next */
-          if (conditionProps && data) {
-            var _conditionProps$scope;
-            const canHideControlParts = conditionProps == null || (_conditionProps$scope = conditionProps.scope) == null ? void 0 : _conditionProps$scope.split('/');
-            const canHideControl = canHideControlParts && canHideControlParts[(canHideControlParts == null ? void 0 : canHideControlParts.length) - 1];
-            const isHidden = getProperty(data, canHideControl);
-            if (!isHidden) {
-              return field;
-            }
-          } else {
-            return field;
-          }
-        }).map(e => {
-          const layout = e;
-          if (rescopeMaps.some(scope => {
-            var _layout$elements;
-            return (_layout$elements = layout.elements) == null ? void 0 : _layout$elements.map(el => {
-              const element = el;
-              return element.scope;
-            }).includes(scope);
-          })) {
-            return layout.elements;
-          } else {
-            return e;
-          }
-        }).flat().map((element, elementIndex) => {
+        }), elementsToRender.map((element, elementIndex) => {
           const stepperElement = Object.assign({}, element);
           stepperElement.options = Object.assign({}, stepperElement.options, {
             stepId: categoryIndex
@@ -14124,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);
@@ -14140,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
+      })
     })
   });
 };
@@ -14195,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();
@@ -14234,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%"
-        })
-      })
-    })]
+    })
   });
 };