@abgov/jsonforms-components 2.41.1 → 2.42.1

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
  })
@@ -7118,7 +7138,7 @@ let _$6 = t => t,
7118
7138
  _t22$1,
7119
7139
  _t23$1,
7120
7140
  _t24$1,
7121
- _t25,
7141
+ _t25$1,
7122
7142
  _t26,
7123
7143
  _t27,
7124
7144
  _t28;
@@ -7283,7 +7303,7 @@ const CategoryStatus = styled.td(_t23$1 || (_t23$1 = _$6`
7283
7303
  const Center = styled.div(_t24$1 || (_t24$1 = _$6`
7284
7304
  padding-top: 5px;
7285
7305
  `));
7286
- const PageStepperRow = styled.tr(_t25 || (_t25 = _$6`
7306
+ const PageStepperRow = styled.tr(_t25$1 || (_t25$1 = _$6`
7287
7307
  ${0}
7288
7308
  `), ({
7289
7309
  disabled
@@ -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"
@@ -10067,7 +10084,8 @@ let _$3 = t => t,
10067
10084
  _t21,
10068
10085
  _t22,
10069
10086
  _t23,
10070
- _t24;
10087
+ _t24,
10088
+ _t25;
10071
10089
  const DeleteDialogContent = styled.div(_t$3 || (_t$3 = _$3`
10072
10090
  margin-bottom: var(--goa-space-m);
10073
10091
  `));
@@ -10136,44 +10154,47 @@ const Trash = styled.div(_t12 || (_t12 = _$3`
10136
10154
  const ListContainer = styled.div(_t13 || (_t13 = _$3`
10137
10155
  padding: 0 0 0 0;
10138
10156
  `));
10139
- const IconPadding = styled.div(_t14 || (_t14 = _$3`
10157
+ const DetailMargin = styled.div(_t14 || (_t14 = _$3`
10158
+ padding: 0 0 var(--goa-space-l) 0;
10159
+ `));
10160
+ const IconPadding = styled.div(_t15 || (_t15 = _$3`
10140
10161
  padding: 0.9rem 0.5rem 0 0;
10141
10162
  `));
10142
- const UpdateListContainer = styled.div(_t15 || (_t15 = _$3`
10163
+ const UpdateListContainer = styled.div(_t16 || (_t16 = _$3`
10143
10164
  width: 100%;
10144
10165
  border: 1px solid #dcdcdc;
10145
10166
  padding: var(--goa-space-xl);
10146
10167
  `));
10147
- styled.div(_t16 || (_t16 = _$3`
10168
+ styled.div(_t17 || (_t17 = _$3`
10148
10169
  padding: 0 1.5rem 0 0;
10149
10170
  border: 1px solid #dcdcdc;
10150
10171
  `));
10151
- const TableTHHeader = styled.th(_t17 || (_t17 = _$3`
10172
+ const TableTHHeader = styled.th(_t18 || (_t18 = _$3`
10152
10173
  background-color: var(--goa-color-greyscale-100) !important;
10153
10174
  vertical-align: top;
10154
10175
  `));
10155
- const ObjectArrayWarningIconDiv = styled.div(_t18 || (_t18 = _$3`
10176
+ const ObjectArrayWarningIconDiv = styled.div(_t19 || (_t19 = _$3`
10156
10177
  display: inline-flex;
10157
10178
  align-items: flex-start;
10158
10179
  gap: 0.25rem;
10159
10180
  font-size: var(--goa-font-size-2);
10160
10181
  color: var(--goa-color-interactive-error);
10161
10182
  `));
10162
- const ListWithDetailWarningIconDiv = styled.div(_t19 || (_t19 = _$3`
10183
+ const ListWithDetailWarningIconDiv = styled.div(_t20 || (_t20 = _$3`
10163
10184
  display: inline-flex;
10164
10185
  align-items: flex-start;
10165
10186
  gap: 0.25rem;
10166
10187
  font-size: var(--goa-font-size-3);
10167
10188
  color: var(--goa-color-interactive-error);
10168
10189
  `));
10169
- styled.label(_t20 || (_t20 = _$3`
10190
+ styled.label(_t21 || (_t21 = _$3`
10170
10191
  color: var(--goa-color-interactive-error);
10171
10192
  font-weight: var(--goa-font-weight-regular);
10172
10193
  font-size: var(--goa-font-size-3);
10173
10194
  line-height: var(--goa-line-height-1);
10174
10195
  font-style: normal;
10175
10196
  `));
10176
- styled.div(_t21 || (_t21 = _$3`
10197
+ styled.div(_t22 || (_t22 = _$3`
10177
10198
  margin-top: var(--goa-space-m);
10178
10199
  color: var(--goa-color-interactive-error);
10179
10200
  font-weight: var(--goa-font-weight-regular);
@@ -10181,10 +10202,10 @@ styled.div(_t21 || (_t21 = _$3`
10181
10202
  line-height: var(--goa-line-height-1);
10182
10203
  font-style: normal;
10183
10204
  `));
10184
- const HilightCellWarning = styled.div(_t22 || (_t22 = _$3`
10205
+ const HilightCellWarning = styled.div(_t23 || (_t23 = _$3`
10185
10206
  background-color: var(--goa-color-warning-default);
10186
10207
  `));
10187
- const FixTableHeaderAlignment = styled.div(_t23 || (_t23 = _$3`
10208
+ const FixTableHeaderAlignment = styled.div(_t24 || (_t24 = _$3`
10188
10209
  table thead th:nth-child(3) {
10189
10210
  text-align: center;
10190
10211
  }
@@ -10193,7 +10214,7 @@ const FixTableHeaderAlignment = styled.div(_t23 || (_t23 = _$3`
10193
10214
  text-align: center;
10194
10215
  }
10195
10216
  `));
10196
- const ListWithDetailsReviewCellDiv = styled.div(_t24 || (_t24 = _$3`
10217
+ const ListWithDetailsReviewCellDiv = styled.div(_t25 || (_t25 = _$3`
10197
10218
  display: 'flex';
10198
10219
  flex-direction: 'column';
10199
10220
  text-align: 'start';
@@ -10217,23 +10238,23 @@ const DeleteDialog = /*#__PURE__*/React.memo(function DeleteDialog({
10217
10238
  }
10218
10239
  }
10219
10240
  }, [open]);
10220
- return jsxs(GoAModal, {
10241
+ return jsxs(GoabModal, {
10221
10242
  open: open,
10222
10243
  testId: "object-array-modal",
10223
10244
  heading: title,
10224
10245
  children: [jsx(DeleteDialogContent, {
10225
10246
  "data-testid": "object-array-modal-content",
10226
10247
  children: `${message}?`
10227
- }), jsxs(GoAButtonGroup, {
10248
+ }), jsxs(GoabButtonGroup, {
10228
10249
  alignment: "end",
10229
- children: [jsx(GoAButton, {
10250
+ children: [jsx(GoabButton, {
10230
10251
  type: "secondary",
10231
10252
  testId: "object-array-modal-button",
10232
10253
  onClick: () => {
10233
10254
  onCancel();
10234
10255
  },
10235
10256
  children: "Cancel"
10236
- }), jsx(GoAButton, {
10257
+ }), jsx(GoabButton, {
10237
10258
  type: "primary",
10238
10259
  variant: "destructive",
10239
10260
  testId: "object-array-confirm-button",
@@ -10268,7 +10289,7 @@ const ObjectArrayToolBar = /*#__PURE__*/React.memo(function TableToolbar({
10268
10289
  textAlign: buttonPosition
10269
10290
  },
10270
10291
  children: jsx(MarginTop, {
10271
- children: jsx(GoAButton, Object.assign({
10292
+ children: jsx(GoabButton, Object.assign({
10272
10293
  disabled: !enabled,
10273
10294
  testId: `object-array-toolbar-${label}`,
10274
10295
  leadingIcon: "add",
@@ -10315,7 +10336,7 @@ const DataTable = ({
10315
10336
  data
10316
10337
  }) => {
10317
10338
  var _a;
10318
- return jsxs(GoATable, {
10339
+ return jsxs(GoabTable, {
10319
10340
  width: "100%",
10320
10341
  children: [jsx("thead", {
10321
10342
  children: jsx("tr", {
@@ -10352,7 +10373,7 @@ const renderCellColumn = ({
10352
10373
  const renderWarningCell = data => {
10353
10374
  return jsx(HilightCellWarning, {
10354
10375
  children: jsxs(ObjectArrayWarningIconDiv, {
10355
- children: [jsx(GoAIcon, {
10376
+ children: [jsx(GoabIcon, {
10356
10377
  type: "warning",
10357
10378
  title: "warning",
10358
10379
  size: "small",
@@ -10452,7 +10473,7 @@ const EmptyList$1 = ({
10452
10473
  numColumns,
10453
10474
  noDataMessage,
10454
10475
  translations
10455
- }) => jsx(GoAGrid, {
10476
+ }) => jsx(GoabGrid, {
10456
10477
  minChildWidth: "30ch",
10457
10478
  children: jsx(TextCenter, {
10458
10479
  children: jsx("b", {
@@ -10525,7 +10546,7 @@ const NonEmptyCellComponent$1 = /*#__PURE__*/React.memo(function NonEmptyCellCom
10525
10546
  }, rowPath);
10526
10547
  }), properties && Object.keys(properties).length > 0 && jsxs(Fragment, {
10527
10548
  children: [jsx(FixTableHeaderAlignment, {
10528
- children: jsxs(GoATable, {
10549
+ children: jsxs(GoabTable, {
10529
10550
  width: "100%",
10530
10551
  children: [jsx("thead", {
10531
10552
  children: jsxs("tr", {
@@ -10591,16 +10612,16 @@ const NonEmptyCellComponent$1 = /*#__PURE__*/React.memo(function NonEmptyCellCom
10591
10612
  }, ix);
10592
10613
  }
10593
10614
  return jsx("td", {
10594
- children: jsx(GoAFormItem, {
10615
+ children: jsx(GoabFormItem, {
10595
10616
  error: (_b = error === null || error === void 0 ? void 0 : error.message) !== null && _b !== void 0 ? _b : '',
10596
10617
  mb: errorRow && !error && '2xl' || 'xs',
10597
- children: dataObject.enum ? jsxs(GoADropdown, {
10618
+ children: dataObject.enum ? jsxs(GoabDropdown, {
10598
10619
  id: schemaName,
10599
10620
  name: schemaName,
10600
10621
  value: currentData != null ? String(currentData) : '',
10601
10622
  testId: `#/properties/${schemaName}-select-${i}`,
10602
- onChange: (name, value) => {
10603
- const selectedValue = Array.isArray(value) ? value[0] : value;
10623
+ onChange: detail => {
10624
+ const selectedValue = Array.isArray(detail.value) ? detail.value[0] : detail.value;
10604
10625
  const coerced = dataObject.type === 'number' && selectedValue !== '' ? Number(selectedValue) : selectedValue;
10605
10626
  handleChange(rowPath, {
10606
10627
  [num]: {
@@ -10611,30 +10632,30 @@ const NonEmptyCellComponent$1 = /*#__PURE__*/React.memo(function NonEmptyCellCom
10611
10632
  width: "100%",
10612
10633
  ariaLabel: schemaName,
10613
10634
  error: !!(error === null || error === void 0 ? void 0 : error.message),
10614
- children: [!(required === null || required === void 0 ? void 0 : required.includes(schemaName)) && jsx(GoADropdownItem, {
10635
+ children: [!(required === null || required === void 0 ? void 0 : required.includes(schemaName)) && jsx(GoabDropdownItem, {
10615
10636
  value: "",
10616
10637
  label: `-- Select ${convertToSentenceCase(schemaName)} --`
10617
- }), dataObject.enum.map(opt => jsx(GoADropdownItem, {
10638
+ }), dataObject.enum.map(opt => jsx(GoabDropdownItem, {
10618
10639
  value: String(opt),
10619
10640
  label: String(opt)
10620
10641
  }, String(opt)))]
10621
- }) : dataObject.type === 'number' || dataObject.type === 'string' && !dataObject.enum ? jsx(GoAInput, {
10642
+ }) : dataObject.type === 'number' || dataObject.type === 'string' && !dataObject.enum ? jsx(GoabInput, {
10622
10643
  error: (error === null || error === void 0 ? void 0 : error.message.length) > 0,
10623
10644
  type: dataObject.type === 'number' ? 'number' : 'text',
10624
10645
  id: schemaName,
10625
10646
  name: schemaName,
10626
10647
  value: currentData,
10627
10648
  testId: `#/properties/${schemaName}-input-${i}`,
10628
- onChange: (name, value) => {
10649
+ onChange: detail => {
10629
10650
  handleChange(rowPath, {
10630
10651
  [num]: {
10631
- [name]: dataObject.type === 'number' ? parseInt(value) : value
10652
+ [detail.name]: dataObject.type === 'number' ? parseInt(detail.value) : detail.value
10632
10653
  }
10633
10654
  });
10634
10655
  },
10635
10656
  ariaLabel: schemaName,
10636
10657
  width: "100%"
10637
- }) : jsx(GoACallout, {
10658
+ }) : jsx(GoabCallout, {
10638
10659
  type: "important",
10639
10660
  size: "medium",
10640
10661
  testId: "form-support-callout",
@@ -10650,7 +10671,7 @@ const NonEmptyCellComponent$1 = /*#__PURE__*/React.memo(function NonEmptyCellCom
10650
10671
  },
10651
10672
  children: jsx("div", {
10652
10673
  "aria-hidden": "true",
10653
- children: jsx(GoAIconButton, {
10674
+ children: jsx(GoabIconButton, {
10654
10675
  icon: "trash",
10655
10676
  title: "trash button",
10656
10677
  testId: "trash-icon-button",
@@ -10663,7 +10684,7 @@ const NonEmptyCellComponent$1 = /*#__PURE__*/React.memo(function NonEmptyCellCom
10663
10684
  })
10664
10685
  })]
10665
10686
  })
10666
- }), hasAnyErrors && isInReview && jsx(GoAFormItem, {
10687
+ }), hasAnyErrors && isInReview && jsx(GoabFormItem, {
10667
10688
  error: `There are validation errors for '${capitalizeFirstLetter(rowPath)}'`
10668
10689
  })]
10669
10690
  })]
@@ -10698,7 +10719,7 @@ const NonEmptyRowComponent$1 = ({
10698
10719
  handleChange
10699
10720
  }) => {
10700
10721
  return jsx("div", {
10701
- children: enabled ? jsx(GoAContainer, {
10722
+ children: enabled ? jsx(GoabContainer, {
10702
10723
  children: jsx("div", {
10703
10724
  children: jsx("div", {
10704
10725
  children: GenerateRows$1(NonEmptyCell$1, schema, childPath, enabled, openDeleteDialog, handleChange, cells, uischema, isInReview, count, data)
@@ -10893,7 +10914,7 @@ const ObjectArrayControl = props => {
10893
10914
  children: [jsxs(ToolBarHeader, {
10894
10915
  children: [isInReview ? listTitle ? isListWithDetail && additionalProps.required && (data === null || data === undefined) ? jsx("b", {
10895
10916
  children: jsxs(ListWithDetailWarningIconDiv, {
10896
- children: [jsx(GoAIcon, {
10917
+ children: [jsx(GoabIcon, {
10897
10918
  type: "warning",
10898
10919
  title: "warning",
10899
10920
  size: "small",
@@ -11190,7 +11211,7 @@ const getValidColumnProps = scopedSchema => {
11190
11211
  const EmptyList = ({
11191
11212
  numColumns,
11192
11213
  noDataMessage
11193
- }) => jsx(GoAGrid, {
11214
+ }) => jsx(GoabGrid, {
11194
11215
  minChildWidth: "60ch",
11195
11216
  children: jsx(TextCenter, {
11196
11217
  children: jsx("b", {
@@ -11317,7 +11338,7 @@ const NonEmptyRowComponent = ({
11317
11338
  var _a, _b;
11318
11339
  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
11340
  return jsx("div", {
11320
- children: isHorizontal ? jsx(GoAGrid, {
11341
+ children: isHorizontal ? jsx(GoabGrid, {
11321
11342
  minChildWidth: "30ch",
11322
11343
  children: GenerateRows(NonEmptyCell, schema, childPath, enabled, cells, uischema)
11323
11344
  }) : !isHorizontal ? jsx(Fragment, {
@@ -11357,7 +11378,7 @@ const MainItemComponent = ({
11357
11378
  children: [jsx(TabName, {
11358
11379
  children: displayName
11359
11380
  }), enabled ? jsx(Trash, {
11360
- children: jsx(GoAIconButton, {
11381
+ children: jsx(GoabIconButton, {
11361
11382
  disabled: !enabled,
11362
11383
  icon: "trash",
11363
11384
  title: 'remove',
@@ -11365,7 +11386,7 @@ const MainItemComponent = ({
11365
11386
  onClick: () => openDeleteDialog(childPath, rowIndex, displayName)
11366
11387
  })
11367
11388
  }) : null, jsx(IconPadding, {
11368
- children: jsx(GoAIconButton, {
11389
+ children: jsx(GoabIconButton, {
11369
11390
  disabled: !enabled,
11370
11391
  icon: "create",
11371
11392
  title: 'edit',
@@ -11514,7 +11535,7 @@ const MainTab = ({
11514
11535
  }).map(e => humanizeAjvError(e, core.schema, core.uischema)).map((msg, index, arr) => `${msg}${index < arr.length - 1 ? ', ' : ''}`);
11515
11536
  return jsx("div", {
11516
11537
  "data-testid": `object-array-main-item-${rowIndex}`,
11517
- children: (rowErrors === null || rowErrors === void 0 ? void 0 : rowErrors.length) ? jsx(GoAFormItem, {
11538
+ children: (rowErrors === null || rowErrors === void 0 ? void 0 : rowErrors.length) ? jsx(GoabFormItem, {
11518
11539
  error: (rowErrors === null || rowErrors === void 0 ? void 0 : rowErrors.length) ? rowErrors : null,
11519
11540
  children: jsx(MainItemComponent, {
11520
11541
  rowData: orderedRowData,
@@ -11628,7 +11649,7 @@ const ObjectArrayList = ({
11628
11649
  uischema: uischema,
11629
11650
  translations: translations
11630
11651
  }, Paths.compose(path, `${currentIndex}`))]
11631
- }), jsx(GoAButton, {
11652
+ }), jsx(GoabButton, {
11632
11653
  type: 'primary',
11633
11654
  onClick: () => {
11634
11655
  setCurrentListPage(0);
@@ -11700,23 +11721,67 @@ class ListWithDetailControl extends React.Component {
11700
11721
  const controlElement = uischema;
11701
11722
  // eslint-disable-next-line
11702
11723
  const listTitle = (_e = (_d = (_c = (_a = uischema === null || uischema === void 0 ? void 0 : uischema.label) !== null && _a !== void 0 ? _a : (_b = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _b === void 0 ? void 0 : _b.title) !== null && _c !== void 0 ? _c : getItemsTitle(schema)) !== null && _d !== void 0 ? _d : schema === null || schema === void 0 ? void 0 : schema.title) !== null && _e !== void 0 ? _e : label;
11703
- return jsxs(Visible, {
11724
+ return jsx(Visible, {
11704
11725
  visible: visible,
11705
11726
  "data-testid": "jsonforms-object-list-wrapper",
11706
- children: [jsxs(ToolBarHeader, {
11707
- children: [listTitle && this.state.currentListPage === 0 && jsx(MarginTop, {
11708
- children: jsxs(ObjectArrayTitle, {
11709
- children: [listTitle, " ", jsx("span", {
11710
- children: additionalProps.required && '(required)'
11711
- }), this.state.maxItemsError && jsx("span", {
11712
- style: {
11713
- color: 'red',
11714
- marginLeft: '1rem'
11715
- },
11716
- children: this.state.maxItemsError
11717
- })]
11718
- })
11719
- }), this.state.currentListPage === 0 && data === 0 && jsx(ObjectArrayToolBar, {
11727
+ children: jsxs(DetailMargin, {
11728
+ children: [jsxs(ToolBarHeader, {
11729
+ children: [listTitle && this.state.currentListPage === 0 && jsx(MarginTop, {
11730
+ children: jsxs(ObjectArrayTitle, {
11731
+ children: [listTitle, " ", jsx("span", {
11732
+ children: additionalProps.required && '(required)'
11733
+ }), this.state.maxItemsError && jsx("span", {
11734
+ style: {
11735
+ color: 'red',
11736
+ marginLeft: '1rem'
11737
+ },
11738
+ children: this.state.maxItemsError
11739
+ })]
11740
+ })
11741
+ }), this.state.currentListPage === 0 && data === 0 && jsx(ObjectArrayToolBar, {
11742
+ data: data,
11743
+ errors: errors,
11744
+ label: label,
11745
+ addItem: (path, value) => () => {
11746
+ this.addItem(path, value);
11747
+ },
11748
+ numColumns: 0,
11749
+ path: path,
11750
+ uischema: controlElement,
11751
+ schema: schema,
11752
+ rootSchema: rootSchema,
11753
+ enabled: enabled,
11754
+ setCurrentListPage: listPage => {
11755
+ this.setState({
11756
+ currentListPage: listPage
11757
+ });
11758
+ },
11759
+ currentListPage: this.state.currentListPage,
11760
+ buttonType: "secondary"
11761
+ })]
11762
+ }), jsx("div", {
11763
+ children: jsx(ObjectArrayList, Object.assign({
11764
+ path: path,
11765
+ schema: schema,
11766
+ uischema: uischema,
11767
+ enabled: enabled,
11768
+ openDeleteDialog: openDeleteDialog,
11769
+ translations: {},
11770
+ data: data,
11771
+ cells: cells,
11772
+ config: config,
11773
+ currentIndex: this.props.currentTab,
11774
+ setCurrentIndex: this.props.setCurrentTab,
11775
+ setCurrentListPage: listPage => {
11776
+ this.setState({
11777
+ currentListPage: listPage
11778
+ });
11779
+ },
11780
+ errors: errors,
11781
+ currentListPage: this.state.currentListPage,
11782
+ listTitle: listTitle
11783
+ }, additionalProps))
11784
+ }), this.state.currentListPage === 0 && data > 0 && jsx(ObjectArrayToolBar, {
11720
11785
  data: data,
11721
11786
  errors: errors,
11722
11787
  label: label,
@@ -11735,51 +11800,9 @@ class ListWithDetailControl extends React.Component {
11735
11800
  });
11736
11801
  },
11737
11802
  currentListPage: this.state.currentListPage,
11738
- buttonType: "secondary"
11803
+ buttonType: "tertiary"
11739
11804
  })]
11740
- }), jsx("div", {
11741
- children: jsx(ObjectArrayList, Object.assign({
11742
- path: path,
11743
- schema: schema,
11744
- uischema: uischema,
11745
- enabled: enabled,
11746
- openDeleteDialog: openDeleteDialog,
11747
- translations: {},
11748
- data: data,
11749
- cells: cells,
11750
- config: config,
11751
- currentIndex: this.props.currentTab,
11752
- setCurrentIndex: this.props.setCurrentTab,
11753
- setCurrentListPage: listPage => {
11754
- this.setState({
11755
- currentListPage: listPage
11756
- });
11757
- },
11758
- errors: errors,
11759
- currentListPage: this.state.currentListPage,
11760
- listTitle: listTitle
11761
- }, additionalProps))
11762
- }), this.state.currentListPage === 0 && data > 0 && jsx(ObjectArrayToolBar, {
11763
- data: data,
11764
- errors: errors,
11765
- label: label,
11766
- addItem: (path, value) => () => {
11767
- this.addItem(path, value);
11768
- },
11769
- numColumns: 0,
11770
- path: path,
11771
- uischema: controlElement,
11772
- schema: schema,
11773
- rootSchema: rootSchema,
11774
- enabled: enabled,
11775
- setCurrentListPage: listPage => {
11776
- this.setState({
11777
- currentListPage: listPage
11778
- });
11779
- },
11780
- currentListPage: this.state.currentListPage,
11781
- buttonType: "tertiary"
11782
- })]
11805
+ })
11783
11806
  });
11784
11807
  }
11785
11808
  }
@@ -11975,9 +11998,9 @@ const AddressInputs = ({
11975
11998
  label: 'Yukon'
11976
11999
  }];
11977
12000
  return jsxs(Fragment, {
11978
- children: [jsx(GoAFormItem, {
12001
+ children: [jsx(GoabFormItem, {
11979
12002
  label: "",
11980
- children: jsx(GoAInput, {
12003
+ children: jsx(GoabInput, {
11981
12004
  name: "addressLine2",
11982
12005
  testId: "address-form-address2",
11983
12006
  disabled: !enabled,
@@ -11985,32 +12008,32 @@ const AddressInputs = ({
11985
12008
  ariaLabel: 'address-form-address2',
11986
12009
  placeholder: "Unit number, suite, apartment",
11987
12010
  value: (address === null || address === void 0 ? void 0 : address.addressLine2) || '',
11988
- onChange: (name, value) => handleInputChange(name, value),
12011
+ onChange: detail => handleInputChange(detail.name, detail.value),
11989
12012
  width: "100%"
11990
12013
  })
11991
- }), jsx("br", {}), jsxs(GoAGrid, {
12014
+ }), jsx("br", {}), jsxs(GoabGrid, {
11992
12015
  minChildWidth: "0ch",
11993
12016
  gap: "s",
11994
- children: [jsx(GoAFormItem, {
12017
+ children: [jsx(GoabFormItem, {
11995
12018
  label: "City",
11996
12019
  error: (_a = errors === null || errors === void 0 ? void 0 : errors['municipality']) !== null && _a !== void 0 ? _a : '',
11997
12020
  requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('municipality')) ? 'required' : 'optional',
11998
- children: jsx(GoAInput, {
12021
+ children: jsx(GoabInput, {
11999
12022
  name: "municipality",
12000
12023
  testId: "address-form-city",
12001
12024
  ariaLabel: 'address-form-city',
12002
12025
  disabled: !enabled,
12003
12026
  readonly: readOnly,
12004
12027
  value: (address === null || address === void 0 ? void 0 : address.municipality) || '',
12005
- onChange: (name, value) => handleInputChange(name, value),
12006
- onBlur: name => handleOnBlur(name),
12028
+ onChange: detail => handleInputChange(detail.name, detail.value),
12029
+ onBlur: detail => handleOnBlur(detail.name),
12007
12030
  width: "100%"
12008
12031
  })
12009
- }), jsx(GoAFormItem, {
12032
+ }), jsx(GoabFormItem, {
12010
12033
  label: "Postal code",
12011
12034
  error: (_b = errors === null || errors === void 0 ? void 0 : errors.postalCode) !== null && _b !== void 0 ? _b : '',
12012
12035
  requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('postalCode')) ? 'required' : 'optional',
12013
- children: jsx(GoAInput, {
12036
+ children: jsx(GoabInput, {
12014
12037
  name: "postalCode",
12015
12038
  testId: "address-form-postal-code",
12016
12039
  ariaLabel: 'address-form-postal-code',
@@ -12018,35 +12041,34 @@ const AddressInputs = ({
12018
12041
  readonly: readOnly,
12019
12042
  placeholder: "A0A 0A0",
12020
12043
  value: (address === null || address === void 0 ? void 0 : address.postalCode) || '',
12021
- onChange: (name, value) => handleInputChange(name, value),
12022
- onBlur: name => handleOnBlur(name),
12044
+ onChange: detail => handleInputChange(detail.name, detail.value),
12045
+ onBlur: detail => handleOnBlur(detail.name),
12023
12046
  width: "100%",
12024
12047
  maxLength: 7
12025
12048
  })
12026
12049
  })]
12027
- }), jsx("br", {}), jsxs(GoAGrid, {
12050
+ }), jsx("br", {}), jsxs(GoabGrid, {
12028
12051
  minChildWidth: "0",
12029
12052
  gap: "s",
12030
- children: [jsxs(GoAFormItem, {
12053
+ children: [jsxs(GoabFormItem, {
12031
12054
  label: "Province",
12032
12055
  children: [isAlbertaAddress && jsx(LabelDiv, {
12033
12056
  "data-testid": "address-form-province",
12034
12057
  children: "Alberta"
12035
- }), !isAlbertaAddress && jsx(GoADropdown, {
12058
+ }), !isAlbertaAddress && jsx(GoabDropdown, {
12036
12059
  name: "subdivisionCode",
12037
12060
  disabled: !enabled,
12038
12061
  testId: "address-form-province-dropdown",
12039
12062
  ariaLabel: 'address-form-province',
12040
12063
  value: (address === null || address === void 0 ? void 0 : address.subdivisionCode) || '',
12041
- onChange: (_, value) => handleInputChange('subdivisionCode', value),
12042
- relative: true,
12064
+ onChange: detail => handleInputChange('subdivisionCode', detail.value),
12043
12065
  width: "25ch",
12044
- children: provinces.map(w => jsx(GoADropdownItem, {
12066
+ children: provinces.map(w => jsx(GoabDropdownItem, {
12045
12067
  value: w.value,
12046
12068
  label: w.label
12047
12069
  }, w.value))
12048
12070
  })]
12049
- }), jsx(GoAFormItem, {
12071
+ }), jsx(GoabFormItem, {
12050
12072
  label: "Country",
12051
12073
  children: jsx(LabelDiv, {
12052
12074
  "data-testid": "address-form-country",
@@ -12323,7 +12345,7 @@ const RenderLink = props => {
12323
12345
  linkLabel = '';
12324
12346
  error = 'Invalid Link';
12325
12347
  }
12326
- return jsx(GoAFormItem, {
12348
+ return jsx(GoabFormItem, {
12327
12349
  error: error,
12328
12350
  label: "",
12329
12351
  children: jsx("div", {
@@ -12337,7 +12359,7 @@ const RenderLink = props => {
12337
12359
  type: "mail",
12338
12360
  title: "Email",
12339
12361
  testId: "mail-icon"
12340
- }) : jsx(GoAIconButton, {
12362
+ }) : jsx(GoabIconButton, {
12341
12363
  icon: "open",
12342
12364
  title: "Open",
12343
12365
  testId: "open-icon",
@@ -12462,7 +12484,7 @@ const HelpContentComponent = _ref => {
12462
12484
  className: labelClass,
12463
12485
  "data-testid": label,
12464
12486
  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, {
12487
+ }), ((_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
12488
  heading: label ? label : '',
12467
12489
  mt: "3xs",
12468
12490
  mb: "none",
@@ -12672,7 +12694,7 @@ const AddressLookUpControl = props => {
12672
12694
  visible: visible,
12673
12695
  children: [renderHelp(), jsx("h3", {
12674
12696
  children: label
12675
- }), jsx(GoAFormItem, {
12697
+ }), jsx(GoabFormItem, {
12676
12698
  requirement: 'required',
12677
12699
  label: 'Street address or P.O. box',
12678
12700
  error: (_g = errors === null || errors === void 0 ? void 0 : errors['addressLine1']) !== null && _g !== void 0 ? _g : '',
@@ -12680,7 +12702,7 @@ const AddressLookUpControl = props => {
12680
12702
  children: jsxs(SearchBox, {
12681
12703
  children: [jsxs("div", {
12682
12704
  className: "input-container",
12683
- children: [jsx(GoAInput, {
12705
+ children: [jsx(GoabInput, {
12684
12706
  leadingIcon: autocompletion && enabled ? 'search' : undefined,
12685
12707
  id: "goaInput",
12686
12708
  name: "addressLine1",
@@ -12690,18 +12712,18 @@ const AddressLookUpControl = props => {
12690
12712
  ariaLabel: 'address-form-address1',
12691
12713
  placeholder: "Start typing the first line of your address, required.",
12692
12714
  value: (address === null || address === void 0 ? void 0 : address.addressLine1) || '',
12693
- onChange: (e, value) => handleDropdownChange(value),
12694
- onBlur: name => handleRequiredFieldBlur(name),
12715
+ onChange: detail => handleDropdownChange(detail.value),
12716
+ onBlur: detail => handleRequiredFieldBlur(detail.name),
12695
12717
  width: "100%",
12696
- onKeyPress: (e, value, key) => {
12718
+ onKeyPress: detail => {
12697
12719
  if (open) {
12698
- const newIndex = handleAddressKeyDown(key, value, activeIndex, suggestions, val => handleInputChange('addressLine1', val), suggestion => handleSuggestionClick(suggestion));
12720
+ const newIndex = handleAddressKeyDown(detail.key, detail.value, activeIndex, suggestions, val => handleInputChange('addressLine1', val), suggestion => handleSuggestionClick(suggestion));
12699
12721
  setActiveIndex(newIndex);
12700
12722
  }
12701
12723
  }
12702
12724
  }), loading && jsx("div", {
12703
12725
  className: "input-spinner",
12704
- children: jsx(GoASpinner, {
12726
+ children: jsx(GoabSpinner, {
12705
12727
  type: "infinite",
12706
12728
  size: "small"
12707
12729
  })
@@ -12785,40 +12807,40 @@ const AddressViews = ({
12785
12807
  label: 'Yukon'
12786
12808
  }];
12787
12809
  return jsxs(Fragment, {
12788
- children: [withoutHeader !== true && jsx(GoAGrid, {
12810
+ children: [withoutHeader !== true && jsx(GoabGrid, {
12789
12811
  minChildWidth: "0",
12790
12812
  gap: "s",
12791
- children: jsx(GoAFormItem, {
12813
+ children: jsx(GoabFormItem, {
12792
12814
  label: `${isAlbertaAddress ? 'Alberta' : 'Canada'} postal address`
12793
12815
  })
12794
12816
  }), jsxs(AddressIndent, {
12795
- children: [jsxs(GoAGrid, {
12817
+ children: [jsxs(GoabGrid, {
12796
12818
  minChildWidth: "0",
12797
12819
  gap: "s",
12798
- children: [jsx(GoAFormItem, {
12820
+ children: [jsx(GoabFormItem, {
12799
12821
  label: "Address line 1",
12800
12822
  error: (data === null || data === void 0 ? void 0 : data.addressLine1) === undefined ? 'Address line 1 is required' : '',
12801
12823
  requirement: "required",
12802
12824
  children: jsx(TextWrap, {
12803
12825
  children: data === null || data === void 0 ? void 0 : data.addressLine1
12804
12826
  })
12805
- }), (data === null || data === void 0 ? void 0 : data.addressLine2) && jsx(GoAFormItem, {
12827
+ }), (data === null || data === void 0 ? void 0 : data.addressLine2) && jsx(GoabFormItem, {
12806
12828
  label: "Address line 2",
12807
12829
  children: jsx(TextWrap, {
12808
12830
  children: data.addressLine2
12809
12831
  })
12810
12832
  })]
12811
- }), jsx("br", {}), jsxs(GoAGrid, {
12833
+ }), jsx("br", {}), jsxs(GoabGrid, {
12812
12834
  minChildWidth: "0ch",
12813
12835
  gap: "s",
12814
- children: [jsx(GoAFormItem, {
12836
+ children: [jsx(GoabFormItem, {
12815
12837
  error: (data === null || data === void 0 ? void 0 : data.municipality) === undefined ? 'City is required' : '',
12816
12838
  label: "City",
12817
12839
  requirement: "required",
12818
12840
  children: jsx(TextWrap, {
12819
12841
  children: data === null || data === void 0 ? void 0 : data.municipality
12820
12842
  })
12821
- }), jsx(GoAFormItem, {
12843
+ }), jsx(GoabFormItem, {
12822
12844
  error: (data === null || data === void 0 ? void 0 : data.postalCode) === undefined ? 'Postal code is required' : '',
12823
12845
  label: "Postal Code",
12824
12846
  requirement: "required",
@@ -12826,10 +12848,10 @@ const AddressViews = ({
12826
12848
  children: data === null || data === void 0 ? void 0 : data.postalCode
12827
12849
  })
12828
12850
  })]
12829
- }), jsx("br", {}), jsxs(GoAGrid, {
12851
+ }), jsx("br", {}), jsxs(GoabGrid, {
12830
12852
  minChildWidth: "0",
12831
12853
  gap: "s",
12832
- children: [jsxs(GoAFormItem, {
12854
+ children: [jsxs(GoabFormItem, {
12833
12855
  label: "Province",
12834
12856
  error: !isAlbertaAddress && (data === null || data === void 0 ? void 0 : data.subdivisionCode) === undefined ? 'Province is required' : '',
12835
12857
  requirement: "required",
@@ -12840,7 +12862,7 @@ const AddressViews = ({
12840
12862
  "data-testid": "address-form-province-view",
12841
12863
  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
12864
  })]
12843
- }), jsx(GoAFormItem, {
12865
+ }), jsx(GoabFormItem, {
12844
12866
  label: "Country",
12845
12867
  children: jsx("div", {
12846
12868
  "data-testid": "address-form-country",
@@ -12937,58 +12959,58 @@ const NameInputs = ({
12937
12959
  }
12938
12960
  setErrors(err);
12939
12961
  };
12940
- return jsxs(GoAGrid, {
12962
+ return jsxs(GoabGrid, {
12941
12963
  minChildWidth: "0ch",
12942
12964
  gap: "s",
12943
12965
  mb: "m",
12944
12966
  testId: "wrapper",
12945
- children: [jsx(GoAFormItem, {
12967
+ children: [jsx(GoabFormItem, {
12946
12968
  testId: "form-item-first-name",
12947
12969
  label: "First name",
12948
12970
  requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('firstName')) ? 'required' : undefined,
12949
12971
  error: (_a = errors === null || errors === void 0 ? void 0 : errors['firstName']) !== null && _a !== void 0 ? _a : '',
12950
- children: jsx(GoAInput, {
12972
+ children: jsx(GoabInput, {
12951
12973
  type: "text",
12952
12974
  name: "firstName",
12953
12975
  disabled: disabled,
12954
12976
  testId: "name-form-first-name",
12955
12977
  ariaLabel: 'name-form-first-name',
12956
12978
  value: firstName || '',
12957
- onChange: (name, value) => handleInputChange(name, value),
12958
- onBlur: name => {
12959
- handleRequiredFieldBlur(name);
12979
+ onChange: detail => handleInputChange(detail.name, detail.value),
12980
+ onBlur: detail => {
12981
+ handleRequiredFieldBlur(detail.name);
12960
12982
  },
12961
12983
  width: "100%"
12962
12984
  })
12963
- }), jsx(GoAFormItem, {
12985
+ }), jsx(GoabFormItem, {
12964
12986
  testId: "form-item-middle-name",
12965
12987
  label: "Middle name",
12966
12988
  requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('middleName')) ? 'required' : undefined,
12967
- children: jsx(GoAInput, {
12989
+ children: jsx(GoabInput, {
12968
12990
  type: "text",
12969
12991
  name: "middleName",
12970
12992
  disabled: disabled,
12971
12993
  testId: "name-form-middle-name",
12972
12994
  ariaLabel: 'name-form-middle-name',
12973
12995
  value: middleName || '',
12974
- onChange: (name, value) => handleInputChange(name, value),
12996
+ onChange: detail => handleInputChange(detail.name, detail.value),
12975
12997
  width: "100%"
12976
12998
  })
12977
- }), jsx(GoAFormItem, {
12999
+ }), jsx(GoabFormItem, {
12978
13000
  testId: "form-item-last-name",
12979
13001
  label: "Last name",
12980
13002
  requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('lastName')) ? 'required' : undefined,
12981
13003
  error: (_b = errors === null || errors === void 0 ? void 0 : errors['lastName']) !== null && _b !== void 0 ? _b : '',
12982
- children: jsx(GoAInput, {
13004
+ children: jsx(GoabInput, {
12983
13005
  type: "text",
12984
13006
  name: "lastName",
12985
13007
  disabled: disabled,
12986
13008
  testId: "name-form-last-name",
12987
13009
  ariaLabel: 'name-form-last-name',
12988
13010
  value: lastName || '',
12989
- onChange: (name, value) => handleInputChange(name, value),
12990
- onBlur: name => {
12991
- handleRequiredFieldBlur(name);
13011
+ onChange: detail => handleInputChange(detail.name, detail.value),
13012
+ onBlur: detail => {
13013
+ handleRequiredFieldBlur(detail.name);
12992
13014
  },
12993
13015
  width: "100%"
12994
13016
  })
@@ -13011,10 +13033,10 @@ const FullNameReviewControl = props => {
13011
13033
  }
13012
13034
  setErrors(err);
13013
13035
  }, [props.data, requiredFields]);
13014
- return jsxs(GoAGrid, {
13036
+ return jsxs(GoabGrid, {
13015
13037
  minChildWidth: "0ch",
13016
13038
  gap: "s",
13017
- children: [jsx(GoAFormItem, {
13039
+ children: [jsx(GoabFormItem, {
13018
13040
  label: "First Name",
13019
13041
  requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('firstName')) ? 'required' : undefined,
13020
13042
  error: (_a = errors === null || errors === void 0 ? void 0 : errors['firstName']) !== null && _a !== void 0 ? _a : '',
@@ -13024,7 +13046,7 @@ const FullNameReviewControl = props => {
13024
13046
  children: (_b = props.data) === null || _b === void 0 ? void 0 : _b.firstName
13025
13047
  })
13026
13048
  })
13027
- }), jsx(GoAFormItem, {
13049
+ }), jsx(GoabFormItem, {
13028
13050
  label: "Middle Name",
13029
13051
  children: jsx(TextWrapDiv, {
13030
13052
  children: jsx("div", {
@@ -13032,7 +13054,7 @@ const FullNameReviewControl = props => {
13032
13054
  children: (_c = props.data) === null || _c === void 0 ? void 0 : _c.middleName
13033
13055
  })
13034
13056
  })
13035
- }), jsx(GoAFormItem, {
13057
+ }), jsx(GoabFormItem, {
13036
13058
  label: "Last Name",
13037
13059
  requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('lastName')) ? 'required' : undefined,
13038
13060
  error: (_d = errors === null || errors === void 0 ? void 0 : errors['lastName']) !== null && _d !== void 0 ? _d : '',
@@ -13088,11 +13110,11 @@ const FullNameTester = rankWith(4, isFullName);
13088
13110
  const FullNameControlReview = props => {
13089
13111
  var _a, _b, _c;
13090
13112
  return jsx("div", {
13091
- children: jsxs(GoAGrid, {
13113
+ children: jsxs(GoabGrid, {
13092
13114
  minChildWidth: "0ch",
13093
13115
  gap: "s",
13094
13116
  mb: "m",
13095
- children: [jsx(GoAFormItem, {
13117
+ children: [jsx(GoabFormItem, {
13096
13118
  label: "First name",
13097
13119
  requirement: "required",
13098
13120
  children: jsx(TextWrapDiv, {
@@ -13101,7 +13123,7 @@ const FullNameControlReview = props => {
13101
13123
  children: (_a = props.data) === null || _a === void 0 ? void 0 : _a.firstName
13102
13124
  })
13103
13125
  })
13104
- }), jsx(GoAFormItem, {
13126
+ }), jsx(GoabFormItem, {
13105
13127
  label: "Middle name",
13106
13128
  children: jsx(TextWrapDiv, {
13107
13129
  children: jsx("div", {
@@ -13109,7 +13131,7 @@ const FullNameControlReview = props => {
13109
13131
  children: (_b = props.data) === null || _b === void 0 ? void 0 : _b.middleName
13110
13132
  })
13111
13133
  })
13112
- }), jsx(GoAFormItem, {
13134
+ }), jsx(GoabFormItem, {
13113
13135
  label: "Last name",
13114
13136
  requirement: "required",
13115
13137
  children: jsx(TextWrapDiv, {
@@ -13205,73 +13227,73 @@ const FullNameDobControl = props => {
13205
13227
  useSyncAutofillFields(['firstName', 'middleName', 'lastName', 'dateOfBirth'], formData, updateFormData, handleRequiredFieldBlur);
13206
13228
  return jsxs(Visible, {
13207
13229
  visible: visible,
13208
- children: [jsxs(GoAGrid, {
13230
+ children: [jsxs(GoabGrid, {
13209
13231
  minChildWidth: "0ch",
13210
13232
  gap: "s",
13211
13233
  mb: "m",
13212
- children: [jsx(GoAFormItem, {
13234
+ children: [jsx(GoabFormItem, {
13213
13235
  label: "First name",
13214
13236
  requirement: ((_a = schema === null || schema === void 0 ? void 0 : schema.required) === null || _a === void 0 ? void 0 : _a.includes('firstName')) ? 'required' : undefined,
13215
13237
  error: (_b = errors === null || errors === void 0 ? void 0 : errors['firstName']) !== null && _b !== void 0 ? _b : '',
13216
13238
  testId: "form-item-first-name",
13217
- children: jsx(GoAInput, {
13239
+ children: jsx(GoabInput, {
13218
13240
  disabled: !enabled,
13219
13241
  type: "text",
13220
13242
  name: "firstName",
13221
13243
  testId: "name-form-first-name",
13222
13244
  ariaLabel: 'name-form-first-name',
13223
13245
  value: formData.firstName,
13224
- onChange: (name, value) => {
13225
- handleInputChange(name, value);
13246
+ onChange: detail => {
13247
+ handleInputChange(detail.name, detail.value);
13226
13248
  },
13227
- onBlur: name => {
13228
- handleRequiredFieldBlur(name);
13249
+ onBlur: detail => {
13250
+ handleRequiredFieldBlur(detail.name);
13229
13251
  },
13230
13252
  width: "100%"
13231
13253
  })
13232
- }), jsx(GoAFormItem, {
13254
+ }), jsx(GoabFormItem, {
13233
13255
  label: "Middle name",
13234
13256
  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, {
13257
+ children: jsx(GoabInput, {
13236
13258
  type: "text",
13237
13259
  name: "middleName",
13238
13260
  disabled: !enabled,
13239
13261
  testId: "name-form-middle-name",
13240
13262
  ariaLabel: 'name-form-middle-name',
13241
13263
  value: formData.middleName || '',
13242
- onChange: (name, value) => handleInputChange(name, value),
13264
+ onChange: detail => handleInputChange(detail.name, detail.value),
13243
13265
  width: "100%"
13244
13266
  })
13245
- }), jsx(GoAFormItem, {
13267
+ }), jsx(GoabFormItem, {
13246
13268
  label: "Last name",
13247
13269
  requirement: ((_d = schema === null || schema === void 0 ? void 0 : schema.required) === null || _d === void 0 ? void 0 : _d.includes('lastName')) ? 'required' : undefined,
13248
13270
  error: (_e = errors === null || errors === void 0 ? void 0 : errors['lastName']) !== null && _e !== void 0 ? _e : '',
13249
13271
  testId: "form-item-last-name",
13250
- children: jsx(GoAInput, {
13272
+ children: jsx(GoabInput, {
13251
13273
  type: "text",
13252
13274
  name: "lastName",
13253
13275
  disabled: !enabled,
13254
13276
  testId: "name-form-last-name",
13255
13277
  ariaLabel: 'name-form-last-name',
13256
13278
  value: formData.lastName || '',
13257
- onChange: (name, value) => {
13258
- handleInputChange(name, value);
13279
+ onChange: detail => {
13280
+ handleInputChange(detail.name, detail.value);
13259
13281
  },
13260
- onBlur: name => {
13261
- handleRequiredFieldBlur(name);
13282
+ onBlur: detail => {
13283
+ handleRequiredFieldBlur(detail.name);
13262
13284
  },
13263
13285
  width: "100%"
13264
13286
  })
13265
13287
  })]
13266
- }), jsx(GoAGrid, {
13288
+ }), jsx(GoabGrid, {
13267
13289
  minChildWidth: "0ch",
13268
13290
  gap: "s",
13269
13291
  mb: "m",
13270
- children: jsx(GoAFormItem, {
13292
+ children: jsx(GoabFormItem, {
13271
13293
  label: "Date of birth",
13272
13294
  error: (_f = errors === null || errors === void 0 ? void 0 : errors['dateOfBirth']) !== null && _f !== void 0 ? _f : '',
13273
13295
  requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('dateOfBirth')) ? 'required' : undefined,
13274
- children: jsx(GoAInput, {
13296
+ children: jsx(GoabInput, {
13275
13297
  type: "date",
13276
13298
  name: "dateOfBirth",
13277
13299
  disabled: !enabled,
@@ -13281,10 +13303,10 @@ const FullNameDobControl = props => {
13281
13303
  ariaLabel: "dob-form-dateOfBirth",
13282
13304
  placeholder: "YYYY-MM-DD",
13283
13305
  value: formData === null || formData === void 0 ? void 0 : formData.dateOfBirth,
13284
- onChange: (name, value) => handleInputChange(name, value),
13285
- onBlur: name => {
13306
+ onChange: detail => handleInputChange(detail.name, detail.value),
13307
+ onBlur: detail => {
13286
13308
  /* istanbul ignore next */
13287
- handleRequiredFieldBlur(name);
13309
+ handleRequiredFieldBlur(detail.name);
13288
13310
  },
13289
13311
  width: "100%"
13290
13312
  })
@@ -13299,11 +13321,11 @@ const FullNameDobReviewControl = props => {
13299
13321
  data
13300
13322
  } = props;
13301
13323
  return jsxs(Fragment, {
13302
- children: [jsxs(GoAGrid, {
13324
+ children: [jsxs(GoabGrid, {
13303
13325
  minChildWidth: "0ch",
13304
13326
  gap: "s",
13305
13327
  mb: "m",
13306
- children: [jsx(GoAFormItem, {
13328
+ children: [jsx(GoabFormItem, {
13307
13329
  label: "First name",
13308
13330
  error: (data === null || data === void 0 ? void 0 : data.firstName) === undefined ? 'First name is required' : '',
13309
13331
  requirement: "required",
@@ -13313,7 +13335,7 @@ const FullNameDobReviewControl = props => {
13313
13335
  children: (_a = props.data) === null || _a === void 0 ? void 0 : _a.firstName
13314
13336
  })
13315
13337
  })
13316
- }), jsx(GoAFormItem, {
13338
+ }), jsx(GoabFormItem, {
13317
13339
  label: "Middle name",
13318
13340
  children: jsx(TextWrapDiv, {
13319
13341
  children: jsx("div", {
@@ -13321,7 +13343,7 @@ const FullNameDobReviewControl = props => {
13321
13343
  children: (_b = props.data) === null || _b === void 0 ? void 0 : _b.middleName
13322
13344
  })
13323
13345
  })
13324
- }), jsx(GoAFormItem, {
13346
+ }), jsx(GoabFormItem, {
13325
13347
  label: "Last name",
13326
13348
  error: (data === null || data === void 0 ? void 0 : data.lastName) === undefined ? 'Last name is required' : '',
13327
13349
  requirement: "required",
@@ -13332,10 +13354,10 @@ const FullNameDobReviewControl = props => {
13332
13354
  })
13333
13355
  })
13334
13356
  })]
13335
- }), jsx(GoAGrid, {
13357
+ }), jsx(GoabGrid, {
13336
13358
  minChildWidth: "0ch",
13337
13359
  gap: "s",
13338
- children: jsx(GoAFormItem, {
13360
+ children: jsx(GoabFormItem, {
13339
13361
  label: "Date of birth",
13340
13362
  error: (data === null || data === void 0 ? void 0 : data.dateOfBirth) === undefined ? 'Date of birth is required' : '',
13341
13363
  requirement: "required",
@@ -13392,34 +13414,34 @@ const PhoneNumberWithTypeControl = props => {
13392
13414
  return jsx(Visible, {
13393
13415
  visible: visible,
13394
13416
  children: jsxs(PhoneGrid, {
13395
- children: [jsx(GoAFormItem, {
13417
+ children: [jsx(GoabFormItem, {
13396
13418
  label: "Phone type",
13397
13419
  requirement: required ? 'required' : undefined,
13398
- children: jsxs(GoADropdown, {
13420
+ children: jsxs(GoabDropdown, {
13399
13421
  name: "type",
13400
13422
  value: formData.type || '',
13401
13423
  disabled: !enabled,
13402
- onChange: (name, value) => updateFormData(Object.assign({}, formData, {
13403
- type: value
13424
+ onChange: detail => updateFormData(Object.assign({}, formData, {
13425
+ type: detail.value
13404
13426
  })),
13405
- children: [jsx(GoADropdownItem, {
13427
+ children: [jsx(GoabDropdownItem, {
13406
13428
  value: "Mobile"
13407
- }), jsx(GoADropdownItem, {
13429
+ }), jsx(GoabDropdownItem, {
13408
13430
  value: "Landline"
13409
13431
  })]
13410
13432
  })
13411
- }), jsx(GoAFormItem, {
13433
+ }), jsx(GoabFormItem, {
13412
13434
  label: "Phone number",
13413
13435
  error: error,
13414
13436
  requirement: required ? 'required' : undefined,
13415
- children: jsx(GoAInput, {
13437
+ children: jsx(GoabInput, {
13416
13438
  type: "tel",
13417
13439
  name: "number",
13418
13440
  placeholder: "(000) 000-0000",
13419
13441
  value: formData.number || '',
13420
13442
  disabled: !enabled,
13421
- onChange: (name, value) => updateFormData(Object.assign({}, formData, {
13422
- number: value
13443
+ onChange: detail => updateFormData(Object.assign({}, formData, {
13444
+ number: detail.value
13423
13445
  }))
13424
13446
  })
13425
13447
  })]
@@ -13449,19 +13471,19 @@ const PhoneNumberControl = props => {
13449
13471
  };
13450
13472
  return jsx(Visible, {
13451
13473
  visible: visible,
13452
- children: jsx(GoAFormItem, {
13474
+ children: jsx(GoabFormItem, {
13453
13475
  label: (schema === null || schema === void 0 ? void 0 : schema.title) || 'Phone number',
13454
13476
  requirement: required ? 'required' : undefined,
13455
13477
  error: error,
13456
13478
  testId: `form-item-${path}`,
13457
- children: jsx(GoAInput, {
13479
+ children: jsx(GoabInput, {
13458
13480
  type: "tel",
13459
13481
  name: path,
13460
13482
  disabled: !enabled,
13461
13483
  "aria-label": "phone number input",
13462
13484
  testId: `phone-input-${path}`,
13463
13485
  value: data || '',
13464
- onChange: (name, value) => handleInputChange(name, value),
13486
+ onChange: detail => handleInputChange(detail.name, detail.value),
13465
13487
  placeholder: "(000) 000-0000",
13466
13488
  width: "100%"
13467
13489
  })
@@ -13479,7 +13501,7 @@ const PhoneNumberReviewControl = props => {
13479
13501
  id,
13480
13502
  required
13481
13503
  } = props;
13482
- return jsx(GoAFormItem, {
13504
+ return jsx(GoabFormItem, {
13483
13505
  label: "Phone number",
13484
13506
  error: required && !data ? 'Phone number is required' : '',
13485
13507
  requirement: required ? 'required' : undefined,
@@ -13491,7 +13513,7 @@ const PhoneNumberReviewControl = props => {
13491
13513
  })
13492
13514
  });
13493
13515
  };
13494
- const GoAInputBasePhoneNumberReviewControl = withJsonFormsAllOfProps(PhoneNumberReviewControl);
13516
+ const GoabInputBasePhoneNumberReviewControl = withJsonFormsAllOfProps(PhoneNumberReviewControl);
13495
13517
 
13496
13518
  const isPhoneNumberWithType = createSchemaMatchTester(['number', 'type'], true);
13497
13519
  const PhoneNumberWithTypeTester = rankWith(4, isPhoneNumberWithType);
@@ -13503,7 +13525,7 @@ const PhoneNumberWithTypeReviewControl = props => {
13503
13525
  required
13504
13526
  } = props;
13505
13527
  return jsxs(PhoneGrid, {
13506
- children: [jsx(GoAFormItem, {
13528
+ children: [jsx(GoabFormItem, {
13507
13529
  label: "Phone number",
13508
13530
  error: required && !(data === null || data === void 0 ? void 0 : data.number) ? 'Phone number is required' : '',
13509
13531
  requirement: required ? 'required' : undefined,
@@ -13513,7 +13535,7 @@ const PhoneNumberWithTypeReviewControl = props => {
13513
13535
  children: (data === null || data === void 0 ? void 0 : data.number) || ''
13514
13536
  })
13515
13537
  })
13516
- }), jsx(GoAFormItem, {
13538
+ }), jsx(GoabFormItem, {
13517
13539
  label: "Phone type",
13518
13540
  error: required && !(data === null || data === void 0 ? void 0 : data.type) ? 'Phone type is required' : '',
13519
13541
  requirement: required ? 'required' : undefined,
@@ -13526,7 +13548,7 @@ const PhoneNumberWithTypeReviewControl = props => {
13526
13548
  })]
13527
13549
  });
13528
13550
  };
13529
- const GoAInputBasePhoneNumberWithTypeReviewControl = withJsonFormsAllOfProps(PhoneNumberWithTypeReviewControl);
13551
+ const GoabInputBasePhoneNumberWithTypeReviewControl = withJsonFormsAllOfProps(PhoneNumberWithTypeReviewControl);
13530
13552
 
13531
13553
  /**
13532
13554
  * Escape for use in RegExp
@@ -13767,10 +13789,10 @@ const GoACalculation = props => {
13767
13789
  const showError = !!error && (isConfigError || hasInteracted);
13768
13790
  return jsx(Visible, {
13769
13791
  visible: visible,
13770
- children: jsx(GoAFormItem, {
13792
+ children: jsx(GoabFormItem, {
13771
13793
  label: label,
13772
13794
  error: showError ? error : '',
13773
- children: jsx(GoAInput, {
13795
+ children: jsx(GoabInput, {
13774
13796
  name: `computed-input-${id}`,
13775
13797
  testId: `computed-input-${id}`,
13776
13798
  ariaLabel: id,
@@ -13802,7 +13824,7 @@ const GoANumberCell = props => jsx(GoANumberInput, Object.assign({}, props));
13802
13824
  const GoANumberCellTester = rankWith(1, isNumberControl);
13803
13825
  withJsonFormsCellProps(GoANumberCell);
13804
13826
 
13805
- const GoAIntegerCell = props => jsx(GoAInputInteger, Object.assign({}, props));
13827
+ const GoAIntegerCell = props => jsx(GoabInputInteger, Object.assign({}, props));
13806
13828
  const GoAIntegerCellTester = rankWith(1, isIntegerControl);
13807
13829
  withJsonFormsCellProps(GoAIntegerCell);
13808
13830
 
@@ -13928,20 +13950,20 @@ const GoAGroupControlComponent = props => {
13928
13950
  const group = uischema;
13929
13951
  return jsxs(Visible, {
13930
13952
  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({
13953
+ 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
13954
  heading: group.label
13933
13955
  }, (_c = group.options) === null || _c === void 0 ? void 0 : _c.componentProps, {
13934
13956
  children: renderLayoutElements(group.elements, schema, path, enabled, renderers, cells)
13935
13957
  })), (((_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
13958
  children: [group.label && jsx("h3", {
13937
13959
  children: group.label
13938
- }), jsx(GoAContainer, Object.assign({}, (_h = group.options) === null || _h === void 0 ? void 0 : _h.componentProps, {
13960
+ }), jsx(GoabContainer, Object.assign({}, (_h = group.options) === null || _h === void 0 ? void 0 : _h.componentProps, {
13939
13961
  children: renderLayoutElements(group.elements, schema, path, enabled, renderers, cells)
13940
13962
  }))]
13941
13963
  }), ((_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
13964
  children: [group.label && jsx("h3", {
13943
13965
  children: group.label
13944
- }), jsx(GoAContainer, Object.assign({}, (_m = group.options) === null || _m === void 0 ? void 0 : _m.componentProps, {
13966
+ }), jsx(GoabContainer, Object.assign({}, (_m = group.options) === null || _m === void 0 ? void 0 : _m.componentProps, {
13945
13967
  children: renderLayoutElements(group.elements, schema, path, enabled, renderers, cells)
13946
13968
  }))]
13947
13969
  }), !((_o = group.options) === null || _o === void 0 ? void 0 : _o.componentProps) && jsxs("div", {
@@ -13949,7 +13971,7 @@ const GoAGroupControlComponent = props => {
13949
13971
  children: group.label
13950
13972
  }), isStepperReview && jsx(Fragment, {
13951
13973
  children: renderLayoutElements(group.elements, schema, path, enabled, renderers, cells)
13952
- }), !isStepperReview && jsx(GoAContainer, {
13974
+ }), !isStepperReview && jsx(GoabContainer, {
13953
13975
  children: renderLayoutElements(group.elements, schema, path, enabled, renderers, cells)
13954
13976
  })]
13955
13977
  })]
@@ -14283,40 +14305,40 @@ const GoABaseReviewRenderers = [
14283
14305
  // controls
14284
14306
  {
14285
14307
  tester: GoAEnumControlTester,
14286
- renderer: GoInputBaseReviewControl
14308
+ renderer: GoAInputBaseReviewControl
14287
14309
  }, {
14288
14310
  tester: GoAIntegerControlTester,
14289
- renderer: GoInputBaseReviewControl
14311
+ renderer: GoAInputBaseReviewControl
14290
14312
  }, {
14291
14313
  tester: GoANumberControlTester,
14292
- renderer: GoInputBaseReviewControl
14314
+ renderer: GoAInputBaseReviewControl
14293
14315
  }, {
14294
14316
  tester: GoATextControlTester,
14295
- renderer: GoInputBaseReviewControl
14317
+ renderer: GoAInputBaseReviewControl
14296
14318
  }, {
14297
14319
  tester: GoADateControlTester,
14298
- renderer: GoInputBaseReviewControl
14320
+ renderer: GoAInputBaseReviewControl
14299
14321
  }, {
14300
14322
  tester: GoADateTimeControlTester,
14301
- renderer: GoInputBaseReviewControl
14323
+ renderer: GoAInputBaseReviewControl
14302
14324
  }, {
14303
14325
  tester: GoATimeControlTester,
14304
- renderer: GoInputBaseReviewControl
14326
+ renderer: GoAInputBaseReviewControl
14305
14327
  }, {
14306
14328
  tester: GoARadioGroupControlTester,
14307
- renderer: GoInputBaseReviewControl
14329
+ renderer: GoAInputBaseReviewControl
14308
14330
  }, {
14309
14331
  tester: GoACheckoutGroupControlTester,
14310
- renderer: GoInputBaseReviewControl
14332
+ renderer: GoAInputBaseReviewControl
14311
14333
  }, {
14312
14334
  tester: GoABooleanControlTester,
14313
- renderer: GoInputBaseReviewControl
14335
+ renderer: GoAInputBaseReviewControl
14314
14336
  }, {
14315
14337
  tester: GoABooleanRadioControlTester,
14316
- renderer: GoInputBaseReviewControl
14338
+ renderer: GoAInputBaseReviewControl
14317
14339
  }, {
14318
14340
  tester: MultiLineTextControlTester,
14319
- renderer: GoInputBaseReviewControl
14341
+ renderer: GoAInputBaseReviewControl
14320
14342
  }, {
14321
14343
  tester: GoAArrayControlTester,
14322
14344
  renderer: GoAArrayControlReviewRenderer
@@ -14463,4 +14485,4 @@ const GoARenderers = [...GoABaseRenderers, {
14463
14485
  }];
14464
14486
  const GoACells = [...InputCells];
14465
14487
 
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 };
14488
+ 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 };