@abgov/jsonforms-components 1.43.6 → 1.43.8

package/index.esm.js

@@ -1,11 +1,11 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import React, { createContext, useContext, useReducer, useMemo, useEffect, useState, useRef, useCallback } from 'react';
-import { GoAFormItem, GoAInput, GoATextArea, GoACallout, GoAInputDate, GoAInputDateTime, GoAInputTime, GoARadioGroup, GoARadioItem, GoACheckbox, GoAGrid, GoAFormStepper, GoAFormStep, GoAPages, GoAButton, GoAModal, GoAButtonGroup, GoAIconButton, GoAFileUploadInput, GoACircularProgress, GoAContainer, GoATable, GoADropdown, GoADropdownItem, GoADetails } from '@abgov/react-components';
+import { GoAFormItem, GoAInput, GoATextArea, GoACallout, GoAInputDate, GoAInputDateTime, GoAInputTime, GoARadioGroup, GoARadioItem, GoACheckbox, GoAGrid, GoAFormStepper, GoAFormStep, GoAPages, GoAButton, GoAModal, GoAButtonGroup, GoAIconButton, GoAFileUploadInput, GoACircularProgress, GoAContainer, GoATable, GoADropdown, GoADropdownItem, GoADetails, GoASpinner } from '@abgov/react-components';
+import { useJsonForms, withJsonFormsControlProps, withJsonFormsRendererProps, withJsonFormsEnumProps, withTranslateProps, JsonFormsDispatch, withJsonFormsLayoutProps, withJsonFormsArrayLayoutProps, withJsonFormsCellProps } from '@jsonforms/react';
 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, isControl, isScoped, hasType, isCategorization, isLayout } from '@jsonforms/core';
-import { withJsonFormsControlProps, withJsonFormsRendererProps, withJsonFormsEnumProps, withTranslateProps, useJsonForms, JsonFormsDispatch, withJsonFormsLayoutProps, withJsonFormsArrayLayoutProps, withJsonFormsCellProps } from '@jsonforms/react';
 import { isEqual, isEmpty as isEmpty$2, isObject as isObject$e } from 'lodash';
 import merge from 'lodash/merge';
 import isEmpty$1 from 'lodash/isEmpty';
@@ -1628,32 +1628,6 @@ $$l({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }
   assign: assign
 });
 
-let _$9 = t => t,
-  _t$9;
-const FormFieldWrapper = styled.div(_t$9 || (_t$9 = _$9`
-  margin-bottom: var(--goa-space-l);
-`));
-
-var $$k = _export;
-var toObject$3 = toObject$7;
-var lengthOfArrayLike$3 = lengthOfArrayLike$5;
-var toIntegerOrInfinity$3 = toIntegerOrInfinity$6;
-var addToUnscopables$1 = addToUnscopables$3;
-
-// `Array.prototype.at` method
-// https://tc39.es/ecma262/#sec-array.prototype.at
-$$k({ target: 'Array', proto: true }, {
-  at: function at(index) {
-    var O = toObject$3(this);
-    var len = lengthOfArrayLike$3(O);
-    var relativeIndex = toIntegerOrInfinity$3(index);
-    var k = relativeIndex >= 0 ? relativeIndex : len + relativeIndex;
-    return (k < 0 || k >= len) ? undefined : O[k];
-  }
-});
-
-addToUnscopables$1('at');
-
 var wellKnownSymbol$c = wellKnownSymbol$j;
 
 var TO_STRING_TAG$1 = wellKnownSymbol$c('toStringTag');
@@ -1702,6 +1676,92 @@ var toString$e = function (argument) {
   return $String$1(argument);
 };
 
+var makeBuiltIn = makeBuiltIn$3.exports;
+var defineProperty$1 = objectDefineProperty;
+
+var defineBuiltInAccessor$3 = function (target, name, descriptor) {
+  if (descriptor.get) makeBuiltIn(descriptor.get, name, { getter: true });
+  if (descriptor.set) makeBuiltIn(descriptor.set, name, { setter: true });
+  return defineProperty$1.f(target, name, descriptor);
+};
+
+var $$k = _export;
+var DESCRIPTORS$7 = descriptors;
+var global$d = global$o;
+var uncurryThis$h = functionUncurryThis;
+var hasOwn$4 = hasOwnProperty_1;
+var isCallable$b = isCallable$q;
+var isPrototypeOf$5 = objectIsPrototypeOf;
+var toString$d = toString$e;
+var defineBuiltInAccessor$2 = defineBuiltInAccessor$3;
+var copyConstructorProperties$1 = copyConstructorProperties$3;
+
+var NativeSymbol = global$d.Symbol;
+var SymbolPrototype = NativeSymbol && NativeSymbol.prototype;
+
+if (DESCRIPTORS$7 && isCallable$b(NativeSymbol) && (!('description' in SymbolPrototype) ||
+  // Safari 12 bug
+  NativeSymbol().description !== undefined
+)) {
+  var EmptyStringDescriptionStore = {};
+  // wrap Symbol constructor for correct work with undefined description
+  var SymbolWrapper = function Symbol() {
+    var description = arguments.length < 1 || arguments[0] === undefined ? undefined : toString$d(arguments[0]);
+    var result = isPrototypeOf$5(SymbolPrototype, this)
+      ? new NativeSymbol(description)
+      // in Edge 13, String(Symbol(undefined)) === 'Symbol(undefined)'
+      : description === undefined ? NativeSymbol() : NativeSymbol(description);
+    if (description === '') EmptyStringDescriptionStore[result] = true;
+    return result;
+  };
+
+  copyConstructorProperties$1(SymbolWrapper, NativeSymbol);
+  SymbolWrapper.prototype = SymbolPrototype;
+  SymbolPrototype.constructor = SymbolWrapper;
+
+  var NATIVE_SYMBOL$1 = String(NativeSymbol('description detection')) === 'Symbol(description detection)';
+  var thisSymbolValue = uncurryThis$h(SymbolPrototype.valueOf);
+  var symbolDescriptiveString = uncurryThis$h(SymbolPrototype.toString);
+  var regexp = /^Symbol\((.*)\)[^)]+$/;
+  var replace$6 = uncurryThis$h(''.replace);
+  var stringSlice$6 = uncurryThis$h(''.slice);
+
+  defineBuiltInAccessor$2(SymbolPrototype, 'description', {
+    configurable: true,
+    get: function description() {
+      var symbol = thisSymbolValue(this);
+      if (hasOwn$4(EmptyStringDescriptionStore, symbol)) return '';
+      var string = symbolDescriptiveString(symbol);
+      var desc = NATIVE_SYMBOL$1 ? stringSlice$6(string, 7, -1) : replace$6(string, regexp, '$1');
+      return desc === '' ? undefined : desc;
+    }
+  });
+
+  $$k({ global: true, constructor: true, forced: true }, {
+    Symbol: SymbolWrapper
+  });
+}
+
+var $$j = _export;
+var toObject$3 = toObject$7;
+var lengthOfArrayLike$3 = lengthOfArrayLike$5;
+var toIntegerOrInfinity$3 = toIntegerOrInfinity$6;
+var addToUnscopables$1 = addToUnscopables$3;
+
+// `Array.prototype.at` method
+// https://tc39.es/ecma262/#sec-array.prototype.at
+$$j({ target: 'Array', proto: true }, {
+  at: function at(index) {
+    var O = toObject$3(this);
+    var len = lengthOfArrayLike$3(O);
+    var relativeIndex = toIntegerOrInfinity$3(index);
+    var k = relativeIndex >= 0 ? relativeIndex : len + relativeIndex;
+    return (k < 0 || k >= len) ? undefined : O[k];
+  }
+});
+
+addToUnscopables$1('at');
+
 var anObject$a = anObject$f;
 
 // `RegExp.prototype.flags` getter implementation
@@ -1721,10 +1781,10 @@ var regexpFlags$1 = function () {
 };
 
 var fails$f = fails$r;
-var global$d = global$o;
+var global$c = global$o;
 
 // babel-minify and Closure Compiler transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError
