@abgov/jsonforms-components 2.41.1 → 2.42.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.esm.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as runtime from 'react/jsx-runtime';
2
2
  import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
3
3
  import React, { createContext, useContext, useReducer, useMemo, useEffect, useState, useRef, useCallback } from 'react';
4
- import { GoAFormItem, GoAInput, GoATextArea, GoACallout, GoAInputDate, GoAInputDateTime, GoAInputTime, GoARadioGroup, GoARadioItem, GoACheckbox, GoAIcon, GoAGrid, GoAFormStepper, GoAFormStep, GoAPages, GoAButton, GoAModal, GoAButtonGroup, GoABadge, GoAText, GoATable, GoAIconButton, GoAFileUploadInput, GoACircularProgress, GoAContainer, GoADropdown, GoADropdownItem, GoADetails, GoASpinner } from '@abgov/react-components';
4
+ import { GoabFormItem, GoabInput, GoabTextArea, GoabCallout, GoabRadioGroup, GoabRadioItem, GoabCheckbox, GoabIcon, GoabGrid, GoabFormStepper, GoabFormStep, GoabPages, GoabButton, GoabModal, GoabButtonGroup, GoabBadge, GoabText, GoabTable, GoabIconButton, GoabFileUploadInput, GoabCircularProgress, GoabContainer, GoabDropdown, GoabDropdownItem, GoabDetails, GoabSpinner } from '@abgov/react-components';
5
5
  import styled from 'styled-components';
6
6
  import axios from 'axios';
7
7
  import get$1 from 'lodash/get';
