@abgov/jsonforms-components 1.24.12 → 1.25.1

package/index.esm.js

@@ -1,10 +1,10 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import React, { createContext, useContext, useReducer, useMemo, useEffect, useState, useCallback } from 'react';
-import { GoAFormItem, GoAInput, GoATextArea, GoACallout, GoAInputDate, GoAInputDateTime, GoAInputTime, GoADropdown, GoADropdownItem, GoARadioGroup, GoARadioItem, GoACheckbox, GoAGrid, GoADivider, GoAFormStepper, GoAFormStep, GoAPages, GoAButton, GoAModal, GoAButtonGroup, GoAIconButton, GoAFileUploadInput, GoACircularProgress, GoAContainer, GoADetails } from '@abgov/react-components';
+import React, { createContext, useContext, useReducer, useMemo, useEffect, useState, useCallback, useRef } from 'react';
+import { GoAFormItem, GoAInput, GoATextArea, GoACallout, GoAInputDate, GoAInputDateTime, GoAInputTime, GoADropdown, GoADropdownItem, GoARadioGroup, GoARadioItem, GoACheckbox, GoAGrid, GoAFormStepper, GoAFormStep, GoAPages, GoAButton, GoAModal, GoAButtonGroup, GoAIconButton, GoAFileUploadInput, GoACircularProgress, GoAContainer, GoADetails } from '@abgov/react-components';
 import styled from 'styled-components';
 import axios from 'axios';
 import get$1 from 'lodash/get';
-import { rankWith, isStringControl, and, optionIs, uiTypeIs, isDateControl, isNumberControl, isIntegerControl, isDateTimeControl, isTimeControl, isEnumControl, isBooleanControl, getAjv, isVisible, isEnabled, deriveLabelForUISchemaElement, schemaTypeIs, formatIs, createDefaultValue, Paths, or, isObjectArrayControl, isPrimitiveArrayControl, withIncreasedRank, hasType, isControl as isControl$1, isCategorization, isLayout as isLayout$1 } from '@jsonforms/core';
+import { rankWith, isStringControl, and, optionIs, uiTypeIs, isDateControl, isNumberControl, isIntegerControl, isDateTimeControl, isTimeControl, isEnumControl, isBooleanControl, getAjv, isVisible, isEnabled, deriveLabelForUISchemaElement, schemaTypeIs, formatIs, createDefaultValue, Paths, or, isObjectArrayControl, isPrimitiveArrayControl, withIncreasedRank, hasType, isControl, isCategorization, isLayout } from '@jsonforms/core';
 import { withJsonFormsControlProps, withJsonFormsRendererProps, withJsonFormsEnumProps, withTranslateProps, useJsonForms, JsonFormsDispatch, withJsonFormsLayoutProps, withJsonFormsArrayLayoutProps, withJsonFormsCellProps } from '@jsonforms/react';
 import merge from 'lodash/merge';
 import isEmpty$1 from 'lodash/isEmpty';