-var $RegExp$2 = global$d.RegExp;
+var $RegExp$2 = global$c.RegExp;
 
 var UNSUPPORTED_Y$2 = fails$f(function () {
   var re = $RegExp$2('a', 'y');
@@ -1752,10 +1812,10 @@ var regexpStickyHelpers = {
 };
 
 var fails$e = fails$r;
-var global$c = global$o;
+var global$b = global$o;
 
 // babel-minify and Closure Compiler transpiles RegExp('.', 's') -> /./s and it causes SyntaxError
-var $RegExp$1 = global$c.RegExp;
+var $RegExp$1 = global$b.RegExp;
 
 var regexpUnsupportedDotAll = fails$e(function () {
   var re = $RegExp$1('.', 's');
@@ -1763,10 +1823,10 @@ var regexpUnsupportedDotAll = fails$e(function () {
 });
 
 var fails$d = fails$r;
-var global$b = global$o;
+var global$a = global$o;
 
 // babel-minify and Closure Compiler transpiles RegExp('(?<a>b)', 'g') -> /(?<a>b)/g and it causes SyntaxError
-var $RegExp = global$b.RegExp;
+var $RegExp = global$a.RegExp;
 
 var regexpUnsupportedNcg = fails$d(function () {
   var re = $RegExp('(?<a>b)', 'g');
@@ -1777,8 +1837,8 @@ var regexpUnsupportedNcg = fails$d(function () {
 /* eslint-disable regexp/no-empty-capturing-group, regexp/no-empty-group, regexp/no-lazy-ends -- testing */
 /* eslint-disable regexp/no-useless-quantifier -- testing */
 var call$e = functionCall;
-var uncurryThis$h = functionUncurryThis;
-var toString$d = toString$e;
+var uncurryThis$g = functionUncurryThis;
+var toString$c = toString$e;
 var regexpFlags = regexpFlags$1;
 var stickyHelpers$1 = regexpStickyHelpers;
 var shared = shared$4;
@@ -1790,10 +1850,10 @@ var UNSUPPORTED_NCG$1 = regexpUnsupportedNcg;
 var nativeReplace = shared('native-string-replace', String.prototype.replace);
 var nativeExec = RegExp.prototype.exec;
 var patchedExec = nativeExec;
-var charAt$6 = uncurryThis$h(''.charAt);
-var indexOf = uncurryThis$h(''.indexOf);
-var replace$6 = uncurryThis$h(''.replace);
-var stringSlice$6 = uncurryThis$h(''.slice);
+var charAt$6 = uncurryThis$g(''.charAt);
+var indexOf = uncurryThis$g(''.indexOf);
+var replace$5 = uncurryThis$g(''.replace);
+var stringSlice$5 = uncurryThis$g(''.slice);
 
 var UPDATES_LAST_INDEX_WRONG = (function () {
   var re1 = /a/;
@@ -1814,7 +1874,7 @@ if (PATCH) {
   patchedExec = function exec(string) {
     var re = this;
     var state = getInternalState$1(re);
-    var str = toString$d(string);
+    var str = toString$c(string);
     var raw = state.raw;
     var result, reCopy, lastIndex, match, i, object, group;
 
@@ -1833,12 +1893,12 @@ if (PATCH) {
     var strCopy = str;
 
     if (sticky) {
-      flags = replace$6(flags, 'y', '');
+      flags = replace$5(flags, 'y', '');
       if (indexOf(flags, 'g') === -1) {
         flags += 'g';
       }
 
-      strCopy = stringSlice$6(str, re.lastIndex);
+      strCopy = stringSlice$5(str, re.lastIndex);
       // Support anchored sticky behavior.
       if (re.lastIndex > 0 && (!re.multiline || re.multiline && charAt$6(str, re.lastIndex - 1) !== '\n')) {
         source = '(?: ' + source + ')';
@@ -1859,8 +1919,8 @@ if (PATCH) {
 
     if (sticky) {
       if (match) {
-        match.input = stringSlice$6(match.input, charsAdded);
-        match[0] = stringSlice$6(match[0], charsAdded);
+        match.input = stringSlice$5(match.input, charsAdded);
+        match[0] = stringSlice$5(match[0], charsAdded);
         match.index = re.lastIndex;
         re.lastIndex += match[0].length;
       } else re.lastIndex = 0;
@@ -1891,22 +1951,22 @@ if (PATCH) {
 
 var regexpExec$2 = patchedExec;
 
-var $$j = _export;
+var $$i = _export;
 var exec$3 = regexpExec$2;
 
 // `RegExp.prototype.exec` method
 // https://tc39.es/ecma262/#sec-regexp.prototype.exec
-$$j({ target: 'RegExp', proto: true, forced: /./.exec !== exec$3 }, {
+$$i({ target: 'RegExp', proto: true, forced: /./.exec !== exec$3 }, {
   exec: exec$3
 });
 
 // TODO: Remove from `core-js@4` since it's moved to entry points
 
-var $$i = _export;
+var $$h = _export;
 var call$d = functionCall;
-var isCallable$b = isCallable$q;
+var isCallable$a = isCallable$q;
 var anObject$9 = anObject$f;
-var toString$c = toString$e;
+var toString$b = toString$e;
 
 var DELEGATES_TO_EXEC = function () {
   var execCalled = false;
@@ -1922,12 +1982,12 @@ var nativeTest = /./.test;
 
 // `RegExp.prototype.test` method
 // https://tc39.es/ecma262/#sec-regexp.prototype.test
-$$i({ target: 'RegExp', proto: true, forced: !DELEGATES_TO_EXEC }, {
+$$h({ target: 'RegExp', proto: true, forced: !DELEGATES_TO_EXEC }, {
   test: function (S) {
     var R = anObject$9(this);
-    var string = toString$c(S);
+    var string = toString$b(S);
     var exec = R.exec;
-    if (!isCallable$b(exec)) return call$d(nativeTest, R, string);
+    if (!isCallable$a(exec)) return call$d(nativeTest, R, string);
     var result = call$d(exec, R, string);
     if (result === null) return false;
     anObject$9(result);
@@ -1936,15 +1996,15 @@ $$i({ target: 'RegExp', proto: true, forced: !DELEGATES_TO_EXEC }, {
 });
 
 var call$c = functionCall;
-var hasOwn$4 = hasOwnProperty_1;
-var isPrototypeOf$5 = objectIsPrototypeOf;
+var hasOwn$3 = hasOwnProperty_1;
+var isPrototypeOf$4 = objectIsPrototypeOf;
 var regExpFlags = regexpFlags$1;
 
 var RegExpPrototype$4 = RegExp.prototype;
 
 var regexpGetFlags = function (R) {
   var flags = R.flags;
-  return flags === undefined && !('flags' in RegExpPrototype$4) && !hasOwn$4(R, 'flags') && isPrototypeOf$5(RegExpPrototype$4, R)
+  return flags === undefined && !('flags' in RegExpPrototype$4) && !hasOwn$3(R, 'flags') && isPrototypeOf$4(RegExpPrototype$4, R)
     ? call$c(regExpFlags, R) : flags;
 };
 
@@ -1974,14 +2034,14 @@ if (NOT_GENERIC || INCORRECT_NAME) {
   }, { unsafe: true });
 }
 
-var $$h = _export;
-var uncurryThis$g = functionUncurryThis;
+var $$g = _export;
+var uncurryThis$f = functionUncurryThis;
 var requireObjectCoercible$7 = requireObjectCoercible$b;
 var toIntegerOrInfinity$2 = toIntegerOrInfinity$6;
-var toString$b = toString$e;
+var toString$a = toString$e;
 var fails$b = fails$r;
 
-var charAt$5 = uncurryThis$g(''.charAt);
+var charAt$5 = uncurryThis$f(''.charAt);
 
 var FORCED$3 = fails$b(function () {
   // eslint-disable-next-line es/no-array-string-prototype-at -- safe
@@ -1990,9 +2050,9 @@ var FORCED$3 = fails$b(function () {
 
 // `String.prototype.at` method
 // https://tc39.es/ecma262/#sec-string.prototype.at
-$$h({ target: 'String', proto: true, forced: FORCED$3 }, {
+$$g({ target: 'String', proto: true, forced: FORCED$3 }, {
   at: function at(index) {
-    var S = toString$b(requireObjectCoercible$7(this));
+    var S = toString$a(requireObjectCoercible$7(this));
     var len = S.length;
     var relativeIndex = toIntegerOrInfinity$2(index);
     var k = relativeIndex >= 0 ? relativeIndex : len + relativeIndex;
@@ -2087,18 +2147,18 @@ var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
   if (SHAM) createNonEnumerableProperty$4(RegExpPrototype$2[SYMBOL], 'sham', true);
 };
 
-var uncurryThis$f = functionUncurryThis;
+var uncurryThis$e = functionUncurryThis;
 var toIntegerOrInfinity$1 = toIntegerOrInfinity$6;
-var toString$a = toString$e;
+var toString$9 = toString$e;
 var requireObjectCoercible$6 = requireObjectCoercible$b;
 
-var charAt$4 = uncurryThis$f(''.charAt);
-var charCodeAt$1 = uncurryThis$f(''.charCodeAt);
-var stringSlice$5 = uncurryThis$f(''.slice);
+var charAt$4 = uncurryThis$e(''.charAt);
+var charCodeAt$1 = uncurryThis$e(''.charCodeAt);
+var stringSlice$4 = uncurryThis$e(''.slice);
 
 var createMethod$2 = function (CONVERT_TO_STRING) {
   return function ($this, pos) {
-    var S = toString$a(requireObjectCoercible$6($this));
+    var S = toString$9(requireObjectCoercible$6($this));
     var position = toIntegerOrInfinity$1(pos);
     var size = S.length;
     var first, second;
@@ -2110,7 +2170,7 @@ var createMethod$2 = function (CONVERT_TO_STRING) {
           ? charAt$4(S, position)
           : first
         : CONVERT_TO_STRING
-          ? stringSlice$5(S, position, position + 2)
+          ? stringSlice$4(S, position, position + 2)
           : (first - 0xD800 << 10) + (second - 0xDC00) + 0x10000;
   };
 };
@@ -2132,13 +2192,13 @@ var advanceStringIndex$2 = function (S, index, unicode) {
   return index + (unicode ? charAt$3(S, index).length : 1);
 };
 
-var uncurryThis$e = functionUncurryThis;
+var uncurryThis$d = functionUncurryThis;
 var toObject$2 = toObject$7;
 
 var floor = Math.floor;
-var charAt$2 = uncurryThis$e(''.charAt);
-var replace$5 = uncurryThis$e(''.replace);
-var stringSlice$4 = uncurryThis$e(''.slice);
+var charAt$2 = uncurryThis$d(''.charAt);
+var replace$4 = uncurryThis$d(''.replace);
+var stringSlice$3 = uncurryThis$d(''.slice);
 // eslint-disable-next-line redos/no-vulnerable -- safe
 var SUBSTITUTION_SYMBOLS = /\$([$&'`]|\d{1,2}|<[^>]*>)/g;
 var SUBSTITUTION_SYMBOLS_NO_NAMED = /\$([$&'`]|\d{1,2})/g;
@@ -2153,15 +2213,15 @@ var getSubstitution$1 = function (matched, str, position, captures, namedCapture
     namedCaptures = toObject$2(namedCaptures);
     symbols = SUBSTITUTION_SYMBOLS;
   }
-  return replace$5(replacement, symbols, function (match, ch) {
+  return replace$4(replacement, symbols, function (match, ch) {
     var capture;
     switch (charAt$2(ch, 0)) {
       case '$': return '$';
       case '&': return matched;
-      case '`': return stringSlice$4(str, 0, position);
-      case "'": return stringSlice$4(str, tailPos);
+      case '`': return stringSlice$3(str, 0, position);
+      case "'": return stringSlice$3(str, tailPos);
       case '<':
-        capture = namedCaptures[stringSlice$4(ch, 1, -1)];
+        capture = namedCaptures[stringSlice$3(ch, 1, -1)];
         break;
       default: // \d\d?
         var n = +ch;
@@ -2180,7 +2240,7 @@ var getSubstitution$1 = function (matched, str, position, captures, namedCapture
 
 var call$9 = functionCall;
 var anObject$7 = anObject$f;
-var isCallable$a = isCallable$q;
+var isCallable$9 = isCallable$q;
 var classof$7 = classofRaw$2;
 var regexpExec = regexpExec$2;
 
@@ -2190,7 +2250,7 @@ var $TypeError$b = TypeError;
 // https://tc39.es/ecma262/#sec-regexpexec
 var regexpExecAbstract = function (R, S) {
   var exec = R.exec;
-  if (isCallable$a(exec)) {
+  if (isCallable$9(exec)) {
     var result = call$9(exec, R, S);
     if (result !== null) anObject$7(result);
     return result;
@@ -2201,15 +2261,15 @@ var regexpExecAbstract = function (R, S) {
 
 var apply$3 = functionApply;
 var call$8 = functionCall;
-var uncurryThis$d = functionUncurryThis;
+var uncurryThis$c = functionUncurryThis;
 var fixRegExpWellKnownSymbolLogic$1 = fixRegexpWellKnownSymbolLogic;
 var fails$9 = fails$r;
 var anObject$6 = anObject$f;
-var isCallable$9 = isCallable$q;
+var isCallable$8 = isCallable$q;
 var isNullOrUndefined$3 = isNullOrUndefined$6;
 var toIntegerOrInfinity = toIntegerOrInfinity$6;
 var toLength$3 = toLength$5;
-var toString$9 = toString$e;
+var toString$8 = toString$e;
 var requireObjectCoercible$5 = requireObjectCoercible$b;
 var advanceStringIndex$1 = advanceStringIndex$2;
 var getMethod$3 = getMethod$5;
@@ -2220,10 +2280,10 @@ var wellKnownSymbol$9 = wellKnownSymbol$j;
 var REPLACE = wellKnownSymbol$9('replace');
 var max = Math.max;
 var min$2 = Math.min;
-var concat = uncurryThis$d([].concat);
-var push$1 = uncurryThis$d([].push);
-var stringIndexOf$2 = uncurryThis$d(''.indexOf);
-var stringSlice$3 = uncurryThis$d(''.slice);
+var concat = uncurryThis$c([].concat);
+var push$1 = uncurryThis$c([].push);
+var stringIndexOf$2 = uncurryThis$c(''.indexOf);
+var stringSlice$2 = uncurryThis$c(''.slice);
 
 var maybeToString = function (it) {
   return it === undefined ? it : String(it);
@@ -2267,13 +2327,13 @@ fixRegExpWellKnownSymbolLogic$1('replace', function (_, nativeReplace, maybeCall
       var replacer = isNullOrUndefined$3(searchValue) ? undefined : getMethod$3(searchValue, REPLACE);
       return replacer
         ? call$8(replacer, searchValue, O, replaceValue)
-        : call$8(nativeReplace, toString$9(O), searchValue, replaceValue);
+        : call$8(nativeReplace, toString$8(O), searchValue, replaceValue);
     },
     // `RegExp.prototype[@@replace]` method
     // https://tc39.es/ecma262/#sec-regexp.prototype-@@replace
     function (string, replaceValue) {
       var rx = anObject$6(this);
-      var S = toString$9(string);
+      var S = toString$8(string);
 
       if (
         typeof replaceValue == 'string' &&
@@ -2284,8 +2344,8 @@ fixRegExpWellKnownSymbolLogic$1('replace', function (_, nativeReplace, maybeCall
         if (res.done) return res.value;
       }
 
-      var functionalReplace = isCallable$9(replaceValue);
-      if (!functionalReplace) replaceValue = toString$9(replaceValue);
+      var functionalReplace = isCallable$8(replaceValue);
+      if (!functionalReplace) replaceValue = toString$8(replaceValue);
 
       var global = rx.global;
       var fullUnicode;
@@ -2303,7 +2363,7 @@ fixRegExpWellKnownSymbolLogic$1('replace', function (_, nativeReplace, maybeCall
         push$1(results, result);
         if (!global) break;
 
-        var matchStr = toString$9(result[0]);
+        var matchStr = toString$8(result[0]);
         if (matchStr === '') rx.lastIndex = advanceStringIndex$1(S, toLength$3(rx.lastIndex), fullUnicode);
       }
 
@@ -2312,7 +2372,7 @@ fixRegExpWellKnownSymbolLogic$1('replace', function (_, nativeReplace, maybeCall
       for (var i = 0; i < results.length; i++) {
         result = results[i];
 
-        var matched = toString$9(result[0]);
+        var matched = toString$8(result[0]);
         var position = max(min$2(toIntegerOrInfinity(result.index), S.length), 0);
         var captures = [];
         var replacement;
@@ -2326,17 +2386,17 @@ fixRegExpWellKnownSymbolLogic$1('replace', function (_, nativeReplace, maybeCall
         if (functionalReplace) {
           var replacerArgs = concat([matched], captures, position, S);
           if (namedCaptures !== undefined) push$1(replacerArgs, namedCaptures);
-          replacement = toString$9(apply$3(replaceValue, undefined, replacerArgs));
+          replacement = toString$8(apply$3(replaceValue, undefined, replacerArgs));
         } else {
           replacement = getSubstitution(matched, S, position, captures, namedCaptures, replaceValue);
         }
         if (position >= nextSourcePosition) {
-          accumulatedResult += stringSlice$3(S, nextSourcePosition, position) + replacement;
+          accumulatedResult += stringSlice$2(S, nextSourcePosition, position) + replacement;
           nextSourcePosition = position + matched.length;
         }
       }
 
-      return accumulatedResult + stringSlice$3(S, nextSourcePosition);
+      return accumulatedResult + stringSlice$2(S, nextSourcePosition);
     }
   ];
 }, !REPLACE_SUPPORTS_NAMED_GROUPS || !REPLACE_KEEPS_$0 || REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE);
@@ -2408,20 +2468,18 @@ const validateSinWithLuhn = input => {
   }
   return sum % 10 === 0;
 };
-/**
- * Check if a required, defined input value is valid. Returns an appropriate
- * error message if not.
- * @param props
- * @returns error message
- */
-const checkFieldValidity = props => {
+const checkFieldValidity = (props, ctx) => {
+  var _a, _b, _c, _d, _e;
   const {
     data,
     errors: ajvErrors,
     required,
     label,
     uischema,
-    schema
+    schema,
+    path,
+    id,
+    description
   } = props;
   const labelToUpdate = getLabelText(uischema.scope, label);
   const extraSchema = schema;
@@ -2433,7 +2491,32 @@ const checkFieldValidity = props => {
     }
   }
   if (required) {
-    if (data === undefined) return '';
+    if ((_a = ctx.core) === null || _a === void 0 ? void 0 : _a.ajv) {
+      const newError = {
+        instancePath: path,
+        message: ajvErrors,
+        schemaPath: id,
+        keyword: description || '',
+        params: {}
+      };
+      const index = (ctx.core.ajv.errors || []).findIndex(error => {
+        return (error === null || error === void 0 ? void 0 : error.schemaPath) === id;
+      });
+      if (schema && (isEmptyBoolean(schema, data) || isEmptyNumber(schema, data))) {
+        if (index > -1) {
+          (ctx.core.ajv.errors || [])[index] = newError;
+        } else {
+          ctx.core.ajv.errors = [...(ctx.core.ajv.errors || []), newError];
+        }
+      } else {
+        if (index > -1) {
+          delete (ctx.core.ajv.errors || [])[index];
+        }
+      }
+    }
+    if ((_c = (_b = ctx.core) === null || _b === void 0 ? void 0 : _b.ajv) === null || _c === void 0 ? void 0 : _c.errors) {
+      ctx.core.ajv.errors = (_e = (_d = ctx.core) === null || _d === void 0 ? void 0 : _d.ajv) === null || _e === void 0 ? void 0 : _e.errors.filter(e => e !== null);
+    }
     if (schema) {
       if (isEmptyBoolean(schema, data)) {
         return `${labelToUpdate} is required`;
@@ -2795,16 +2878,16 @@ 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 _$8 = t => t,
-  _t$8,
+let _$9 = t => t,
+  _t$9,
   _t2$5;
-styled.div(_t$8 || (_t$8 = _$8`
+styled.div(_t$9 || (_t$9 = _$9`
   height: 70vh;
   overflow-y: auto;
   padding-left: var(--goa-space-2xs);
   padding-right: var(--goa-space-2xs);
 `));
-const Visible = styled.div(_t2$5 || (_t2$5 = _$8`
+const Visible = styled.div(_t2$5 || (_t2$5 = _$9`
   display: ${0};
 `), p => p.visible ? 'initial' : 'none');
 
@@ -2822,7 +2905,7 @@ var isArray$2 = Array.isArray || function isArray(argument) {
   return classof$6(argument) === 'Array';
 };
 
-var DESCRIPTORS$7 = descriptors;
+var DESCRIPTORS$6 = descriptors;
 var isArray$1 = isArray$2;
 
 var $TypeError$a = TypeError;
@@ -2830,7 +2913,7 @@ var $TypeError$a = TypeError;
 var getOwnPropertyDescriptor$3 = Object.getOwnPropertyDescriptor;
 
 // Safari < 13 does not throw an error in this case
-var SILENT_ON_NON_WRITABLE_LENGTH_SET = DESCRIPTORS$7 && !function () {
+var SILENT_ON_NON_WRITABLE_LENGTH_SET = DESCRIPTORS$6 && !function () {
   // makes no sense without proper strict mode support
   if (this !== undefined) return true;
   try {
@@ -2857,7 +2940,7 @@ var doesNotExceedSafeInteger$1 = function (it) {
   return it;
 };
 
-var $$g = _export;
+var $$f = _export;
 var toObject$1 = toObject$7;
 var lengthOfArrayLike$2 = lengthOfArrayLike$5;
 var setArrayLength = arraySetLength;
@@ -2883,7 +2966,7 @@ var FORCED$2 = INCORRECT_TO_LENGTH || !properErrorOnNonWritableLength();
 
 // `Array.prototype.push` method
 // https://tc39.es/ecma262/#sec-array.prototype.push
-$$g({ target: 'Array', proto: true, arity: 1, forced: FORCED$2 }, {
+$$f({ target: 'Array', proto: true, arity: 1, forced: FORCED$2 }, {
   // eslint-disable-next-line no-unused-vars -- required for `.length`
   push: function push(item) {
     var O = toObject$1(this);
@@ -2934,7 +3017,7 @@ function registerReducer(state, action) {
   return state;
 }
 
-var $$f = _export;
+var $$e = _export;
 var $includes = arrayIncludes.includes;
 var fails$7 = fails$r;
 var addToUnscopables = addToUnscopables$3;
@@ -2947,7 +3030,7 @@ var BROKEN_ON_SPARSE = fails$7(function () {
 
 // `Array.prototype.includes` method
 // https://tc39.es/ecma262/#sec-array.prototype.includes
-$$f({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
+$$e({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
   includes: function includes(el /* , fromIndex = 0 */) {
     return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
   }
@@ -2956,27 +3039,27 @@ $$f({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
 addToUnscopables('includes');
 
-var uncurryThis$c = functionUncurryThis;
+var uncurryThis$b = functionUncurryThis;
 
-var arraySlice$2 = uncurryThis$c([].slice);
+var arraySlice$2 = uncurryThis$b([].slice);
 
-var uncurryThis$b = functionUncurryThis;
+var uncurryThis$a = functionUncurryThis;
 var isArray = isArray$2;
-var isCallable$8 = isCallable$q;
+var isCallable$7 = isCallable$q;
 var classof$5 = classofRaw$2;
-var toString$8 = toString$e;
+var toString$7 = toString$e;
 
-var push = uncurryThis$b([].push);
+var push = uncurryThis$a([].push);
 
 var getJsonReplacerFunction = function (replacer) {
-  if (isCallable$8(replacer)) return replacer;
+  if (isCallable$7(replacer)) return replacer;
   if (!isArray(replacer)) return;
   var rawLength = replacer.length;
   var keys = [];
   for (var i = 0; i < rawLength; i++) {
     var element = replacer[i];
     if (typeof element == 'string') push(keys, element);
-    else if (typeof element == 'number' || classof$5(element) === 'Number' || classof$5(element) === 'String') push(keys, toString$8(element));
+    else if (typeof element == 'number' || classof$5(element) === 'Number' || classof$5(element) === 'String') push(keys, toString$7(element));
   }
   var keysLength = keys.length;
   var root = true;
@@ -2990,31 +3073,31 @@ var getJsonReplacerFunction = function (replacer) {
   };
 };
 
-var $$e = _export;
+var $$d = _export;
 var getBuiltIn$5 = getBuiltIn$9;
 var apply$2 = functionApply;
 var call$7 = functionCall;
-var uncurryThis$a = functionUncurryThis;
+var uncurryThis$9 = functionUncurryThis;
 var fails$6 = fails$r;
-var isCallable$7 = isCallable$q;
+var isCallable$6 = isCallable$q;
 var isSymbol = isSymbol$3;
 var arraySlice$1 = arraySlice$2;
 var getReplacerFunction = getJsonReplacerFunction;
-var NATIVE_SYMBOL$1 = symbolConstructorDetection;
+var NATIVE_SYMBOL = symbolConstructorDetection;
 
 var $String = String;
 var $stringify = getBuiltIn$5('JSON', 'stringify');
-var exec$2 = uncurryThis$a(/./.exec);
-var charAt$1 = uncurryThis$a(''.charAt);
-var charCodeAt = uncurryThis$a(''.charCodeAt);
-var replace$4 = uncurryThis$a(''.replace);
-var numberToString = uncurryThis$a(1.0.toString);
+var exec$2 = uncurryThis$9(/./.exec);
+var charAt$1 = uncurryThis$9(''.charAt);
+var charCodeAt = uncurryThis$9(''.charCodeAt);
+var replace$3 = uncurryThis$9(''.replace);
+var numberToString = uncurryThis$9(1.0.toString);
 
 var tester = /[\uD800-\uDFFF]/g;
 var low = /^[\uD800-\uDBFF]$/;
 var hi = /^[\uDC00-\uDFFF]$/;
 
-var WRONG_SYMBOLS_CONVERSION = !NATIVE_SYMBOL$1 || fails$6(function () {
+var WRONG_SYMBOLS_CONVERSION = !NATIVE_SYMBOL || fails$6(function () {
   var symbol = getBuiltIn$5('Symbol')('stringify detection');
   // MS Edge converts symbol values to JSON as {}
   return $stringify([symbol]) !== '[null]'
@@ -3033,10 +3116,10 @@ var ILL_FORMED_UNICODE = fails$6(function () {
 var stringifyWithSymbolsFix = function (it, replacer) {
   var args = arraySlice$1(arguments);
   var $replacer = getReplacerFunction(replacer);
-  if (!isCallable$7($replacer) && (it === undefined || isSymbol(it))) return; // IE8 returns string on undefined
+  if (!isCallable$6($replacer) && (it === undefined || isSymbol(it))) return; // IE8 returns string on undefined
   args[1] = function (key, value) {
     // some old implementations (like WebKit) could pass numbers as keys
-    if (isCallable$7($replacer)) value = call$7($replacer, this, $String(key), value);
+    if (isCallable$6($replacer)) value = call$7($replacer, this, $String(key), value);
     if (!isSymbol(value)) return value;
   };
   return apply$2($stringify, null, args);
@@ -3053,12 +3136,12 @@ var fixIllFormed = function (match, offset, string) {
 if ($stringify) {
   // `JSON.stringify` method
   // https://tc39.es/ecma262/#sec-json.stringify
-  $$e({ target: 'JSON', stat: true, arity: 3, forced: WRONG_SYMBOLS_CONVERSION || ILL_FORMED_UNICODE }, {
+  $$d({ 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$1(arguments);
       var result = apply$2(WRONG_SYMBOLS_CONVERSION ? stringifyWithSymbolsFix : $stringify, null, args);
-      return ILL_FORMED_UNICODE && typeof result == 'string' ? replace$4(result, tester, fixIllFormed) : result;
+      return ILL_FORMED_UNICODE && typeof result == 'string' ? replace$3(result, tester, fixIllFormed) : result;
     }
   });
 }
@@ -3102,22 +3185,22 @@ var correctIsRegexpLogic = function (METHOD_NAME) {
   } return false;
 };
 
-var $$d = _export;
-var uncurryThis$9 = functionUncurryThis;
+var $$c = _export;
+var uncurryThis$8 = functionUncurryThis;
 var notARegExp$2 = notARegexp;
 var requireObjectCoercible$4 = requireObjectCoercible$b;
-var toString$7 = toString$e;
+var toString$6 = toString$e;
 var correctIsRegExpLogic$2 = correctIsRegexpLogic;
 
-var stringIndexOf$1 = uncurryThis$9(''.indexOf);
+var stringIndexOf$1 = uncurryThis$8(''.indexOf);
 
 // `String.prototype.includes` method
 // https://tc39.es/ecma262/#sec-string.prototype.includes
-$$d({ target: 'String', proto: true, forced: !correctIsRegExpLogic$2('includes') }, {
+$$c({ target: 'String', proto: true, forced: !correctIsRegExpLogic$2('includes') }, {
   includes: function includes(searchString /* , position = 0 */) {
     return !!~stringIndexOf$1(
-      toString$7(requireObjectCoercible$4(this)),
-      toString$7(notARegExp$2(searchString)),
+      toString$6(requireObjectCoercible$4(this)),
+      toString$6(notARegExp$2(searchString)),
       arguments.length > 1 ? arguments[1] : undefined
     );
   }
@@ -3165,7 +3248,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var isCallable$6 = isCallable$q;
+var isCallable$5 = isCallable$q;
 var isObject$3 = isObject$d;
 var setPrototypeOf$2 = objectSetPrototypeOf;
 
@@ -3176,7 +3259,7 @@ var inheritIfRequired$2 = function ($this, dummy, Wrapper) {
     // it can work only with native `setPrototypeOf`
     setPrototypeOf$2 &&
     // we haven't completely correct pre-ES6 way for getting `new.target`, so use this
-    isCallable$6(NewTarget = dummy.constructor) &&
+    isCallable$5(NewTarget = dummy.constructor) &&
     NewTarget !== Wrapper &&
     isObject$3(NewTargetPrototype = NewTarget.prototype) &&
     NewTargetPrototype !== Wrapper.prototype
@@ -3184,60 +3267,51 @@ var inheritIfRequired$2 = function ($this, dummy, Wrapper) {
   return $this;
 };
 
-var defineProperty$1 = objectDefineProperty.f;
+var defineProperty = objectDefineProperty.f;
 
 var proxyAccessor$2 = function (Target, Source, key) {
-  key in Target || defineProperty$1(Target, key, {
+  key in Target || defineProperty(Target, key, {
     configurable: true,
     get: function () { return Source[key]; },
     set: function (it) { Source[key] = it; }
   });
 };
 
-var makeBuiltIn = makeBuiltIn$3.exports;
-var defineProperty = objectDefineProperty;
-
-var defineBuiltInAccessor$3 = function (target, name, descriptor) {
-  if (descriptor.get) makeBuiltIn(descriptor.get, name, { getter: true });
-  if (descriptor.set) makeBuiltIn(descriptor.set, name, { setter: true });
-  return defineProperty.f(target, name, descriptor);
-};
-
 var getBuiltIn$4 = getBuiltIn$9;
-var defineBuiltInAccessor$2 = defineBuiltInAccessor$3;
+var defineBuiltInAccessor$1 = defineBuiltInAccessor$3;
 var wellKnownSymbol$6 = wellKnownSymbol$j;
-var DESCRIPTORS$6 = descriptors;
+var DESCRIPTORS$5 = descriptors;
 
 var SPECIES$2 = wellKnownSymbol$6('species');
 
 var setSpecies$2 = function (CONSTRUCTOR_NAME) {
   var Constructor = getBuiltIn$4(CONSTRUCTOR_NAME);
 
-  if (DESCRIPTORS$6 && Constructor && !Constructor[SPECIES$2]) {
-    defineBuiltInAccessor$2(Constructor, SPECIES$2, {
+  if (DESCRIPTORS$5 && Constructor && !Constructor[SPECIES$2]) {
+    defineBuiltInAccessor$1(Constructor, SPECIES$2, {
       configurable: true,
       get: function () { return this; }
     });
   }
 };
 
-var DESCRIPTORS$5 = descriptors;
-var global$a = global$o;
-var uncurryThis$8 = functionUncurryThis;
+var DESCRIPTORS$4 = descriptors;
+var global$9 = global$o;
+var uncurryThis$7 = functionUncurryThis;
 var isForced$1 = isForced_1;
 var inheritIfRequired$1 = inheritIfRequired$2;
 var createNonEnumerableProperty$3 = createNonEnumerableProperty$9;
 var create = objectCreate;
 var getOwnPropertyNames = objectGetOwnPropertyNames.f;
-var isPrototypeOf$4 = objectIsPrototypeOf;
+var isPrototypeOf$3 = objectIsPrototypeOf;
 var isRegExp = isRegexp;
-var toString$6 = toString$e;
+var toString$5 = toString$e;
 var getRegExpFlags = regexpGetFlags;
 var stickyHelpers = regexpStickyHelpers;
 var proxyAccessor$1 = proxyAccessor$2;
 var defineBuiltIn$2 = defineBuiltIn$8;
 var fails$5 = fails$r;
-var hasOwn$3 = hasOwnProperty_1;
+var hasOwn$2 = hasOwnProperty_1;
 var enforceInternalState = internalState.enforce;
 var setSpecies$1 = setSpecies$2;
 var wellKnownSymbol$5 = wellKnownSymbol$j;
@@ -3245,14 +3319,14 @@ var UNSUPPORTED_DOT_ALL$1 = regexpUnsupportedDotAll;
 var UNSUPPORTED_NCG = regexpUnsupportedNcg;
 
 var MATCH = wellKnownSymbol$5('match');
-var NativeRegExp = global$a.RegExp;
+var NativeRegExp = global$9.RegExp;
 var RegExpPrototype$1 = NativeRegExp.prototype;
-var SyntaxError = global$a.SyntaxError;
-var exec$1 = uncurryThis$8(RegExpPrototype$1.exec);
-var charAt = uncurryThis$8(''.charAt);
-var replace$3 = uncurryThis$8(''.replace);
-var stringIndexOf = uncurryThis$8(''.indexOf);
-var stringSlice$2 = uncurryThis$8(''.slice);
+var SyntaxError = global$9.SyntaxError;
+var exec$1 = uncurryThis$7(RegExpPrototype$1.exec);
+var charAt = uncurryThis$7(''.charAt);
+var replace$2 = uncurryThis$7(''.replace);
+var stringIndexOf = uncurryThis$7(''.indexOf);
+var stringSlice$1 = uncurryThis$7(''.slice);
 // TODO: Use only proper RegExpIdentifierName
 var IS_NCG = /^\?<[^\s\d!#%&*+<=>@^][^\s!#%&*+<=>@^]*>/;
 var re1 = /a/g;
@@ -3264,7 +3338,7 @@ var CORRECT_NEW = new NativeRegExp(re1) !== re1;
 var MISSED_STICKY = stickyHelpers.MISSED_STICKY;
 var UNSUPPORTED_Y = stickyHelpers.UNSUPPORTED_Y;
 
-var BASE_FORCED = DESCRIPTORS$5 &&
+var BASE_FORCED = DESCRIPTORS$4 &&
   (!CORRECT_NEW || MISSED_STICKY || UNSUPPORTED_DOT_ALL$1 || UNSUPPORTED_NCG || fails$5(function () {
     re2[MATCH] = false;
     // RegExp constructor can alter flags and IsRegExp works correct with @@match
@@ -3317,7 +3391,7 @@ var handleNCG = function (string) {
         brackets = true;
         break;
       case chr === '(':
-        if (exec$1(IS_NCG, stringSlice$2(string, index + 1))) {
+        if (exec$1(IS_NCG, stringSlice$1(string, index + 1))) {
           index += 2;
           ncg = true;
         }
@@ -3325,7 +3399,7 @@ var handleNCG = function (string) {
         groupid++;
         continue;
       case chr === '>' && ncg:
-        if (groupname === '' || hasOwn$3(names, groupname)) {
+        if (groupname === '' || hasOwn$2(names, groupname)) {
           throw new SyntaxError('Invalid capture group name');
         }
         names[groupname] = true;
@@ -3343,7 +3417,7 @@ var handleNCG = function (string) {
 // https://tc39.es/ecma262/#sec-regexp-constructor
 if (isForced$1('RegExp', BASE_FORCED)) {
   var RegExpWrapper = function RegExp(pattern, flags) {
-    var thisIsRegExp = isPrototypeOf$4(RegExpPrototype$1, this);
+    var thisIsRegExp = isPrototypeOf$3(RegExpPrototype$1, this);
     var patternIsRegExp = isRegExp(pattern);
     var flagsAreUndefined = flags === undefined;
     var groups = [];
@@ -3354,25 +3428,25 @@ if (isForced$1('RegExp', BASE_FORCED)) {
       return pattern;
     }
 
-    if (patternIsRegExp || isPrototypeOf$4(RegExpPrototype$1, pattern)) {
+    if (patternIsRegExp || isPrototypeOf$3(RegExpPrototype$1, pattern)) {
       pattern = pattern.source;
       if (flagsAreUndefined) flags = getRegExpFlags(rawPattern);
     }
 
-    pattern = pattern === undefined ? '' : toString$6(pattern);
-    flags = flags === undefined ? '' : toString$6(flags);
+    pattern = pattern === undefined ? '' : toString$5(pattern);
+    flags = flags === undefined ? '' : toString$5(flags);
     rawPattern = pattern;
 
     if (UNSUPPORTED_DOT_ALL$1 && 'dotAll' in re1) {
       dotAll = !!flags && stringIndexOf(flags, 's') > -1;
-      if (dotAll) flags = replace$3(flags, /s/g, '');
+      if (dotAll) flags = replace$2(flags, /s/g, '');
     }
 
     rawFlags = flags;
 
     if (MISSED_STICKY && 'sticky' in re1) {
       sticky = !!flags && stringIndexOf(flags, 'y') > -1;
-      if (sticky && UNSUPPORTED_Y) flags = replace$3(flags, /y/g, '');
+      if (sticky && UNSUPPORTED_Y) flags = replace$2(flags, /y/g, '');
     }
 
     if (UNSUPPORTED_NCG) {
@@ -3407,16 +3481,16 @@ if (isForced$1('RegExp', BASE_FORCED)) {
 
   RegExpPrototype$1.constructor = RegExpWrapper;
   RegExpWrapper.prototype = RegExpPrototype$1;
-  defineBuiltIn$2(global$a, 'RegExp', RegExpWrapper, { constructor: true });
+  defineBuiltIn$2(global$9, 'RegExp', RegExpWrapper, { constructor: true });
 }
 
 // https://tc39.es/ecma262/#sec-get-regexp-@@species
 setSpecies$1('RegExp');
 
-var DESCRIPTORS$4 = descriptors;
+var DESCRIPTORS$3 = descriptors;
 var UNSUPPORTED_DOT_ALL = regexpUnsupportedDotAll;
 var classof$3 = classofRaw$2;
-var defineBuiltInAccessor$1 = defineBuiltInAccessor$3;
+var defineBuiltInAccessor = defineBuiltInAccessor$3;
 var getInternalState = internalState.get;
 
 var RegExpPrototype = RegExp.prototype;
@@ -3424,8 +3498,8 @@ var $TypeError$7 = TypeError;
 
 // `RegExp.prototype.dotAll` getter
 // https://tc39.es/ecma262/#sec-get-regexp.prototype.dotall
-if (DESCRIPTORS$4 && UNSUPPORTED_DOT_ALL) {
-  defineBuiltInAccessor$1(RegExpPrototype, 'dotAll', {
+if (DESCRIPTORS$3 && UNSUPPORTED_DOT_ALL) {
+  defineBuiltInAccessor(RegExpPrototype, 'dotAll', {
     configurable: true,
     get: function dotAll() {
       if (this === RegExpPrototype) return;
@@ -3632,6 +3706,12 @@ const JsonFormRegisterProvider = ({
   });
 };
 
+let _$8 = t => t,
+  _t$8;
+const FormFieldWrapper = styled.div(_t$8 || (_t$8 = _$8`
+  margin-bottom: var(--goa-space-l);
+`));
+
 const GoAInputBaseControl = props => {
   var _a, _b;
   const {
@@ -3646,7 +3726,8 @@ const GoAInputBaseControl = props => {
   } = props;
   const InnerComponent = input;
   const labelToUpdate = getLabelText(uischema.scope, label || '');
-  let modifiedErrors = checkFieldValidity(props);
+  const ctx = useJsonForms();
+  let modifiedErrors = checkFieldValidity(props, ctx);
   if (modifiedErrors === 'must be equal to one of the allowed values') {
     modifiedErrors = '';
   }
@@ -3692,63 +3773,6 @@ const GoAInputBaseControl = props => {
   });
 };
 
-var $$c = _export;
-var DESCRIPTORS$3 = descriptors;
-var global$9 = global$o;
-var uncurryThis$7 = functionUncurryThis;
-var hasOwn$2 = hasOwnProperty_1;
-var isCallable$5 = isCallable$q;
-var isPrototypeOf$3 = objectIsPrototypeOf;
-var toString$5 = toString$e;
-var defineBuiltInAccessor = defineBuiltInAccessor$3;
-var copyConstructorProperties$1 = copyConstructorProperties$3;
-
-var NativeSymbol = global$9.Symbol;
-var SymbolPrototype = NativeSymbol && NativeSymbol.prototype;
-
-if (DESCRIPTORS$3 && isCallable$5(NativeSymbol) && (!('description' in SymbolPrototype) ||
-  // Safari 12 bug
-  NativeSymbol().description !== undefined
-)) {
-  var EmptyStringDescriptionStore = {};
-  // wrap Symbol constructor for correct work with undefined description
-  var SymbolWrapper = function Symbol() {
-    var description = arguments.length < 1 || arguments[0] === undefined ? undefined : toString$5(arguments[0]);
-    var result = isPrototypeOf$3(SymbolPrototype, this)
-      ? new NativeSymbol(description)
-      // in Edge 13, String(Symbol(undefined)) === 'Symbol(undefined)'
-      : description === undefined ? NativeSymbol() : NativeSymbol(description);
-    if (description === '') EmptyStringDescriptionStore[result] = true;
-    return result;
-  };
-
-  copyConstructorProperties$1(SymbolWrapper, NativeSymbol);
-  SymbolWrapper.prototype = SymbolPrototype;
-  SymbolPrototype.constructor = SymbolWrapper;
-
-  var NATIVE_SYMBOL = String(NativeSymbol('description detection')) === 'Symbol(description detection)';
-  var thisSymbolValue = uncurryThis$7(SymbolPrototype.valueOf);
-  var symbolDescriptiveString = uncurryThis$7(SymbolPrototype.toString);
-  var regexp = /^Symbol\((.*)\)[^)]+$/;
-  var replace$2 = uncurryThis$7(''.replace);
-  var stringSlice$1 = uncurryThis$7(''.slice);
-
-  defineBuiltInAccessor(SymbolPrototype, 'description', {
-    configurable: true,
-    get: function description() {
-      var symbol = thisSymbolValue(this);
-      if (hasOwn$2(EmptyStringDescriptionStore, symbol)) return '';
-      var string = symbolDescriptiveString(symbol);
-      var desc = NATIVE_SYMBOL ? stringSlice$1(string, 7, -1) : replace$2(string, regexp, '$1');
-      return desc === '' ? undefined : desc;
-    }
-  });
-
-  $$c({ global: true, constructor: true, forced: true }, {
-    Symbol: SymbolWrapper
-  });
-}
-
 var call$6 = functionCall;
 var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
 var anObject$5 = anObject$f;
@@ -3824,7 +3848,8 @@ const GoAInputText = props => {
   } = props;
   const appliedUiSchemaOptions = Object.assign(Object.assign({}, config), uischema === null || uischema === void 0 ? void 0 : uischema.options);
   const placeholder = (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.placeholder) || (schema === null || schema === void 0 ? void 0 : schema.description) || '';
-  const errorsFormInput = checkFieldValidity(props);
+  const ctx = useJsonForms();
+  const errorsFormInput = checkFieldValidity(props, ctx);
   const isSinField = schema.title === sinTitle;
   const autoCapitalize = ((_b = (_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.componentProps) === null || _b === void 0 ? void 0 : _b.autoCapitalize) === true || ((_c = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _c === void 0 ? void 0 : _c.autoCapitalize) === true;
   const readOnly = (_f = (_e = (_d = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _d === void 0 ? void 0 : _d.componentProps) === null || _e === void 0 ? void 0 : _e.readOnly) !== null && _f !== void 0 ? _f : false;
@@ -3897,7 +3922,8 @@ const MultiLineText = props => {
   const [textAreaValue, _] = React.useState(data);
   const appliedUiSchemaOptions = Object.assign(Object.assign({}, config), uischema === null || uischema === void 0 ? void 0 : uischema.options);
   const placeholder = (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.placeholder) || (schema === null || schema === void 0 ? void 0 : schema.description) || '';
-  const errorsFormInput = checkFieldValidity(props);
+  const ctx = useJsonForms();
+  const errorsFormInput = checkFieldValidity(props, ctx);
   const width = (_c = (_b = (_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.componentProps) === null || _b === void 0 ? void 0 : _b.readOnly) !== null && _c !== void 0 ? _c : '100%';
   const autoCapitalize = ((_e = (_d = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _d === void 0 ? void 0 : _d.componentProps) === null || _e === void 0 ? void 0 : _e.autoCapitalize) === true || ((_f = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _f === void 0 ? void 0 : _f.autoCapitalize) === true;
   const readOnly = (_j = (_h = (_g = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _g === void 0 ? void 0 : _g.componentProps) === null || _h === void 0 ? void 0 : _h.readOnly) !== null && _j !== void 0 ? _j : false;
@@ -4010,6 +4036,7 @@ const reformatDateProps = props => {
 };
 const GoADateInput = props => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+  const ctx = useJsonForms();
   const {
     data,
     config,
@@ -4032,7 +4059,7 @@ const GoADateInput = props => {
     return invalidDateFormat(uischema.scope, 'Max');
   }
   return jsx(GoAInputDate, Object.assign({
-    error: checkFieldValidity(props).length > 0,
+    error: checkFieldValidity(props, ctx).length > 0,
     width: width,
     name: (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.name) || `${id || label}-input`,
     value: standardizeDate(data) || '',
@@ -4093,7 +4120,8 @@ const GoANumberInput = props => {
   const MaxValue = clonedSchema.exclusiveMaximum ? clonedSchema.exclusiveMaximum : '';
   const readOnly = (_c = (_b = (_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.componentProps) === null || _b === void 0 ? void 0 : _b.readOnly) !== null && _c !== void 0 ? _c : false;
   const width = (_f = (_e = (_d = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _d === void 0 ? void 0 : _d.componentProps) === null || _e === void 0 ? void 0 : _e.width) !== null && _f !== void 0 ? _f : '100%';
-  const errorsFormInput = checkFieldValidity(props);
+  const ctx = useJsonForms();
+  const errorsFormInput = checkFieldValidity(props, ctx);
   return jsx(GoAInput, Object.assign({
     type: "number",
     error: errorsFormInput.length > 0,
@@ -4161,7 +4189,8 @@ const GoAInputInteger = props => {
   const MaxValue = clonedSchema.exclusiveMaximum ? clonedSchema.exclusiveMaximum : '';
   const readOnly = (_c = (_b = (_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.componentProps) === null || _b === void 0 ? void 0 : _b.readOnly) !== null && _c !== void 0 ? _c : false;
   const width = (_f = (_e = (_d = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _d === void 0 ? void 0 : _d.componentProps) === null || _e === void 0 ? void 0 : _e.width) !== null && _f !== void 0 ? _f : '100%';
-  const errorsFormInput = checkFieldValidity(props);
+  const ctx = useJsonForms();
+  const errorsFormInput = checkFieldValidity(props, ctx);
   return jsx(GoAInput, Object.assign({
     type: "number",
     error: errorsFormInput.length > 0,
@@ -4224,8 +4253,9 @@ const GoADateTimeInput = props => {
   const appliedUiSchemaOptions = Object.assign(Object.assign({}, config), uischema === null || uischema === void 0 ? void 0 : uischema.options);
   const readOnly = (_c = (_b = (_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.componentProps) === null || _b === void 0 ? void 0 : _b.readOnly) !== null && _c !== void 0 ? _c : false;
   const width = (_f = (_e = (_d = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _d === void 0 ? void 0 : _d.componentProps) === null || _e === void 0 ? void 0 : _e.width) !== null && _f !== void 0 ? _f : '100%';
+  const ctx = useJsonForms();
   return jsx(GoAInputDateTime, Object.assign({
-    error: checkFieldValidity(props).length > 0,
+    error: checkFieldValidity(props, ctx).length > 0,
     width: width,
     name: (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.name) || `${id || label}-input`,
     value: data ? new Date(data).toISOString() : '',
@@ -4280,7 +4310,8 @@ const GoATimeInput = props => {
   const appliedUiSchemaOptions = Object.assign(Object.assign({}, config), uischema === null || uischema === void 0 ? void 0 : uischema.options);
   (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.placeholder) || (schema === null || schema === void 0 ? void 0 : schema.description) || '';
   const readOnly = (_c = (_b = (_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.componentProps) === null || _b === void 0 ? void 0 : _b.readOnly) !== null && _c !== void 0 ? _c : false;
-  const errorsFormInput = checkFieldValidity(props);
+  const ctx = useJsonForms();
+  const errorsFormInput = checkFieldValidity(props, ctx);
   const width = (_f = (_e = (_d = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _d === void 0 ? void 0 : _d.componentProps) === null || _e === void 0 ? void 0 : _e.readOnly) !== null && _f !== void 0 ? _f : '100%';
   return jsx(GoAInputTime, Object.assign({
     error: errorsFormInput.length > 0,
@@ -4844,7 +4875,8 @@ const RadioGroup = props => {
   } = props;
   const enumData = (schema === null || schema === void 0 ? void 0 : schema.enum) || [];
   const appliedUiSchemaOptions = merge({}, config, props.uischema.options, options);
-  const errorsFormInput = checkFieldValidity(props);
+  const ctx = useJsonForms();
+  const errorsFormInput = checkFieldValidity(props, ctx);
   return jsx(GoARadioGroup, Object.assign({
     error: errorsFormInput.length > 0,
     name: `${options || appliedUiSchemaOptions.label}`,
@@ -4880,31 +4912,35 @@ const BooleanComponent = ({
   path,
   label,
   required,
-  errors
+  errors,
+  schema
 }) => {
-  var _a;
+  var _a, _b;
+  const ctx = useJsonForms();
   const errorsFormInput = checkFieldValidity({
     data,
     uischema,
     label,
     required,
-    errors
-  });
-  const text = label + (required ? ' (required)' : '');
+    errors,
+    schema
+  }, ctx);
+  const text = `${(schema === null || schema === void 0 ? void 0 : schema.title) || (schema === null || schema === void 0 ? void 0 : schema.description) ? (schema === null || schema === void 0 ? void 0 : schema.title) ? schema === null || schema === void 0 ? void 0 : schema.title : schema === null || schema === void 0 ? void 0 : schema.description : (_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.text}${required ? ' (required)' : ''}`;
   return jsx(GoACheckbox, Object.assign({
     error: errorsFormInput.length > 0,
     testId: `${path}-checkbox-test-id`,
     disabled: !enabled,
-    text: text,
+    text: text && text !== 'undefined' ? text : getLabelText(uischema.scope, label || ''),
     name: `${path}`,
     checked: data,
     onChange: (_, checked) => {
       handleChange(path, checked);
     }
-  }, (_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.componentProps));
+  }, (_b = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _b === void 0 ? void 0 : _b.componentProps, {
+    mb: "none"
+  }));
 };
 const BooleanControl = props => jsx(GoAInputBaseControl, Object.assign({}, props, {
-  noLabel: true,
   input: BooleanComponent
 }));
 const GoABooleanControlTester = rankWith(2, isBooleanControl);
@@ -4931,13 +4967,14 @@ const BooleanRadioComponent = ({
   const TrueDescription = description || (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.descriptionForTrue);
   const FalseDescription = description || (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.descriptionForFalse);
   const BaseTestId = (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.testId) || `${path}-boolean-radio-jsonform`;
+  const ctx = useJsonForms();
   const errorsFormInput = checkFieldValidity({
     data,
     uischema,
     label,
     required,
     errors
-  });
+  }, ctx);
   return jsx(Visible, {
     visible: visible,
     children: jsxs(GoARadioGroup, Object.assign({
@@ -7534,6 +7571,20 @@ const SearchBox = styled.div(_t$1 || (_t$1 = _$1`
     cursor: pointer;
     font-weight: var(--fw-bold);
   }
+  .input-container {
+    position: relative;
+    display: inline-block;
+    width: 100%; /* Ensures it spans the parent container */
+  }
+
+  .input-container .input-spinner {
+    position: absolute;
+    top: 50%;
+    right: 8px; /* Adjust based on padding or margin of the input field */
+    transform: translateY(-50%);
+    z-index: 1; /* Ensure it appears above the input */
+    pointer-events: none; /* Prevent spinner from interfering with clicks */
+  }
 `));
 const AddressIndent = styled.div(_t2 || (_t2 = _$1`
   margin: 1em 1.5em 0 1.5em;
@@ -8122,28 +8173,33 @@ const AddressLookUpControl = props => {
       error: (_g = errors === null || errors === void 0 ? void 0 : errors['addressLine1']) !== null && _g !== void 0 ? _g : '',
       "data-testId": "form-address-line1",
       children: jsxs(SearchBox, {
-        children: [jsx(GoAInput, {
-          leadingIcon: autocompletion && enabled ? 'search' : undefined,
-          id: "goaInput",
-          name: "addressLine1",
-          testId: "address-form-address1",
-          readonly: readOnly,
-          disabled: !enabled,
-          ariaLabel: 'address-form-address1',
-          placeholder: "Start typing the first line of your address, required.",
-          value: (address === null || address === void 0 ? void 0 : address.addressLine1) || '',
-          onChange: (e, value) => handleDropdownChange(value),
-          onBlur: name => handleRequiredFieldBlur(name),
-          width: "100%",
-          onKeyPress: (e, value, key) => {
-            if (open) {
-              handleKeyDown(e, value, key);
+        children: [jsxs("div", {
+          className: "input-container",
+          children: [jsx(GoAInput, {
+            leadingIcon: autocompletion && enabled ? 'search' : undefined,
+            id: "goaInput",
+            name: "addressLine1",
+            testId: "address-form-address1",
+            readonly: readOnly,
+            disabled: !enabled,
+            ariaLabel: 'address-form-address1',
+            placeholder: "Start typing the first line of your address, required.",
+            value: (address === null || address === void 0 ? void 0 : address.addressLine1) || '',
+            onChange: (e, value) => handleDropdownChange(value),
+            onBlur: name => handleRequiredFieldBlur(name),
+            width: "100%",
+            onKeyPress: (e, value, key) => {
+              if (open) {
+                handleKeyDown(e, value, key);
+              }
             }
-          }
-        }), loading && autocompletion && jsx(GoACircularProgress, {
-          variant: "inline",
-          size: "small",
-          visible: true
+          }), loading && jsx("div", {
+            className: "input-spinner",
+            children: jsx(GoASpinner, {
+              type: "infinite",
+              size: "small"
+            })
+          })]
         }), !loading && suggestions && autocompletion && jsx("ul", {
           ref: dropdownRef,
           className: "suggestions",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "1.43.6",
+  "version": "1.43.8",
   "license": "Apache-2.0",
   "description": "Government of Alberta - React renderers for JSON Forms based on the design system.",
   "repository": "https://github.com/GovAlta/adsp-monorepo",

package/src/lib/Controls/Inputs/InputBooleanControl.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { RankedTester, ControlProps } from '@jsonforms/core';
-export declare const BooleanComponent: ({ data, enabled, uischema, handleChange, path, label, required, errors, }: ControlProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BooleanComponent: ({ data, enabled, uischema, handleChange, path, label, required, errors, schema, }: ControlProps) => import("react/jsx-runtime").JSX.Element;
 export declare const BooleanControl: (props: ControlProps) => import("react/jsx-runtime").JSX.Element;
 export declare const GoABooleanControlTester: RankedTester;
 export declare const GoABooleanControl: import("react").ComponentType<import("@jsonforms/core").OwnPropsOfControl>;

package/src/lib/util/stringUtils.d.ts

@@ -1,4 +1,5 @@
 import { ControlProps, JsonSchema } from '@jsonforms/core';
+import { JsonFormsStateContext } from '@jsonforms/react';
 /**
  * Sets the first word to be capitalized so that it is sentence cased.
  * @param words
@@ -22,13 +23,7 @@ export declare const getLabelText: (scope: string, label: string) => string;
 export declare const isEmptyBoolean: (schema: JsonSchema, data: unknown) => boolean;
 export declare const isEmptyNumber: (schema: JsonSchema, data: unknown) => boolean;
 export declare const validateSinWithLuhn: (input: number) => boolean;
-/**
- * Check if a required, defined input value is valid. Returns an appropriate
- * error message if not.
- * @param props
- * @returns error message
- */
-export declare const checkFieldValidity: (props: ControlProps) => string;
+export declare const checkFieldValidity: (props: ControlProps, ctx: JsonFormsStateContext) => string;
 /**
  * Check if the date is a valid date/time
  */