@@ -5247,7 +5247,7 @@ const GoAInputBaseControl = props => {
5247
5247
  children: jsx(Visible, {
5248
5248
  visible: visible,
5249
5249
  children: jsx(FormFieldWrapper, {
5250
- children: jsx(GoAFormItem, {
5250
+ children: jsx(GoabFormItem, {
5251
5251
  requirement: (_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.requirement) !== null && _c !== void 0 ? _c : required || getRequiredIfThen(props).length > 0 ? 'required' : undefined,
5252
5252
  error: isVisited === true ? modifiedErrors : undefined,
5253
5253
  testId: isStepperReview === true ? `review-base-${path}` : path,
@@ -5593,7 +5593,7 @@ const Dropdown = props => {
5593
5593
  const setInputTextFocus = () => {
5594
5594
  const inputEl = document.getElementById(`${id}-input`);
5595
5595
  if (inputEl) {
5596
- //The 'focused' property is part of the GoAInput component that is used to
5596
+ //The 'focused' property is part of the GoabInput component that is used to
5597
5597
  //set focus on the input field. We need to set it back to false once we set focus on the input field. Doing with just .focus() doesnt work.
5598
5598
  inputEl.focused = true;
5599
5599
  inputEl.focus();
@@ -5709,7 +5709,7 @@ const Dropdown = props => {
5709
5709
  onClick: e => {
5710
5710
  setIsOpen(previousIsOpen => !previousIsOpen);
5711
5711
  },
5712
- children: jsx(GoAInput, {
5712
+ children: jsx(GoabInput, {
5713
5713
  disabled: !enabled,
5714
5714
  name: `dropdown-${label}`,
5715
5715
  width: "100%",
@@ -5717,11 +5717,11 @@ const Dropdown = props => {
5717
5717
  testId: `${id}-input`,
5718
5718
  id: `${id}-input`,
5719
5719
  readonly: !isAutoCompletion,
5720
- onChange: (name, value) => {
5720
+ onChange: detail => {
5721
5721
  if (isAutoCompletion) {
5722
- setInputText(value);
5722
+ setInputText(detail.value);
5723
5723
  const selectedItems = props.items.filter(item => {
5724
- return item.label.includes(value);
5724
+ return item.label.includes(detail.value);
5725
5725
  });
5726
5726
  setItems(selectedItems);
5727
5727
  }
@@ -5850,7 +5850,7 @@ const GoAInputText = props => {
5850
5850
  onChange: value => {
5851
5851
  handleChange(path, value);
5852
5852
  }
5853
- }, `jsonforms-${label}-dropdown`) : jsx(GoAInput, Object.assign({
5853
+ }, `jsonforms-${label}-dropdown`) : jsx(GoabInput, Object.assign({
5854
5854
  error: isVisited && errors.length > 0,
5855
5855
  type: appliedUiSchemaOptions.format === 'password' ? 'password' : 'text',
5856
5856
  disabled: !enabled,
@@ -5864,26 +5864,28 @@ const GoAInputText = props => {
5864
5864
  // maxLength={appliedUiSchemaOptions?.maxLength}
5865
5865
  name: (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.name) || `${id || label}-input`,
5866
5866
  testId: (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.testId) || `${id}-input`,
5867
- onChange: (name, value) => {
5868
- let formattedValue = value;
5869
- if (schema && schema.title === sinTitle && value !== '') {
5870
- formattedValue = formatSin(value);
5867
+ onChange: detail => {
5868
+ let formattedValue = detail.value;
5869
+ if (schema && schema.title === sinTitle && detail.value !== '') {
5870
+ formattedValue = formatSin(detail.value);
5871
5871
  }
5872
5872
  if (isVisited === false && setIsVisited) {
5873
5873
  setIsVisited();
5874
5874
  }
5875
5875
  onChangeForInputControl({
5876
+ name: detail.name,
5876
5877
  value: formattedValue,
5877
5878
  controlProps: props
5878
5879
  });
5879
5880
  },
5880
- onBlur: (name, value) => {
5881
+ onBlur: detail => {
5881
5882
  if (isVisited === false && setIsVisited) {
5882
5883
  setIsVisited();
5883
5884
  }
5884
5885
  onBlurForTextControl({
5886
+ name: detail.name,
5885
5887
  controlProps: props,
5886
- value: autoCapitalize ? value.toUpperCase() : value
5888
+ value: autoCapitalize ? detail.value.toUpperCase() : detail.value
5887
5889
  });
5888
5890
  }
5889
5891
  }, (_q = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _q === void 0 ? void 0 : _q.componentProps))
@@ -5920,7 +5922,7 @@ const MultiLineText = props => {
5920
5922
  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;
5921
5923
  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;
5922
5924
  const textAreaName = `${label || path}-text-area` || '';
5923
- const txtAreaComponent = jsx(GoATextArea, Object.assign({
5925
+ const txtAreaComponent = jsx(GoabTextArea, Object.assign({
5924
5926
  error: isVisited && errors.length > 0,
5925
5927
  value: textAreaValue,
5926
5928
  disabled: !enabled,
@@ -5931,24 +5933,26 @@ const MultiLineText = props => {
5931
5933
  width: width,
5932
5934
  // Note: Paul Jan-09-2023. The latest ui-component come with the maxCount. We need to uncomment the following line when the component is updated
5933
5935
  // maxCount={schema.maxLength || 256}
5934
- onKeyPress: (name, value, key) => {
5935
- const newValue = autoCapitalize ? value.toUpperCase() : value;
5936
+ onKeyPress: detail => {
5937
+ const newValue = autoCapitalize ? detail.value.toUpperCase() : detail.value;
5936
5938
  if (isVisited === false && setIsVisited) {
5937
5939
  setIsVisited();
5938
5940
  }
5939
- if (value.length === 0 || required && errors.length === 0 && value.length > 0) {
5941
+ if (detail.value.length === 0 || required && errors.length === 0 && detail.value.length > 0) {
5940
5942
  onKeyPressForTextControl({
5943
+ name: detail.name,
5941
5944
  value: newValue,
5942
- key,
5945
+ key: detail.key,
5943
5946
  controlProps: props
5944
5947
  });
5945
5948
  }
5946
5949
  onChangeForInputControl({
5950
+ name: detail.name,
5947
5951
  value: newValue,
5948
5952
  controlProps: props
5949
5953
  });
5950
5954
  },
5951
- onChange: (name, value) => {
5955
+ onChange: () => {
5952
5956
  if (isVisited === false && setIsVisited) {
5953
5957
  setIsVisited();
5954
5958
  }
@@ -5971,7 +5975,7 @@ const callout = props => {
5971
5975
  message: 'unknown'
5972
5976
  }, props);
5973
5977
  const testid = (_a = componentProps.message) === null || _a === void 0 ? void 0 : _a.replace(/\s/g, '');
5974
- return jsx(GoACallout, Object.assign({}, componentProps, {
5978
+ return jsx(GoabCallout, Object.assign({}, componentProps, {
5975
5979
  "data-testid": testid,
5976
5980
  children: componentProps === null || componentProps === void 0 ? void 0 : componentProps.message
5977
5981
  }));
@@ -6049,7 +6053,8 @@ const GoADateInput = props => {
6049
6053
  const today = new Date();
6050
6054
  minDate = today.toISOString().split('T')[0];
6051
6055
  }
6052
- return jsx(GoAInputDate, Object.assign({
6056
+ return jsx(GoabInput, Object.assign({
6057
+ type: "date",
6053
6058
  error: isVisited && errors.length > 0,
6054
6059
  width: width,
6055
6060
  name: (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.name) || `${id || label}-input`,
@@ -6059,28 +6064,31 @@ const GoADateInput = props => {
6059
6064
  readonly: readOnly,
6060
6065
  min: minDate && new Date(minDate),
6061
6066
  max: maxDate && new Date(maxDate),
6062
- onChange: (name, value) => {
6067
+ onChange: detail => {
6063
6068
  if (isVisited === false && setIsVisited) {
6064
6069
  setIsVisited();
6065
6070
  }
6066
6071
  onChangeForDateControl({
6067
- value,
6072
+ name: detail.name,
6073
+ value: detail.value,
6068
6074
  controlProps: props
6069
6075
  });
6070
6076
  },
6071
- onKeyPress: (name, value, key) => {
6077
+ onKeyPress: detail => {
6072
6078
  onKeyPressForDateControl({
6073
- value,
6074
- key,
6079
+ name: detail.name,
6080
+ value: detail.value,
6081
+ key: detail.key,
6075
6082
  controlProps: props
6076
6083
  });
6077
6084
  },
6078
- onBlur: (name, value) => {
6085
+ onBlur: detail => {
6079
6086
  if (isVisited === false && setIsVisited) {
6080
6087
  setIsVisited();
6081
6088
  }
6082
6089
  onBlurForDateControl({
6083
- value,
6090
+ name: detail.name,
6091
+ value: detail.value,
6084
6092
  controlProps: props
6085
6093
  });
6086
6094
  }
@@ -6116,7 +6124,7 @@ const GoANumberInput = props => {
6116
6124
  const MaxValue = clonedSchema.exclusiveMaximum ? clonedSchema.exclusiveMaximum : '';
6117
6125
  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;
6118
6126
  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%';
6119
- return jsx(GoAInput, Object.assign({
6127
+ return jsx(GoabInput, Object.assign({
6120
6128
  type: "number",
6121
6129
  error: isVisited && errors.length > 0,
6122
6130
  disabled: !enabled,
@@ -6129,21 +6137,23 @@ const GoANumberInput = props => {
6129
6137
  width: width,
6130
6138
  name: (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.name) || `${id || label}-input`,
6131
6139
  testId: (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.testId) || `${id}-input`,
6132
- onBlur: (name, value) => {
6140
+ onBlur: detail => {
6133
6141
  if (isVisited === false && setIsVisited) {
6134
6142
  setIsVisited();
6135
6143
  }
6136
6144
  onBlurForNumericControl({
6137
- value,
6145
+ name: detail.name,
6146
+ value: detail.value,
6138
6147
  controlProps: props
6139
6148
  });
6140
6149
  },
6141
- onChange: (name, value) => {
6150
+ onChange: detail => {
6142
6151
  if (isVisited === false && setIsVisited) {
6143
6152
  setIsVisited();
6144
6153
  }
6145
6154
  onChangeForNumericControl({
6146
- value,
6155
+ name: detail.name,
6156
+ value: detail.value,
6147
6157
  controlProps: props
6148
6158
  });
6149
6159
  }
@@ -6155,7 +6165,7 @@ const GoANumberControl = props => jsx(GoAInputBaseControl, Object.assign({}, pro
6155
6165
  const GoANumberControlTester = rankWith(2, isNumberControl);
6156
6166
  const GoAInputNumberControl = withJsonFormsControlProps(GoANumberControl);
6157
6167
 
6158
- const GoAInputInteger = props => {
6168
+ const GoabInputInteger = props => {
6159
6169
  var _a, _b, _c, _d, _e, _f, _g;
6160
6170
  // eslint-disable-next-line
6161
6171
  const {
@@ -6179,7 +6189,7 @@ const GoAInputInteger = props => {
6179
6189
  const MaxValue = clonedSchema.exclusiveMaximum ? clonedSchema.exclusiveMaximum : '';
6180
6190
  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;
6181
6191
  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%';
6182
- return jsx(GoAInput, Object.assign({
6192
+ return jsx(GoabInput, Object.assign({
6183
6193
  type: "number",
6184
6194
  error: isVisited && errors.length > 0,
6185
6195
  width: width,
@@ -6192,28 +6202,30 @@ const GoAInputInteger = props => {
6192
6202
  placeholder: placeholder,
6193
6203
  name: (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.name) || `${id || label}-input`,
6194
6204
  testId: (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.testId) || `${id}-input`,
6195
- onBlur: (name, value) => {
6205
+ onBlur: detail => {
6196
6206
  if (isVisited === false && setIsVisited) {
6197
6207
  setIsVisited();
6198
6208
  }
6199
6209
  onBlurForNumericControl({
6200
- value,
6210
+ name: detail.name,
6211
+ value: detail.value,
6201
6212
  controlProps: props
6202
6213
  });
6203
6214
  },
6204
- onChange: (name, value) => {
6215
+ onChange: detail => {
6205
6216
  if (isVisited === false && setIsVisited) {
6206
6217
  setIsVisited();
6207
6218
  }
6208
6219
  onChangeForNumericControl({
6209
- value,
6220
+ name: detail.name,
6221
+ value: detail.value,
6210
6222
  controlProps: props
6211
6223
  });
6212
6224
  }
6213
6225
  }, (_g = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _g === void 0 ? void 0 : _g.componentProps));
6214
6226
  };
6215
6227
  const GoAIntegerControl = props => jsx(GoAInputBaseControl, Object.assign({}, props, {
6216
- input: GoAInputInteger
6228
+ input: GoabInputInteger
6217
6229
  }));
6218
6230
  const GoAIntegerControlTester = rankWith(2, isIntegerControl);
6219
6231
  const GoAInputIntegerControl = withJsonFormsControlProps(GoAIntegerControl);
@@ -6234,36 +6246,40 @@ const GoADateTimeInput = props => {
6234
6246
  const appliedUiSchemaOptions = Object.assign({}, config, uischema === null || uischema === void 0 ? void 0 : uischema.options);
6235
6247
  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;
6236
6248
  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%';
6237
- return jsx(GoAInputDateTime, Object.assign({
6249
+ return jsx(GoabInput, Object.assign({
6250
+ type: "time",
6238
6251
  error: isVisited && errors.length > 0,
6239
6252
  width: width,
6240
6253
  name: (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.name) || `${id || label}-input`,
6241
- value: data ? new Date(data).toISOString() : '',
6254
+ value: data ? new Date(data).toISOString().slice(0, 10) : '',
6242
6255
  testId: (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.testId) || `${id}-input`,
6243
6256
  disabled: !enabled,
6244
6257
  readonly: readOnly,
6245
- onChange: (name, value) => {
6258
+ onChange: detail => {
6246
6259
  if (isVisited === false && setIsVisited) {
6247
6260
  setIsVisited();
6248
6261
  }
6249
6262
  onChangeForDateTimeControl({
6250
- value,
6263
+ name: detail.name,
6264
+ value: detail.value,
6251
6265
  controlProps: props
6252
6266
  });
6253
6267
  },
6254
- onKeyPress: (name, value, key) => {
6268
+ onKeyPress: detail => {
6255
6269
  onKeyPressForDateControl({
6256
- value,
6257
- key,
6270
+ name: detail.name,
6271
+ value: detail.value,
6272
+ key: detail.key,
6258
6273
  controlProps: props
6259
6274
  });
6260
6275
  },
6261
- onBlur: (name, value) => {
6276
+ onBlur: detail => {
6262
6277
  if (isVisited === false && setIsVisited) {
6263
6278
  setIsVisited();
6264
6279
  }
6265
6280
  onBlurForDateControl({
6266
- value,
6281
+ name: detail.name,
6282
+ value: detail.value,
6267
6283
  controlProps: props
6268
6284
  });
6269
6285
  }
@@ -6296,7 +6312,8 @@ const GoATimeInput = props => {
6296
6312
  (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.placeholder) || (schema === null || schema === void 0 ? void 0 : schema.description) || '';
6297
6313
  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;
6298
6314
  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%';
6299
- return jsx(GoAInputTime, Object.assign({
6315
+ return jsx(GoabInput, Object.assign({
6316
+ type: "time",
6300
6317
  error: isVisited && errors.length > 0,
6301
6318
  name: (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.name) || `${id || label}-input`,
6302
6319
  value: data,
@@ -6305,19 +6322,20 @@ const GoATimeInput = props => {
6305
6322
  disabled: !enabled,
6306
6323
  readonly: readOnly,
6307
6324
  testId: (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.testId) || `${id}-input`,
6308
- onBlur: (name, value) => {
6325
+ onBlur: detail => {
6309
6326
  /* istanbul ignore next */
6310
6327
  if (isVisited === false && setIsVisited) {
6311
6328
  setIsVisited();
6312
6329
  }
6313
6330
  /* istanbul ignore next */
6314
- handleChange(path, value === '' ? undefined : value);
6331
+ handleChange(path, detail.value === '' ? undefined : detail.value);
6315
6332
  },
6316
- onChange: (name, value) => {},
6317
- onKeyPress: (name, value, key) => {
6333
+ onChange: () => {},
6334
+ onKeyPress: detail => {
6318
6335
  onKeyPressForTimeControl({
6319
- value,
6320
- key,
6336
+ name: detail.name,
6337
+ value: detail.value,
6338
+ key: detail.key,
6321
6339
  controlProps: props
6322
6340
  });
6323
6341
  }
@@ -6448,17 +6466,17 @@ const RadioGroup = props => {
6448
6466
  } = props;
6449
6467
  const enumData = (schema === null || schema === void 0 ? void 0 : schema.enum) || [];
6450
6468
  const appliedUiSchemaOptions = merge({}, config, props.uischema.options, options);
6451
- return jsx(GoARadioGroup, Object.assign({
6469
+ return jsx(GoabRadioGroup, Object.assign({
6452
6470
  error: isVisited && errors.length > 0,
6453
6471
  name: `${path || appliedUiSchemaOptions.label}`,
6454
6472
  testId: `${path || id || label}-radio-group`,
6455
6473
  value: data,
6456
6474
  disabled: !enabled
6457
6475
  }, appliedUiSchemaOptions, {
6458
- onChange: (name, value) => handleChange(path, value)
6476
+ onChange: detail => handleChange(path, detail.value)
6459
6477
  }, (_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.componentProps, {
6460
6478
  children: enumData.map((enumValue, index) => {
6461
- return jsx(GoARadioItem, Object.assign({
6479
+ return jsx(GoabRadioItem, Object.assign({
6462
6480
  name: enumValue,
6463
6481
  value: `${enumValue}`
6464
6482
  }, appliedUiSchemaOptions, {
@@ -6504,15 +6522,15 @@ const BooleanComponent = ({
6504
6522
  };
6505
6523
  const text = getRequiredLabelText();
6506
6524
  return jsx(CheckboxWrapper, {
6507
- children: jsx(GoACheckbox, Object.assign({
6525
+ children: jsx(GoabCheckbox, Object.assign({
6508
6526
  error: isVisited && errors.length > 0,
6509
6527
  testId: `${path}-checkbox-test-id`,
6510
6528
  disabled: !enabled,
6511
6529
  text: text && text !== 'undefined' ? text : convertToReadableFormat(getLastSegmentFromPointer(uischema.scope)),
6512
6530
  name: `${path}`,
6513
6531
  checked: data,
6514
- onChange: (_, checked) => {
6515
- handleChange(path, checked);
6532
+ onChange: detail => {
6533
+ handleChange(path, detail.checked);
6516
6534
  }
6517
6535
  }, (_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.componentProps, {
6518
6536
  mb: "none"
@@ -6545,28 +6563,28 @@ const BooleanRadioComponent = ({
6545
6563
  const TrueDescription = description || (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.descriptionForTrue);
6546
6564
  const FalseDescription = description || (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.descriptionForFalse);
6547
6565
  const BaseTestId = (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.testId) || `${path}-boolean-radio-jsonform`;
6548
- return jsxs(GoARadioGroup, Object.assign({
6566
+ return jsxs(GoabRadioGroup, Object.assign({
6549
6567
  error: isVisited && errors.length,
6550
6568
  name: `${label}`,
6551
6569
  value: data === true ? TrueValue : data === false ? FalseValue : null,
6552
6570
  disabled: !enabled,
6553
6571
  testId: BaseTestId,
6554
- onChange: (_name, value) => {
6555
- if (value === TrueValue) {
6572
+ onChange: detail => {
6573
+ if (detail.value === TrueValue) {
6556
6574
  handleChange(path, true);
6557
6575
  }
6558
- if (value === FalseValue) {
6576
+ if (detail.value === FalseValue) {
6559
6577
  handleChange(path, false);
6560
6578
  }
6561
6579
  }
6562
6580
  }, (_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.componentProps, {
6563
- children: [jsx(GoARadioItem, {
6581
+ children: [jsx(GoabRadioItem, {
6564
6582
  value: TrueValue,
6565
- testId: `${BaseTestId}-yes-option`,
6583
+ "data-testId": `${BaseTestId}-yes-option`,
6566
6584
  description: EnableDescription ? TrueDescription : null
6567
- }), jsx(GoARadioItem, {
6585
+ }), jsx(GoabRadioItem, {
6568
6586
  value: FalseValue,
6569
- testId: `${BaseTestId}-no-option`,
6587
+ "data-testId": `${BaseTestId}-no-option`,
6570
6588
  description: EnableDescription ? FalseDescription : null
6571
6589
  })]
6572
6590
  }));
@@ -6648,7 +6666,7 @@ const CheckboxGroup = props => {
6648
6666
  const enumValue = getOptionValue(enumOption);
6649
6667
  const enumLabel = getOptionLabel(enumOption);
6650
6668
  const enumDescription = getOptionDescription(enumOption);
6651
- return jsx(GoACheckbox, Object.assign({
6669
+ return jsx(GoabCheckbox, Object.assign({
6652
6670
  name: enumValue,
6653
6671
  disabled: !enabled,
6654
6672
  checked: data ? data.includes(enumValue) : false,
@@ -6657,9 +6675,9 @@ const CheckboxGroup = props => {
6657
6675
  text: enumLabel,
6658
6676
  description: enumDescription,
6659
6677
  testId: `${enumValue}-checkbox`,
6660
- onChange: (name, value) => {
6678
+ onChange: detail => {
6661
6679
  let newData = Array.isArray(data) ? [...data] : [];
6662
- if (value) {
6680
+ if (detail.value) {
6663
6681
  newData.push(enumValue);
6664
6682
  } else {
6665
6683
  newData = newData.filter(item => item !== enumValue);
@@ -6680,7 +6698,7 @@ const GoACheckoutGroupControlTester = rankWith(18, and(optionIs('format', 'check
6680
6698
 
6681
6699
  const warningIcon = errorMessage => {
6682
6700
  return jsxs(WarningIconDiv, {
6683
- children: [jsx(GoAIcon, {
6701
+ children: [jsx(GoabIcon, {
6684
6702
  type: "warning",
6685
6703
  size: "small",
6686
6704
  theme: "filled",
@@ -6774,7 +6792,7 @@ const GoInputBaseReview = props => jsx(GoAInputBaseControl, Object.assign({}, pr
6774
6792
  isStepperReview: true,
6775
6793
  skipInitialValidation: true
6776
6794
  }));
6777
- const GoInputBaseReviewControl = withJsonFormsControlProps(GoInputBaseReview);
6795
+ const GoAInputBaseReviewControl = withJsonFormsControlProps(GoInputBaseReview);
6778
6796
 
6779
6797
  const GoAInputBaseTableReview = props => {
6780
6798
  var _a, _b, _c;
@@ -6964,12 +6982,12 @@ const GoAEmailInput = props => {
6964
6982
  return jsx(Visible, {
6965
6983
  visible: visible,
6966
6984
  children: jsx(FormFieldWrapper, {
6967
- children: jsx(GoAFormItem, {
6985
+ children: jsx(GoabFormItem, {
6968
6986
  error: isVisited && finalErrors,
6969
6987
  testId: "form-email-input-wrapper",
6970
6988
  requirement: required ? 'required' : undefined,
6971
6989
  label: primaryLabel,
6972
- children: jsx(GoAInput, {
6990
+ children: jsx(GoabInput, {
6973
6991
  error: isVisited && finalErrors.length > 0,
6974
6992
  type: 'email',
6975
6993
  width: width,
@@ -6978,21 +6996,23 @@ const GoAEmailInput = props => {
6978
6996
  testId: (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.testId) || `${id}-input`,
6979
6997
  disabled: !enabled,
6980
6998
  readonly: readOnly,
6981
- onChange: (name, value) => {
6999
+ onChange: detail => {
6982
7000
  if (!isVisited) {
6983
7001
  setIsVisited(true);
6984
7002
  }
6985
7003
  onChangeForInputControl({
6986
- value,
7004
+ name: detail.name,
7005
+ value: detail.value,
6987
7006
  controlProps: props
6988
7007
  });
6989
7008
  },
6990
- onBlur: (name, value) => {
7009
+ onBlur: detail => {
6991
7010
  if (!isVisited) {
6992
7011
  setIsVisited(true);
6993
7012
  }
6994
7013
  onBlurForTextControl({
6995
- value,
7014
+ name: detail.name,
7015
+ value: detail.value,
6996
7016
  controlProps: props
6997
7017
  });
6998
7018
  }
@@ -7043,7 +7063,7 @@ const LayoutRenderer = ({
7043
7063
  if (direction === 'row') {
7044
7064
  return jsx(Visible, {
7045
7065
  visible: visible,
7046
- children: jsx(GoAGrid, {
7066
+ children: jsx(GoabGrid, {
7047
7067
  minChildWidth: width || '10ch',
7048
7068
  children: renderLayoutElements(elements, schema, path, enabled, renderers, cells)
7049
7069
  })
@@ -7744,7 +7764,7 @@ const FormStepperReviewer = props => {
7744
7764
  },
7745
7765
  children: readOnly ? 'View' : 'Edit'
7746
7766
  })]
7747
- }), jsx(GoAGrid, {
7767
+ }), jsx(GoabGrid, {
7748
7768
  minChildWidth: "100%",
7749
7769
  children: category.elements.filter(field => {
7750
7770
  var _a, _b;
@@ -8417,19 +8437,16 @@ const stepperReducer = (state, action) => {
8417
8437
  const {
8418
8438
  id,
8419
8439
  ajv,
8420
- errors = [],
8421
8440
  schema,
8422
8441
  data
8423
8442
  } = action.payload;
8424
8443
  ajv.validate(schema, data);
8425
- let matched = false;
8426
8444
  const newCategories = state.categories.map(cat => {
8427
8445
  var _a;
8428
8446
  // ✅ compare against cat.id, not the index
8429
8447
  if (cat.id !== id) {
8430
8448
  return cat;
8431
8449
  }
8432
- matched = true;
8433
8450
  const status = getStepStatus({
8434
8451
  scopes: cat.scopes,
8435
8452
  errors: (_a = ajv.errors) !== null && _a !== void 0 ? _a : [],
@@ -8442,9 +8459,6 @@ const stepperReducer = (state, action) => {
8442
8459
  status
8443
8460
  });
8444
8461
  });
8445
- if (!matched) {
8446
- console.warn('[stepper] update/category: no category matched id =', id, 'categories:', state.categories.map(c => c.id));
8447
- }
8448
8462
  return Object.assign({}, state, {
8449
8463
  categories: newCategories
8450
8464
  });
@@ -8741,27 +8755,27 @@ const FormStepperView = props => {
8741
8755
  children: jsxs("div", {
8742
8756
  id: `${path || `goa`}-form-stepper`,
8743
8757
  className: "formStepper",
8744
- children: [jsxs(GoAFormStepper, {
8758
+ children: [jsxs(GoabFormStepper, {
8745
8759
  testId: `form-stepper-headers-${(_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.testId}` || 'form-stepper-test',
8746
- onChange: step => {
8747
- goToPage(step - 1);
8760
+ onChange: detail => {
8761
+ goToPage(detail.step - 1);
8748
8762
  },
8749
8763
  children: [categories === null || categories === void 0 ? void 0 : categories.map((c, index) => {
8750
8764
  return jsx("div", {
8751
8765
  ref: el => headersRef.current[index] = el,
8752
- children: jsx(GoAFormStep, {
8766
+ children: jsx(GoabFormStep, {
8753
8767
  "data-testid": `stepper-tab-${index}`,
8754
8768
  text: `${c.label}`,
8755
8769
  status: c.isVisited ? c.isCompleted && c.isValid ? 'complete' : 'incomplete' : undefined
8756
- }, `stepper-tab-${index}`)
8757
- });
8770
+ })
8771
+ }, `stepper-tab-${index}`);
8758
8772
  }), jsx("div", {
8759
8773
  ref: el => headersRef.current[categories.length] = el,
8760
- children: jsx(GoAFormStep, {
8774
+ children: jsx(GoabFormStep, {
8761
8775
  text: "Review"
8762
8776
  }, `stepper-tab-review`)
8763
8777
  })]
8764
- }, "stepper-form-stepper-wrapper"), jsxs(GoAPages, {
8778
+ }, "stepper-form-stepper-wrapper"), jsxs(GoabPages, {
8765
8779
  current: activeId + 1,
8766
8780
  mb: "xl",
8767
8781
  children: [categories === null || categories === void 0 ? void 0 : categories.map((category, index) => {
@@ -8791,10 +8805,10 @@ const FormStepperView = props => {
8791
8805
  navigationFunc: goToPage
8792
8806
  }))]
8793
8807
  })]
8794
- }), jsxs(GoAGrid, {
8808
+ }), jsxs(GoabGrid, {
8795
8809
  minChildWidth: "100px",
8796
8810
  children: [jsx("div", {
8797
- children: hasPrevButton ? jsx(GoAButton, {
8811
+ children: hasPrevButton ? jsx(GoabButton, {
8798
8812
  type: (optionProps === null || optionProps === void 0 ? void 0 : optionProps.previousButtonType) ? optionProps === null || optionProps === void 0 ? void 0 : optionProps.previousButtonType : 'secondary',
8799
8813
  disabled: selectIsDisabled(),
8800
8814
  onClick: () => {
@@ -8810,7 +8824,7 @@ const FormStepperView = props => {
8810
8824
  children: (optionProps === null || optionProps === void 0 ? void 0 : optionProps.previousButtonLabel) ? optionProps === null || optionProps === void 0 ? void 0 : optionProps.previousButtonLabel : 'Previous'
8811
8825
  }) : jsx("div", {})
8812
8826
  }), hasNextButton && jsx(RightAlignmentDiv, {
8813
- children: jsx(GoAButton, {
8827
+ children: jsx(GoabButton, {
8814
8828
  type: (optionProps === null || optionProps === void 0 ? void 0 : optionProps.nextButtonType) ? optionProps === null || optionProps === void 0 ? void 0 : optionProps.nextButtonType : 'primary',
8815
8829
  disabled: selectIsDisabled(),
8816
8830
  onClick: () => {
@@ -8826,7 +8840,7 @@ const FormStepperView = props => {
8826
8840
  })
8827
8841
  }), isOnReview && jsx(RightAlignmentDiv, {
8828
8842
  children: jsx("div", {
8829
- children: jsx(GoAButton, {
8843
+ children: jsx(GoabButton, {
8830
8844
  type: 'primary',
8831
8845
  onClick: handleSubmit,
8832
8846
  disabled: !isValid,
@@ -8837,14 +8851,14 @@ const FormStepperView = props => {
8837
8851
  })]
8838
8852
  })]
8839
8853
  })
8840
- }), jsxs(GoAModal, {
8854
+ }), jsxs(GoabModal, {
8841
8855
  testId: "submit-confirmation",
8842
8856
  open: isOpen,
8843
8857
  heading: 'Form Submitted',
8844
- width: "640px",
8845
- actions: jsx(GoAButtonGroup, {
8858
+ maxWidth: "640px",
8859
+ actions: jsx(GoabButtonGroup, {
8846
8860
  alignment: "end",
8847
- children: jsx(GoAButton, {
8861
+ children: jsx(GoabButton, {
8848
8862
  type: "primary",
8849
8863
  testId: "close-submit-modal",
8850
8864
  onClick: onCloseModal,
@@ -8884,11 +8898,11 @@ const ApplicationStatus = ({
8884
8898
  totalGroups
8885
8899
  }) => {
8886
8900
  const completed = completedGroups;
8887
- const badge = totalGroups === completed ? jsx(GoABadge, {
8901
+ const badge = totalGroups === completed ? jsx(GoabBadge, {
8888
8902
  type: "success",
8889
8903
  content: "Complete",
8890
8904
  icon: false
8891
- }) : jsx(GoABadge, {
8905
+ }) : jsx(GoabBadge, {
8892
8906
  type: "information",
8893
8907
  content: "Incomplete",
8894
8908
  icon: false
@@ -8945,7 +8959,7 @@ const SectionHeaderRow = ({
8945
8959
  return jsx(SectionHeaderRowTr, {
8946
8960
  children: jsx("td", {
8947
8961
  colSpan: 2,
8948
- children: jsx(GoAText, {
8962
+ children: jsx(GoabText, {
8949
8963
  size: "heading-m",
8950
8964
  mt: "xl",
8951
8965
  mb: "m",
@@ -8969,7 +8983,7 @@ const getCategoryStatusBadge = category => {
8969
8983
  const badgeType = status === PageStatus.Complete ? 'success' : 'information';
8970
8984
  return (
8971
8985
  // <div style={{ paddingTop: '5px' }}>
8972
- jsx(GoABadge, {
8986
+ jsx(GoabBadge, {
8973
8987
  type: badgeType,
8974
8988
  content: status,
8975
8989
  ariaLabel: status,
@@ -9013,7 +9027,7 @@ const SummaryRow = ({
9013
9027
  }) => {
9014
9028
  return jsx("tr", {
9015
9029
  children: jsx(SummaryTd, {
9016
- children: jsx(GoAText, {
9030
+ children: jsx(GoabText, {
9017
9031
  size: "heading-m",
9018
9032
  mt: "xl",
9019
9033
  mb: "xl",
@@ -9104,11 +9118,11 @@ const TaskList = ({
9104
9118
  return jsx(PageBorder, {
9105
9119
  children: jsxs("div", {
9106
9120
  "data-testid": testid,
9107
- children: [title && jsx(GoAText, {
9121
+ children: [title && jsx(GoabText, {
9108
9122
  size: "heading-xl",
9109
9123
  mb: "xl",
9110
9124
  children: title
9111
- }), subtitle && jsx(GoAText, {
9125
+ }), subtitle && jsx(GoabText, {
9112
9126
  size: "heading-l",
9113
9127
  mt: "none",
9114
9128
  mb: "xl",
@@ -9116,7 +9130,7 @@ const TaskList = ({
9116
9130
  }), jsx(ApplicationStatus, {
9117
9131
  completedGroups: completedPages,
9118
9132
  totalGroups: totalPages
9119
- }), jsx(GoATable, {
9133
+ }), jsx(GoabTable, {
9120
9134
  width: "100%",
9121
9135
  children: jsxs("tbody", {
9122
9136
  children: [mergedSections.map(({
@@ -9170,7 +9184,7 @@ const FormStepperPageReviewer = props => {
9170
9184
  children: [jsxs(TableReviewPageTitleRow, {
9171
9185
  children: [jsx(TableReviewCategoryLabel, {
9172
9186
  children: categoryLabel
9173
- }), jsx(GoAButton, {
9187
+ }), jsx(GoabButton, {
9174
9188
  type: "tertiary",
9175
9189
  testId: `page-review-change-${category.label}-btn`,
9176
9190
  onClick: () => {
@@ -9211,7 +9225,7 @@ const FormStepperPageReviewer = props => {
9211
9225
  return e;
9212
9226
  }
9213
9227
  }).flat().map((element, index) => {
9214
- return jsx(GoATable, {
9228
+ return jsx(GoabTable, {
9215
9229
  width: "100%",
9216
9230
  children: jsx("tbody", {
9217
9231
  children: jsx(JsonFormsDispatch, {
@@ -9380,12 +9394,12 @@ const RenderPages = props => {
9380
9394
  children: ["Step ", currentStep, " of ", totalSteps]
9381
9395
  }), jsx(RenderStepElements, Object.assign({}, categoryProps))]
9382
9396
  }), jsx(PageRenderPadding, {
9383
- children: jsxs(GoAGrid, {
9397
+ children: jsxs(GoabGrid, {
9384
9398
  minChildWidth: "100px",
9385
9399
  gap: "2xs",
9386
- children: [jsxs(GoAButtonGroup, {
9400
+ children: [jsxs(GoabButtonGroup, {
9387
9401
  alignment: "start",
9388
- children: [activeId > 0 && jsx(GoAButton, {
9402
+ children: [activeId > 0 && jsx(GoabButton, {
9389
9403
  type: "secondary",
9390
9404
  onClick: () => {
9391
9405
  handleSave();
@@ -9400,9 +9414,9 @@ const RenderPages = props => {
9400
9414
  testId: "pages-prev-btn",
9401
9415
  children: "Previous"
9402
9416
  }), ' ']
9403
- }), jsx(GoAButtonGroup, {
9417
+ }), jsx(GoabButtonGroup, {
9404
9418
  alignment: "end",
9405
- children: jsx(GoAButton, {
9419
+ children: jsx(GoabButton, {
9406
9420
  type: "submit",
9407
9421
  onClick: () => {
9408
9422
  handleSave();
@@ -9416,7 +9430,7 @@ const RenderPages = props => {
9416
9430
  },
9417
9431
  disabled: !enabled,
9418
9432
  testId: "pages-save-continue-btn",
9419
- children: currentStep === totalSteps ? submissionLabel : "Next"
9433
+ children: currentStep === totalSteps ? submissionLabel : 'Next'
9420
9434
  })
9421
9435
  })]
9422
9436
  })
@@ -9428,12 +9442,12 @@ const RenderPages = props => {
9428
9442
  children: [jsx(FormStepperPageReviewer, Object.assign({}, props.categoryProps, {
9429
9443
  navigationFunc: goToPage
9430
9444
  })), jsx(PageRenderPadding, {
9431
- children: jsx(GoAGrid, {
9445
+ children: jsx(GoabGrid, {
9432
9446
  minChildWidth: "100px",
9433
9447
  gap: "2xs",
9434
- children: jsx(GoAButtonGroup, {
9448
+ children: jsx(GoabButtonGroup, {
9435
9449
  alignment: "end",
9436
- children: !hideSubmit ? jsx(GoAButton, {
9450
+ children: !hideSubmit ? jsx(GoabButton, {
9437
9451
  type: 'primary',
9438
9452
  onClick: handleSubmit,
9439
9453
  disabled: !isValid,
@@ -9446,14 +9460,14 @@ const RenderPages = props => {
9446
9460
  })]
9447
9461
  })
9448
9462
  })
9449
- }), jsxs(GoAModal, {
9463
+ }), jsxs(GoabModal, {
9450
9464
  testId: "submit-confirmation",
9451
9465
  open: isOpen,
9452
9466
  heading: 'Form Submitted',
9453
- width: "640px",
9454
- actions: jsx(GoAButtonGroup, {
9467
+ maxWidth: "640px",
9468
+ actions: jsx(GoabButtonGroup, {
9455
9469
  alignment: "end",
9456
- children: jsx(GoAButton, {
9470
+ children: jsx(GoabButton, {
9457
9471
  type: "primary",
9458
9472
  testId: "close-submit-modal",
9459
9473
  onClick: onCloseModal,
@@ -9605,7 +9619,7 @@ function _objectWithoutPropertiesLoose(r, e) {
9605
9619
  let _$4 = t => t,
9606
9620
  _t$4;
9607
9621
  const GoAContextMenuIcon = props => {
9608
- return jsx(GoAIconButton, {
9622
+ return jsx(GoabIconButton, {
9609
9623
  icon: props.type,
9610
9624
  onClick: props.onClick,
9611
9625
  title: props.title,
@@ -9637,19 +9651,19 @@ const DeleteFileModal = ({
9637
9651
  onDelete,
9638
9652
  onCancel
9639
9653
  }) => {
9640
- return jsx(GoAModal, {
9654
+ return jsx(GoabModal, {
9641
9655
  testId: "delete-confirmation",
9642
9656
  open: isOpen,
9643
9657
  heading: title,
9644
- width: "640px",
9645
- actions: jsxs(GoAButtonGroup, {
9658
+ maxWidth: "640px",
9659
+ actions: jsxs(GoabButtonGroup, {
9646
9660
  alignment: "end",
9647
- children: [jsx(GoAButton, {
9661
+ children: [jsx(GoabButton, {
9648
9662
  type: "secondary",
9649
9663
  testId: "delete-cancel",
9650
9664
  onClick: onCancel,
9651
9665
  children: "Cancel"
9652
- }), jsx(GoAButton, {
9666
+ }), jsx(GoabButton, {
9653
9667
  type: "primary",
9654
9668
  variant: "destructive",
9655
9669
  testId: "delete-confirm",
@@ -9827,26 +9841,29 @@ const FileUploader = _ref => {
9827
9841
  visible: visible,
9828
9842
  children: jsxs(FileUploaderStyle, {
9829
9843
  className: "FileUploader",
9830
- children: [jsx(GoAFormItem, {
9844
+ children: [jsx(GoabFormItem, {
9831
9845
  label: sentenceCaseLabel,
9832
9846
  requirement: required ? 'required' : undefined,
9833
9847
  error: uploadError
9834
9848
  }), !readOnly && jsx("div", {
9835
9849
  className: "file-upload",
9836
- children: jsx(GoAFileUploadInput, {
9850
+ children: jsx(GoabFileUploadInput, {
9837
9851
  variant: variant,
9838
- onSelectFile: uploadFile,
9852
+ onSelectFile: detail => {
9853
+ // adjust based on the actual shape of "detail"
9854
+ uploadFile(detail.file); // or detail.files[0], etc.
9855
+ },
9839
9856
  maxFileSize: maxFileSize,
9840
9857
  accept: accept
9841
9858
  })
9842
9859
  }), helpText && jsx(HelpText, {
9843
9860
  children: helpText
9844
9861
  }), jsx("div", {
9845
- children: loadingFileName !== undefined ? jsx(GoAModal, {
9862
+ children: loadingFileName !== undefined ? jsx(GoabModal, {
9846
9863
  open: loadingFileName !== undefined,
9847
9864
  children: jsx("div", {
9848
9865
  className: "align-center",
9849
- children: jsx(GoACircularProgress, {
9866
+ children: jsx(GoabCircularProgress, {
9850
9867
  visible: true,
9851
9868
  message: `Uploading ${loadingFileName}`,
9852
9869
  size: "large"
@@ -10217,23 +10234,23 @@ const DeleteDialog = /*#__PURE__*/React.memo(function DeleteDialog({
10217
10234
  }
10218
10235
  }
10219
10236
  }, [open]);
10220
- return jsxs(GoAModal, {
10237
+ return jsxs(GoabModal, {
10221
10238
  open: open,
10222
10239
  testId: "object-array-modal",
10223
10240
  heading: title,
10224
10241
  children: [jsx(DeleteDialogContent, {
10225
10242
  "data-testid": "object-array-modal-content",
10226
10243
  children: `${message}?`
10227
- }), jsxs(GoAButtonGroup, {
10244
+ }), jsxs(GoabButtonGroup, {
10228
10245
  alignment: "end",
10229
- children: [jsx(GoAButton, {
10246
+ children: [jsx(GoabButton, {
10230
10247
  type: "secondary",
10231
10248
  testId: "object-array-modal-button",
10232
10249
  onClick: () => {
10233
10250
  onCancel();
10234
10251
  },
10235
10252
  children: "Cancel"
10236
- }), jsx(GoAButton, {
10253
+ }), jsx(GoabButton, {
10237
10254
  type: "primary",
10238
10255
  variant: "destructive",
10239
10256
  testId: "object-array-confirm-button",
@@ -10268,7 +10285,7 @@ const ObjectArrayToolBar = /*#__PURE__*/React.memo(function TableToolbar({
10268
10285
  textAlign: buttonPosition
10269
10286
  },
10270
10287
  children: jsx(MarginTop, {
10271
- children: jsx(GoAButton, Object.assign({
10288
+ children: jsx(GoabButton, Object.assign({
10272
10289
  disabled: !enabled,
10273
10290
  testId: `object-array-toolbar-${label}`,
10274
10291
  leadingIcon: "add",
@@ -10315,7 +10332,7 @@ const DataTable = ({
10315
10332
  data
10316
10333
  }) => {
10317
10334
  var _a;
10318
- return jsxs(GoATable, {
10335
+ return jsxs(GoabTable, {
10319
10336
  width: "100%",
10320
10337
  children: [jsx("thead", {
10321
10338
  children: jsx("tr", {
@@ -10352,7 +10369,7 @@ const renderCellColumn = ({
10352
10369
  const renderWarningCell = data => {
10353
10370
  return jsx(HilightCellWarning, {
10354
10371
  children: jsxs(ObjectArrayWarningIconDiv, {
10355
- children: [jsx(GoAIcon, {
10372
+ children: [jsx(GoabIcon, {
10356
10373
  type: "warning",
10357
10374
  title: "warning",
10358
10375
  size: "small",
@@ -10452,7 +10469,7 @@ const EmptyList$1 = ({
10452
10469
  numColumns,
10453
10470
  noDataMessage,
10454
10471
  translations
10455
- }) => jsx(GoAGrid, {
10472
+ }) => jsx(GoabGrid, {
10456
10473
  minChildWidth: "30ch",
10457
10474
  children: jsx(TextCenter, {
10458
10475
  children: jsx("b", {
@@ -10525,7 +10542,7 @@ const NonEmptyCellComponent$1 = /*#__PURE__*/React.memo(function NonEmptyCellCom
10525
10542
  }, rowPath);
10526
10543
  }), properties && Object.keys(properties).length > 0 && jsxs(Fragment, {
10527
10544
  children: [jsx(FixTableHeaderAlignment, {
10528
- children: jsxs(GoATable, {
10545
+ children: jsxs(GoabTable, {
10529
10546
  width: "100%",
10530
10547
  children: [jsx("thead", {
10531
10548
  children: jsxs("tr", {
@@ -10591,16 +10608,16 @@ const NonEmptyCellComponent$1 = /*#__PURE__*/React.memo(function NonEmptyCellCom
10591
10608
  }, ix);
10592
10609
  }
10593
10610
  return jsx("td", {
10594
- children: jsx(GoAFormItem, {
10611
+ children: jsx(GoabFormItem, {
10595
10612
  error: (_b = error === null || error === void 0 ? void 0 : error.message) !== null && _b !== void 0 ? _b : '',
10596
10613
  mb: errorRow && !error && '2xl' || 'xs',
10597
- children: dataObject.enum ? jsxs(GoADropdown, {
10614
+ children: dataObject.enum ? jsxs(GoabDropdown, {
10598
10615
  id: schemaName,
10599
10616
  name: schemaName,
10600
10617
  value: currentData != null ? String(currentData) : '',
10601
10618
  testId: `#/properties/${schemaName}-select-${i}`,
10602
- onChange: (name, value) => {
10603
- const selectedValue = Array.isArray(value) ? value[0] : value;
10619
+ onChange: detail => {
10620
+ const selectedValue = Array.isArray(detail.value) ? detail.value[0] : detail.value;
10604
10621
  const coerced = dataObject.type === 'number' && selectedValue !== '' ? Number(selectedValue) : selectedValue;
10605
10622
  handleChange(rowPath, {
10606
10623
  [num]: {
@@ -10611,30 +10628,30 @@ const NonEmptyCellComponent$1 = /*#__PURE__*/React.memo(function NonEmptyCellCom
10611
10628
  width: "100%",
10612
10629
  ariaLabel: schemaName,
10613
10630
  error: !!(error === null || error === void 0 ? void 0 : error.message),
10614
- children: [!(required === null || required === void 0 ? void 0 : required.includes(schemaName)) && jsx(GoADropdownItem, {
10631
+ children: [!(required === null || required === void 0 ? void 0 : required.includes(schemaName)) && jsx(GoabDropdownItem, {
10615
10632
  value: "",
10616
10633
  label: `-- Select ${convertToSentenceCase(schemaName)} --`
10617
- }), dataObject.enum.map(opt => jsx(GoADropdownItem, {
10634
+ }), dataObject.enum.map(opt => jsx(GoabDropdownItem, {
10618
10635
  value: String(opt),
10619
10636
  label: String(opt)
10620
10637
  }, String(opt)))]
10621
- }) : dataObject.type === 'number' || dataObject.type === 'string' && !dataObject.enum ? jsx(GoAInput, {
10638
+ }) : dataObject.type === 'number' || dataObject.type === 'string' && !dataObject.enum ? jsx(GoabInput, {
10622
10639
  error: (error === null || error === void 0 ? void 0 : error.message.length) > 0,
10623
10640
  type: dataObject.type === 'number' ? 'number' : 'text',
10624
10641
  id: schemaName,
10625
10642
  name: schemaName,
10626
10643
  value: currentData,
10627
10644
  testId: `#/properties/${schemaName}-input-${i}`,
10628
- onChange: (name, value) => {
10645
+ onChange: detail => {
10629
10646
  handleChange(rowPath, {
10630
10647
  [num]: {
10631
- [name]: dataObject.type === 'number' ? parseInt(value) : value
10648
+ [detail.name]: dataObject.type === 'number' ? parseInt(detail.value) : detail.value
10632
10649
  }
10633
10650
  });
10634
10651
  },
10635
10652
  ariaLabel: schemaName,
10636
10653
  width: "100%"
10637
- }) : jsx(GoACallout, {
10654
+ }) : jsx(GoabCallout, {
10638
10655
  type: "important",
10639
10656
  size: "medium",
10640
10657
  testId: "form-support-callout",
@@ -10650,7 +10667,7 @@ const NonEmptyCellComponent$1 = /*#__PURE__*/React.memo(function NonEmptyCellCom
10650
10667
  },
10651
10668
  children: jsx("div", {
10652
10669
  "aria-hidden": "true",
10653
- children: jsx(GoAIconButton, {
10670
+ children: jsx(GoabIconButton, {
10654
10671
  icon: "trash",
10655
10672
  title: "trash button",
10656
10673
  testId: "trash-icon-button",
@@ -10663,7 +10680,7 @@ const NonEmptyCellComponent$1 = /*#__PURE__*/React.memo(function NonEmptyCellCom
10663
10680
  })
10664
10681
  })]
10665
10682
  })
10666
- }), hasAnyErrors && isInReview && jsx(GoAFormItem, {
10683
+ }), hasAnyErrors && isInReview && jsx(GoabFormItem, {
10667
10684
  error: `There are validation errors for '${capitalizeFirstLetter(rowPath)}'`
10668
10685
  })]
10669
10686
  })]
@@ -10698,7 +10715,7 @@ const NonEmptyRowComponent$1 = ({
10698
10715
  handleChange
10699
10716
  }) => {
10700
10717
  return jsx("div", {
10701
- children: enabled ? jsx(GoAContainer, {
10718
+ children: enabled ? jsx(GoabContainer, {
10702
10719
  children: jsx("div", {
10703
10720
  children: jsx("div", {
10704
10721
  children: GenerateRows$1(NonEmptyCell$1, schema, childPath, enabled, openDeleteDialog, handleChange, cells, uischema, isInReview, count, data)
@@ -10893,7 +10910,7 @@ const ObjectArrayControl = props => {
10893
10910
  children: [jsxs(ToolBarHeader, {
10894
10911
  children: [isInReview ? listTitle ? isListWithDetail && additionalProps.required && (data === null || data === undefined) ? jsx("b", {
10895
10912
  children: jsxs(ListWithDetailWarningIconDiv, {
10896
- children: [jsx(GoAIcon, {
10913
+ children: [jsx(GoabIcon, {
10897
10914
  type: "warning",
10898
10915
  title: "warning",
10899
10916
  size: "small",
@@ -11190,7 +11207,7 @@ const getValidColumnProps = scopedSchema => {
11190
11207
  const EmptyList = ({
11191
11208
  numColumns,
11192
11209
  noDataMessage
11193
- }) => jsx(GoAGrid, {
11210
+ }) => jsx(GoabGrid, {
11194
11211
  minChildWidth: "60ch",
11195
11212
  children: jsx(TextCenter, {
11196
11213
  children: jsx("b", {
@@ -11317,7 +11334,7 @@ const NonEmptyRowComponent = ({
11317
11334
  var _a, _b;
11318
11335
  const isHorizontal = ((_b = (_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.detail) === null || _b === void 0 ? void 0 : _b.type) === 'HorizontalLayout';
11319
11336
  return jsx("div", {
11320
- children: isHorizontal ? jsx(GoAGrid, {
11337
+ children: isHorizontal ? jsx(GoabGrid, {
11321
11338
  minChildWidth: "30ch",
11322
11339
  children: GenerateRows(NonEmptyCell, schema, childPath, enabled, cells, uischema)
11323
11340
  }) : !isHorizontal ? jsx(Fragment, {
@@ -11357,7 +11374,7 @@ const MainItemComponent = ({
11357
11374
  children: [jsx(TabName, {
11358
11375
  children: displayName
11359
11376
  }), enabled ? jsx(Trash, {
11360
- children: jsx(GoAIconButton, {
11377
+ children: jsx(GoabIconButton, {
11361
11378
  disabled: !enabled,
11362
11379
  icon: "trash",
11363
11380
  title: 'remove',
@@ -11365,7 +11382,7 @@ const MainItemComponent = ({
11365
11382
  onClick: () => openDeleteDialog(childPath, rowIndex, displayName)
11366
11383
  })
11367
11384
  }) : null, jsx(IconPadding, {
11368
- children: jsx(GoAIconButton, {
11385
+ children: jsx(GoabIconButton, {
11369
11386
  disabled: !enabled,
11370
11387
  icon: "create",
11371
11388
  title: 'edit',
@@ -11514,7 +11531,7 @@ const MainTab = ({
11514
11531
  }).map(e => humanizeAjvError(e, core.schema, core.uischema)).map((msg, index, arr) => `${msg}${index < arr.length - 1 ? ', ' : ''}`);
11515
11532
  return jsx("div", {
11516
11533
  "data-testid": `object-array-main-item-${rowIndex}`,
11517
- children: (rowErrors === null || rowErrors === void 0 ? void 0 : rowErrors.length) ? jsx(GoAFormItem, {
11534
+ children: (rowErrors === null || rowErrors === void 0 ? void 0 : rowErrors.length) ? jsx(GoabFormItem, {
11518
11535
  error: (rowErrors === null || rowErrors === void 0 ? void 0 : rowErrors.length) ? rowErrors : null,
11519
11536
  children: jsx(MainItemComponent, {
11520
11537
  rowData: orderedRowData,
@@ -11628,7 +11645,7 @@ const ObjectArrayList = ({
11628
11645
  uischema: uischema,
11629
11646
  translations: translations
11630
11647
  }, Paths.compose(path, `${currentIndex}`))]
11631
- }), jsx(GoAButton, {
11648
+ }), jsx(GoabButton, {
11632
11649
  type: 'primary',
11633
11650
  onClick: () => {
11634
11651
  setCurrentListPage(0);
@@ -11975,9 +11992,9 @@ const AddressInputs = ({
11975
11992
  label: 'Yukon'
11976
11993
  }];
11977
11994
  return jsxs(Fragment, {
11978
- children: [jsx(GoAFormItem, {
11995
+ children: [jsx(GoabFormItem, {
11979
11996
  label: "",
11980
- children: jsx(GoAInput, {
11997
+ children: jsx(GoabInput, {
11981
11998
  name: "addressLine2",
11982
11999
  testId: "address-form-address2",
11983
12000
  disabled: !enabled,
@@ -11985,32 +12002,32 @@ const AddressInputs = ({
11985
12002
  ariaLabel: 'address-form-address2',
11986
12003
  placeholder: "Unit number, suite, apartment",
11987
12004
  value: (address === null || address === void 0 ? void 0 : address.addressLine2) || '',
11988
- onChange: (name, value) => handleInputChange(name, value),
12005
+ onChange: detail => handleInputChange(detail.name, detail.value),
11989
12006
  width: "100%"
11990
12007
  })
11991
- }), jsx("br", {}), jsxs(GoAGrid, {
12008
+ }), jsx("br", {}), jsxs(GoabGrid, {
11992
12009
  minChildWidth: "0ch",
11993
12010
  gap: "s",
11994
- children: [jsx(GoAFormItem, {
12011
+ children: [jsx(GoabFormItem, {
11995
12012
  label: "City",
11996
12013
  error: (_a = errors === null || errors === void 0 ? void 0 : errors['municipality']) !== null && _a !== void 0 ? _a : '',
11997
12014
  requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('municipality')) ? 'required' : 'optional',
11998
- children: jsx(GoAInput, {
12015
+ children: jsx(GoabInput, {
11999
12016
  name: "municipality",
12000
12017
  testId: "address-form-city",
12001
12018
  ariaLabel: 'address-form-city',
12002
12019
  disabled: !enabled,
12003
12020
  readonly: readOnly,
12004
12021
  value: (address === null || address === void 0 ? void 0 : address.municipality) || '',
12005
- onChange: (name, value) => handleInputChange(name, value),
12006
- onBlur: name => handleOnBlur(name),
12022
+ onChange: detail => handleInputChange(detail.name, detail.value),
12023
+ onBlur: detail => handleOnBlur(detail.name),
12007
12024
  width: "100%"
12008
12025
  })
12009
- }), jsx(GoAFormItem, {
12026
+ }), jsx(GoabFormItem, {
12010
12027
  label: "Postal code",
12011
12028
  error: (_b = errors === null || errors === void 0 ? void 0 : errors.postalCode) !== null && _b !== void 0 ? _b : '',
12012
12029
  requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('postalCode')) ? 'required' : 'optional',
12013
- children: jsx(GoAInput, {
12030
+ children: jsx(GoabInput, {
12014
12031
  name: "postalCode",
12015
12032
  testId: "address-form-postal-code",
12016
12033
  ariaLabel: 'address-form-postal-code',
@@ -12018,35 +12035,34 @@ const AddressInputs = ({
12018
12035
  readonly: readOnly,
12019
12036
  placeholder: "A0A 0A0",
12020
12037
  value: (address === null || address === void 0 ? void 0 : address.postalCode) || '',
12021
- onChange: (name, value) => handleInputChange(name, value),
12022
- onBlur: name => handleOnBlur(name),
12038
+ onChange: detail => handleInputChange(detail.name, detail.value),
12039
+ onBlur: detail => handleOnBlur(detail.name),
12023
12040
  width: "100%",
12024
12041
  maxLength: 7
12025
12042
  })
12026
12043
  })]
12027
- }), jsx("br", {}), jsxs(GoAGrid, {
12044
+ }), jsx("br", {}), jsxs(GoabGrid, {
12028
12045
  minChildWidth: "0",
12029
12046
  gap: "s",
12030
- children: [jsxs(GoAFormItem, {
12047
+ children: [jsxs(GoabFormItem, {
12031
12048
  label: "Province",
12032
12049
  children: [isAlbertaAddress && jsx(LabelDiv, {
12033
12050
  "data-testid": "address-form-province",
12034
12051
  children: "Alberta"
12035
- }), !isAlbertaAddress && jsx(GoADropdown, {
12052
+ }), !isAlbertaAddress && jsx(GoabDropdown, {
12036
12053
  name: "subdivisionCode",
12037
12054
  disabled: !enabled,
12038
12055
  testId: "address-form-province-dropdown",
12039
12056
  ariaLabel: 'address-form-province',
12040
12057
  value: (address === null || address === void 0 ? void 0 : address.subdivisionCode) || '',
12041
- onChange: (_, value) => handleInputChange('subdivisionCode', value),
12042
- relative: true,
12058
+ onChange: detail => handleInputChange('subdivisionCode', detail.value),
12043
12059
  width: "25ch",
12044
- children: provinces.map(w => jsx(GoADropdownItem, {
12060
+ children: provinces.map(w => jsx(GoabDropdownItem, {
12045
12061
  value: w.value,
12046
12062
  label: w.label
12047
12063
  }, w.value))
12048
12064
  })]
12049
- }), jsx(GoAFormItem, {
12065
+ }), jsx(GoabFormItem, {
12050
12066
  label: "Country",
12051
12067
  children: jsx(LabelDiv, {
12052
12068
  "data-testid": "address-form-country",
@@ -12323,7 +12339,7 @@ const RenderLink = props => {
12323
12339
  linkLabel = '';
12324
12340
  error = 'Invalid Link';
12325
12341
  }
12326
- return jsx(GoAFormItem, {
12342
+ return jsx(GoabFormItem, {
12327
12343
  error: error,
12328
12344
  label: "",
12329
12345
  children: jsx("div", {
@@ -12337,7 +12353,7 @@ const RenderLink = props => {
12337
12353
  type: "mail",
12338
12354
  title: "Email",
12339
12355
  testId: "mail-icon"
12340
- }) : jsx(GoAIconButton, {
12356
+ }) : jsx(GoabIconButton, {
12341
12357
  icon: "open",
12342
12358
  title: "Open",
12343
12359
  testId: "open-icon",
@@ -12462,7 +12478,7 @@ const HelpContentComponent = _ref => {
12462
12478
  className: labelClass,
12463
12479
  "data-testid": label,
12464
12480
  children: [label, jsx("br", {})]
12465
- }), ((_m = uischema.options) === null || _m === void 0 ? void 0 : _m.variant) && ((_o = uischema.options) === null || _o === void 0 ? void 0 : _o.variant) === 'img' && renderImage(uischema.options), ((_p = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _p === void 0 ? void 0 : _p.variant) && ((_q = uischema.options) === null || _q === void 0 ? void 0 : _q.variant) === 'hyperlink' && link && RenderLink(uischema === null || uischema === void 0 ? void 0 : uischema.options), textVariant && renderHelp(), ((_r = uischema.options) === null || _r === void 0 ? void 0 : _r.variant) && ((_s = uischema.options) === null || _s === void 0 ? void 0 : _s.variant) === 'details' && jsxs(GoADetails, {
12481
+ }), ((_m = uischema.options) === null || _m === void 0 ? void 0 : _m.variant) && ((_o = uischema.options) === null || _o === void 0 ? void 0 : _o.variant) === 'img' && renderImage(uischema.options), ((_p = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _p === void 0 ? void 0 : _p.variant) && ((_q = uischema.options) === null || _q === void 0 ? void 0 : _q.variant) === 'hyperlink' && link && RenderLink(uischema === null || uischema === void 0 ? void 0 : uischema.options), textVariant && renderHelp(), ((_r = uischema.options) === null || _r === void 0 ? void 0 : _r.variant) && ((_s = uischema.options) === null || _s === void 0 ? void 0 : _s.variant) === 'details' && jsxs(GoabDetails, {
12466
12482
  heading: label ? label : '',
12467
12483
  mt: "3xs",
12468
12484
  mb: "none",
@@ -12672,7 +12688,7 @@ const AddressLookUpControl = props => {
12672
12688
  visible: visible,
12673
12689
  children: [renderHelp(), jsx("h3", {
12674
12690
  children: label
12675
- }), jsx(GoAFormItem, {
12691
+ }), jsx(GoabFormItem, {
12676
12692
  requirement: 'required',
12677
12693
  label: 'Street address or P.O. box',
12678
12694
  error: (_g = errors === null || errors === void 0 ? void 0 : errors['addressLine1']) !== null && _g !== void 0 ? _g : '',
@@ -12680,7 +12696,7 @@ const AddressLookUpControl = props => {
12680
12696
  children: jsxs(SearchBox, {
12681
12697
  children: [jsxs("div", {
12682
12698
  className: "input-container",
12683
- children: [jsx(GoAInput, {
12699
+ children: [jsx(GoabInput, {
12684
12700
  leadingIcon: autocompletion && enabled ? 'search' : undefined,
12685
12701
  id: "goaInput",
12686
12702
  name: "addressLine1",
@@ -12690,18 +12706,18 @@ const AddressLookUpControl = props => {
12690
12706
  ariaLabel: 'address-form-address1',
12691
12707
  placeholder: "Start typing the first line of your address, required.",
12692
12708
  value: (address === null || address === void 0 ? void 0 : address.addressLine1) || '',
12693
- onChange: (e, value) => handleDropdownChange(value),
12694
- onBlur: name => handleRequiredFieldBlur(name),
12709
+ onChange: detail => handleDropdownChange(detail.value),
12710
+ onBlur: detail => handleRequiredFieldBlur(detail.name),
12695
12711
  width: "100%",
12696
- onKeyPress: (e, value, key) => {
12712
+ onKeyPress: detail => {
12697
12713
  if (open) {
12698
- const newIndex = handleAddressKeyDown(key, value, activeIndex, suggestions, val => handleInputChange('addressLine1', val), suggestion => handleSuggestionClick(suggestion));
12714
+ const newIndex = handleAddressKeyDown(detail.key, detail.value, activeIndex, suggestions, val => handleInputChange('addressLine1', val), suggestion => handleSuggestionClick(suggestion));
12699
12715
  setActiveIndex(newIndex);
12700
12716
  }
12701
12717
  }
12702
12718
  }), loading && jsx("div", {
12703
12719
  className: "input-spinner",
12704
- children: jsx(GoASpinner, {
12720
+ children: jsx(GoabSpinner, {
12705
12721
  type: "infinite",
12706
12722
  size: "small"
12707
12723
  })
@@ -12785,40 +12801,40 @@ const AddressViews = ({
12785
12801
  label: 'Yukon'
12786
12802
  }];
12787
12803
  return jsxs(Fragment, {
12788
- children: [withoutHeader !== true && jsx(GoAGrid, {
12804
+ children: [withoutHeader !== true && jsx(GoabGrid, {
12789
12805
  minChildWidth: "0",
12790
12806
  gap: "s",
12791
- children: jsx(GoAFormItem, {
12807
+ children: jsx(GoabFormItem, {
12792
12808
  label: `${isAlbertaAddress ? 'Alberta' : 'Canada'} postal address`
12793
12809
  })
12794
12810
  }), jsxs(AddressIndent, {
12795
- children: [jsxs(GoAGrid, {
12811
+ children: [jsxs(GoabGrid, {
12796
12812
  minChildWidth: "0",
12797
12813
  gap: "s",
12798
- children: [jsx(GoAFormItem, {
12814
+ children: [jsx(GoabFormItem, {
12799
12815
  label: "Address line 1",
12800
12816
  error: (data === null || data === void 0 ? void 0 : data.addressLine1) === undefined ? 'Address line 1 is required' : '',
12801
12817
  requirement: "required",
12802
12818
  children: jsx(TextWrap, {
12803
12819
  children: data === null || data === void 0 ? void 0 : data.addressLine1
12804
12820
  })
12805
- }), (data === null || data === void 0 ? void 0 : data.addressLine2) && jsx(GoAFormItem, {
12821
+ }), (data === null || data === void 0 ? void 0 : data.addressLine2) && jsx(GoabFormItem, {
12806
12822
  label: "Address line 2",
12807
12823
  children: jsx(TextWrap, {
12808
12824
  children: data.addressLine2
12809
12825
  })
12810
12826
  })]
12811
- }), jsx("br", {}), jsxs(GoAGrid, {
12827
+ }), jsx("br", {}), jsxs(GoabGrid, {
12812
12828
  minChildWidth: "0ch",
12813
12829
  gap: "s",
12814
- children: [jsx(GoAFormItem, {
12830
+ children: [jsx(GoabFormItem, {
12815
12831
  error: (data === null || data === void 0 ? void 0 : data.municipality) === undefined ? 'City is required' : '',
12816
12832
  label: "City",
12817
12833
  requirement: "required",
12818
12834
  children: jsx(TextWrap, {
12819
12835
  children: data === null || data === void 0 ? void 0 : data.municipality
12820
12836
  })
12821
- }), jsx(GoAFormItem, {
12837
+ }), jsx(GoabFormItem, {
12822
12838
  error: (data === null || data === void 0 ? void 0 : data.postalCode) === undefined ? 'Postal code is required' : '',
12823
12839
  label: "Postal Code",
12824
12840
  requirement: "required",
@@ -12826,10 +12842,10 @@ const AddressViews = ({
12826
12842
  children: data === null || data === void 0 ? void 0 : data.postalCode
12827
12843
  })
12828
12844
  })]
12829
- }), jsx("br", {}), jsxs(GoAGrid, {
12845
+ }), jsx("br", {}), jsxs(GoabGrid, {
12830
12846
  minChildWidth: "0",
12831
12847
  gap: "s",
12832
- children: [jsxs(GoAFormItem, {
12848
+ children: [jsxs(GoabFormItem, {
12833
12849
  label: "Province",
12834
12850
  error: !isAlbertaAddress && (data === null || data === void 0 ? void 0 : data.subdivisionCode) === undefined ? 'Province is required' : '',
12835
12851
  requirement: "required",
@@ -12840,7 +12856,7 @@ const AddressViews = ({
12840
12856
  "data-testid": "address-form-province-view",
12841
12857
  children: (_a = provinces.find(p => p.value === (data === null || data === void 0 ? void 0 : data.subdivisionCode))) === null || _a === void 0 ? void 0 : _a.label
12842
12858
  })]
12843
- }), jsx(GoAFormItem, {
12859
+ }), jsx(GoabFormItem, {
12844
12860
  label: "Country",
12845
12861
  children: jsx("div", {
12846
12862
  "data-testid": "address-form-country",
@@ -12937,58 +12953,58 @@ const NameInputs = ({
12937
12953
  }
12938
12954
  setErrors(err);
12939
12955
  };
12940
- return jsxs(GoAGrid, {
12956
+ return jsxs(GoabGrid, {
12941
12957
  minChildWidth: "0ch",
12942
12958
  gap: "s",
12943
12959
  mb: "m",
12944
12960
  testId: "wrapper",
12945
- children: [jsx(GoAFormItem, {
12961
+ children: [jsx(GoabFormItem, {
12946
12962
  testId: "form-item-first-name",
12947
12963
  label: "First name",
12948
12964
  requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('firstName')) ? 'required' : undefined,
12949
12965
  error: (_a = errors === null || errors === void 0 ? void 0 : errors['firstName']) !== null && _a !== void 0 ? _a : '',
12950
- children: jsx(GoAInput, {
12966
+ children: jsx(GoabInput, {
12951
12967
  type: "text",
12952
12968
  name: "firstName",
12953
12969
  disabled: disabled,
12954
12970
  testId: "name-form-first-name",
12955
12971
  ariaLabel: 'name-form-first-name',
12956
12972
  value: firstName || '',
12957
- onChange: (name, value) => handleInputChange(name, value),
12958
- onBlur: name => {
12959
- handleRequiredFieldBlur(name);
12973
+ onChange: detail => handleInputChange(detail.name, detail.value),
12974
+ onBlur: detail => {
12975
+ handleRequiredFieldBlur(detail.name);
12960
12976
  },
12961
12977
  width: "100%"
12962
12978
  })
12963
- }), jsx(GoAFormItem, {
12979
+ }), jsx(GoabFormItem, {
12964
12980
  testId: "form-item-middle-name",
12965
12981
  label: "Middle name",
12966
12982
  requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('middleName')) ? 'required' : undefined,
12967
- children: jsx(GoAInput, {
12983
+ children: jsx(GoabInput, {
12968
12984
  type: "text",
12969
12985
  name: "middleName",
12970
12986
  disabled: disabled,
12971
12987
  testId: "name-form-middle-name",
12972
12988
  ariaLabel: 'name-form-middle-name',
12973
12989
  value: middleName || '',
12974
- onChange: (name, value) => handleInputChange(name, value),
12990
+ onChange: detail => handleInputChange(detail.name, detail.value),
12975
12991
  width: "100%"
12976
12992
  })
12977
- }), jsx(GoAFormItem, {
12993
+ }), jsx(GoabFormItem, {
12978
12994
  testId: "form-item-last-name",
12979
12995
  label: "Last name",
12980
12996
  requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('lastName')) ? 'required' : undefined,
12981
12997
  error: (_b = errors === null || errors === void 0 ? void 0 : errors['lastName']) !== null && _b !== void 0 ? _b : '',
12982
- children: jsx(GoAInput, {
12998
+ children: jsx(GoabInput, {
12983
12999
  type: "text",
12984
13000
  name: "lastName",
12985
13001
  disabled: disabled,
12986
13002
  testId: "name-form-last-name",
12987
13003
  ariaLabel: 'name-form-last-name',
12988
13004
  value: lastName || '',
12989
- onChange: (name, value) => handleInputChange(name, value),
12990
- onBlur: name => {
12991
- handleRequiredFieldBlur(name);
13005
+ onChange: detail => handleInputChange(detail.name, detail.value),
13006
+ onBlur: detail => {
13007
+ handleRequiredFieldBlur(detail.name);
12992
13008
  },
12993
13009
  width: "100%"
12994
13010
  })
@@ -13011,10 +13027,10 @@ const FullNameReviewControl = props => {
13011
13027
  }
13012
13028
  setErrors(err);
13013
13029
  }, [props.data, requiredFields]);
13014
- return jsxs(GoAGrid, {
13030
+ return jsxs(GoabGrid, {
13015
13031
  minChildWidth: "0ch",
13016
13032
  gap: "s",
13017
- children: [jsx(GoAFormItem, {
13033
+ children: [jsx(GoabFormItem, {
13018
13034
  label: "First Name",
13019
13035
  requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('firstName')) ? 'required' : undefined,
13020
13036
  error: (_a = errors === null || errors === void 0 ? void 0 : errors['firstName']) !== null && _a !== void 0 ? _a : '',
@@ -13024,7 +13040,7 @@ const FullNameReviewControl = props => {
13024
13040
  children: (_b = props.data) === null || _b === void 0 ? void 0 : _b.firstName
13025
13041
  })
13026
13042
  })
13027
- }), jsx(GoAFormItem, {
13043
+ }), jsx(GoabFormItem, {
13028
13044
  label: "Middle Name",
13029
13045
  children: jsx(TextWrapDiv, {
13030
13046
  children: jsx("div", {
@@ -13032,7 +13048,7 @@ const FullNameReviewControl = props => {
13032
13048
  children: (_c = props.data) === null || _c === void 0 ? void 0 : _c.middleName
13033
13049
  })
13034
13050
  })
13035
- }), jsx(GoAFormItem, {
13051
+ }), jsx(GoabFormItem, {
13036
13052
  label: "Last Name",
13037
13053
  requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('lastName')) ? 'required' : undefined,
13038
13054
  error: (_d = errors === null || errors === void 0 ? void 0 : errors['lastName']) !== null && _d !== void 0 ? _d : '',
@@ -13088,11 +13104,11 @@ const FullNameTester = rankWith(4, isFullName);
13088
13104
  const FullNameControlReview = props => {
13089
13105
  var _a, _b, _c;
13090
13106
  return jsx("div", {
13091
- children: jsxs(GoAGrid, {
13107
+ children: jsxs(GoabGrid, {
13092
13108
  minChildWidth: "0ch",
13093
13109
  gap: "s",
13094
13110
  mb: "m",
13095
- children: [jsx(GoAFormItem, {
13111
+ children: [jsx(GoabFormItem, {
13096
13112
  label: "First name",
13097
13113
  requirement: "required",
13098
13114
  children: jsx(TextWrapDiv, {
@@ -13101,7 +13117,7 @@ const FullNameControlReview = props => {
13101
13117
  children: (_a = props.data) === null || _a === void 0 ? void 0 : _a.firstName
13102
13118
  })
13103
13119
  })
13104
- }), jsx(GoAFormItem, {
13120
+ }), jsx(GoabFormItem, {
13105
13121
  label: "Middle name",
13106
13122
  children: jsx(TextWrapDiv, {
13107
13123
  children: jsx("div", {
@@ -13109,7 +13125,7 @@ const FullNameControlReview = props => {
13109
13125
  children: (_b = props.data) === null || _b === void 0 ? void 0 : _b.middleName
13110
13126
  })
13111
13127
  })
13112
- }), jsx(GoAFormItem, {
13128
+ }), jsx(GoabFormItem, {
13113
13129
  label: "Last name",
13114
13130
  requirement: "required",
13115
13131
  children: jsx(TextWrapDiv, {
@@ -13205,73 +13221,73 @@ const FullNameDobControl = props => {
13205
13221
  useSyncAutofillFields(['firstName', 'middleName', 'lastName', 'dateOfBirth'], formData, updateFormData, handleRequiredFieldBlur);
13206
13222
  return jsxs(Visible, {
13207
13223
  visible: visible,
13208
- children: [jsxs(GoAGrid, {
13224
+ children: [jsxs(GoabGrid, {
13209
13225
  minChildWidth: "0ch",
13210
13226
  gap: "s",
13211
13227
  mb: "m",
13212
- children: [jsx(GoAFormItem, {
13228
+ children: [jsx(GoabFormItem, {
13213
13229
  label: "First name",
13214
13230
  requirement: ((_a = schema === null || schema === void 0 ? void 0 : schema.required) === null || _a === void 0 ? void 0 : _a.includes('firstName')) ? 'required' : undefined,
13215
13231
  error: (_b = errors === null || errors === void 0 ? void 0 : errors['firstName']) !== null && _b !== void 0 ? _b : '',
13216
13232
  testId: "form-item-first-name",
13217
- children: jsx(GoAInput, {
13233
+ children: jsx(GoabInput, {
13218
13234
  disabled: !enabled,
13219
13235
  type: "text",
13220
13236
  name: "firstName",
13221
13237
  testId: "name-form-first-name",
13222
13238
  ariaLabel: 'name-form-first-name',
13223
13239
  value: formData.firstName,
13224
- onChange: (name, value) => {
13225
- handleInputChange(name, value);
13240
+ onChange: detail => {
13241
+ handleInputChange(detail.name, detail.value);
13226
13242
  },
13227
- onBlur: name => {
13228
- handleRequiredFieldBlur(name);
13243
+ onBlur: detail => {
13244
+ handleRequiredFieldBlur(detail.name);
13229
13245
  },
13230
13246
  width: "100%"
13231
13247
  })
13232
- }), jsx(GoAFormItem, {
13248
+ }), jsx(GoabFormItem, {
13233
13249
  label: "Middle name",
13234
13250
  requirement: ((_c = schema === null || schema === void 0 ? void 0 : schema.required) === null || _c === void 0 ? void 0 : _c.includes('middleName')) ? 'required' : undefined,
13235
- children: jsx(GoAInput, {
13251
+ children: jsx(GoabInput, {
13236
13252
  type: "text",
13237
13253
  name: "middleName",
13238
13254
  disabled: !enabled,
13239
13255
  testId: "name-form-middle-name",
13240
13256
  ariaLabel: 'name-form-middle-name',
13241
13257
  value: formData.middleName || '',
13242
- onChange: (name, value) => handleInputChange(name, value),
13258
+ onChange: detail => handleInputChange(detail.name, detail.value),
13243
13259
  width: "100%"
13244
13260
  })
13245
- }), jsx(GoAFormItem, {
13261
+ }), jsx(GoabFormItem, {
13246
13262
  label: "Last name",
13247
13263
  requirement: ((_d = schema === null || schema === void 0 ? void 0 : schema.required) === null || _d === void 0 ? void 0 : _d.includes('lastName')) ? 'required' : undefined,
13248
13264
  error: (_e = errors === null || errors === void 0 ? void 0 : errors['lastName']) !== null && _e !== void 0 ? _e : '',
13249
13265
  testId: "form-item-last-name",
13250
- children: jsx(GoAInput, {
13266
+ children: jsx(GoabInput, {
13251
13267
  type: "text",
13252
13268
  name: "lastName",
13253
13269
  disabled: !enabled,
13254
13270
  testId: "name-form-last-name",
13255
13271
  ariaLabel: 'name-form-last-name',
13256
13272
  value: formData.lastName || '',
13257
- onChange: (name, value) => {
13258
- handleInputChange(name, value);
13273
+ onChange: detail => {
13274
+ handleInputChange(detail.name, detail.value);
13259
13275
  },
13260
- onBlur: name => {
13261
- handleRequiredFieldBlur(name);
13276
+ onBlur: detail => {
13277
+ handleRequiredFieldBlur(detail.name);
13262
13278
  },
13263
13279
  width: "100%"
13264
13280
  })
13265
13281
  })]
13266
- }), jsx(GoAGrid, {
13282
+ }), jsx(GoabGrid, {
13267
13283
  minChildWidth: "0ch",
13268
13284
  gap: "s",
13269
13285
  mb: "m",
13270
- children: jsx(GoAFormItem, {
13286
+ children: jsx(GoabFormItem, {
13271
13287
  label: "Date of birth",
13272
13288
  error: (_f = errors === null || errors === void 0 ? void 0 : errors['dateOfBirth']) !== null && _f !== void 0 ? _f : '',
13273
13289
  requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('dateOfBirth')) ? 'required' : undefined,
13274
- children: jsx(GoAInput, {
13290
+ children: jsx(GoabInput, {
13275
13291
  type: "date",
13276
13292
  name: "dateOfBirth",
13277
13293
  disabled: !enabled,
@@ -13281,10 +13297,10 @@ const FullNameDobControl = props => {
13281
13297
  ariaLabel: "dob-form-dateOfBirth",
13282
13298
  placeholder: "YYYY-MM-DD",
13283
13299
  value: formData === null || formData === void 0 ? void 0 : formData.dateOfBirth,
13284
- onChange: (name, value) => handleInputChange(name, value),
13285
- onBlur: name => {
13300
+ onChange: detail => handleInputChange(detail.name, detail.value),
13301
+ onBlur: detail => {
13286
13302
  /* istanbul ignore next */
13287
- handleRequiredFieldBlur(name);
13303
+ handleRequiredFieldBlur(detail.name);
13288
13304
  },
13289
13305
  width: "100%"
13290
13306
  })
@@ -13299,11 +13315,11 @@ const FullNameDobReviewControl = props => {
13299
13315
  data
13300
13316
  } = props;
13301
13317
  return jsxs(Fragment, {
13302
- children: [jsxs(GoAGrid, {
13318
+ children: [jsxs(GoabGrid, {
13303
13319
  minChildWidth: "0ch",
13304
13320
  gap: "s",
13305
13321
  mb: "m",
13306
- children: [jsx(GoAFormItem, {
13322
+ children: [jsx(GoabFormItem, {
13307
13323
  label: "First name",
13308
13324
  error: (data === null || data === void 0 ? void 0 : data.firstName) === undefined ? 'First name is required' : '',
13309
13325
  requirement: "required",
@@ -13313,7 +13329,7 @@ const FullNameDobReviewControl = props => {
13313
13329
  children: (_a = props.data) === null || _a === void 0 ? void 0 : _a.firstName
13314
13330
  })
13315
13331
  })
13316
- }), jsx(GoAFormItem, {
13332
+ }), jsx(GoabFormItem, {
13317
13333
  label: "Middle name",
13318
13334
  children: jsx(TextWrapDiv, {
13319
13335
  children: jsx("div", {
@@ -13321,7 +13337,7 @@ const FullNameDobReviewControl = props => {
13321
13337
  children: (_b = props.data) === null || _b === void 0 ? void 0 : _b.middleName
13322
13338
  })
13323
13339
  })
13324
- }), jsx(GoAFormItem, {
13340
+ }), jsx(GoabFormItem, {
13325
13341
  label: "Last name",
13326
13342
  error: (data === null || data === void 0 ? void 0 : data.lastName) === undefined ? 'Last name is required' : '',
13327
13343
  requirement: "required",
@@ -13332,10 +13348,10 @@ const FullNameDobReviewControl = props => {
13332
13348
  })
13333
13349
  })
13334
13350
  })]
13335
- }), jsx(GoAGrid, {
13351
+ }), jsx(GoabGrid, {
13336
13352
  minChildWidth: "0ch",
13337
13353
  gap: "s",
13338
- children: jsx(GoAFormItem, {
13354
+ children: jsx(GoabFormItem, {
13339
13355
  label: "Date of birth",
13340
13356
  error: (data === null || data === void 0 ? void 0 : data.dateOfBirth) === undefined ? 'Date of birth is required' : '',
13341
13357
  requirement: "required",
@@ -13392,34 +13408,34 @@ const PhoneNumberWithTypeControl = props => {
13392
13408
  return jsx(Visible, {
13393
13409
  visible: visible,
13394
13410
  children: jsxs(PhoneGrid, {
13395
- children: [jsx(GoAFormItem, {
13411
+ children: [jsx(GoabFormItem, {
13396
13412
  label: "Phone type",
13397
13413
  requirement: required ? 'required' : undefined,
13398
- children: jsxs(GoADropdown, {
13414
+ children: jsxs(GoabDropdown, {
13399
13415
  name: "type",
13400
13416
  value: formData.type || '',
13401
13417
  disabled: !enabled,
13402
- onChange: (name, value) => updateFormData(Object.assign({}, formData, {
13403
- type: value
13418
+ onChange: detail => updateFormData(Object.assign({}, formData, {
13419
+ type: detail.value
13404
13420
  })),
13405
- children: [jsx(GoADropdownItem, {
13421
+ children: [jsx(GoabDropdownItem, {
13406
13422
  value: "Mobile"
13407
- }), jsx(GoADropdownItem, {
13423
+ }), jsx(GoabDropdownItem, {
13408
13424
  value: "Landline"
13409
13425
  })]
13410
13426
  })
13411
- }), jsx(GoAFormItem, {
13427
+ }), jsx(GoabFormItem, {
13412
13428
  label: "Phone number",
13413
13429
  error: error,
13414
13430
  requirement: required ? 'required' : undefined,
13415
- children: jsx(GoAInput, {
13431
+ children: jsx(GoabInput, {
13416
13432
  type: "tel",
13417
13433
  name: "number",
13418
13434
  placeholder: "(000) 000-0000",
13419
13435
  value: formData.number || '',
13420
13436
  disabled: !enabled,
13421
- onChange: (name, value) => updateFormData(Object.assign({}, formData, {
13422
- number: value
13437
+ onChange: detail => updateFormData(Object.assign({}, formData, {
13438
+ number: detail.value
13423
13439
  }))
13424
13440
  })
13425
13441
  })]
@@ -13449,19 +13465,19 @@ const PhoneNumberControl = props => {
13449
13465
  };
13450
13466
  return jsx(Visible, {
13451
13467
  visible: visible,
13452
- children: jsx(GoAFormItem, {
13468
+ children: jsx(GoabFormItem, {
13453
13469
  label: (schema === null || schema === void 0 ? void 0 : schema.title) || 'Phone number',
13454
13470
  requirement: required ? 'required' : undefined,
13455
13471
  error: error,
13456
13472
  testId: `form-item-${path}`,
13457
- children: jsx(GoAInput, {
13473
+ children: jsx(GoabInput, {
13458
13474
  type: "tel",
13459
13475
  name: path,
13460
13476
  disabled: !enabled,
13461
13477
  "aria-label": "phone number input",
13462
13478
  testId: `phone-input-${path}`,
13463
13479
  value: data || '',
13464
- onChange: (name, value) => handleInputChange(name, value),
13480
+ onChange: detail => handleInputChange(detail.name, detail.value),
13465
13481
  placeholder: "(000) 000-0000",
13466
13482
  width: "100%"
13467
13483
  })
@@ -13479,7 +13495,7 @@ const PhoneNumberReviewControl = props => {
13479
13495
  id,
13480
13496
  required
13481
13497
  } = props;
13482
- return jsx(GoAFormItem, {
13498
+ return jsx(GoabFormItem, {
13483
13499
  label: "Phone number",
13484
13500
  error: required && !data ? 'Phone number is required' : '',
13485
13501
  requirement: required ? 'required' : undefined,
@@ -13491,7 +13507,7 @@ const PhoneNumberReviewControl = props => {
13491
13507
  })
13492
13508
  });
13493
13509
  };
13494
- const GoAInputBasePhoneNumberReviewControl = withJsonFormsAllOfProps(PhoneNumberReviewControl);
13510
+ const GoabInputBasePhoneNumberReviewControl = withJsonFormsAllOfProps(PhoneNumberReviewControl);
13495
13511
 
13496
13512
  const isPhoneNumberWithType = createSchemaMatchTester(['number', 'type'], true);
13497
13513
  const PhoneNumberWithTypeTester = rankWith(4, isPhoneNumberWithType);
@@ -13503,7 +13519,7 @@ const PhoneNumberWithTypeReviewControl = props => {
13503
13519
  required
13504
13520
  } = props;
13505
13521
  return jsxs(PhoneGrid, {
13506
- children: [jsx(GoAFormItem, {
13522
+ children: [jsx(GoabFormItem, {
13507
13523
  label: "Phone number",
13508
13524
  error: required && !(data === null || data === void 0 ? void 0 : data.number) ? 'Phone number is required' : '',
13509
13525
  requirement: required ? 'required' : undefined,
@@ -13513,7 +13529,7 @@ const PhoneNumberWithTypeReviewControl = props => {
13513
13529
  children: (data === null || data === void 0 ? void 0 : data.number) || ''
13514
13530
  })
13515
13531
  })
13516
- }), jsx(GoAFormItem, {
13532
+ }), jsx(GoabFormItem, {
13517
13533
  label: "Phone type",
13518
13534
  error: required && !(data === null || data === void 0 ? void 0 : data.type) ? 'Phone type is required' : '',
13519
13535
  requirement: required ? 'required' : undefined,
@@ -13526,7 +13542,7 @@ const PhoneNumberWithTypeReviewControl = props => {
13526
13542
  })]
13527
13543
  });
13528
13544
  };
13529
- const GoAInputBasePhoneNumberWithTypeReviewControl = withJsonFormsAllOfProps(PhoneNumberWithTypeReviewControl);
13545
+ const GoabInputBasePhoneNumberWithTypeReviewControl = withJsonFormsAllOfProps(PhoneNumberWithTypeReviewControl);
13530
13546
 
13531
13547
  /**
13532
13548
  * Escape for use in RegExp
@@ -13767,10 +13783,10 @@ const GoACalculation = props => {
13767
13783
  const showError = !!error && (isConfigError || hasInteracted);
13768
13784
  return jsx(Visible, {
13769
13785
  visible: visible,
13770
- children: jsx(GoAFormItem, {
13786
+ children: jsx(GoabFormItem, {
13771
13787
  label: label,
13772
13788
  error: showError ? error : '',
13773
- children: jsx(GoAInput, {
13789
+ children: jsx(GoabInput, {
13774
13790
  name: `computed-input-${id}`,
13775
13791
  testId: `computed-input-${id}`,
13776
13792
  ariaLabel: id,
@@ -13802,7 +13818,7 @@ const GoANumberCell = props => jsx(GoANumberInput, Object.assign({}, props));
13802
13818
  const GoANumberCellTester = rankWith(1, isNumberControl);
13803
13819
  withJsonFormsCellProps(GoANumberCell);
13804
13820
 
13805
- const GoAIntegerCell = props => jsx(GoAInputInteger, Object.assign({}, props));
13821
+ const GoAIntegerCell = props => jsx(GoabInputInteger, Object.assign({}, props));
13806
13822
  const GoAIntegerCellTester = rankWith(1, isIntegerControl);
13807
13823
  withJsonFormsCellProps(GoAIntegerCell);
13808
13824
 
@@ -13928,20 +13944,20 @@ const GoAGroupControlComponent = props => {
13928
13944
  const group = uischema;
13929
13945
  return jsxs(Visible, {
13930
13946
  visible: visible,
13931
- children: [((_b = (_a = group.options) === null || _a === void 0 ? void 0 : _a.componentProps) === null || _b === void 0 ? void 0 : _b.accent) === 'thick' && jsx(GoAContainer, Object.assign({
13947
+ children: [((_b = (_a = group.options) === null || _a === void 0 ? void 0 : _a.componentProps) === null || _b === void 0 ? void 0 : _b.accent) === 'thick' && jsx(GoabContainer, Object.assign({
13932
13948
  heading: group.label
13933
13949
  }, (_c = group.options) === null || _c === void 0 ? void 0 : _c.componentProps, {
13934
13950
  children: renderLayoutElements(group.elements, schema, path, enabled, renderers, cells)
13935
13951
  })), (((_e = (_d = group.options) === null || _d === void 0 ? void 0 : _d.componentProps) === null || _e === void 0 ? void 0 : _e.accent) === 'thin' || ((_g = (_f = group.options) === null || _f === void 0 ? void 0 : _f.componentProps) === null || _g === void 0 ? void 0 : _g.accent) === 'filled') && jsxs("div", {
13936
13952
  children: [group.label && jsx("h3", {
13937
13953
  children: group.label
13938
- }), jsx(GoAContainer, Object.assign({}, (_h = group.options) === null || _h === void 0 ? void 0 : _h.componentProps, {
13954
+ }), jsx(GoabContainer, Object.assign({}, (_h = group.options) === null || _h === void 0 ? void 0 : _h.componentProps, {
13939
13955
  children: renderLayoutElements(group.elements, schema, path, enabled, renderers, cells)
13940
13956
  }))]
13941
13957
  }), ((_j = group.options) === null || _j === void 0 ? void 0 : _j.componentProps) && !((_l = (_k = group.options) === null || _k === void 0 ? void 0 : _k.componentProps) === null || _l === void 0 ? void 0 : _l.accent) && jsxs("div", {
13942
13958
  children: [group.label && jsx("h3", {
13943
13959
  children: group.label
13944
- }), jsx(GoAContainer, Object.assign({}, (_m = group.options) === null || _m === void 0 ? void 0 : _m.componentProps, {
13960
+ }), jsx(GoabContainer, Object.assign({}, (_m = group.options) === null || _m === void 0 ? void 0 : _m.componentProps, {
13945
13961
  children: renderLayoutElements(group.elements, schema, path, enabled, renderers, cells)
13946
13962
  }))]
13947
13963
  }), !((_o = group.options) === null || _o === void 0 ? void 0 : _o.componentProps) && jsxs("div", {
@@ -13949,7 +13965,7 @@ const GoAGroupControlComponent = props => {
13949
13965
  children: group.label
13950
13966
  }), isStepperReview && jsx(Fragment, {
13951
13967
  children: renderLayoutElements(group.elements, schema, path, enabled, renderers, cells)
13952
- }), !isStepperReview && jsx(GoAContainer, {
13968
+ }), !isStepperReview && jsx(GoabContainer, {
13953
13969
  children: renderLayoutElements(group.elements, schema, path, enabled, renderers, cells)
13954
13970
  })]
13955
13971
  })]
@@ -14283,40 +14299,40 @@ const GoABaseReviewRenderers = [
14283
14299
  // controls
14284
14300
  {
14285
14301
  tester: GoAEnumControlTester,
14286
- renderer: GoInputBaseReviewControl
14302
+ renderer: GoAInputBaseReviewControl
14287
14303
  }, {
14288
14304
  tester: GoAIntegerControlTester,
14289
- renderer: GoInputBaseReviewControl
14305
+ renderer: GoAInputBaseReviewControl
14290
14306
  }, {
14291
14307
  tester: GoANumberControlTester,
14292
- renderer: GoInputBaseReviewControl
14308
+ renderer: GoAInputBaseReviewControl
14293
14309
  }, {
14294
14310
  tester: GoATextControlTester,
14295
- renderer: GoInputBaseReviewControl
14311
+ renderer: GoAInputBaseReviewControl
14296
14312
  }, {
14297
14313
  tester: GoADateControlTester,
14298
- renderer: GoInputBaseReviewControl
14314
+ renderer: GoAInputBaseReviewControl
14299
14315
  }, {
14300
14316
  tester: GoADateTimeControlTester,
14301
- renderer: GoInputBaseReviewControl
14317
+ renderer: GoAInputBaseReviewControl
14302
14318
  }, {
14303
14319
  tester: GoATimeControlTester,
14304
- renderer: GoInputBaseReviewControl
14320
+ renderer: GoAInputBaseReviewControl
14305
14321
  }, {
14306
14322
  tester: GoARadioGroupControlTester,
14307
- renderer: GoInputBaseReviewControl
14323
+ renderer: GoAInputBaseReviewControl
14308
14324
  }, {
14309
14325
  tester: GoACheckoutGroupControlTester,
14310
- renderer: GoInputBaseReviewControl
14326
+ renderer: GoAInputBaseReviewControl
14311
14327
  }, {
14312
14328
  tester: GoABooleanControlTester,
14313
- renderer: GoInputBaseReviewControl
14329
+ renderer: GoAInputBaseReviewControl
14314
14330
  }, {
14315
14331
  tester: GoABooleanRadioControlTester,
14316
- renderer: GoInputBaseReviewControl
14332
+ renderer: GoAInputBaseReviewControl
14317
14333
  }, {
14318
14334
  tester: MultiLineTextControlTester,
14319
- renderer: GoInputBaseReviewControl
14335
+ renderer: GoAInputBaseReviewControl
14320
14336
  }, {
14321
14337
  tester: GoAArrayControlTester,
14322
14338
  renderer: GoAArrayControlReviewRenderer
@@ -14463,4 +14479,4 @@ const GoARenderers = [...GoABaseRenderers, {
14463
14479
  }];
14464
14480
  const GoACells = [...InputCells];
14465
14481
 
14466
- export { ADD_DATALIST_ACTION, ADD_NO_ANONYMOUS_ACTION, ADD_REGISTER_DATA_ACTION, ADD_REGISTER_DATA_ERROR, AddressLookUpControl, AddressLookUpControlReview, AddressLookUpTester, AddressLoopUpControlTableReview, ArrayControl, ArrayControlBase, ArrayControlReview, BooleanComponent, BooleanControl, BooleanRadioComponent, BooleanRadioControl, CategorizationPagesRendererTester, CategorizationStepperRendererTester, CheckboxGroup, ContextProviderC, ContextProviderClass, ContextProviderFactory, EnumCheckboxControl, EnumRadioControl, EnumSelect, FileUploader, FileUploaderReview, FileUploaderTester, FormPageStepper, FormPagesView, FormStepper, FormStepperControl, FormStepperPagesControl, FormStepperReviewControl, FormStepperReviewer, FormStepperView, FullNameControl, FullNameControlReview, FullNameDobControl, FullNameDobReviewControl, FullNameDobTester, FullNameReviewControl, FullNameTester, GoAArrayControlRenderer, GoAArrayControlReviewRenderer, GoAArrayControlTester, GoABaseInputReviewComponent, GoABaseRenderers, GoABaseReviewRenderers, GoABaseTableReviewRenderers, GoABooleanControl, GoABooleanControlTester, GoABooleanRadioControl, GoABooleanRadioControlTester, GoACalculationControl, GoACalculationControlTester, GoACells, GoACheckoutGroupControlTester, GoADateControl, GoADateControlTester, GoADateInput, GoADateTimeControl, GoADateTimeControlTester, GoADateTimeInput, GoAEmailControl, GoAEmailControlTester, GoAEmailInput, GoAEnumCheckboxGroupControl, GoAEnumControl, GoAEnumControlTester, GoAEnumRadioGroupControl, GoAInputBaseControl, GoAInputBaseFullNameControlReview, GoAInputBaseFullNameDobControlReview, GoAInputBasePhoneNumberReviewControl, GoAInputBasePhoneNumberWithTypeReviewControl, GoAInputBaseTableReview, GoAInputBaseTableReviewControl, GoAInputDateControl, GoAInputDateTimeControl, GoAInputEmailControl, GoAInputInteger, GoAInputIntegerControl, GoAInputNumberControl, GoAInputText, GoAInputTextControl, GoAInputTimeControl, GoAIntegerControl, GoAIntegerControlTester, GoAListWithDetailsControlRenderer, GoAListWithDetailsTester, GoANumberControl, GoANumberControlTester, GoANumberInput, GoAPhoneNumberControl, GoAPhoneNumberWithTypeControl, GoARadioGroupControlTester, GoARenderers, GoAReviewRenderers, GoATextControl, GoATextControlTester, GoATimeControl, GoATimeControlTester, GoATimeInput, GoInputBaseReview, GoInputBaseReviewControl, JsonFormContext, JsonFormRegisterProvider, JsonFormsRegisterContext, ListWithDetailsControl, MultiLineText, MultiLineTextControl, MultiLineTextControlInput, MultiLineTextControlTester, PHONE_REGEX, PhoneGrid, PhoneNumberControl, PhoneNumberReviewControl, PhoneNumberTester, PhoneNumberWithTypeControl, PhoneNumberWithTypeReviewControl, PhoneNumberWithTypeTester, RadioGroup, categoriesAreValid, createDefaultAjv, enumControl, errMalformedDate, formatSin, getByJsonPointer, getCategoryScopes, hasDataInScopes, hasDataValue, isAddressLookup, isFullName, isFullNameDoB, isPhoneNumber, isPhoneNumberWithType, registerReducer, resolveRefs, tryResolveRefs };
14482
+ export { ADD_DATALIST_ACTION, ADD_NO_ANONYMOUS_ACTION, ADD_REGISTER_DATA_ACTION, ADD_REGISTER_DATA_ERROR, AddressLookUpControl, AddressLookUpControlReview, AddressLookUpTester, AddressLoopUpControlTableReview, ArrayControl, ArrayControlBase, ArrayControlReview, BooleanComponent, BooleanControl, BooleanRadioComponent, BooleanRadioControl, CategorizationPagesRendererTester, CategorizationStepperRendererTester, CheckboxGroup, ContextProviderC, ContextProviderClass, ContextProviderFactory, EnumCheckboxControl, EnumRadioControl, EnumSelect, FileUploader, FileUploaderReview, FileUploaderTester, FormPageStepper, FormPagesView, FormStepper, FormStepperControl, FormStepperPagesControl, FormStepperReviewControl, FormStepperReviewer, FormStepperView, FullNameControl, FullNameControlReview, FullNameDobControl, FullNameDobReviewControl, FullNameDobTester, FullNameReviewControl, FullNameTester, GoAArrayControlRenderer, GoAArrayControlReviewRenderer, GoAArrayControlTester, GoABaseInputReviewComponent, GoABaseRenderers, GoABaseReviewRenderers, GoABaseTableReviewRenderers, GoABooleanControl, GoABooleanControlTester, GoABooleanRadioControl, GoABooleanRadioControlTester, GoACalculationControl, GoACalculationControlTester, GoACells, GoACheckoutGroupControlTester, GoADateControl, GoADateControlTester, GoADateInput, GoADateTimeControl, GoADateTimeControlTester, GoADateTimeInput, GoAEmailControl, GoAEmailControlTester, GoAEmailInput, GoAEnumCheckboxGroupControl, GoAEnumControl, GoAEnumControlTester, GoAEnumRadioGroupControl, GoAInputBaseControl, GoAInputBaseFullNameControlReview, GoAInputBaseFullNameDobControlReview, GoAInputBaseReviewControl, GoAInputBaseTableReview, GoAInputBaseTableReviewControl, GoAInputDateControl, GoAInputDateTimeControl, GoAInputEmailControl, GoAInputIntegerControl, GoAInputNumberControl, GoAInputText, GoAInputTextControl, GoAInputTimeControl, GoAIntegerControl, GoAIntegerControlTester, GoAListWithDetailsControlRenderer, GoAListWithDetailsTester, GoANumberControl, GoANumberControlTester, GoANumberInput, GoAPhoneNumberControl, GoAPhoneNumberWithTypeControl, GoARadioGroupControlTester, GoARenderers, GoAReviewRenderers, GoATextControl, GoATextControlTester, GoATimeControl, GoATimeControlTester, GoATimeInput, GoInputBaseReview, GoabInputBasePhoneNumberReviewControl, GoabInputBasePhoneNumberWithTypeReviewControl, GoabInputInteger, JsonFormContext, JsonFormRegisterProvider, JsonFormsRegisterContext, ListWithDetailsControl, MultiLineText, MultiLineTextControl, MultiLineTextControlInput, MultiLineTextControlTester, PHONE_REGEX, PhoneGrid, PhoneNumberControl, PhoneNumberReviewControl, PhoneNumberTester, PhoneNumberWithTypeControl, PhoneNumberWithTypeReviewControl, PhoneNumberWithTypeTester, RadioGroup, categoriesAreValid, createDefaultAjv, enumControl, errMalformedDate, formatSin, getByJsonPointer, getCategoryScopes, hasDataInScopes, hasDataValue, isAddressLookup, isFullName, isFullNameDoB, isPhoneNumber, isPhoneNumberWithType, registerReducer, resolveRefs, tryResolveRefs };