@@ -14,7 +14,7 @@ import addFormats from 'ajv-formats';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
-var fails$o = function (exec) {
+var fails$n = function (exec) {
   try {
     return !!exec();
   } catch (error) {
@@ -22,9 +22,9 @@ var fails$o = function (exec) {
   }
 };
 
-var fails$n = fails$o;
+var fails$m = fails$n;
 
-var functionBindNative = !fails$n(function () {
+var functionBindNative = !fails$m(function () {
   // eslint-disable-next-line es/no-function-prototype-bind -- safe
   var test = (function () { /* empty */ }).bind();
   // eslint-disable-next-line no-prototype-builtins -- safe
@@ -53,19 +53,19 @@ var classofRaw$1 = function (it) {
 };
 
 var uncurryThis$l = functionUncurryThis;
-var fails$m = fails$o;
-var classof$8 = classofRaw$1;
+var fails$l = fails$n;
+var classof$7 = classofRaw$1;
 
 var $Object$4 = Object;
 var split = uncurryThis$l(''.split);
 
 // fallback for non-array-like ES3 and non-enumerable old V8 strings
-var indexedObject = fails$m(function () {
+var indexedObject = fails$l(function () {
   // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
   // eslint-disable-next-line no-prototype-builtins -- safe
   return !$Object$4('z').propertyIsEnumerable(0);
 }) ? function (it) {
-  return classof$8(it) === 'String' ? split(it, '') : $Object$4(it);
+  return classof$7(it) === 'String' ? split(it, '') : $Object$4(it);
 } : $Object$4;
 
 // we can't use just `it == null` since of `document.all` special case
@@ -76,21 +76,21 @@ var isNullOrUndefined$3 = function (it) {
 
 var isNullOrUndefined$2 = isNullOrUndefined$3;
 
-var $TypeError$c = TypeError;
+var $TypeError$b = TypeError;
 
 // `RequireObjectCoercible` abstract operation
 // https://tc39.es/ecma262/#sec-requireobjectcoercible
 var requireObjectCoercible$7 = function (it) {
-  if (isNullOrUndefined$2(it)) throw new $TypeError$c("Can't call method on " + it);
+  if (isNullOrUndefined$2(it)) throw new $TypeError$b("Can't call method on " + it);
   return it;
 };
 
 // toObject with fallback for non-array-like ES3 strings
-var IndexedObject$2 = indexedObject;
+var IndexedObject$1 = indexedObject;
 var requireObjectCoercible$6 = requireObjectCoercible$7;
 
 var toIndexedObject$5 = function (it) {
-  return IndexedObject$2(requireObjectCoercible$6(it));
+  return IndexedObject$1(requireObjectCoercible$6(it));
 };
 
 var check = function (it) {
@@ -98,7 +98,7 @@ var check = function (it) {
 };
 
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-var global$i =
+var global$h =
   // eslint-disable-next-line es/no-global-this -- safe
   check(typeof globalThis == 'object' && globalThis) ||
   check(typeof window == 'object' && window) ||
@@ -111,20 +111,20 @@ var global$i =
 
 var sharedStore = {exports: {}};
 
-var global$h = global$i;
+var global$g = global$h;
 
 // eslint-disable-next-line es/no-object-defineproperty -- safe
 var defineProperty$7 = Object.defineProperty;
 
 var defineGlobalProperty$3 = function (key, value) {
   try {
-    defineProperty$7(global$h, key, { value: value, configurable: true, writable: true });
+    defineProperty$7(global$g, key, { value: value, configurable: true, writable: true });
   } catch (error) {
-    global$h[key] = value;
+    global$g[key] = value;
   } return value;
 };
 
-var globalThis$1 = global$i;
+var globalThis$1 = global$h;
 var defineGlobalProperty$2 = defineGlobalProperty$3;
 
 var SHARED = '__core-js_shared__';
@@ -150,12 +150,12 @@ var $Object$3 = Object;
 
 // `ToObject` abstract operation
 // https://tc39.es/ecma262/#sec-toobject
-var toObject$7 = function (argument) {
+var toObject$6 = function (argument) {
   return $Object$3(requireObjectCoercible$5(argument));
 };
 
 var uncurryThis$k = functionUncurryThis;
-var toObject$6 = toObject$7;
+var toObject$5 = toObject$6;
 
 var hasOwnProperty = uncurryThis$k({}.hasOwnProperty);
 
@@ -163,7 +163,7 @@ var hasOwnProperty = uncurryThis$k({}.hasOwnProperty);
 // https://tc39.es/ecma262/#sec-hasownproperty
 // eslint-disable-next-line es/no-object-hasown -- safe
 var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
-  return hasOwnProperty(toObject$6(it), key);
+  return hasOwnProperty(toObject$5(it), key);
 };
 
 var uncurryThis$j = functionUncurryThis;
@@ -178,11 +178,11 @@ var uid$2 = function (key) {
 
 var engineUserAgent = typeof navigator != 'undefined' && String(navigator.userAgent) || '';
 
-var global$g = global$i;
+var global$f = global$h;
 var userAgent = engineUserAgent;
 
-var process = global$g.process;
-var Deno = global$g.Deno;
+var process = global$f.process;
+var Deno = global$f.Deno;
 var versions = process && process.versions || Deno && Deno.version;
 var v8 = versions && versions.v8;
 var match, version;
@@ -208,13 +208,13 @@ var engineV8Version = version;
 
 /* eslint-disable es/no-symbol -- required for testing */
 var V8_VERSION = engineV8Version;
-var fails$l = fails$o;
-var global$f = global$i;
+var fails$k = fails$n;
+var global$e = global$h;
 
-var $String$6 = global$f.String;
+var $String$6 = global$e.String;
 
 // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
-var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$l(function () {
+var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$k(function () {
   var symbol = Symbol('symbol detection');
   // Chrome 38 Symbol has incorrect toString conversion
   // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
@@ -232,14 +232,14 @@ var useSymbolAsUid = NATIVE_SYMBOL$3
   && !Symbol.sham
   && typeof Symbol.iterator == 'symbol';
 
-var global$e = global$i;
+var global$d = global$h;
 var shared$3 = shared$4;
 var hasOwn$c = hasOwnProperty_1;
 var uid$1 = uid$2;
 var NATIVE_SYMBOL$2 = symbolConstructorDetection;
 var USE_SYMBOL_AS_UID$1 = useSymbolAsUid;
 
-var Symbol$1 = global$e.Symbol;
+var Symbol$1 = global$d.Symbol;
 var WellKnownSymbolsStore = shared$3('wks');
 var createWellKnownSymbol = USE_SYMBOL_AS_UID$1 ? Symbol$1['for'] || Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid$1;
 
@@ -272,30 +272,30 @@ var isObject$b = function (it) {
 var isObject$a = isObject$b;
 
 var $String$5 = String;
-var $TypeError$b = TypeError;
+var $TypeError$a = TypeError;
 
 // `Assert: Type(argument) is Object`
 var anObject$9 = function (argument) {
   if (isObject$a(argument)) return argument;
-  throw new $TypeError$b($String$5(argument) + ' is not an object');
+  throw new $TypeError$a($String$5(argument) + ' is not an object');
 };
 
 var objectDefineProperties = {};
 
-var fails$k = fails$o;
+var fails$j = fails$n;
 
 // Detect IE8's incomplete defineProperty implementation
-var descriptors = !fails$k(function () {
+var descriptors = !fails$j(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] !== 7;
 });
 
 var DESCRIPTORS$f = descriptors;
-var fails$j = fails$o;
+var fails$i = fails$n;
 
 // V8 ~ Chrome 36-
 // https://bugs.chromium.org/p/v8/issues/detail?id=3334
-var v8PrototypeDefineBug = DESCRIPTORS$f && fails$j(function () {
+var v8PrototypeDefineBug = DESCRIPTORS$f && fails$i(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(function () { /* empty */ }, 'prototype', {
     value: 42,
@@ -305,10 +305,10 @@ var v8PrototypeDefineBug = DESCRIPTORS$f && fails$j(function () {
 
 var objectDefineProperty = {};
 
-var global$d = global$i;
+var global$c = global$h;
 var isObject$9 = isObject$b;
 
-var document$1 = global$d.document;
+var document$1 = global$c.document;
 // typeof document.createElement is 'object' in old IE
 var EXISTS$1 = isObject$9(document$1) && isObject$9(document$1.createElement);
 
@@ -317,11 +317,11 @@ var documentCreateElement$2 = function (it) {
 };
 
 var DESCRIPTORS$e = descriptors;
-var fails$i = fails$o;
+var fails$h = fails$n;
 var createElement = documentCreateElement$2;
 
 // Thanks to IE8 for its funny defineProperty
-var ie8DomDefine = !DESCRIPTORS$e && !fails$i(function () {
+var ie8DomDefine = !DESCRIPTORS$e && !fails$h(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(createElement('div'), 'a', {
     get: function () { return 7; }
@@ -336,7 +336,7 @@ var functionCall = NATIVE_BIND$1 ? call$d.bind(call$d) : function () {
   return call$d.apply(call$d, arguments);
 };
 
-var global$c = global$i;
+var global$b = global$h;
 var isCallable$j = isCallable$l;
 
 var aFunction = function (argument) {
@@ -344,7 +344,7 @@ var aFunction = function (argument) {
 };
 
 var getBuiltIn$6 = function (namespace, method) {
-  return arguments.length < 2 ? aFunction(global$c[namespace]) : global$c[namespace] && global$c[namespace][method];
+  return arguments.length < 2 ? aFunction(global$b[namespace]) : global$b[namespace] && global$b[namespace][method];
 };
 
 var uncurryThis$i = functionUncurryThis;
@@ -378,29 +378,29 @@ var tryToString$1 = function (argument) {
 var isCallable$h = isCallable$l;
 var tryToString = tryToString$1;
 
-var $TypeError$a = TypeError;
+var $TypeError$9 = TypeError;
 
 // `Assert: IsCallable(argument) is true`
-var aCallable$3 = function (argument) {
+var aCallable$2 = function (argument) {
   if (isCallable$h(argument)) return argument;
-  throw new $TypeError$a(tryToString(argument) + ' is not a function');
+  throw new $TypeError$9(tryToString(argument) + ' is not a function');
 };
 
-var aCallable$2 = aCallable$3;
+var aCallable$1 = aCallable$2;
 var isNullOrUndefined$1 = isNullOrUndefined$3;
 
 // `GetMethod` abstract operation
 // https://tc39.es/ecma262/#sec-getmethod
 var getMethod$2 = function (V, P) {
   var func = V[P];
-  return isNullOrUndefined$1(func) ? undefined : aCallable$2(func);
+  return isNullOrUndefined$1(func) ? undefined : aCallable$1(func);
 };
 
 var call$c = functionCall;
 var isCallable$g = isCallable$l;
 var isObject$8 = isObject$b;
 
-var $TypeError$9 = TypeError;
+var $TypeError$8 = TypeError;
 
 // `OrdinaryToPrimitive` abstract operation
 // https://tc39.es/ecma262/#sec-ordinarytoprimitive
@@ -409,7 +409,7 @@ var ordinaryToPrimitive$1 = function (input, pref) {
   if (pref === 'string' && isCallable$g(fn = input.toString) && !isObject$8(val = call$c(fn, input))) return val;
   if (isCallable$g(fn = input.valueOf) && !isObject$8(val = call$c(fn, input))) return val;
   if (pref !== 'string' && isCallable$g(fn = input.toString) && !isObject$8(val = call$c(fn, input))) return val;
-  throw new $TypeError$9("Can't convert object to primitive value");
+  throw new $TypeError$8("Can't convert object to primitive value");
 };
 
 var call$b = functionCall;
@@ -419,7 +419,7 @@ var getMethod$1 = getMethod$2;
 var ordinaryToPrimitive = ordinaryToPrimitive$1;
 var wellKnownSymbol$d = wellKnownSymbol$e;
 
-var $TypeError$8 = TypeError;
+var $TypeError$7 = TypeError;
 var TO_PRIMITIVE = wellKnownSymbol$d('toPrimitive');
 
 // `ToPrimitive` abstract operation
@@ -432,7 +432,7 @@ var toPrimitive$1 = function (input, pref) {
     if (pref === undefined) pref = 'default';
     result = call$b(exoticToPrim, input, pref);
     if (!isObject$7(result) || isSymbol$2(result)) return result;
-    throw new $TypeError$8("Can't convert object to primitive value");
+    throw new $TypeError$7("Can't convert object to primitive value");
   }
   if (pref === undefined) pref = 'number';
   return ordinaryToPrimitive(input, pref);
@@ -454,7 +454,7 @@ var V8_PROTOTYPE_DEFINE_BUG$1 = v8PrototypeDefineBug;
 var anObject$8 = anObject$9;
 var toPropertyKey$1 = toPropertyKey$2;
 
-var $TypeError$7 = TypeError;
+var $TypeError$6 = TypeError;
 // eslint-disable-next-line es/no-object-defineproperty -- safe
 var $defineProperty = Object.defineProperty;
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
@@ -487,7 +487,7 @@ objectDefineProperty.f = DESCRIPTORS$d ? V8_PROTOTYPE_DEFINE_BUG$1 ? function de
   if (IE8_DOM_DEFINE$1) try {
     return $defineProperty(O, P, Attributes);
   } catch (error) { /* empty */ }
-  if ('get' in Attributes || 'set' in Attributes) throw new $TypeError$7('Accessors not supported');
+  if ('get' in Attributes || 'set' in Attributes) throw new $TypeError$6('Accessors not supported');
   if ('value' in Attributes) O[P] = Attributes.value;
   return O;
 };
@@ -541,19 +541,19 @@ var toLength$1 = toLength$2;
 
 // `LengthOfArrayLike` abstract operation
 // https://tc39.es/ecma262/#sec-lengthofarraylike
-var lengthOfArrayLike$4 = function (obj) {
+var lengthOfArrayLike$3 = function (obj) {
   return toLength$1(obj.length);
 };
 
 var toIndexedObject$4 = toIndexedObject$5;
 var toAbsoluteIndex = toAbsoluteIndex$1;
-var lengthOfArrayLike$3 = lengthOfArrayLike$4;
+var lengthOfArrayLike$2 = lengthOfArrayLike$3;
 
 // `Array.prototype.{ indexOf, includes }` methods implementation
-var createMethod$2 = function (IS_INCLUDES) {
+var createMethod$1 = function (IS_INCLUDES) {
   return function ($this, el, fromIndex) {
     var O = toIndexedObject$4($this);
-    var length = lengthOfArrayLike$3(O);
+    var length = lengthOfArrayLike$2(O);
     if (length === 0) return !IS_INCLUDES && -1;
     var index = toAbsoluteIndex(fromIndex, length);
     var value;
@@ -573,10 +573,10 @@ var createMethod$2 = function (IS_INCLUDES) {
 var arrayIncludes = {
   // `Array.prototype.includes` method
   // https://tc39.es/ecma262/#sec-array.prototype.includes
-  includes: createMethod$2(true),
+  includes: createMethod$1(true),
   // `Array.prototype.indexOf` method
   // https://tc39.es/ecma262/#sec-array.prototype.indexof
-  indexOf: createMethod$2(false)
+  indexOf: createMethod$1(false)
 };
 
 var hiddenKeys$4 = {};
@@ -764,10 +764,10 @@ var addToUnscopables$3 = function (key) {
 
 var iterators = {};
 
-var global$b = global$i;
+var global$a = global$h;
 var isCallable$f = isCallable$l;
 
-var WeakMap$1 = global$b.WeakMap;
+var WeakMap$1 = global$a.WeakMap;
 
 var weakMapBasicDetection = isCallable$f(WeakMap$1) && /native code/.test(String(WeakMap$1));
 
@@ -792,7 +792,7 @@ var createNonEnumerableProperty$9 = DESCRIPTORS$b ? function (object, key, value
 };
 
 var NATIVE_WEAK_MAP = weakMapBasicDetection;
-var global$a = global$i;
+var global$9 = global$h;
 var isObject$6 = isObject$b;
 var createNonEnumerableProperty$8 = createNonEnumerableProperty$9;
 var hasOwn$a = hasOwnProperty_1;
@@ -801,8 +801,8 @@ var sharedKey$1 = sharedKey$3;
 var hiddenKeys$1 = hiddenKeys$4;
 
 var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
-var TypeError$1 = global$a.TypeError;
-var WeakMap = global$a.WeakMap;
+var TypeError$1 = global$9.TypeError;
+var WeakMap = global$9.WeakMap;
 var set, get, has;
 
 var enforce = function (it) {
@@ -939,7 +939,7 @@ if (!isCallable$e(store.inspectSource)) {
 var inspectSource$1 = store.inspectSource;
 
 var uncurryThis$f = functionUncurryThis;
-var fails$h = fails$o;
+var fails$g = fails$n;
 var isCallable$d = isCallable$l;
 var hasOwn$7 = hasOwnProperty_1;
 var DESCRIPTORS$8 = descriptors;
@@ -956,7 +956,7 @@ var stringSlice$6 = uncurryThis$f(''.slice);
 var replace$6 = uncurryThis$f(''.replace);
 var join = uncurryThis$f([].join);
 
-var CONFIGURABLE_LENGTH = DESCRIPTORS$8 && !fails$h(function () {
+var CONFIGURABLE_LENGTH = DESCRIPTORS$8 && !fails$g(function () {
   return defineProperty$5(function () { /* empty */ }, 'length', { value: 8 }).length !== 8;
 });
 
@@ -1072,7 +1072,7 @@ var copyConstructorProperties$3 = function (target, source, exceptions) {
   }
 };
 
-var fails$g = fails$o;
+var fails$f = fails$n;
 var isCallable$b = isCallable$l;
 
 var replacement = /#|\.prototype\./;
@@ -1081,7 +1081,7 @@ var isForced$2 = function (feature, detection) {
   var value = data[normalize(feature)];
   return value === POLYFILL ? true
     : value === NATIVE ? false
-    : isCallable$b(detection) ? fails$g(detection)
+    : isCallable$b(detection) ? fails$f(detection)
     : !!detection;
 };
 
@@ -1095,7 +1095,7 @@ var POLYFILL = isForced$2.POLYFILL = 'P';
 
 var isForced_1 = isForced$2;
 
-var global$9 = global$i;
+var global$8 = global$h;
 var getOwnPropertyDescriptor$1 = objectGetOwnPropertyDescriptor.f;
 var createNonEnumerableProperty$7 = createNonEnumerableProperty$9;
 var defineBuiltIn$5 = defineBuiltIn$6;
@@ -1124,11 +1124,11 @@ var _export = function (options, source) {
   var STATIC = options.stat;
   var FORCED, target, key, targetProperty, sourceProperty, descriptor;
   if (GLOBAL) {
-    target = global$9;
+    target = global$8;
   } else if (STATIC) {
-    target = global$9[TARGET] || defineGlobalProperty(TARGET, {});
+    target = global$8[TARGET] || defineGlobalProperty(TARGET, {});
   } else {
-    target = global$9[TARGET] && global$9[TARGET].prototype;
+    target = global$8[TARGET] && global$8[TARGET].prototype;
   }
   if (target) for (key in source) {
     sourceProperty = source[key];
@@ -1150,9 +1150,9 @@ var _export = function (options, source) {
   }
 };
 
-var fails$f = fails$o;
+var fails$e = fails$n;
 
-var correctPrototypeGetter = !fails$f(function () {
+var correctPrototypeGetter = !fails$e(function () {
   function F() { /* empty */ }
   F.prototype.constructor = null;
   // eslint-disable-next-line es/no-object-getprototypeof -- required for testing
@@ -1161,7 +1161,7 @@ var correctPrototypeGetter = !fails$f(function () {
 
 var hasOwn$5 = hasOwnProperty_1;
 var isCallable$a = isCallable$l;
-var toObject$5 = toObject$7;
+var toObject$4 = toObject$6;
 var sharedKey = sharedKey$3;
 var CORRECT_PROTOTYPE_GETTER = correctPrototypeGetter;
 
@@ -1173,7 +1173,7 @@ var ObjectPrototype = $Object$1.prototype;
 // https://tc39.es/ecma262/#sec-object.getprototypeof
 // eslint-disable-next-line es/no-object-getprototypeof -- safe
 var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object$1.getPrototypeOf : function (O) {
-  var object = toObject$5(O);
+  var object = toObject$4(O);
   if (hasOwn$5(object, IE_PROTO)) return object[IE_PROTO];
   var constructor = object.constructor;
   if (isCallable$a(constructor) && object instanceof constructor) {
@@ -1181,7 +1181,7 @@ var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object$1.getPrototypeOf :
   } return object instanceof $Object$1 ? ObjectPrototype : null;
 };
 
-var fails$e = fails$o;
+var fails$d = fails$n;
 var isCallable$9 = isCallable$l;
 var isObject$5 = isObject$b;
 var getPrototypeOf$1 = objectGetPrototypeOf;
@@ -1206,7 +1206,7 @@ if ([].keys) {
   }
 }
 
-var NEW_ITERATOR_PROTOTYPE = !isObject$5(IteratorPrototype$2) || fails$e(function () {
+var NEW_ITERATOR_PROTOTYPE = !isObject$5(IteratorPrototype$2) || fails$d(function () {
   var test = {};
   // FF44- legacy iterators case
   return IteratorPrototype$2[ITERATOR$2].call(test) !== test;
@@ -1257,12 +1257,12 @@ var iteratorCreateConstructor = function (IteratorConstructor, NAME, next, ENUME
 };
 
 var uncurryThis$d = functionUncurryThis;
-var aCallable$1 = aCallable$3;
+var aCallable = aCallable$2;
 
 var functionUncurryThisAccessor = function (object, key, method) {
   try {
     // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-    return uncurryThis$d(aCallable$1(Object.getOwnPropertyDescriptor(object, key)[method]));
+    return uncurryThis$d(aCallable(Object.getOwnPropertyDescriptor(object, key)[method]));
   } catch (error) { /* empty */ }
 };
 
@@ -1275,11 +1275,11 @@ var isPossiblePrototype$1 = function (argument) {
 var isPossiblePrototype = isPossiblePrototype$1;
 
 var $String$2 = String;
-var $TypeError$6 = TypeError;
+var $TypeError$5 = TypeError;
 
 var aPossiblePrototype$1 = function (argument) {
   if (isPossiblePrototype(argument)) return argument;
-  throw new $TypeError$6("Can't set " + $String$2(argument) + ' as a prototype');
+  throw new $TypeError$5("Can't set " + $String$2(argument) + ' as a prototype');
 };
 
 /* eslint-disable no-proto -- safe */
@@ -1311,7 +1311,7 @@ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? functio
   };
 }() : undefined);
 
-var $$c = _export;
+var $$b = _export;
 var call$9 = functionCall;
 var FunctionName = functionName;
 var isCallable$8 = isCallable$l;
@@ -1399,7 +1399,7 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
       if (BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME || !(KEY in IterablePrototype)) {
         defineBuiltIn$3(IterablePrototype, KEY, methods[KEY]);
       }
-    } else $$c({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
+    } else $$b({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
   }
 
   // define iterator
@@ -1522,7 +1522,7 @@ var DOMTokenListPrototype$1 = classList && classList.constructor && classList.co
 
 var domTokenListPrototype = DOMTokenListPrototype$1 === Object.prototype ? undefined : DOMTokenListPrototype$1;
 
-var global$8 = global$i;
+var global$7 = global$h;
 var DOMIterables = domIterables;
 var DOMTokenListPrototype = domTokenListPrototype;
 var ArrayIteratorMethods = es_array_iterator;
@@ -1554,7 +1554,7 @@ var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
 };
 
 for (var COLLECTION_NAME in DOMIterables) {
-  handlePrototype(global$8[COLLECTION_NAME] && global$8[COLLECTION_NAME].prototype, COLLECTION_NAME);
+  handlePrototype(global$7[COLLECTION_NAME] && global$7[COLLECTION_NAME].prototype, COLLECTION_NAME);
 }
 
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
@@ -1562,12 +1562,12 @@ handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 var DESCRIPTORS$6 = descriptors;
 var uncurryThis$c = functionUncurryThis;
 var call$8 = functionCall;
-var fails$d = fails$o;
+var fails$c = fails$n;
 var objectKeys = objectKeys$2;
 var getOwnPropertySymbolsModule = objectGetOwnPropertySymbols;
 var propertyIsEnumerableModule = objectPropertyIsEnumerable;
-var toObject$4 = toObject$7;
-var IndexedObject$1 = indexedObject;
+var toObject$3 = toObject$6;
+var IndexedObject = indexedObject;
 
 // eslint-disable-next-line es/no-object-assign -- safe
 var $assign = Object.assign;
@@ -1577,7 +1577,7 @@ var concat$1 = uncurryThis$c([].concat);
 
 // `Object.assign` method
 // https://tc39.es/ecma262/#sec-object.assign
-var objectAssign = !$assign || fails$d(function () {
+var objectAssign = !$assign || fails$c(function () {
   // should have correct order of operations (Edge bug)
   if (DESCRIPTORS$6 && $assign({ b: 1 }, $assign(defineProperty$2({}, 'a', {
     enumerable: true,
@@ -1598,13 +1598,13 @@ var objectAssign = !$assign || fails$d(function () {
   alphabet.split('').forEach(function (chr) { B[chr] = chr; });
   return $assign({}, A)[symbol] !== 7 || objectKeys($assign({}, B)).join('') !== alphabet;
 }) ? function assign(target, source) { // eslint-disable-line no-unused-vars -- required for `.length`
-  var T = toObject$4(target);
+  var T = toObject$3(target);
   var argumentsLength = arguments.length;
   var index = 1;
   var getOwnPropertySymbols = getOwnPropertySymbolsModule.f;
   var propertyIsEnumerable = propertyIsEnumerableModule.f;
   while (argumentsLength > index) {
-    var S = IndexedObject$1(arguments[index++]);
+    var S = IndexedObject(arguments[index++]);
     var keys = getOwnPropertySymbols ? concat$1(objectKeys(S), getOwnPropertySymbols(S)) : objectKeys(S);
     var length = keys.length;
     var j = 0;
@@ -1616,34 +1616,34 @@ var objectAssign = !$assign || fails$d(function () {
   } return T;
 } : $assign;
 
-var $$b = _export;
+var $$a = _export;
 var assign = objectAssign;
 
 // `Object.assign` method
 // https://tc39.es/ecma262/#sec-object.assign
 // eslint-disable-next-line es/no-object-assign -- required for testing
-$$b({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }, {
+$$a({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }, {
   assign: assign
 });
 
-let _$8 = t => t,
-  _t$8;
-const FormFieldWrapper = styled.div(_t$8 || (_t$8 = _$8`
+let _$7 = t => t,
+  _t$7;
+const FormFieldWrapper = styled.div(_t$7 || (_t$7 = _$7`
   margin-bottom: var(--goa-space-l);
 `));
 
-var $$a = _export;
-var toObject$3 = toObject$7;
-var lengthOfArrayLike$2 = lengthOfArrayLike$4;
+var $$9 = _export;
+var toObject$2 = toObject$6;
+var lengthOfArrayLike$1 = lengthOfArrayLike$3;
 var toIntegerOrInfinity$3 = toIntegerOrInfinity$6;
 var addToUnscopables$1 = addToUnscopables$3;
 
 // `Array.prototype.at` method
 // https://tc39.es/ecma262/#sec-array.prototype.at
-$$a({ target: 'Array', proto: true }, {
+$$9({ target: 'Array', proto: true }, {
   at: function at(index) {
-    var O = toObject$3(this);
-    var len = lengthOfArrayLike$2(O);
+    var O = toObject$2(this);
+    var len = lengthOfArrayLike$1(O);
     var relativeIndex = toIntegerOrInfinity$3(index);
     var k = relativeIndex >= 0 ? relativeIndex : len + relativeIndex;
     return (k < 0 || k >= len) ? undefined : O[k];
@@ -1680,7 +1680,7 @@ var tryGet = function (it, key) {
 };
 
 // getting tag from ES6+ `Object.prototype.toString`
-var classof$7 = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
+var classof$6 = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
   var O, tag, result;
   return it === undefined ? 'Undefined' : it === null ? 'Null'
     // @@toStringTag case
@@ -1691,12 +1691,12 @@ var classof$7 = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
     : (result = classofRaw(O)) === 'Object' && isCallable$7(O.callee) ? 'Arguments' : result;
 };
 
-var classof$6 = classof$7;
+var classof$5 = classof$6;
 
 var $String$1 = String;
 
 var toString$a = function (argument) {
-  if (classof$6(argument) === 'Symbol') throw new TypeError('Cannot convert a Symbol value to a string');
+  if (classof$5(argument) === 'Symbol') throw new TypeError('Cannot convert a Symbol value to a string');
   return $String$1(argument);
 };
 
@@ -1718,13 +1718,13 @@ var regexpFlags$1 = function () {
   return result;
 };
 
-var fails$c = fails$o;
-var global$7 = global$i;
+var fails$b = fails$n;
+var global$6 = global$h;
 
 // babel-minify and Closure Compiler transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError
-var $RegExp$2 = global$7.RegExp;
+var $RegExp$2 = global$6.RegExp;
 
-var UNSUPPORTED_Y$2 = fails$c(function () {
+var UNSUPPORTED_Y$2 = fails$b(function () {
   var re = $RegExp$2('a', 'y');
   re.lastIndex = 2;
   return re.exec('abcd') !== null;
@@ -1732,11 +1732,11 @@ var UNSUPPORTED_Y$2 = fails$c(function () {
 
 // UC Browser bug
 // https://github.com/zloirock/core-js/issues/1008
-var MISSED_STICKY$1 = UNSUPPORTED_Y$2 || fails$c(function () {
+var MISSED_STICKY$1 = UNSUPPORTED_Y$2 || fails$b(function () {
   return !$RegExp$2('a', 'y').sticky;
 });
 
-var BROKEN_CARET = UNSUPPORTED_Y$2 || fails$c(function () {
+var BROKEN_CARET = UNSUPPORTED_Y$2 || fails$b(function () {
   // https://bugzilla.mozilla.org/show_bug.cgi?id=773687
   var re = $RegExp$2('^r', 'gy');
   re.lastIndex = 2;
@@ -1749,24 +1749,24 @@ var regexpStickyHelpers = {
   UNSUPPORTED_Y: UNSUPPORTED_Y$2
 };
 
-var fails$b = fails$o;
-var global$6 = global$i;
+var fails$a = fails$n;
+var global$5 = global$h;
 
 // babel-minify and Closure Compiler transpiles RegExp('.', 's') -> /./s and it causes SyntaxError
-var $RegExp$1 = global$6.RegExp;
+var $RegExp$1 = global$5.RegExp;
 
-var regexpUnsupportedDotAll = fails$b(function () {
+var regexpUnsupportedDotAll = fails$a(function () {
   var re = $RegExp$1('.', 's');
   return !(re.dotAll && re.test('\n') && re.flags === 's');
 });
 
-var fails$a = fails$o;
-var global$5 = global$i;
+var fails$9 = fails$n;
+var global$4 = global$h;
 
 // babel-minify and Closure Compiler transpiles RegExp('(?<a>b)', 'g') -> /(?<a>b)/g and it causes SyntaxError
-var $RegExp = global$5.RegExp;
+var $RegExp = global$4.RegExp;
 
-var regexpUnsupportedNcg = fails$a(function () {
+var regexpUnsupportedNcg = fails$9(function () {
   var re = $RegExp('(?<a>b)', 'g');
   return re.exec('b').groups.a !== 'b' ||
     'b'.replace(re, '$<a>c') !== 'bc';
@@ -1889,18 +1889,18 @@ if (PATCH) {
 
 var regexpExec$2 = patchedExec;
 
-var $$9 = _export;
+var $$8 = _export;
 var exec$2 = regexpExec$2;
 
 // `RegExp.prototype.exec` method
 // https://tc39.es/ecma262/#sec-regexp.prototype.exec
-$$9({ target: 'RegExp', proto: true, forced: /./.exec !== exec$2 }, {
+$$8({ target: 'RegExp', proto: true, forced: /./.exec !== exec$2 }, {
   exec: exec$2
 });
 
 // TODO: Remove from `core-js@4` since it's moved to entry points
 
-var $$8 = _export;
+var $$7 = _export;
 var call$6 = functionCall;
 var isCallable$6 = isCallable$l;
 var anObject$3 = anObject$9;
@@ -1920,7 +1920,7 @@ var nativeTest = /./.test;
 
 // `RegExp.prototype.test` method
 // https://tc39.es/ecma262/#sec-regexp.prototype.test
-$$8({ target: 'RegExp', proto: true, forced: !DELEGATES_TO_EXEC }, {
+$$7({ target: 'RegExp', proto: true, forced: !DELEGATES_TO_EXEC }, {
   test: function (S) {
     var R = anObject$3(this);
     var string = toString$8(S);
@@ -1933,23 +1933,23 @@ $$8({ target: 'RegExp', proto: true, forced: !DELEGATES_TO_EXEC }, {
   }
 });
 
-var $$7 = _export;
+var $$6 = _export;
 var uncurryThis$a = functionUncurryThis;
 var requireObjectCoercible$3 = requireObjectCoercible$7;
 var toIntegerOrInfinity$2 = toIntegerOrInfinity$6;
 var toString$7 = toString$a;
-var fails$9 = fails$o;
+var fails$8 = fails$n;
 
 var charAt$5 = uncurryThis$a(''.charAt);
 
-var FORCED$3 = fails$9(function () {
+var FORCED$2 = fails$8(function () {
   // eslint-disable-next-line es/no-array-string-prototype-at -- safe
   return '𠮷'.at(-2) !== '\uD842';
 });
 
 // `String.prototype.at` method
 // https://tc39.es/ecma262/#sec-string.prototype.at
-$$7({ target: 'String', proto: true, forced: FORCED$3 }, {
+$$6({ target: 'String', proto: true, forced: FORCED$2 }, {
   at: function at(index) {
     var S = toString$7(requireObjectCoercible$3(this));
     var len = S.length;
@@ -1975,7 +1975,7 @@ var functionApply = typeof Reflect == 'object' && Reflect.apply || (NATIVE_BIND
 var call$4 = functionCall;
 var defineBuiltIn$2 = defineBuiltIn$6;
 var regexpExec$1 = regexpExec$2;
-var fails$8 = fails$o;
+var fails$7 = fails$n;
 var wellKnownSymbol$5 = wellKnownSymbol$e;
 var createNonEnumerableProperty$4 = createNonEnumerableProperty$9;
 
@@ -1985,14 +1985,14 @@ var RegExpPrototype$4 = RegExp.prototype;
 var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
   var SYMBOL = wellKnownSymbol$5(KEY);
 
-  var DELEGATES_TO_SYMBOL = !fails$8(function () {
+  var DELEGATES_TO_SYMBOL = !fails$7(function () {
     // String methods call symbol-named RegExp methods
     var O = {};
     O[SYMBOL] = function () { return 7; };
     return ''[KEY](O) !== 7;
   });
 
-  var DELEGATES_TO_EXEC = DELEGATES_TO_SYMBOL && !fails$8(function () {
+  var DELEGATES_TO_EXEC = DELEGATES_TO_SYMBOL && !fails$7(function () {
     // Symbol-named RegExp methods call .exec
     var execCalled = false;
     var re = /a/;
@@ -2055,7 +2055,7 @@ var charAt$4 = uncurryThis$9(''.charAt);
 var charCodeAt$1 = uncurryThis$9(''.charCodeAt);
 var stringSlice$4 = uncurryThis$9(''.slice);
 
-var createMethod$1 = function (CONVERT_TO_STRING) {
+var createMethod = function (CONVERT_TO_STRING) {
   return function ($this, pos) {
     var S = toString$6(requireObjectCoercible$2($this));
     var position = toIntegerOrInfinity$1(pos);
@@ -2077,10 +2077,10 @@ var createMethod$1 = function (CONVERT_TO_STRING) {
 var stringMultibyte = {
   // `String.prototype.codePointAt` method
   // https://tc39.es/ecma262/#sec-string.prototype.codepointat
-  codeAt: createMethod$1(false),
+  codeAt: createMethod(false),
   // `String.prototype.at` method
   // https://github.com/mathiasbynens/String.prototype.at
-  charAt: createMethod$1(true)
+  charAt: createMethod(true)
 };
 
 var charAt$3 = stringMultibyte.charAt;
@@ -2092,7 +2092,7 @@ var advanceStringIndex$1 = function (S, index, unicode) {
 };
 
 var uncurryThis$8 = functionUncurryThis;
-var toObject$2 = toObject$7;
+var toObject$1 = toObject$6;
 
 var floor = Math.floor;
 var charAt$2 = uncurryThis$8(''.charAt);
@@ -2109,7 +2109,7 @@ var getSubstitution$1 = function (matched, str, position, captures, namedCapture
   var m = captures.length;
   var symbols = SUBSTITUTION_SYMBOLS_NO_NAMED;
   if (namedCaptures !== undefined) {
-    namedCaptures = toObject$2(namedCaptures);
+    namedCaptures = toObject$1(namedCaptures);
     symbols = SUBSTITUTION_SYMBOLS;
   }
   return replace$4(replacement, symbols, function (match, ch) {
@@ -2140,10 +2140,10 @@ var getSubstitution$1 = function (matched, str, position, captures, namedCapture
 var call$3 = functionCall;
 var anObject$2 = anObject$9;
 var isCallable$5 = isCallable$l;
-var classof$5 = classofRaw$1;
+var classof$4 = classofRaw$1;
 var regexpExec = regexpExec$2;
 
-var $TypeError$5 = TypeError;
+var $TypeError$4 = TypeError;
 
 // `RegExpExec` abstract operation
 // https://tc39.es/ecma262/#sec-regexpexec
@@ -2154,15 +2154,15 @@ var regexpExecAbstract = function (R, S) {
     if (result !== null) anObject$2(result);
     return result;
   }
-  if (classof$5(R) === 'RegExp') return call$3(regexpExec, R, S);
-  throw new $TypeError$5('RegExp#exec called on incompatible receiver');
+  if (classof$4(R) === 'RegExp') return call$3(regexpExec, R, S);
+  throw new $TypeError$4('RegExp#exec called on incompatible receiver');
 };
 
 var apply$2 = functionApply;
 var call$2 = functionCall;
 var uncurryThis$7 = functionUncurryThis;
 var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
-var fails$7 = fails$o;
+var fails$6 = fails$n;
 var anObject$1 = anObject$9;
 var isCallable$4 = isCallable$l;
 var isNullOrUndefined = isNullOrUndefined$3;
@@ -2203,7 +2203,7 @@ var REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE = (function () {
   return false;
 })();
 
-var REPLACE_SUPPORTS_NAMED_GROUPS = !fails$7(function () {
+var REPLACE_SUPPORTS_NAMED_GROUPS = !fails$6(function () {
   var re = /./;
   re.exec = function () {
     var result = [];
@@ -2697,34 +2697,34 @@ const onChangeForNumericControl = props => {
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const onChangeForCheckboxData = (data, name, value) => data ? !value ? data === null || data === void 0 ? void 0 : data.filter(item => item !== name) : [...data, name] : [name];
 
-let _$7 = t => t,
-  _t$7,
-  _t2$4;
-styled.div(_t$7 || (_t$7 = _$7`
+let _$6 = t => t,
+  _t$6,
+  _t2$3;
+styled.div(_t$6 || (_t$6 = _$6`
   height: 70vh;
   overflow-y: auto;
   padding-left: var(--goa-space-2xs);
   padding-right: var(--goa-space-2xs);
 `));
-const Visible = styled.div(_t2$4 || (_t2$4 = _$7`
+const Visible = styled.div(_t2$3 || (_t2$3 = _$6`
   display: ${0};
 `), p => p.visible ? 'initial' : 'none');
 
 const ADD_REGISTER_DATA_ACTION = 'jsonforms/register/data/add';
 
-var classof$4 = classofRaw$1;
+var classof$3 = classofRaw$1;
 
 // `IsArray` abstract operation
 // https://tc39.es/ecma262/#sec-isarray
 // eslint-disable-next-line es/no-array-isarray -- safe
 var isArray$2 = Array.isArray || function isArray(argument) {
-  return classof$4(argument) === 'Array';
+  return classof$3(argument) === 'Array';
 };
 
 var DESCRIPTORS$5 = descriptors;
 var isArray$1 = isArray$2;
 
-var $TypeError$4 = TypeError;
+var $TypeError$3 = TypeError;
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
 var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
 
@@ -2742,28 +2742,28 @@ var SILENT_ON_NON_WRITABLE_LENGTH_SET = DESCRIPTORS$5 && !function () {
 
 var arraySetLength = SILENT_ON_NON_WRITABLE_LENGTH_SET ? function (O, length) {
   if (isArray$1(O) && !getOwnPropertyDescriptor(O, 'length').writable) {
-    throw new $TypeError$4('Cannot set read only .length');
+    throw new $TypeError$3('Cannot set read only .length');
   } return O.length = length;
 } : function (O, length) {
   return O.length = length;
 };
 
-var $TypeError$3 = TypeError;
+var $TypeError$2 = TypeError;
 var MAX_SAFE_INTEGER = 0x1FFFFFFFFFFFFF; // 2 ** 53 - 1 == 9007199254740991
 
 var doesNotExceedSafeInteger$1 = function (it) {
-  if (it > MAX_SAFE_INTEGER) throw $TypeError$3('Maximum allowed index exceeded');
+  if (it > MAX_SAFE_INTEGER) throw $TypeError$2('Maximum allowed index exceeded');
   return it;
 };
 
-var $$6 = _export;
-var toObject$1 = toObject$7;
-var lengthOfArrayLike$1 = lengthOfArrayLike$4;
+var $$5 = _export;
+var toObject = toObject$6;
+var lengthOfArrayLike = lengthOfArrayLike$3;
 var setArrayLength = arraySetLength;
 var doesNotExceedSafeInteger = doesNotExceedSafeInteger$1;
-var fails$6 = fails$o;
+var fails$5 = fails$n;
 
-var INCORRECT_TO_LENGTH = fails$6(function () {
+var INCORRECT_TO_LENGTH = fails$5(function () {
   return [].push.call({ length: 0x100000000 }, 1) !== 4294967297;
 });
 
@@ -2778,15 +2778,15 @@ var properErrorOnNonWritableLength = function () {
   }
 };
 
-var FORCED$2 = INCORRECT_TO_LENGTH || !properErrorOnNonWritableLength();
+var FORCED$1 = INCORRECT_TO_LENGTH || !properErrorOnNonWritableLength();
 
 // `Array.prototype.push` method
 // https://tc39.es/ecma262/#sec-array.prototype.push
-$$6({ target: 'Array', proto: true, arity: 1, forced: FORCED$2 }, {
+$$5({ target: 'Array', proto: true, arity: 1, forced: FORCED$1 }, {
   // eslint-disable-next-line no-unused-vars -- required for `.length`
   push: function push(item) {
-    var O = toObject$1(this);
-    var len = lengthOfArrayLike$1(O);
+    var O = toObject(this);
+    var len = lengthOfArrayLike(O);
     var argCount = arguments.length;
     doesNotExceedSafeInteger(len + argCount);
     for (var i = 0; i < argCount; i++) {
@@ -2871,7 +2871,7 @@ var inheritIfRequired$2 = function ($this, dummy, Wrapper) {
 };
 
 var isObject$1 = isObject$b;
-var classof$3 = classofRaw$1;
+var classof$2 = classofRaw$1;
 var wellKnownSymbol$3 = wellKnownSymbol$e;
 
 var MATCH$2 = wellKnownSymbol$3('match');
@@ -2880,7 +2880,7 @@ var MATCH$2 = wellKnownSymbol$3('match');
 // https://tc39.es/ecma262/#sec-isregexp
 var isRegexp = function (it) {
   var isRegExp;
-  return isObject$1(it) && ((isRegExp = it[MATCH$2]) !== undefined ? !!isRegExp : classof$3(it) === 'RegExp');
+  return isObject$1(it) && ((isRegExp = it[MATCH$2]) !== undefined ? !!isRegExp : classof$2(it) === 'RegExp');
 };
 
 var call$1 = functionCall;
@@ -2934,7 +2934,7 @@ var setSpecies$1 = function (CONSTRUCTOR_NAME) {
 };
 
 var DESCRIPTORS$3 = descriptors;
-var global$4 = global$i;
+var global$3 = global$h;
 var uncurryThis$6 = functionUncurryThis;
 var isForced = isForced_1;
 var inheritIfRequired$1 = inheritIfRequired$2;
@@ -2948,7 +2948,7 @@ var getRegExpFlags$1 = regexpGetFlags;
 var stickyHelpers = regexpStickyHelpers;
 var proxyAccessor$1 = proxyAccessor$2;
 var defineBuiltIn$1 = defineBuiltIn$6;
-var fails$5 = fails$o;
+var fails$4 = fails$n;
 var hasOwn$2 = hasOwnProperty_1;
 var enforceInternalState = internalState.enforce;
 var setSpecies = setSpecies$1;
@@ -2957,9 +2957,9 @@ var UNSUPPORTED_DOT_ALL$1 = regexpUnsupportedDotAll;
 var UNSUPPORTED_NCG = regexpUnsupportedNcg;
 
 var MATCH$1 = wellKnownSymbol$1('match');
-var NativeRegExp = global$4.RegExp;
+var NativeRegExp = global$3.RegExp;
 var RegExpPrototype$2 = NativeRegExp.prototype;
-var SyntaxError = global$4.SyntaxError;
+var SyntaxError = global$3.SyntaxError;
 var exec$1 = uncurryThis$6(RegExpPrototype$2.exec);
 var charAt$1 = uncurryThis$6(''.charAt);
 var replace$3 = uncurryThis$6(''.replace);
@@ -2977,7 +2977,7 @@ var MISSED_STICKY = stickyHelpers.MISSED_STICKY;
 var UNSUPPORTED_Y = stickyHelpers.UNSUPPORTED_Y;
 
 var BASE_FORCED = DESCRIPTORS$3 &&
-  (!CORRECT_NEW || MISSED_STICKY || UNSUPPORTED_DOT_ALL$1 || UNSUPPORTED_NCG || fails$5(function () {
+  (!CORRECT_NEW || MISSED_STICKY || UNSUPPORTED_DOT_ALL$1 || UNSUPPORTED_NCG || fails$4(function () {
     re2[MATCH$1] = false;
     // RegExp constructor can alter flags and IsRegExp works correct with @@match
     return NativeRegExp(re1) !== re1 || NativeRegExp(re2) === re2 || String(NativeRegExp(re1, 'i')) !== '/a/i';
@@ -3119,7 +3119,7 @@ if (isForced('RegExp', BASE_FORCED)) {
 
   RegExpPrototype$2.constructor = RegExpWrapper;
   RegExpWrapper.prototype = RegExpPrototype$2;
-  defineBuiltIn$1(global$4, 'RegExp', RegExpWrapper, { constructor: true });
+  defineBuiltIn$1(global$3, 'RegExp', RegExpWrapper, { constructor: true });
 }
 
 // https://tc39.es/ecma262/#sec-get-regexp-@@species
@@ -3127,12 +3127,12 @@ setSpecies('RegExp');
 
 var DESCRIPTORS$2 = descriptors;
 var UNSUPPORTED_DOT_ALL = regexpUnsupportedDotAll;
-var classof$2 = classofRaw$1;
+var classof$1 = classofRaw$1;
 var defineBuiltInAccessor$1 = defineBuiltInAccessor$3;
 var getInternalState = internalState.get;
 
 var RegExpPrototype$1 = RegExp.prototype;
-var $TypeError$2 = TypeError;
+var $TypeError$1 = TypeError;
 
 // `RegExp.prototype.dotAll` getter
 // https://tc39.es/ecma262/#sec-get-regexp.prototype.dotall
@@ -3143,10 +3143,10 @@ if (DESCRIPTORS$2 && UNSUPPORTED_DOT_ALL) {
       if (this === RegExpPrototype$1) return;
       // We can't use InternalStateModule.getterFor because
       // we don't add metadata for regexps created by a literal.
-      if (classof$2(this) === 'RegExp') {
+      if (classof$1(this) === 'RegExp') {
         return !!getInternalState(this).dotAll;
       }
-      throw new $TypeError$2('Incompatible receiver, RegExp required');
+      throw new $TypeError$1('Incompatible receiver, RegExp required');
     }
   });
 }
@@ -3155,14 +3155,14 @@ var PROPER_FUNCTION_NAME = functionName.PROPER;
 var defineBuiltIn = defineBuiltIn$6;
 var anObject = anObject$9;
 var $toString = toString$a;
-var fails$4 = fails$o;
+var fails$3 = fails$n;
 var getRegExpFlags = regexpGetFlags;
 
 var TO_STRING = 'toString';
 var RegExpPrototype = RegExp.prototype;
 var nativeToString = RegExpPrototype[TO_STRING];
 
-var NOT_GENERIC = fails$4(function () { return nativeToString.call({ source: 'a', flags: 'b' }) !== '/a/b'; });
+var NOT_GENERIC = fails$3(function () { return nativeToString.call({ source: 'a', flags: 'b' }) !== '/a/b'; });
 // FF44- RegExp#toString has a wrong name
 var INCORRECT_NAME = PROPER_FUNCTION_NAME && nativeToString.name !== TO_STRING;
 
@@ -3299,11 +3299,15 @@ const GoAInputBaseControl = props => {
     input,
     required,
     errors,
-    path
+    path,
+    isStepperReview
   } = props;
   const InnerComponent = input;
   const labelToUpdate = getLabelText(uischema.scope, label || '');
-  checkFieldValidity(props);
+  let modifiedErrors = checkFieldValidity(props);
+  if (modifiedErrors === 'should be equal to one of the allowed values') {
+    modifiedErrors = '';
+  }
   const getStepStatus = (props, value) => {
     return {
       id: props.id,
@@ -3335,8 +3339,8 @@ const GoAInputBaseControl = props => {
       children: jsx(FormFieldWrapper, {
         children: jsx(GoAFormItem, {
           requirement: required ? 'required' : undefined,
-          error: '',
-          testId: `${path}`,
+          error: modifiedErrors,
+          testId: `${isStepperReview === true && 'review-base-'}${path}`,
           label: (props === null || props === void 0 ? void 0 : props.noLabel) === true ? '' : labelToUpdate,
           helpText: typeof ((_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.help) === 'string' ? (_b = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _b === void 0 ? void 0 : _b.help : '',
           children: jsx(InnerComponent, Object.assign({}, modifiedProps))
@@ -3346,9 +3350,9 @@ const GoAInputBaseControl = props => {
   });
 };
 
-var $$5 = _export;
+var $$4 = _export;
 var DESCRIPTORS$1 = descriptors;
-var global$3 = global$i;
+var global$2 = global$h;
 var uncurryThis$5 = functionUncurryThis;
 var hasOwn$1 = hasOwnProperty_1;
 var isCallable$2 = isCallable$l;
@@ -3357,7 +3361,7 @@ var toString$3 = toString$a;
 var defineBuiltInAccessor = defineBuiltInAccessor$3;
 var copyConstructorProperties$1 = copyConstructorProperties$3;
 
-var NativeSymbol = global$3.Symbol;
+var NativeSymbol = global$2.Symbol;
 var SymbolPrototype = NativeSymbol && NativeSymbol.prototype;
 
 if (DESCRIPTORS$1 && isCallable$2(NativeSymbol) && (!('description' in SymbolPrototype) ||
@@ -3398,7 +3402,7 @@ if (DESCRIPTORS$1 && isCallable$2(NativeSymbol) && (!('description' in SymbolPro
     }
   });
 
-  $$5({ global: true, constructor: true, forced: true }, {
+  $$4({ global: true, constructor: true, forced: true }, {
     Symbol: SymbolWrapper
   });
 }
@@ -3654,7 +3658,7 @@ var arraySlice$1 = uncurryThis$4([].slice);
 var uncurryThis$3 = functionUncurryThis;
 var isArray = isArray$2;
 var isCallable$1 = isCallable$l;
-var classof$1 = classofRaw$1;
+var classof = classofRaw$1;
 var toString$2 = toString$a;
 
 var push = uncurryThis$3([].push);
@@ -3667,7 +3671,7 @@ var getJsonReplacerFunction = function (replacer) {
   for (var i = 0; i < rawLength; i++) {
     var element = replacer[i];
     if (typeof element == 'string') push(keys, element);
-    else if (typeof element == 'number' || classof$1(element) === 'Number' || classof$1(element) === 'String') push(keys, toString$2(element));
+    else if (typeof element == 'number' || classof(element) === 'Number' || classof(element) === 'String') push(keys, toString$2(element));
   }
   var keysLength = keys.length;
   var root = true;
@@ -3681,12 +3685,12 @@ var getJsonReplacerFunction = function (replacer) {
   };
 };
 
-var $$4 = _export;
+var $$3 = _export;
 var getBuiltIn$1 = getBuiltIn$6;
 var apply$1 = functionApply;
 var call = functionCall;
 var uncurryThis$2 = functionUncurryThis;
-var fails$3 = fails$o;
+var fails$2 = fails$n;
 var isCallable = isCallable$l;
 var isSymbol = isSymbol$3;
 var arraySlice = arraySlice$1;
@@ -3705,7 +3709,7 @@ var tester = /[\uD800-\uDFFF]/g;
 var low = /^[\uD800-\uDBFF]$/;
 var hi = /^[\uDC00-\uDFFF]$/;
 
-var WRONG_SYMBOLS_CONVERSION = !NATIVE_SYMBOL || fails$3(function () {
+var WRONG_SYMBOLS_CONVERSION = !NATIVE_SYMBOL || fails$2(function () {
   var symbol = getBuiltIn$1('Symbol')('stringify detection');
   // MS Edge converts symbol values to JSON as {}
   return $stringify([symbol]) !== '[null]'
@@ -3716,7 +3720,7 @@ var WRONG_SYMBOLS_CONVERSION = !NATIVE_SYMBOL || fails$3(function () {
 });
 
 // https://github.com/tc39/proposal-well-formed-stringify
-var ILL_FORMED_UNICODE = fails$3(function () {
+var ILL_FORMED_UNICODE = fails$2(function () {
   return $stringify('\uDF06\uD834') !== '"\\udf06\\ud834"'
     || $stringify('\uDEAD') !== '"\\udead"';
 });
@@ -3744,7 +3748,7 @@ var fixIllFormed = function (match, offset, string) {
 if ($stringify) {
   // `JSON.stringify` method
   // https://tc39.es/ecma262/#sec-json.stringify
-  $$4({ target: 'JSON', stat: true, arity: 3, forced: WRONG_SYMBOLS_CONVERSION || ILL_FORMED_UNICODE }, {
+  $$3({ target: 'JSON', stat: true, arity: 3, forced: WRONG_SYMBOLS_CONVERSION || ILL_FORMED_UNICODE }, {
     // eslint-disable-next-line no-unused-vars -- required for `.length`
     stringify: function stringify(it, replacer, space) {
       var args = arraySlice(arguments);
@@ -4050,6 +4054,7 @@ const EnumSelect = props => {
     value: data,
     disabled: !enabled,
     relative: true,
+    width: "100%",
     filterable: autocompletion,
     testId: `${id || label}-jsonform`
   }, appliedUiSchemaOptions, {
@@ -4221,20 +4226,20 @@ const BooleanRadioControl = props => jsx(GoAInputBaseControl, Object.assign({},
 const GoABooleanRadioControlTester = rankWith(3, and(isBooleanControl, optionIs('radio', true)));
 const GoABooleanRadioControl = withJsonFormsControlProps(BooleanRadioControl);
 
-var $$3 = _export;
+var $$2 = _export;
 var $includes = arrayIncludes.includes;
-var fails$2 = fails$o;
+var fails$1 = fails$n;
 var addToUnscopables = addToUnscopables$3;
 
 // FF99+ bug
-var BROKEN_ON_SPARSE = fails$2(function () {
+var BROKEN_ON_SPARSE = fails$1(function () {
   // eslint-disable-next-line es/no-array-prototype-includes -- detection
   return !Array(1).includes();
 });
 
 // `Array.prototype.includes` method
 // https://tc39.es/ecma262/#sec-array.prototype.includes
-$$3({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
+$$2({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
   includes: function includes(el /* , fromIndex = 0 */) {
     return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
   }
@@ -4245,11 +4250,11 @@ addToUnscopables('includes');
 
 var isRegExp = isRegexp;
 
-var $TypeError$1 = TypeError;
+var $TypeError = TypeError;
 
 var notARegexp = function (it) {
   if (isRegExp(it)) {
-    throw new $TypeError$1("The method doesn't accept regular expressions");
+    throw new $TypeError("The method doesn't accept regular expressions");
   } return it;
 };
 
@@ -4269,7 +4274,7 @@ var correctIsRegexpLogic = function (METHOD_NAME) {
   } return false;
 };
 
-var $$2 = _export;
+var $$1 = _export;
 var uncurryThis$1 = functionUncurryThis;
 var notARegExp = notARegexp;
 var requireObjectCoercible = requireObjectCoercible$7;
@@ -4280,7 +4285,7 @@ var stringIndexOf = uncurryThis$1(''.indexOf);
 
 // `String.prototype.includes` method
 // https://tc39.es/ecma262/#sec-string.prototype.includes
-$$2({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
+$$1({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
   includes: function includes(searchString /* , position = 0 */) {
     return !!~stringIndexOf(
       toString$1(requireObjectCoercible(this)),
@@ -4290,8 +4295,8 @@ $$2({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }
   }
 });
 
-let _$6 = t => t,
-  _t$6;
+let _$5 = t => t,
+  _t$5;
 const Checkboxes = ({
   children,
   orientation,
@@ -4303,7 +4308,7 @@ const Checkboxes = ({
     children: children
   });
 };
-const CheckBoxGroupDiv = styled.div(_t$6 || (_t$6 = _$6`
+const CheckBoxGroupDiv = styled.div(_t$5 || (_t$5 = _$5`
   .horizontal {
     display: flex;
     flex-direction: row;
@@ -4357,6 +4362,28 @@ const EnumCheckboxControl = props => {
 const GoAEnumCheckboxGroupControl = withJsonFormsEnumProps(withTranslateProps(EnumCheckboxControl), true);
 const GoACheckoutGroupControlTester = rankWith(18, and(isEnumControl, optionIs('format', 'checkbox')));
 
+const GoABaseInputReviewComponent = props => {
+  // eslint-disable-next-line
+  const {
+    data,
+    id
+  } = props;
+  let reviewText = data;
+  const isBoolean = typeof data === 'boolean';
+  if (isBoolean) {
+    reviewText = data ? 'Yes' : 'No';
+  }
+  return jsx("div", {
+    "data-testid": `review-control-${id}`,
+    children: reviewText
+  });
+};
+const GoInputBaseReview = props => jsx(GoAInputBaseControl, Object.assign({}, props, {
+  input: GoABaseInputReviewComponent,
+  isStepperReview: true
+}));
+const GoInputBaseReviewControl = withJsonFormsControlProps(GoInputBaseReview);
+
 const renderLayoutElements = (elements, schema, path, enabled, renderers, cells) => {
   return elements.map((child, index) => jsx("div", {
     children: jsx(JsonFormsDispatch, {
@@ -4386,7 +4413,8 @@ const LayoutRenderer = ({
   direction,
   renderers,
   cells,
-  visible
+  visible,
+  width
 }) => {
   if (isEmpty$1(elements)) {
     return null;
@@ -4395,7 +4423,7 @@ const LayoutRenderer = ({
       return jsx(Visible, {
         visible: visible,
         children: jsx(GoAGrid, {
-          minChildWidth: "10ch",
+          minChildWidth: width || '10ch',
           children: renderLayoutElements(elements, schema, path, enabled, renderers, cells)
         })
       });
@@ -4408,68 +4436,17 @@ const LayoutRenderer = ({
   }
 };
 
-let _$5 = t => t,
-  _t$5,
-  _t2$3;
-const Grid = styled.div(_t$5 || (_t$5 = _$5`
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  align-items: stretch;
-`));
-const GridItem = styled.div(_t2$3 || (_t2$3 = _$5`
-  margin-bottom: ${0};
-
-  > .goa-card {
-    height: 100% !important;
-    width: 100% !important;
-  }
-
-  > img {
-    width: 100%;
-  }
-
-  flex: 0 1
-    ${0};
-
-  @media (min-width: 768px) {
-    flex-basis: ${0};
-  }
-  @media (min-width: 1024px) {
-    flex-basis: ${0};
-  }
-  @media (min-width: 1280px) {
-    flex-basis: ${0};
-  }
-`), props => {
-  var _a;
-  return `${(_a = props.vSpacing) !== null && _a !== void 0 ? _a : 0}rem`;
-}, props => {
-  var _a, _b;
-  return props.sm === 12 || props.sm === undefined ? '100%' : `calc(${100 * ((_a = props === null || props === void 0 ? void 0 : props.sm) !== null && _a !== void 0 ? _a : 12) / 12}% - ${(_b = props.hSpacing) !== null && _b !== void 0 ? _b : 0}rem)`;
-}, props => {
-  var _a, _b, _c;
-  return props.md === 12 ? '100%' : `calc(${100 * ((_b = (_a = props === null || props === void 0 ? void 0 : props.md) !== null && _a !== void 0 ? _a : props.sm) !== null && _b !== void 0 ? _b : 12) / 12}% - ${(_c = props.hSpacing) !== null && _c !== void 0 ? _c : 0}rem)`;
-}, props => {
-  var _a, _b, _c, _d;
-  return props.lg === 12 ? '100%' : `calc(${100 * ((_c = (_b = (_a = props === null || props === void 0 ? void 0 : props.lg) !== null && _a !== void 0 ? _a : props === null || props === void 0 ? void 0 : props.md) !== null && _b !== void 0 ? _b : props.sm) !== null && _c !== void 0 ? _c : 12) / 12}% - ${(_d = props.hSpacing) !== null && _d !== void 0 ? _d : 0}rem)`;
-}, props => {
-  var _a, _b, _c, _d;
-  return props.xl === 12 ? '100%' : `calc(${100 * ((_c = (_b = (_a = props === null || props === void 0 ? void 0 : props.xl) !== null && _a !== void 0 ? _a : props === null || props === void 0 ? void 0 : props.md) !== null && _b !== void 0 ? _b : props.sm) !== null && _c !== void 0 ? _c : 12) / 12}% - ${(_d = props.hSpacing) !== null && _d !== void 0 ? _d : 0}rem)`;
-});
-
 let _$4 = t => t,
   _t$4,
   _t2$2,
   _t3$2,
   _t4$1,
-  _t5,
-  _t6,
-  _t7,
-  _t8,
-  _t9,
-  _t10;
+  _t5$1,
+  _t6$1,
+  _t7$1,
+  _t8$1,
+  _t9$1,
+  _t10$1;
 const ReviewItem = styled.div(_t$4 || (_t$4 = _$4`
   display: flex;
   flex-direction: column;
@@ -4496,26 +4473,26 @@ const ReviewItemTitle = styled.div(_t4$1 || (_t4$1 = _$4`
   line-height: var(--lh-lg);
   font-weight: var(--fw-light);
 `));
-const Anchor = styled.div(_t5 || (_t5 = _$4`
+const Anchor = styled.div(_t5$1 || (_t5$1 = _$4`
   color: #0070c4;
   text-decoration: underline;
   outline: none;
   cursor: pointer;
 `));
-styled.div(_t6 || (_t6 = _$4`
+styled.div(_t6$1 || (_t6$1 = _$4`
   margin-left: var(--goa-space-m);
 `));
-styled.div(_t7 || (_t7 = _$4`
+styled.div(_t7$1 || (_t7$1 = _$4`
   margin-bottom: var(--goa-space-m);
 `));
-const ListWithDetail = styled.div(_t8 || (_t8 = _$4`
+styled.div(_t8$1 || (_t8$1 = _$4`
   margin: var(--goa-space-s);
   width: 100%;
 `));
-const ListWithDetailHeading = styled.h3(_t9 || (_t9 = _$4`
+styled.h3(_t9$1 || (_t9$1 = _$4`
   text-transform: capitalize;
 `));
-const RightAlignmentDiv = styled.div(_t10 || (_t10 = _$4`
+const RightAlignmentDiv = styled.div(_t10$1 || (_t10$1 = _$4`
   display: flex;
   justify-content: flex-end;
 `));
@@ -4553,10 +4530,10 @@ var errorStackClear = function (stack, dropEntries) {
   } return stack;
 };
 
-var fails$1 = fails$o;
+var fails = fails$n;
 var createPropertyDescriptor = createPropertyDescriptor$4;
 
-var errorStackInstallable = !fails$1(function () {
+var errorStackInstallable = !fails(function () {
   var error = new Error('a');
   if (!('stack' in error)) return true;
   // eslint-disable-next-line es/no-object-defineproperty -- safe
@@ -4643,28 +4620,28 @@ var wrapErrorConstructorWithCause$1 = function (FULL_NAME, wrapper, FORCED, IS_A
 };
 
 /* eslint-disable no-unused-vars -- required for functions `.length` */
-var $$1 = _export;
-var global$2 = global$i;
+var $ = _export;
+var global$1 = global$h;
 var apply = functionApply;
 var wrapErrorConstructorWithCause = wrapErrorConstructorWithCause$1;
 
 var WEB_ASSEMBLY = 'WebAssembly';
-var WebAssembly = global$2[WEB_ASSEMBLY];
+var WebAssembly = global$1[WEB_ASSEMBLY];
 
 // eslint-disable-next-line es/no-error-cause -- feature detection
-var FORCED$1 = new Error('e', { cause: 7 }).cause !== 7;
+var FORCED = new Error('e', { cause: 7 }).cause !== 7;
 
 var exportGlobalErrorCauseWrapper = function (ERROR_NAME, wrapper) {
   var O = {};
-  O[ERROR_NAME] = wrapErrorConstructorWithCause(ERROR_NAME, wrapper, FORCED$1);
-  $$1({ global: true, constructor: true, arity: 1, forced: FORCED$1 }, O);
+  O[ERROR_NAME] = wrapErrorConstructorWithCause(ERROR_NAME, wrapper, FORCED);
+  $({ global: true, constructor: true, arity: 1, forced: FORCED }, O);
 };
 
 var exportWebAssemblyErrorCauseWrapper = function (ERROR_NAME, wrapper) {
   if (WebAssembly && WebAssembly[ERROR_NAME]) {
     var O = {};
-    O[ERROR_NAME] = wrapErrorConstructorWithCause(WEB_ASSEMBLY + '.' + ERROR_NAME, wrapper, FORCED$1);
-    $$1({ target: WEB_ASSEMBLY, stat: true, constructor: true, arity: 1, forced: FORCED$1 }, O);
+    O[ERROR_NAME] = wrapErrorConstructorWithCause(WEB_ASSEMBLY + '.' + ERROR_NAME, wrapper, FORCED);
+    $({ target: WEB_ASSEMBLY, stat: true, constructor: true, arity: 1, forced: FORCED }, O);
   }
 };
 
@@ -4824,356 +4801,6 @@ const ContextProviderFactory = () => new ContextProviderClass().setup;
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const JsonFormContext = /*#__PURE__*/createContext(null);
 
-const getAllRequiredFields = schema => {
-  const requiredFields = [];
-  function findRequired(fields) {
-    if (fields && fields.required && Array.isArray(fields.required)) {
-      fields.required.forEach(field => {
-        requiredFields.push(field);
-      });
-    }
-    if (fields !== undefined && fields.properties) {
-      Object.keys(fields.properties).forEach(key => {
-        if (fields.properties) {
-          findRequired(fields.properties[key]);
-        }
-      });
-    } else if (fields && fields.type === 'array' && fields.items && typeof fields.items === 'object') {
-      const childItems = JSON.parse(JSON.stringify(fields.items));
-      findRequired(childItems);
-    }
-  }
-  findRequired(schema);
-  return requiredFields;
-};
-
-var aCallable = aCallable$3;
-var toObject = toObject$7;
-var IndexedObject = indexedObject;
-var lengthOfArrayLike = lengthOfArrayLike$4;
-
-var $TypeError = TypeError;
-
-var REDUCE_EMPTY = 'Reduce of empty array with no initial value';
-
-// `Array.prototype.{ reduce, reduceRight }` methods implementation
-var createMethod = function (IS_RIGHT) {
-  return function (that, callbackfn, argumentsLength, memo) {
-    var O = toObject(that);
-    var self = IndexedObject(O);
-    var length = lengthOfArrayLike(O);
-    aCallable(callbackfn);
-    if (length === 0 && argumentsLength < 2) throw new $TypeError(REDUCE_EMPTY);
-    var index = IS_RIGHT ? length - 1 : 0;
-    var i = IS_RIGHT ? -1 : 1;
-    if (argumentsLength < 2) while (true) {
-      if (index in self) {
-        memo = self[index];
-        index += i;
-        break;
-      }
-      index += i;
-      if (IS_RIGHT ? index < 0 : length <= index) {
-        throw new $TypeError(REDUCE_EMPTY);
-      }
-    }
-    for (;IS_RIGHT ? index >= 0 : length > index; index += i) if (index in self) {
-      memo = callbackfn(memo, self[index], index, O);
-    }
-    return memo;
-  };
-};
-
-var arrayReduce = {
-  // `Array.prototype.reduce` method
-  // https://tc39.es/ecma262/#sec-array.prototype.reduce
-  left: createMethod(false),
-  // `Array.prototype.reduceRight` method
-  // https://tc39.es/ecma262/#sec-array.prototype.reduceright
-  right: createMethod(true)
-};
-
-var fails = fails$o;
-
-var arrayMethodIsStrict$1 = function (METHOD_NAME, argument) {
-  var method = [][METHOD_NAME];
-  return !!method && fails(function () {
-    // eslint-disable-next-line no-useless-call -- required for testing
-    method.call(null, argument || function () { return 1; }, 1);
-  });
-};
-
-var global$1 = global$i;
-var classof = classofRaw$1;
-
-var engineIsNode = classof(global$1.process) === 'process';
-
-var $ = _export;
-var $reduce = arrayReduce.left;
-var arrayMethodIsStrict = arrayMethodIsStrict$1;
-var CHROME_VERSION = engineV8Version;
-var IS_NODE = engineIsNode;
-
-// Chrome 80-82 has a critical bug
-// https://bugs.chromium.org/p/chromium/issues/detail?id=1049982
-var CHROME_BUG = !IS_NODE && CHROME_VERSION > 79 && CHROME_VERSION < 83;
-var FORCED = CHROME_BUG || !arrayMethodIsStrict('reduce');
-
-// `Array.prototype.reduce` method
-// https://tc39.es/ecma262/#sec-array.prototype.reduce
-$({ target: 'Array', proto: true, forced: FORCED }, {
-  reduce: function reduce(callbackfn /* , initialValue */) {
-    var length = arguments.length;
-    return $reduce(this, callbackfn, length, length > 1 ? arguments[1] : undefined);
-  }
-});
-
-const labelToString = (label, scope) => {
-  if (!label) {
-    return resolveLabelFromScope(scope);
-  }
-  if (typeof label === 'object' && label !== null && 'show' in label && label.show) {
-    return label.text ? label.text : resolveLabelFromScope(scope);
-  }
-  if (typeof label === 'string') {
-    return label;
-  }
-  return '';
-};
-const resolveLabelFromScope = scope => {
-  // eslint-disable-next-line no-useless-escape
-  const validPatternRegex = /^#(\/properties\/[^\/]+)+$/;
-  const isValid = validPatternRegex.test(scope);
-  if (!isValid) return '';
-  const fieldName = scope.split('/').pop();
-  if (fieldName) {
-    const lowercased = fieldName.replace(/([A-Z])/g, ' $1').toLowerCase();
-    return lowercased.charAt(0).toUpperCase() + lowercased.slice(1);
-  }
-  return '';
-};
-/*
- * Convert object to an array like [[ke1, value1], [key2, value2]]
- * Note: this handles nested objects.
- */
-const objToArray = obj => {
-  return Object.entries(obj).map(([key, value]) => {
-    if (typeof value === 'object' && !Array.isArray(value)) {
-      return [key, objToArray(value)];
-    }
-    return [key, getValue(value)];
-  });
-};
-// test for ['name', 'fred']
-const isNameValuePair = value => {
-  return Array.isArray(value) && value.length === 2 && typeof value[0] === 'string' && typeof value[1] === 'string';
-};
-// test for: ['name', [['first', 'fred'], ['middle', 'jolly'], ['last', 'mcguire']]];
-const isNestedValue = value => {
-  return Array.isArray(value) && value.length === 2 && typeof value[0] === 'string' && Array.isArray(value[1]);
-};
-const isObjectArray = value => {
-  return Array.isArray(value) && value.length > 0 && typeof value[0] === 'object';
-};
-/*
- * Convert ['name', [['first', 'fred'], ['middle', 'jolly'], ['last', 'mcguire']]]
- * into [['first', 'fred'], ['middle', 'jolly'], ['last', 'mcguire']]
- */
-const flatten = arr => {
-  return arr.reduce((acc, val) => {
-    if (typeof val === 'string' || !val) {
-      return acc;
-    }
-    if (isNestedValue(val)) {
-      const flatter = flatten(val[1]);
-      return acc.concat(flatter);
-    }
-    if (isNameValuePair(val)) {
-      return acc.concat([[String(val[0]), getValue(val[1]) || '']]);
-    }
-    return acc;
-  }, []);
-};
-/*
- * Flatten(objToArray(currentValue))
- * Might have to be revisited.  It currently looses information that may be
- * deemed to be important later on - i.e. if an object contains nested objects,
- * such as { person: { name: 'fred', 'address':'calgary' }, isRich: false }
- * then the 'person' identifier is lost, resulting in
- * [['name', 'fred'], ['address', 'calgary'], ['isRich', 'false']]
- *
- * However, we need to decide how to handle these sorts of nested data in the summary
- * page before messing with it.
- */
-const getFormFieldValue = (schema, scope, data) => {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  let currentValue = data;
-  if (scope) {
-    const pathArray = scope.replace('#/properties/', '').replace('properties/', '').split('/');
-    for (const key of pathArray) {
-      if (!currentValue) break;
-      currentValue = currentValue[key];
-    }
-  }
-  return isObjectArray(currentValue) ? {
-    type: 'array',
-    value: objToArray(currentValue)
-  } : typeof currentValue === 'object' ? {
-    type: 'object',
-    value: flatten(objToArray(currentValue))
-  } : {
-    type: 'primitive',
-    value: getValue(currentValue)
-  };
-};
-const getValue = currentValue => {
-  if (typeof currentValue === 'boolean') {
-    return currentValue ? 'Yes' : 'No';
-  }
-  return currentValue ? String(currentValue) : undefined;
-};
-
-const renderValue = (label, key,
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-value, fileUploaderElement, downloadFile) => {
-  const actualValue = fileUploaderElement ? renderFileLink(fileUploaderElement, downloadFile) : value ? value : '';
-  return jsxs(GridItem, {
-    md: 6,
-    vSpacing: 1,
-    hSpacing: 0.5,
-    children: [jsx("strong", {
-      children: label
-    }), actualValue]
-  }, key);
-};
-const renderFileLink = (fileUploaderElement, downloadFile) => {
-  return jsx("a", {
-    onClick: () => downloadFile(fileUploaderElement, fileUploaderElement === null || fileUploaderElement === void 0 ? void 0 : fileUploaderElement.propertyId),
-    children: fileUploaderElement === null || fileUploaderElement === void 0 ? void 0 : fileUploaderElement.filename
-  });
-};
-const renderReviewControl = (schema, data, element, requiredFields, index,
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-fileList, downloadFile) => {
-  const fieldName = element.scope.split('/').pop() || '';
-  const label = labelToString(element.label, element.scope);
-  if (!fieldName || !label) return null;
-  const isFileUploader = element.scope.includes('fileUploader');
-  const fileUploaderElement = isFileUploader ? fileList && fileList[fieldName] : null;
-  const fieldValues = getFormFieldValue(schema, element.scope, data ? data : {});
-  const isRequired = requiredFields.includes(fieldName);
-  const asterisk = isRequired ? ' *' : '';
-  const values = fieldValues.value;
-  return jsxs(React.Fragment, {
-    children: [fieldValues.type === 'primitive' && renderValue(`${label}${asterisk}: `, `${index}`, fieldValues.value, fileUploaderElement, downloadFile), fieldValues.type === 'object' && values && values.length > 0 && values.map((v, i) => {
-      return renderValue(`${v[0]}: `, `${index}:${i}`, v[1]);
-    }), fieldValues.type === 'array' && values && values.length > 0 && renderList(values)]
-  }, index);
-};
-const renderList = items => {
-  return jsx(React.Fragment, {
-    children: items.map((item, itemIndex) => {
-      const details = Array.isArray(item) ? item : [undefined, [undefined, undefined]];
-      return jsxs("div", {
-        children: [jsx(Grid, {
-          children: details[1].map((detail, detailIndex) => {
-            const safeDetail = Array.isArray(detail) ? detail : [undefined, undefined];
-            return renderValue(`${safeDetail[0]}: `, `item-${itemIndex}-detail-${detailIndex}}`, safeDetail[1]);
-          })
-        }, `item-${itemIndex}`), itemIndex < items.length - 1 ? jsx(GoADivider, {
-          mb: "m"
-        }) : null]
-      });
-    })
-  });
-};
-
-const renderReviewListWithDetail = (schema, elements,
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-data, field, index, requiredFields) => {
-  const listData = data[field];
-  const detailData = [];
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  listData.forEach((elementData, i) => {
-    const itemData = [];
-    elements.forEach((element, j) => {
-      var _a;
-      const fieldName = element.scope.split('/').pop() || '';
-      const label = resolveLabelFromScope(element.scope);
-      const value = (_a = elementData[fieldName]) !== null && _a !== void 0 ? _a : '';
-      itemData.push([label, value]);
-    });
-    detailData.push([`${i}`, itemData]);
-  });
-  return jsxs(ListWithDetail, {
-    children: [jsxs(ListWithDetailHeading, {
-      children: [field, listData.length > 1 && 's']
-    }), renderList(detailData)]
-  }, `${index}-${field}`);
-};
-
-const isControl = type => {
-  return type === 'Control';
-};
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const isListWithDetail$1 = (type, data, fieldName) => {
-  return type === 'ListWithDetail' && typeof data === 'object' && data !== null && fieldName in data && Array.isArray(data[fieldName]) && data[fieldName].length > 0;
-};
-const isLayout = schema => {
-  return typeof schema === 'object' && schema !== null && 'elements' in schema;
-};
-const RenderFormReviewFields = ({
-  elements,
-  data,
-  requiredFields,
-  schema
-}) => {
-  var _a, _b;
-  const enumerators = useContext(JsonFormContext);
-  const downloadTriggerFunction = (_a = enumerators === null || enumerators === void 0 ? void 0 : enumerators.functions) === null || _a === void 0 ? void 0 : _a.get('download-file');
-  const downloadTrigger = downloadTriggerFunction && downloadTriggerFunction();
-  const fileListValue = (_b = enumerators === null || enumerators === void 0 ? void 0 : enumerators.data) === null || _b === void 0 ? void 0 : _b.get('file-list');
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const fileList = fileListValue && fileListValue();
-  const downloadFile = (file, propertyId) => {
-    if (downloadTrigger) {
-      downloadTrigger(file, propertyId);
-    }
-  };
-  return elements.map((element, index) => {
-    var _a, _b, _c;
-    const clonedElement = JSON.parse(JSON.stringify(element));
-    const fieldName = (_a = clonedElement.scope) === null || _a === void 0 ? void 0 : _a.split('/').pop();
-    if (isControl(clonedElement.type)) {
-      return renderReviewControl(schema, data, clonedElement, requiredFields, index, fileList, downloadFile);
-    } else if (isListWithDetail$1(clonedElement.type, data, fieldName)) {
-      const elements = removeLayouts((_c = (_b = clonedElement === null || clonedElement === void 0 ? void 0 : clonedElement.options) === null || _b === void 0 ? void 0 : _b.detail) === null || _c === void 0 ? void 0 : _c.elements) || [];
-      return renderReviewListWithDetail(schema, elements, data, fieldName, index);
-    } else if (isLayout(clonedElement)) {
-      return jsx(React.Fragment, {
-        children: jsx(RenderFormReviewFields, {
-          elements: clonedElement.elements,
-          data: data,
-          requiredFields: requiredFields,
-          schema: schema
-        })
-      }, index);
-    }
-    return null;
-  });
-};
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const removeLayouts = elements => {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  return elements.reduce((acc, item) => {
-    if (isLayout(item)) {
-      return acc.concat(removeLayouts(item.elements));
-    } else {
-      return acc.concat(item);
-    }
-  }, []);
-};
-
 const RenderStepElements = props => {
   return (
     /*
@@ -5405,7 +5032,6 @@ const FormStepper = props => {
             }), jsx(ReviewItem, {
               children: categories.map((category, index) => {
                 const categoryLabel = category.label || category.i18n || 'Unknown Category';
-                const requiredFields = getAllRequiredFields(schema);
                 const testId = `${categoryLabel}-review-link`;
                 return jsxs(ReviewItemSection, {
                   children: [jsxs(ReviewItemHeader, {
@@ -5416,12 +5042,17 @@ const FormStepper = props => {
                       "data-testid": testId,
                       children: readOnly ? 'View' : 'Edit'
                     })]
-                  }), jsx(Grid, {
-                    children: jsx(RenderFormReviewFields, {
-                      elements: category === null || category === void 0 ? void 0 : category.elements,
-                      data: data,
-                      requiredFields: requiredFields,
-                      schema: schema
+                  }), jsx(GoAGrid, {
+                    minChildWidth: "600px",
+                    children: category.elements.map(element => {
+                      return jsx(JsonFormsDispatch, {
+                        "data-testid": `jsonforms-object-list-defined-elements-dispatch`,
+                        schema: schema,
+                        uischema: element,
+                        enabled: enabled,
+                        renderers: GoAReviewRenderers,
+                        cells: cells
+                      });
                     })
                   })]
                 }, index);
@@ -5573,6 +5204,11 @@ let _$2 = t => t,
   _t3$1;
 const DELAY_UPLOAD_TIMEOUT_MS = 5;
 const DELAY_DELETE_TIMEOUT_MS = 5;
+const FileUploaderReview = props => {
+  return FileUploader(Object.assign(Object.assign({}, props), {
+    isStepperReview: true
+  }));
+};
 const FileUploader = _a => {
   var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
   var {
@@ -5791,7 +5427,15 @@ let _$1 = t => t,
   _t$1,
   _t2,
   _t3,
-  _t4;
+  _t4,
+  _t5,
+  _t6,
+  _t7,
+  _t8,
+  _t9,
+  _t10,
+  _t11,
+  _t12;
 const DeleteDialogContent = styled.div(_t$1 || (_t$1 = _$1`
   margin-bottom: var(--goa-space-m);
 `));
@@ -5804,9 +5448,46 @@ const ObjectArrayTitle = styled.h2(_t3 || (_t3 = _$1`
 const TextCenter = styled.div(_t4 || (_t4 = _$1`
   text-align: center;
 `));
+const SideMenuItem = styled.div(_t5 || (_t5 = _$1`
+  &:hover {
+    background: #f1f1f1;
+  }
+`));
+const RowFlex = styled.div(_t6 || (_t6 = _$1`
+  display: flex;
+  align-items: stretch;
+`));
+const RowFlexMenu = styled.div(_t7 || (_t7 = _$1`
+  display: flex;
+  flex-direction: row;
+  border-bottom: 1px solid #dcdcdc;
+`));
+const FlexTabs = styled.div(_t8 || (_t8 = _$1`
+  flex-direction: column;
+  flex: 1;
+  overflow-y: auto !important;
+  margin-right: 1.5rem;
+`));
+const FlexForm = styled.div(_t9 || (_t9 = _$1`
+  flex-direction: column;
+  margin: 1.5rem 0;
+  flex: 3;
+`));
+const TabName = styled.div(_t10 || (_t10 = _$1`
+  margin: 1rem 0 1rem 1rem;
+  font-weight: 700;
+`));
+const Trash = styled.div(_t11 || (_t11 = _$1`
+  margin: 0.75rem 1.25rem 0.75rem 0.75rem;
+  margin-left: auto;
+`));
+const ListContainer = styled.div(_t12 || (_t12 = _$1`
+  padding: 0 1.5rem 0 0;
+  border: 1px solid #dcdcdc;
+`));
 
 // eslint-disable-next-line
-const extractScopesFromUISchema = uischema => {
+const extractScopesFromUISchema$1 = uischema => {
   var _a;
   const scopes = [];
   if (uischema === null || uischema === void 0 ? void 0 : uischema.elements) {
@@ -5829,14 +5510,15 @@ const extractScopesFromUISchema = uischema => {
   }
   return scopes;
 };
-const GenerateRows = (Cell, schema, rowPath, enabled, cells, uischema) => {
+const GenerateRows$1 = (Cell, schema, rowPath, enabled, cells, uischema, isInReview) => {
   if (schema.type === 'object') {
     const props = {
       schema,
       rowPath,
       enabled,
       cells,
-      uischema
+      uischema,
+      isInReview
     };
     return jsx(Cell, Object.assign({}, props));
   } else {
@@ -5845,12 +5527,13 @@ const GenerateRows = (Cell, schema, rowPath, enabled, cells, uischema) => {
       schema,
       rowPath,
       cellPath: rowPath,
-      enabled
+      enabled,
+      isInReview
     };
     return jsx(Cell, Object.assign({}, props), rowPath);
   }
 };
-const getValidColumnProps = scopedSchema => {
+const getValidColumnProps$1 = scopedSchema => {
   if (scopedSchema.type === 'object' && typeof scopedSchema.properties === 'object') {
     return Object.keys(scopedSchema.properties).filter(prop => {
       var _a;
@@ -5860,7 +5543,7 @@ const getValidColumnProps = scopedSchema => {
   // primitives
   return [''];
 };
-const EmptyList = ({
+const EmptyList$1 = ({
   numColumns,
   translations
 }) => jsx(GoAGrid, {
@@ -5871,7 +5554,7 @@ const EmptyList = ({
     })
   })
 });
-const ctxToNonEmptyCellProps = (ctx, ownProps) => {
+const ctxToNonEmptyCellProps$1 = (ctx, ownProps) => {
   var _a;
   ownProps.rowPath + (ownProps.schema.type === 'object' ? '.' + ownProps.propName : '');
   const errors = '';
@@ -5886,7 +5569,7 @@ const ctxToNonEmptyCellProps = (ctx, ownProps) => {
     renderers: ownProps.renderers || ctx.renderers
   };
 };
-const NonEmptyCellComponent = /*#__PURE__*/React.memo(function NonEmptyCellComponent(props) {
+const NonEmptyCellComponent$1 = /*#__PURE__*/React.memo(function NonEmptyCellComponent(props) {
   var _a, _b;
   const {
     schema,
@@ -5896,13 +5579,14 @@ const NonEmptyCellComponent = /*#__PURE__*/React.memo(function NonEmptyCellCompo
     cells,
     rowPath,
     isValid,
-    uischema
+    uischema,
+    isInReview
   } = props;
-  const propNames = getValidColumnProps(schema);
+  const propNames = getValidColumnProps$1(schema);
   const propScopes = (uischema === null || uischema === void 0 ? void 0 : uischema.scope) ? propNames.map(name => {
     return `#/properties/${name}`;
   }) : [];
-  const scopesInElements = extractScopesFromUISchema(uischema);
+  const scopesInElements = extractScopesFromUISchema$1(uischema);
   const scopesNotInElements = propScopes.filter(scope => {
     return !scopesInElements.includes(scope);
   });
@@ -5928,7 +5612,10 @@ const NonEmptyCellComponent = /*#__PURE__*/React.memo(function NonEmptyCellCompo
     elements: scopesNotInElements.map(scope => {
       return {
         type: 'Control',
-        scope
+        scope,
+        options: {
+          isStepperReview: isInReview
+        }
       };
     })
   };
@@ -5942,7 +5629,7 @@ const NonEmptyCellComponent = /*#__PURE__*/React.memo(function NonEmptyCellCompo
         uischema: element,
         path: rowPath,
         enabled: enabled,
-        renderers: renderers,
+        renderers: isInReview ? GoAReviewRenderers : renderers,
         cells: cells
       }, rowPath);
     }), ((_b = uiSchemaElementsForNotDefined === null || uiSchemaElementsForNotDefined === void 0 ? void 0 : uiSchemaElementsForNotDefined.elements) === null || _b === void 0 ? void 0 : _b.length) > 0 && jsx(JsonFormsDispatch, {
@@ -5950,20 +5637,21 @@ const NonEmptyCellComponent = /*#__PURE__*/React.memo(function NonEmptyCellCompo
       uischema: uiSchemaElementsForNotDefined,
       path: rowPath,
       enabled: enabled,
-      renderers: renderers,
+      renderers: isInReview ? GoAReviewRenderers : renderers,
       cells: cells
     })]
   });
 });
-const NonEmptyCell = ownProps => {
+const NonEmptyCell$1 = ownProps => {
   const ctx = useJsonForms();
-  const emptyCellProps = ctxToNonEmptyCellProps(ctx, ownProps);
+  const emptyCellProps = ctxToNonEmptyCellProps$1(ctx, ownProps);
   const isValid = isEmpty$1(emptyCellProps.errors);
-  return jsx(NonEmptyCellComponent, Object.assign({}, emptyCellProps, {
+  return jsx(NonEmptyCellComponent$1, Object.assign({}, emptyCellProps, {
+    isInReview: ownProps === null || ownProps === void 0 ? void 0 : ownProps.isInReview,
     isValid: isValid
   }));
 };
-const NonEmptyRowComponent = ({
+const NonEmptyRowComponent$1 = ({
   childPath,
   schema,
   rowIndex,
@@ -5972,23 +5660,24 @@ const NonEmptyRowComponent = ({
   cells,
   path,
   translations,
-  uischema
+  uischema,
+  isInReview
 }) => {
   return jsx("div", {
     children: enabled ? jsxs(GoAContainer, {
-      children: [jsx(GoAGrid, {
+      children: [isInReview !== true && jsx(GoAGrid, {
         minChildWidth: "30ch",
         children: jsx(GoAIconButton, {
           icon: "trash",
           "aria-label": translations.removeAriaLabel,
           onClick: () => openDeleteDialog(childPath, rowIndex)
         })
-      }), GenerateRows(NonEmptyCell, schema, childPath, enabled, cells, uischema)]
+      }), GenerateRows$1(NonEmptyCell$1, schema, childPath, enabled, cells, uischema, isInReview)]
     }) : null
   }, childPath);
 };
-const NonEmptyList = /*#__PURE__*/React.memo(NonEmptyRowComponent);
-const ObjectArrayList = ({
+const NonEmptyList$1 = /*#__PURE__*/React.memo(NonEmptyRowComponent$1);
+const ObjectArrayList$1 = ({
   data,
   path,
   schema,
@@ -5997,12 +5686,13 @@ const ObjectArrayList = ({
   config,
   enabled,
   cells,
-  translations
+  translations,
+  isInReview
 }) => {
   const isEmptyList = data === 0;
   if (isEmptyList) {
-    return jsx(EmptyList, {
-      numColumns: getValidColumnProps(schema).length + 1,
+    return jsx(EmptyList$1, {
+      numColumns: getValidColumnProps$1(schema).length + 1,
       translations: translations
     });
   }
@@ -6010,7 +5700,7 @@ const ObjectArrayList = ({
   return jsx(Fragment, {
     children: range(data).map(index => {
       const childPath = Paths.compose(path, `${index}`);
-      return jsx(NonEmptyList, {
+      return jsx(NonEmptyList$1, {
         childPath: childPath,
         rowIndex: index,
         schema: schema,
@@ -6020,7 +5710,8 @@ const ObjectArrayList = ({
         cells: cells,
         path: path,
         uischema: uischema,
-        translations: translations
+        translations: translations,
+        isInReview: isInReview
       }, childPath);
     })
   });
@@ -6048,19 +5739,23 @@ class ObjectArrayControl extends React.Component {
         cells,
         translations,
         data,
-        config
+        config,
+        isStepperReview
       } = _b,
-      additionalProps = __rest(_b, ["label", "path", "schema", "rootSchema", "uischema", "errors", "openDeleteDialog", "visible", "enabled", "cells", "translations", "data", "config"]);
+      additionalProps = __rest(_b, ["label", "path", "schema", "rootSchema", "uischema", "errors", "openDeleteDialog", "visible", "enabled", "cells", "translations", "data", "config", "isStepperReview"]);
     const controlElement = uischema;
     // eslint-disable-next-line
     const listTitle = label || ((_a = uischema.options) === null || _a === void 0 ? void 0 : _a.title);
+    const isInReview = isStepperReview === true;
     return jsxs(Visible, {
       visible: visible,
       "data-testid": "jsonforms-object-list-wrapper",
       children: [jsxs(ToolBarHeader, {
-        children: [listTitle && jsx(ObjectArrayTitle, {
+        children: [isInReview && listTitle && jsx("b", {
           children: listTitle
-        }), jsx(ObjectArrayToolBar, {
+        }), !isInReview && listTitle && jsx(ObjectArrayTitle, {
+          children: listTitle
+        }), !isInReview && jsx(ObjectArrayToolBar, {
           errors: errors,
           label: label,
           addItem: this.addItem,
@@ -6073,7 +5768,7 @@ class ObjectArrayControl extends React.Component {
           translations: translations
         })]
       }), jsx("div", {
-        children: jsx(ObjectArrayList, Object.assign({
+        children: jsx(ObjectArrayList$1, Object.assign({
           path: path,
           schema: schema,
           uischema: uischema,
@@ -6082,7 +5777,8 @@ class ObjectArrayControl extends React.Component {
           translations: translations,
           data: data,
           cells: cells,
-          config: config
+          config: config,
+          isInReview: isInReview
         }, additionalProps))
       })]
     });
@@ -6114,6 +5810,7 @@ const DeleteDialog = /*#__PURE__*/React.memo(function DeleteDialog({
         children: "Cancel"
       }), jsx(GoAButton, {
         type: "primary",
+        variant: "destructive",
         testId: "object-array-confirm-button",
         onClick: () => {
           onConfirm();
@@ -6160,8 +5857,407 @@ const ArrayControl = props => {
     })]
   });
 };
+const ArrayBaseReviewControl = props => {
+  const {
+    visible
+  } = props;
+  return jsx(Visible, {
+    visible: visible,
+    children: jsx(ObjectArrayControl, Object.assign({}, props, {
+      openDeleteDialog: () => {},
+      isStepperReview: true
+    }))
+  });
+};
 const GoAArrayControlTester = rankWith(3, or(isObjectArrayControl, isPrimitiveArrayControl));
 const GoAArrayControlRenderer = withJsonFormsArrayLayoutProps(ArrayControl);
+const GoAArrayControlReviewRenderer = withJsonFormsArrayLayoutProps(ArrayBaseReviewControl);
+
+// eslint-disable-next-line
+const extractScopesFromUISchema = uischema => {
+  var _a;
+  const scopes = [];
+  if (uischema === null || uischema === void 0 ? void 0 : uischema.elements) {
+    // eslint-disable-next-line
+    (_a = uischema === null || uischema === void 0 ? void 0 : uischema.elements) === null || _a === void 0 ? void 0 : _a.forEach(element => {
+      var _a;
+      if (element === null || element === void 0 ? void 0 : element.elements) {
+        // eslint-disable-next-line
+        (_a = element === null || element === void 0 ? void 0 : element.elements) === null || _a === void 0 ? void 0 : _a.forEach(internalElement => {
+          if (internalElement === null || internalElement === void 0 ? void 0 : internalElement.scope) {
+            scopes.push(internalElement === null || internalElement === void 0 ? void 0 : internalElement.scope);
+          }
+        });
+      } else {
+        if (element === null || element === void 0 ? void 0 : element.scope) {
+          scopes.push(element === null || element === void 0 ? void 0 : element.scope);
+        }
+      }
+    });
+  }
+  return scopes;
+};
+const GenerateRows = (Cell, schema, rowPath, enabled, cells, uischema) => {
+  if (schema.type === 'object') {
+    const props = {
+      schema,
+      rowPath,
+      enabled,
+      cells,
+      uischema
+    };
+    return jsx(Cell, Object.assign({}, props));
+  } else {
+    // primitives
+    const props = {
+      schema,
+      rowPath,
+      cellPath: rowPath,
+      enabled
+    };
+    return jsx(Cell, Object.assign({}, props), rowPath);
+  }
+};
+const getValidColumnProps = scopedSchema => {
+  if (scopedSchema.type === 'object' && typeof scopedSchema.properties === 'object') {
+    return Object.keys(scopedSchema.properties).filter(prop => {
+      var _a;
+      return ((_a = scopedSchema.properties) === null || _a === void 0 ? void 0 : _a[prop].type) !== 'array';
+    });
+  }
+  // primitives
+  return [''];
+};
+const EmptyList = ({
+  numColumns,
+  translations
+}) => jsx(GoAGrid, {
+  minChildWidth: "60ch",
+  children: jsx(TextCenter, {
+    children: jsx("b", {
+      children: translations.noDataMessage
+    })
+  })
+});
+const ctxToNonEmptyCellProps = (ctx, ownProps) => {
+  var _a;
+  ownProps.rowPath + (ownProps.schema.type === 'object' ? '.' + ownProps.propName : '');
+  const errors = '';
+  return {
+    uischema: ownProps.uischema,
+    rowPath: ownProps.rowPath,
+    schema: ownProps.schema,
+    rootSchema: (_a = ctx.core) === null || _a === void 0 ? void 0 : _a.schema,
+    errors,
+    enabled: ownProps.enabled,
+    cells: ownProps.cells || ctx.cells,
+    renderers: ownProps.renderers || ctx.renderers
+  };
+};
+const NonEmptyCellComponent = /*#__PURE__*/React.memo(function NonEmptyCellComponent(props) {
+  var _a, _b;
+  const {
+    schema,
+    errors,
+    enabled,
+    renderers,
+    cells,
+    rowPath,
+    isValid,
+    uischema
+  } = props;
+  const propNames = getValidColumnProps(schema);
+  const propScopes = (uischema === null || uischema === void 0 ? void 0 : uischema.scope) ? propNames.map(name => {
+    return `#/properties/${name}`;
+  }) : [];
+  const scopesInElements = extractScopesFromUISchema(uischema);
+  const scopesNotInElements = propScopes.filter(scope => {
+    return !scopesInElements.includes(scope);
+  });
+  /**
+   * Get the first layout type in the elements for the object array and used it
+   * as the default type, if none is provided.
+   * @returns layout type
+   */
+  const getFirstLayoutType = () => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    let defaultType = 'VerticalLayout';
+    if ((_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.defaultType) return (_b = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _b === void 0 ? void 0 : _b.defaultType;
+    if (((_c = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _c === void 0 ? void 0 : _c.detail) && ((_f = (_e = (_d = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _d === void 0 ? void 0 : _d.detail) === null || _e === void 0 ? void 0 : _e.elements) === null || _f === void 0 ? void 0 : _f.length) > 0) {
+      defaultType = (_h = (_g = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _g === void 0 ? void 0 : _g.detail) === null || _h === void 0 ? void 0 : _h.elements.at(0).type;
+    }
+    return defaultType;
+  };
+  /* Create default elements for scope not defined in the uischema
+   * future work: merge the options
+   */
+  const uiSchemaElementsForNotDefined = {
+    type: getFirstLayoutType(),
+    elements: scopesNotInElements.map(scope => {
+      return {
+        type: 'Control',
+        scope
+      };
+    })
+  };
+  return jsxs(Fragment, {
+    children: [
+    // eslint-disable-next-line
+    (_a = uischema === null || uischema === void 0 ? void 0 : uischema.elements) === null || _a === void 0 ? void 0 : _a.map(element => {
+      return jsx(JsonFormsDispatch, {
+        "data-testid": `jsonforms-object-list-defined-elements-dispatch`,
+        schema: schema,
+        uischema: element,
+        path: rowPath,
+        enabled: enabled,
+        renderers: renderers,
+        cells: cells
+      }, rowPath);
+    }), ((_b = uiSchemaElementsForNotDefined === null || uiSchemaElementsForNotDefined === void 0 ? void 0 : uiSchemaElementsForNotDefined.elements) === null || _b === void 0 ? void 0 : _b.length) > 0 && jsx(JsonFormsDispatch, {
+      schema: schema,
+      uischema: uiSchemaElementsForNotDefined,
+      path: rowPath,
+      enabled: enabled,
+      renderers: renderers,
+      cells: cells
+    })]
+  });
+});
+const NonEmptyCell = ownProps => {
+  const ctx = useJsonForms();
+  const emptyCellProps = ctxToNonEmptyCellProps(ctx, ownProps);
+  const isValid = isEmpty$1(emptyCellProps.errors);
+  return jsx(NonEmptyCellComponent, Object.assign({}, emptyCellProps, {
+    isValid: isValid
+  }));
+};
+const NonEmptyRowComponent = ({
+  childPath,
+  schema,
+  enabled,
+  cells,
+  uischema
+}) => {
+  return jsx("div", {
+    children: enabled ? jsx(GoAGrid, {
+      minChildWidth: "30ch",
+      children: GenerateRows(NonEmptyCell, schema, childPath, enabled, cells, uischema)
+    }) : null
+  }, childPath);
+};
+const LeftTab = ({
+  childPath,
+  rowIndex,
+  openDeleteDialog,
+  selectCurrentTab,
+  enabled,
+  currentTab,
+  name,
+  translations
+}) => {
+  return jsx("div", {
+    children: enabled ? jsx(SideMenuItem, {
+      style: currentTab === rowIndex ? {
+        background: '#EFF8FF'
+      } : {},
+      onClick: () => selectCurrentTab(rowIndex),
+      children: jsxs(RowFlexMenu, {
+        children: [jsx(TabName, {
+          children: name
+        }), jsx(Trash, {
+          children: jsx(GoAIconButton, {
+            icon: "trash",
+            "aria-label": translations.removeAriaLabel,
+            onClick: () => openDeleteDialog(childPath, rowIndex, name)
+          })
+        })]
+      })
+    }) : null
+  }, childPath);
+};
+const NonEmptyList = /*#__PURE__*/React.memo(NonEmptyRowComponent);
+const ObjectArrayList = ({
+  data,
+  path,
+  schema,
+  openDeleteDialog,
+  uischema,
+  config,
+  enabled,
+  cells,
+  translations
+}) => {
+  const isEmptyList = data === 0;
+  const rightRef = useRef(null);
+  const current = rightRef.current;
+  const [rightHeight, setRightHeight] = useState(0);
+  const [currentTab, setCurrentTab] = useState(0);
+  useEffect(() => {
+    const resizeObserver = new ResizeObserver(entries => {
+      if (rightHeight !== (current === null || current === void 0 ? void 0 : current.offsetHeight)) setRightHeight(current === null || current === void 0 ? void 0 : current.offsetHeight);
+    });
+    if (current) {
+      resizeObserver.observe(current);
+    }
+    return () => {
+      if (current) {
+        resizeObserver.unobserve(current);
+      }
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [current]);
+  if (isEmptyList) {
+    return jsx(EmptyList, {
+      numColumns: getValidColumnProps(schema).length + 1,
+      translations: translations
+    });
+  }
+  const appliedUiSchemaOptions = merge({}, config, uischema.options);
+  const selectCurrentTab = index => {
+    setCurrentTab(index);
+  };
+  const paddedHeight = rightHeight && rightHeight + 48;
+  return jsx(ListContainer, {
+    children: jsxs(RowFlex, {
+      children: [jsx(FlexTabs, {
+        style: {
+          height: paddedHeight
+        },
+        children: range(data).map(index => {
+          const childPath = Paths.compose(path, `${index}`);
+          const name = `${index}: ${path}`;
+          return jsx(LeftTab, {
+            childPath: childPath,
+            rowIndex: index,
+            currentTab: currentTab,
+            name: name,
+            openDeleteDialog: openDeleteDialog,
+            selectCurrentTab: selectCurrentTab,
+            enabled: enabled,
+            translations: translations
+          }, childPath);
+        })
+      }), jsx(FlexForm, {
+        ref: rightRef,
+        children: jsx(NonEmptyList, {
+          childPath: Paths.compose(path, `${currentTab}`),
+          rowIndex: currentTab,
+          schema: schema,
+          openDeleteDialog: openDeleteDialog,
+          showSortButtons: appliedUiSchemaOptions.showSortButtons || appliedUiSchemaOptions.showArrayTableSortButtons,
+          enabled: enabled,
+          cells: cells,
+          path: path,
+          uischema: uischema,
+          translations: translations
+        }, Paths.compose(path, `${currentTab}`))
+      })]
+    })
+  });
+};
+// eslint-disable-next-line
+class ListWithDetailControl extends React.Component {
+  constructor() {
+    super(...arguments);
+    // eslint-disable-next-line
+    this.addItem = (path, value) => this.props.addItem(path, value);
+  }
+  render() {
+    var _a;
+    const _b = this.props,
+      {
+        label,
+        path,
+        schema,
+        rootSchema,
+        uischema,
+        errors,
+        openDeleteDialog,
+        visible,
+        enabled,
+        cells,
+        translations,
+        data,
+        config
+      } = _b,
+      additionalProps = __rest(_b, ["label", "path", "schema", "rootSchema", "uischema", "errors", "openDeleteDialog", "visible", "enabled", "cells", "translations", "data", "config"]);
+    const controlElement = uischema;
+    // eslint-disable-next-line
+    const listTitle = label || ((_a = uischema.options) === null || _a === void 0 ? void 0 : _a.title);
+    return jsxs(Visible, {
+      visible: visible,
+      "data-testid": "jsonforms-object-list-wrapper",
+      children: [jsxs(ToolBarHeader, {
+        children: [listTitle && jsx(ObjectArrayTitle, {
+          children: listTitle
+        }), jsx(ObjectArrayToolBar, {
+          errors: errors,
+          label: label,
+          addItem: this.addItem,
+          numColumns: 0,
+          path: path,
+          uischema: controlElement,
+          schema: schema,
+          rootSchema: rootSchema,
+          enabled: enabled,
+          translations: translations
+        })]
+      }), jsx("div", {
+        children: jsx(ObjectArrayList, Object.assign({
+          path: path,
+          schema: schema,
+          uischema: uischema,
+          enabled: enabled,
+          openDeleteDialog: openDeleteDialog,
+          translations: translations,
+          data: data,
+          cells: cells,
+          config: config
+        }, additionalProps))
+      })]
+    });
+  }
+}
+
+const ListWithDetailsControl = props => {
+  const [open, setOpen] = useState(false);
+  const [path, setPath] = useState();
+  const [name, setName] = useState();
+  const [rowData, setRowData] = useState(0);
+  const {
+    removeItems,
+    visible
+  } = props;
+  const openDeleteDialog = useCallback((p, rowIndex, name) => {
+    setOpen(true);
+    setPath(p);
+    setName(name);
+    setRowData(rowIndex);
+  }, [setOpen, setPath, setRowData]);
+  const deleteCancel = useCallback(() => setOpen(false), [setOpen]);
+  // eslint-disable-next-line
+  const deleteConfirm = useCallback(() => {
+    const p = path === null || path === void 0 ? void 0 : path.substring(0, path.lastIndexOf('.'));
+    if (removeItems && p) {
+      removeItems(p, [rowData])();
+    }
+    setOpen(false);
+    // eslint-disable-next-line
+  }, [setOpen, path, rowData]);
+  return jsxs(Visible, {
+    visible: visible,
+    children: [jsx(ListWithDetailControl, Object.assign({}, props, {
+      openDeleteDialog: openDeleteDialog
+    })), jsx(DeleteDialog, {
+      open: open,
+      onCancel: deleteCancel,
+      onConfirm: deleteConfirm,
+      title: props.translations.deleteDialogTitle || '',
+      message: `Are you sure you wish to delete ${name} `
+    })]
+  });
+};
+const GoAListWithDetailsControlRenderer = withJsonFormsArrayLayoutProps(ListWithDetailsControl);
 const GoAListWithDetailsTester = rankWith(3, and(uiTypeIs('ListWithDetail')));
 
 const GoATextCell = props => jsx(GoAInputText, Object.assign({}, props));
@@ -6218,7 +6314,33 @@ const GoAHorizontalLayoutComponent = ({
     path,
     enabled,
     direction: 'row',
-    visible
+    visible,
+    width: '10ch'
+  };
+  return jsx(LayoutRenderer, Object.assign({}, childProps, {
+    renderers: renderers,
+    cells: cells
+  }));
+};
+const GoAHorizontalReviewLayoutComponent = ({
+  uischema,
+  renderers,
+  cells,
+  schema,
+  path,
+  enabled,
+  visible
+}) => {
+  var _a, _b;
+  const layout = uischema;
+  const childProps = {
+    elements: layout.elements,
+    schema,
+    path,
+    enabled,
+    direction: 'row',
+    visible,
+    width: ((_b = (_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.review) === null || _b === void 0 ? void 0 : _b.width) || '30ch'
   };
   return jsx(LayoutRenderer, Object.assign({}, childProps, {
     renderers: renderers,
@@ -6226,6 +6348,7 @@ const GoAHorizontalLayoutComponent = ({
   }));
 };
 const GoAHorizontalLayout = withJsonFormsLayoutProps(GoAHorizontalLayoutComponent, true);
+const GoAHorizontalReviewLayout = withJsonFormsLayoutProps(GoAHorizontalReviewLayoutComponent, true);
 
 const GoAVerticalLayoutComponent = ({
   uischema,
@@ -6380,6 +6503,9 @@ const RenderLink = props => {
   });
 };
 
+const HelpContentReviewComponent = () => {
+  return jsx(Fragment, {});
+};
 const HelpContentComponent = _a => {
   var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
   var {
@@ -6468,6 +6594,7 @@ const HelpContents = ({
 });
 const HelpContentTester = rankWith(1, uiTypeIs('HelpContent'));
 const HelpContent = withJsonFormsControlProps(HelpContentComponent);
+const HelpReviewContent = withJsonFormsControlProps(HelpContentReviewComponent);
 
 const isNullSchema = schema => {
   return schema === undefined || schema === null;
@@ -6539,7 +6666,7 @@ const getUISchemaErrors = (uiSchema, schema) => {
     return '';
   }
   // Check control elements
-  if (isControl$1(uiSchema) && hasType(uiSchema, 'Control')) {
+  if (isControl(uiSchema) && hasType(uiSchema, 'Control')) {
     if (!isScopedPrefixed(uiSchema.scope)) {
       return errMalformedScope(uiSchema.scope);
     }
@@ -6573,7 +6700,7 @@ const getUISchemaErrors = (uiSchema, schema) => {
     }
     // ensure each element has type Category, and that each category
     // has elements
-    if (isLayout$1(uiSchema)) {
+    if (isLayout(uiSchema)) {
       const invalidCategorizations = [];
       const invalidCategories = [];
       uiSchema.elements.forEach(e => {
@@ -6636,14 +6763,16 @@ const GoAErrorControlTester = rankWith(1000, (uischema, schema, context) => {
 });
 var GoAErrorControl = withJsonFormsControlProps(ErrorControl);
 
-const ajv = new Ajv({
-  allErrors: true,
-  verbose: true,
-  strict: 'log'
-});
-//Example format: urn:ads:platform:file-service:v1:/files/f6de737e-c5fc-42fe-963b-28bfe14597c4
-ajv.addFormat('file-urn', /^urn:ads:platform:file-service:v[0-9]:\/files\/[a-zA-Z0-9.-]*$/);
-addFormats(ajv);
+const createDefaultAjv = () => {
+  const ajv = new Ajv({
+    allErrors: true,
+    verbose: true,
+    strict: 'log'
+  });
+  ajv.addFormat('file-urn', /^urn:ads:platform:file-service:v[0-9]:\/files\/[a-zA-Z0-9.-]*$/);
+  addFormats(ajv);
+  return ajv;
+};
 
 const GoABaseRenderers = [
 // controls
@@ -6688,7 +6817,7 @@ const GoABaseRenderers = [
   renderer: GoAArrayControlRenderer
 }, {
   tester: GoAListWithDetailsTester,
-  renderer: GoAArrayControlRenderer
+  renderer: GoAListWithDetailsControlRenderer
 },
 // layouts
 {
@@ -6712,6 +6841,64 @@ const GoABaseRenderers = [
   tester: HelpContentTester,
   renderer: HelpContent
 }];
+const GoABaseReviewRenderers = [
+// controls
+{
+  tester: GoAEnumControlTester,
+  renderer: GoInputBaseReviewControl
+}, {
+  tester: GoAIntegerControlTester,
+  renderer: GoInputBaseReviewControl
+}, {
+  tester: GoANumberControlTester,
+  renderer: GoInputBaseReviewControl
+}, {
+  tester: GoATextControlTester,
+  renderer: GoInputBaseReviewControl
+}, {
+  tester: GoADateControlTester,
+  renderer: GoInputBaseReviewControl
+}, {
+  tester: GoADateTimeControlTester,
+  renderer: GoInputBaseReviewControl
+}, {
+  tester: GoATimeControlTester,
+  renderer: GoInputBaseReviewControl
+}, {
+  tester: GoARadioGroupControlTester,
+  renderer: GoInputBaseReviewControl
+}, {
+  tester: GoACheckoutGroupControlTester,
+  renderer: GoInputBaseReviewControl
+}, {
+  tester: GoABooleanControlTester,
+  renderer: GoInputBaseReviewControl
+}, {
+  tester: GoABooleanRadioControlTester,
+  renderer: GoInputBaseReviewControl
+}, {
+  tester: MultiLineTextControlTester,
+  renderer: GoInputBaseReviewControl
+}, {
+  tester: GoAArrayControlTester,
+  renderer: GoAArrayControlReviewRenderer
+}, {
+  tester: GoAListWithDetailsTester,
+  renderer: GoAArrayControlReviewRenderer
+}, {
+  tester: GoAHorizontalLayoutTester,
+  renderer: GoAHorizontalReviewLayout
+}, {
+  tester: GoAlVerticalLayoutTester,
+  renderer: GoAVerticalLayout
+}, {
+  tester: HelpContentTester,
+  renderer: HelpReviewContent
+}];
+const GoAReviewRenderers = [...GoABaseReviewRenderers, {
+  tester: FileUploaderTester,
+  renderer: withJsonFormsControlProps(FileUploaderReview)
+}];
 const GoARenderers = [...GoABaseRenderers, {
   tester: CategorizationRendererTester,
   renderer: FormStepperControl
@@ -6721,4 +6908,4 @@ const GoARenderers = [...GoABaseRenderers, {
 }];
 const GoACells = [...InputCells];
 
-export { ADD_REGISTER_DATA_ACTION, ContextProviderC, ContextProviderClass, ContextProviderFactory, GoABaseRenderers, GoACells, GoARenderers, JsonFormContext, JsonFormRegisterProvider, JsonFormsRegisterContext, ajv, registerReducer };
+export { ADD_REGISTER_DATA_ACTION, ContextProviderC, ContextProviderClass, ContextProviderFactory, GoABaseRenderers, GoABaseReviewRenderers, GoACells, GoARenderers, GoAReviewRenderers, JsonFormContext, JsonFormRegisterProvider, JsonFormsRegisterContext, createDefaultAjv, registerReducer };