@abgov/jsonforms-components 2.41.0 → 2.42.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/index.esm.js +419 -306
  2. package/package.json +3 -2
  3. package/src/lib/Additional/GoACalloutControl.d.ts +3 -3
  4. package/src/lib/Controls/FileUploader/ContextMenu.d.ts +3 -3
  5. package/src/lib/Controls/FormStepper/FormStepperControl.d.ts +3 -3
  6. package/src/lib/Controls/FormStepper/PageStepperControl.d.ts +3 -3
  7. package/src/lib/Controls/Inputs/InputBaseControl.d.ts +1 -1
  8. package/src/lib/Controls/Inputs/InputBaseReviewControl.d.ts +1 -1
  9. package/src/lib/Controls/Inputs/InputIntegerControl.d.ts +2 -2
  10. package/src/lib/Controls/Inputs/InputMultiLineTextControl.d.ts +2 -2
  11. package/src/lib/Controls/ObjectArray/ListWithDetailControl.d.ts +4 -1
  12. package/src/lib/Controls/PhoneNumber/PhoneNumberReviewControl.d.ts +1 -1
  13. package/src/lib/Controls/PhoneNumber/PhoneNumberWithTypeReviewControl.d.ts +1 -1
package/index.esm.js CHANGED
@@ -1,11 +1,11 @@
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';
8
- import { rankWith, isStringControl, and, optionIs, uiTypeIs, isDateControl, isNumberControl, isIntegerControl, isDateTimeControl, isTimeControl, isControl, isEnumControl, isBooleanControl, schemaMatches, getAjv, isVisible, isEnabled, deriveLabelForUISchemaElement, schemaTypeIs, formatIs, createDefaultValue, or, isObjectArrayControl, isPrimitiveArrayControl, Paths, toDataPath, hasType, isCategorization, isLayout } from '@jsonforms/core';
8
+ import { rankWith, isStringControl, and, optionIs, uiTypeIs, isDateControl, isNumberControl, isIntegerControl, isDateTimeControl, isTimeControl, isControl as isControl$1, isEnumControl, isBooleanControl, schemaMatches, getAjv, isVisible, isEnabled, deriveLabelForUISchemaElement, schemaTypeIs, formatIs, createDefaultValue, or, isObjectArrayControl, isPrimitiveArrayControl, Paths, toDataPath, Resolve, hasType, isCategorization, isLayout } from '@jsonforms/core';
9
9
  import { withJsonFormsControlProps, withJsonFormsEnumProps, withTranslateProps, JsonFormsDispatch, useJsonForms, withJsonFormsLayoutProps, withJsonFormsArrayLayoutProps, withJsonFormsAllOfProps, withJsonFormsCellProps } from '@jsonforms/react';
10
10
  import * as _$c from 'lodash';
11
11
  import ___default, { isEqual, isEmpty as isEmpty$1, isObject as isObject$f } from 'lodash';
@@ -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
  }
@@ -6426,7 +6444,7 @@ const enumControl = props => {
6426
6444
  };
6427
6445
  const GoAEnumControlTester = rankWith(4, (uischema, schema, context) => {
6428
6446
  var _a;
6429
- return (schema === null || schema === void 0 ? void 0 : schema.type) === 'object' && isControl(uischema) && ((_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.format) === 'enum' || isEnumControl(uischema, schema, context);
6447
+ return (schema === null || schema === void 0 ? void 0 : schema.type) === 'object' && isControl$1(uischema) && ((_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.format) === 'enum' || isEnumControl(uischema, schema, context);
6430
6448
  });
6431
6449
  const GoAEnumControl = withJsonFormsEnumProps(withTranslateProps(enumControl), true);
6432
6450
 
@@ -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
  }
@@ -7002,7 +7022,7 @@ const GoAEmailInput = props => {
7002
7022
  });
7003
7023
  };
7004
7024
  const GoAEmailControl = props => jsx(GoAEmailInput, Object.assign({}, props));
7005
- const GoAEmailControlTester = rankWith(4, and(isControl, schemaMatches(schema => schema.format === 'email')));
7025
+ const GoAEmailControlTester = rankWith(4, and(isControl$1, schemaMatches(schema => schema.format === 'email')));
7006
7026
  const GoAInputEmailControl = withJsonFormsControlProps(GoAEmailControl);
7007
7027
 
7008
7028
  let _$7 = t => t,
@@ -7043,7 +7063,7 @@ const LayoutRenderer = ({
7043
7063
  if (direction === 'row') {
7044
7064
  return jsx(Visible, {
7045
7065
  visible: visible,
7046
- children: jsx(GoAGrid, {
7066
+ children: jsx(GoabGrid, {
7047
7067
  minChildWidth: width || '10ch',
7048
7068
  children: renderLayoutElements(elements, schema, path, enabled, renderers, cells)
7049
7069
  })
@@ -7744,7 +7764,7 @@ const FormStepperReviewer = props => {
7744
7764
  },
7745
7765
  children: readOnly ? 'View' : 'Edit'
7746
7766
  })]
7747
- }), jsx(GoAGrid, {
7767
+ }), jsx(GoabGrid, {
7748
7768
  minChildWidth: "100%",
7749
7769
  children: category.elements.filter(field => {
7750
7770
  var _a, _b;
@@ -8417,19 +8437,16 @@ const stepperReducer = (state, action) => {
8417
8437
  const {
8418
8438
  id,
8419
8439
  ajv,
8420
- errors = [],
8421
8440
  schema,
8422
8441
  data
8423
8442
  } = action.payload;
8424
8443
  ajv.validate(schema, data);
8425
- let matched = false;
8426
8444
  const newCategories = state.categories.map(cat => {
8427
8445
  var _a;
8428
8446
  // ✅ compare against cat.id, not the index
8429
8447
  if (cat.id !== id) {
8430
8448
  return cat;
8431
8449
  }
8432
- matched = true;
8433
8450
  const status = getStepStatus({
8434
8451
  scopes: cat.scopes,
8435
8452
  errors: (_a = ajv.errors) !== null && _a !== void 0 ? _a : [],
@@ -8442,9 +8459,6 @@ const stepperReducer = (state, action) => {
8442
8459
  status
8443
8460
  });
8444
8461
  });
8445
- if (!matched) {
8446
- console.warn('[stepper] update/category: no category matched id =', id, 'categories:', state.categories.map(c => c.id));
8447
- }
8448
8462
  return Object.assign({}, state, {
8449
8463
  categories: newCategories
8450
8464
  });
@@ -8741,27 +8755,27 @@ const FormStepperView = props => {
8741
8755
  children: jsxs("div", {
8742
8756
  id: `${path || `goa`}-form-stepper`,
8743
8757
  className: "formStepper",
8744
- children: [jsxs(GoAFormStepper, {
8758
+ children: [jsxs(GoabFormStepper, {
8745
8759
  testId: `form-stepper-headers-${(_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.testId}` || 'form-stepper-test',
8746
- onChange: step => {
8747
- goToPage(step - 1);
8760
+ onChange: detail => {
8761
+ goToPage(detail.step - 1);
8748
8762
  },
8749
8763
  children: [categories === null || categories === void 0 ? void 0 : categories.map((c, index) => {
8750
8764
  return jsx("div", {
8751
8765
  ref: el => headersRef.current[index] = el,
8752
- children: jsx(GoAFormStep, {
8766
+ children: jsx(GoabFormStep, {
8753
8767
  "data-testid": `stepper-tab-${index}`,
8754
8768
  text: `${c.label}`,
8755
8769
  status: c.isVisited ? c.isCompleted && c.isValid ? 'complete' : 'incomplete' : undefined
8756
- }, `stepper-tab-${index}`)
8757
- });
8770
+ })
8771
+ }, `stepper-tab-${index}`);
8758
8772
  }), jsx("div", {
8759
8773
  ref: el => headersRef.current[categories.length] = el,
8760
- children: jsx(GoAFormStep, {
8774
+ children: jsx(GoabFormStep, {
8761
8775
  text: "Review"
8762
8776
  }, `stepper-tab-review`)
8763
8777
  })]
8764
- }, "stepper-form-stepper-wrapper"), jsxs(GoAPages, {
8778
+ }, "stepper-form-stepper-wrapper"), jsxs(GoabPages, {
8765
8779
  current: activeId + 1,
8766
8780
  mb: "xl",
8767
8781
  children: [categories === null || categories === void 0 ? void 0 : categories.map((category, index) => {
@@ -8791,10 +8805,10 @@ const FormStepperView = props => {
8791
8805
  navigationFunc: goToPage
8792
8806
  }))]
8793
8807
  })]
8794
- }), jsxs(GoAGrid, {
8808
+ }), jsxs(GoabGrid, {
8795
8809
  minChildWidth: "100px",
8796
8810
  children: [jsx("div", {
8797
- children: hasPrevButton ? jsx(GoAButton, {
8811
+ children: hasPrevButton ? jsx(GoabButton, {
8798
8812
  type: (optionProps === null || optionProps === void 0 ? void 0 : optionProps.previousButtonType) ? optionProps === null || optionProps === void 0 ? void 0 : optionProps.previousButtonType : 'secondary',
8799
8813
  disabled: selectIsDisabled(),
8800
8814
  onClick: () => {
@@ -8810,7 +8824,7 @@ const FormStepperView = props => {
8810
8824
  children: (optionProps === null || optionProps === void 0 ? void 0 : optionProps.previousButtonLabel) ? optionProps === null || optionProps === void 0 ? void 0 : optionProps.previousButtonLabel : 'Previous'
8811
8825
  }) : jsx("div", {})
8812
8826
  }), hasNextButton && jsx(RightAlignmentDiv, {
8813
- children: jsx(GoAButton, {
8827
+ children: jsx(GoabButton, {
8814
8828
  type: (optionProps === null || optionProps === void 0 ? void 0 : optionProps.nextButtonType) ? optionProps === null || optionProps === void 0 ? void 0 : optionProps.nextButtonType : 'primary',
8815
8829
  disabled: selectIsDisabled(),
8816
8830
  onClick: () => {
@@ -8826,7 +8840,7 @@ const FormStepperView = props => {
8826
8840
  })
8827
8841
  }), isOnReview && jsx(RightAlignmentDiv, {
8828
8842
  children: jsx("div", {
8829
- children: jsx(GoAButton, {
8843
+ children: jsx(GoabButton, {
8830
8844
  type: 'primary',
8831
8845
  onClick: handleSubmit,
8832
8846
  disabled: !isValid,
@@ -8837,14 +8851,14 @@ const FormStepperView = props => {
8837
8851
  })]
8838
8852
  })]
8839
8853
  })
8840
- }), jsxs(GoAModal, {
8854
+ }), jsxs(GoabModal, {
8841
8855
  testId: "submit-confirmation",
8842
8856
  open: isOpen,
8843
8857
  heading: 'Form Submitted',
8844
- width: "640px",
8845
- actions: jsx(GoAButtonGroup, {
8858
+ maxWidth: "640px",
8859
+ actions: jsx(GoabButtonGroup, {
8846
8860
  alignment: "end",
8847
- children: jsx(GoAButton, {
8861
+ children: jsx(GoabButton, {
8848
8862
  type: "primary",
8849
8863
  testId: "close-submit-modal",
8850
8864
  onClick: onCloseModal,
@@ -8884,11 +8898,11 @@ const ApplicationStatus = ({
8884
8898
  totalGroups
8885
8899
  }) => {
8886
8900
  const completed = completedGroups;
8887
- const badge = totalGroups === completed ? jsx(GoABadge, {
8901
+ const badge = totalGroups === completed ? jsx(GoabBadge, {
8888
8902
  type: "success",
8889
8903
  content: "Complete",
8890
8904
  icon: false
8891
- }) : jsx(GoABadge, {
8905
+ }) : jsx(GoabBadge, {
8892
8906
  type: "information",
8893
8907
  content: "Incomplete",
8894
8908
  icon: false
@@ -8945,7 +8959,7 @@ const SectionHeaderRow = ({
8945
8959
  return jsx(SectionHeaderRowTr, {
8946
8960
  children: jsx("td", {
8947
8961
  colSpan: 2,
8948
- children: jsx(GoAText, {
8962
+ children: jsx(GoabText, {
8949
8963
  size: "heading-m",
8950
8964
  mt: "xl",
8951
8965
  mb: "m",
@@ -8969,7 +8983,7 @@ const getCategoryStatusBadge = category => {
8969
8983
  const badgeType = status === PageStatus.Complete ? 'success' : 'information';
8970
8984
  return (
8971
8985
  // <div style={{ paddingTop: '5px' }}>
8972
- jsx(GoABadge, {
8986
+ jsx(GoabBadge, {
8973
8987
  type: badgeType,
8974
8988
  content: status,
8975
8989
  ariaLabel: status,
@@ -9013,7 +9027,7 @@ const SummaryRow = ({
9013
9027
  }) => {
9014
9028
  return jsx("tr", {
9015
9029
  children: jsx(SummaryTd, {
9016
- children: jsx(GoAText, {
9030
+ children: jsx(GoabText, {
9017
9031
  size: "heading-m",
9018
9032
  mt: "xl",
9019
9033
  mb: "xl",
@@ -9104,11 +9118,11 @@ const TaskList = ({
9104
9118
  return jsx(PageBorder, {
9105
9119
  children: jsxs("div", {
9106
9120
  "data-testid": testid,
9107
- children: [title && jsx(GoAText, {
9121
+ children: [title && jsx(GoabText, {
9108
9122
  size: "heading-xl",
9109
9123
  mb: "xl",
9110
9124
  children: title
9111
- }), subtitle && jsx(GoAText, {
9125
+ }), subtitle && jsx(GoabText, {
9112
9126
  size: "heading-l",
9113
9127
  mt: "none",
9114
9128
  mb: "xl",
@@ -9116,7 +9130,7 @@ const TaskList = ({
9116
9130
  }), jsx(ApplicationStatus, {
9117
9131
  completedGroups: completedPages,
9118
9132
  totalGroups: totalPages
9119
- }), jsx(GoATable, {
9133
+ }), jsx(GoabTable, {
9120
9134
  width: "100%",
9121
9135
  children: jsxs("tbody", {
9122
9136
  children: [mergedSections.map(({
@@ -9170,7 +9184,7 @@ const FormStepperPageReviewer = props => {
9170
9184
  children: [jsxs(TableReviewPageTitleRow, {
9171
9185
  children: [jsx(TableReviewCategoryLabel, {
9172
9186
  children: categoryLabel
9173
- }), jsx(GoAButton, {
9187
+ }), jsx(GoabButton, {
9174
9188
  type: "tertiary",
9175
9189
  testId: `page-review-change-${category.label}-btn`,
9176
9190
  onClick: () => {
@@ -9211,7 +9225,7 @@ const FormStepperPageReviewer = props => {
9211
9225
  return e;
9212
9226
  }
9213
9227
  }).flat().map((element, index) => {
9214
- return jsx(GoATable, {
9228
+ return jsx(GoabTable, {
9215
9229
  width: "100%",
9216
9230
  children: jsx("tbody", {
9217
9231
  children: jsx(JsonFormsDispatch, {
@@ -9380,12 +9394,12 @@ const RenderPages = props => {
9380
9394
  children: ["Step ", currentStep, " of ", totalSteps]
9381
9395
  }), jsx(RenderStepElements, Object.assign({}, categoryProps))]
9382
9396
  }), jsx(PageRenderPadding, {
9383
- children: jsxs(GoAGrid, {
9397
+ children: jsxs(GoabGrid, {
9384
9398
  minChildWidth: "100px",
9385
9399
  gap: "2xs",
9386
- children: [jsxs(GoAButtonGroup, {
9400
+ children: [jsxs(GoabButtonGroup, {
9387
9401
  alignment: "start",
9388
- children: [activeId > 0 && jsx(GoAButton, {
9402
+ children: [activeId > 0 && jsx(GoabButton, {
9389
9403
  type: "secondary",
9390
9404
  onClick: () => {
9391
9405
  handleSave();
@@ -9400,9 +9414,9 @@ const RenderPages = props => {
9400
9414
  testId: "pages-prev-btn",
9401
9415
  children: "Previous"
9402
9416
  }), ' ']
9403
- }), jsx(GoAButtonGroup, {
9417
+ }), jsx(GoabButtonGroup, {
9404
9418
  alignment: "end",
9405
- children: jsx(GoAButton, {
9419
+ children: jsx(GoabButton, {
9406
9420
  type: "submit",
9407
9421
  onClick: () => {
9408
9422
  handleSave();
@@ -9416,7 +9430,7 @@ const RenderPages = props => {
9416
9430
  },
9417
9431
  disabled: !enabled,
9418
9432
  testId: "pages-save-continue-btn",
9419
- children: currentStep === totalSteps ? submissionLabel : "Next"
9433
+ children: currentStep === totalSteps ? submissionLabel : 'Next'
9420
9434
  })
9421
9435
  })]
9422
9436
  })
@@ -9428,12 +9442,12 @@ const RenderPages = props => {
9428
9442
  children: [jsx(FormStepperPageReviewer, Object.assign({}, props.categoryProps, {
9429
9443
  navigationFunc: goToPage
9430
9444
  })), jsx(PageRenderPadding, {
9431
- children: jsx(GoAGrid, {
9445
+ children: jsx(GoabGrid, {
9432
9446
  minChildWidth: "100px",
9433
9447
  gap: "2xs",
9434
- children: jsx(GoAButtonGroup, {
9448
+ children: jsx(GoabButtonGroup, {
9435
9449
  alignment: "end",
9436
- children: !hideSubmit ? jsx(GoAButton, {
9450
+ children: !hideSubmit ? jsx(GoabButton, {
9437
9451
  type: 'primary',
9438
9452
  onClick: handleSubmit,
9439
9453
  disabled: !isValid,
@@ -9446,14 +9460,14 @@ const RenderPages = props => {
9446
9460
  })]
9447
9461
  })
9448
9462
  })
9449
- }), jsxs(GoAModal, {
9463
+ }), jsxs(GoabModal, {
9450
9464
  testId: "submit-confirmation",
9451
9465
  open: isOpen,
9452
9466
  heading: 'Form Submitted',
9453
- width: "640px",
9454
- actions: jsx(GoAButtonGroup, {
9467
+ maxWidth: "640px",
9468
+ actions: jsx(GoabButtonGroup, {
9455
9469
  alignment: "end",
9456
- children: jsx(GoAButton, {
9470
+ children: jsx(GoabButton, {
9457
9471
  type: "primary",
9458
9472
  testId: "close-submit-modal",
9459
9473
  onClick: onCloseModal,
@@ -9605,7 +9619,7 @@ function _objectWithoutPropertiesLoose(r, e) {
9605
9619
  let _$4 = t => t,
9606
9620
  _t$4;
9607
9621
  const GoAContextMenuIcon = props => {
9608
- return jsx(GoAIconButton, {
9622
+ return jsx(GoabIconButton, {
9609
9623
  icon: props.type,
9610
9624
  onClick: props.onClick,
9611
9625
  title: props.title,
@@ -9637,19 +9651,19 @@ const DeleteFileModal = ({
9637
9651
  onDelete,
9638
9652
  onCancel
9639
9653
  }) => {
9640
- return jsx(GoAModal, {
9654
+ return jsx(GoabModal, {
9641
9655
  testId: "delete-confirmation",
9642
9656
  open: isOpen,
9643
9657
  heading: title,
9644
- width: "640px",
9645
- actions: jsxs(GoAButtonGroup, {
9658
+ maxWidth: "640px",
9659
+ actions: jsxs(GoabButtonGroup, {
9646
9660
  alignment: "end",
9647
- children: [jsx(GoAButton, {
9661
+ children: [jsx(GoabButton, {
9648
9662
  type: "secondary",
9649
9663
  testId: "delete-cancel",
9650
9664
  onClick: onCancel,
9651
9665
  children: "Cancel"
9652
- }), jsx(GoAButton, {
9666
+ }), jsx(GoabButton, {
9653
9667
  type: "primary",
9654
9668
  variant: "destructive",
9655
9669
  testId: "delete-confirm",
@@ -9827,26 +9841,29 @@ const FileUploader = _ref => {
9827
9841
  visible: visible,
9828
9842
  children: jsxs(FileUploaderStyle, {
9829
9843
  className: "FileUploader",
9830
- children: [jsx(GoAFormItem, {
9844
+ children: [jsx(GoabFormItem, {
9831
9845
  label: sentenceCaseLabel,
9832
9846
  requirement: required ? 'required' : undefined,
9833
9847
  error: uploadError
9834
9848
  }), !readOnly && jsx("div", {
9835
9849
  className: "file-upload",
9836
- children: jsx(GoAFileUploadInput, {
9850
+ children: jsx(GoabFileUploadInput, {
9837
9851
  variant: variant,
9838
- onSelectFile: uploadFile,
9852
+ onSelectFile: detail => {
9853
+ // adjust based on the actual shape of "detail"
9854
+ uploadFile(detail.file); // or detail.files[0], etc.
9855
+ },
9839
9856
  maxFileSize: maxFileSize,
9840
9857
  accept: accept
9841
9858
  })
9842
9859
  }), helpText && jsx(HelpText, {
9843
9860
  children: helpText
9844
9861
  }), jsx("div", {
9845
- children: loadingFileName !== undefined ? jsx(GoAModal, {
9862
+ children: loadingFileName !== undefined ? jsx(GoabModal, {
9846
9863
  open: loadingFileName !== undefined,
9847
9864
  children: jsx("div", {
9848
9865
  className: "align-center",
9849
- children: jsx(GoACircularProgress, {
9866
+ children: jsx(GoabCircularProgress, {
9850
9867
  visible: true,
9851
9868
  message: `Uploading ${loadingFileName}`,
9852
9869
  size: "large"
@@ -10217,23 +10234,23 @@ const DeleteDialog = /*#__PURE__*/React.memo(function DeleteDialog({
10217
10234
  }
10218
10235
  }
10219
10236
  }, [open]);
10220
- return jsxs(GoAModal, {
10237
+ return jsxs(GoabModal, {
10221
10238
  open: open,
10222
10239
  testId: "object-array-modal",
10223
10240
  heading: title,
10224
10241
  children: [jsx(DeleteDialogContent, {
10225
10242
  "data-testid": "object-array-modal-content",
10226
10243
  children: `${message}?`
10227
- }), jsxs(GoAButtonGroup, {
10244
+ }), jsxs(GoabButtonGroup, {
10228
10245
  alignment: "end",
10229
- children: [jsx(GoAButton, {
10246
+ children: [jsx(GoabButton, {
10230
10247
  type: "secondary",
10231
10248
  testId: "object-array-modal-button",
10232
10249
  onClick: () => {
10233
10250
  onCancel();
10234
10251
  },
10235
10252
  children: "Cancel"
10236
- }), jsx(GoAButton, {
10253
+ }), jsx(GoabButton, {
10237
10254
  type: "primary",
10238
10255
  variant: "destructive",
10239
10256
  testId: "object-array-confirm-button",
@@ -10268,7 +10285,7 @@ const ObjectArrayToolBar = /*#__PURE__*/React.memo(function TableToolbar({
10268
10285
  textAlign: buttonPosition
10269
10286
  },
10270
10287
  children: jsx(MarginTop, {
10271
- children: jsx(GoAButton, Object.assign({
10288
+ children: jsx(GoabButton, Object.assign({
10272
10289
  disabled: !enabled,
10273
10290
  testId: `object-array-toolbar-${label}`,
10274
10291
  leadingIcon: "add",
@@ -10315,7 +10332,7 @@ const DataTable = ({
10315
10332
  data
10316
10333
  }) => {
10317
10334
  var _a;
10318
- return jsxs(GoATable, {
10335
+ return jsxs(GoabTable, {
10319
10336
  width: "100%",
10320
10337
  children: [jsx("thead", {
10321
10338
  children: jsx("tr", {
@@ -10352,7 +10369,7 @@ const renderCellColumn = ({
10352
10369
  const renderWarningCell = data => {
10353
10370
  return jsx(HilightCellWarning, {
10354
10371
  children: jsxs(ObjectArrayWarningIconDiv, {
10355
- children: [jsx(GoAIcon, {
10372
+ children: [jsx(GoabIcon, {
10356
10373
  type: "warning",
10357
10374
  title: "warning",
10358
10375
  size: "small",
@@ -10452,7 +10469,7 @@ const EmptyList$1 = ({
10452
10469
  numColumns,
10453
10470
  noDataMessage,
10454
10471
  translations
10455
- }) => jsx(GoAGrid, {
10472
+ }) => jsx(GoabGrid, {
10456
10473
  minChildWidth: "30ch",
10457
10474
  children: jsx(TextCenter, {
10458
10475
  children: jsx("b", {
@@ -10525,7 +10542,7 @@ const NonEmptyCellComponent$1 = /*#__PURE__*/React.memo(function NonEmptyCellCom
10525
10542
  }, rowPath);
10526
10543
  }), properties && Object.keys(properties).length > 0 && jsxs(Fragment, {
10527
10544
  children: [jsx(FixTableHeaderAlignment, {
10528
- children: jsxs(GoATable, {
10545
+ children: jsxs(GoabTable, {
10529
10546
  width: "100%",
10530
10547
  children: [jsx("thead", {
10531
10548
  children: jsxs("tr", {
@@ -10591,16 +10608,16 @@ const NonEmptyCellComponent$1 = /*#__PURE__*/React.memo(function NonEmptyCellCom
10591
10608
  }, ix);
10592
10609
  }
10593
10610
  return jsx("td", {
10594
- children: jsx(GoAFormItem, {
10611
+ children: jsx(GoabFormItem, {
10595
10612
  error: (_b = error === null || error === void 0 ? void 0 : error.message) !== null && _b !== void 0 ? _b : '',
10596
10613
  mb: errorRow && !error && '2xl' || 'xs',
10597
- children: dataObject.enum ? jsxs(GoADropdown, {
10614
+ children: dataObject.enum ? jsxs(GoabDropdown, {
10598
10615
  id: schemaName,
10599
10616
  name: schemaName,
10600
10617
  value: currentData != null ? String(currentData) : '',
10601
10618
  testId: `#/properties/${schemaName}-select-${i}`,
10602
- onChange: (name, value) => {
10603
- const selectedValue = Array.isArray(value) ? value[0] : value;
10619
+ onChange: detail => {
10620
+ const selectedValue = Array.isArray(detail.value) ? detail.value[0] : detail.value;
10604
10621
  const coerced = dataObject.type === 'number' && selectedValue !== '' ? Number(selectedValue) : selectedValue;
10605
10622
  handleChange(rowPath, {
10606
10623
  [num]: {
@@ -10611,30 +10628,30 @@ const NonEmptyCellComponent$1 = /*#__PURE__*/React.memo(function NonEmptyCellCom
10611
10628
  width: "100%",
10612
10629
  ariaLabel: schemaName,
10613
10630
  error: !!(error === null || error === void 0 ? void 0 : error.message),
10614
- children: [!(required === null || required === void 0 ? void 0 : required.includes(schemaName)) && jsx(GoADropdownItem, {
10631
+ children: [!(required === null || required === void 0 ? void 0 : required.includes(schemaName)) && jsx(GoabDropdownItem, {
10615
10632
  value: "",
10616
10633
  label: `-- Select ${convertToSentenceCase(schemaName)} --`
10617
- }), dataObject.enum.map(opt => jsx(GoADropdownItem, {
10634
+ }), dataObject.enum.map(opt => jsx(GoabDropdownItem, {
10618
10635
  value: String(opt),
10619
10636
  label: String(opt)
10620
10637
  }, String(opt)))]
10621
- }) : dataObject.type === 'number' || dataObject.type === 'string' && !dataObject.enum ? jsx(GoAInput, {
10638
+ }) : dataObject.type === 'number' || dataObject.type === 'string' && !dataObject.enum ? jsx(GoabInput, {
10622
10639
  error: (error === null || error === void 0 ? void 0 : error.message.length) > 0,
10623
10640
  type: dataObject.type === 'number' ? 'number' : 'text',
10624
10641
  id: schemaName,
10625
10642
  name: schemaName,
10626
10643
  value: currentData,
10627
10644
  testId: `#/properties/${schemaName}-input-${i}`,
10628
- onChange: (name, value) => {
10645
+ onChange: detail => {
10629
10646
  handleChange(rowPath, {
10630
10647
  [num]: {
10631
- [name]: dataObject.type === 'number' ? parseInt(value) : value
10648
+ [detail.name]: dataObject.type === 'number' ? parseInt(detail.value) : detail.value
10632
10649
  }
10633
10650
  });
10634
10651
  },
10635
10652
  ariaLabel: schemaName,
10636
10653
  width: "100%"
10637
- }) : jsx(GoACallout, {
10654
+ }) : jsx(GoabCallout, {
10638
10655
  type: "important",
10639
10656
  size: "medium",
10640
10657
  testId: "form-support-callout",
@@ -10650,7 +10667,7 @@ const NonEmptyCellComponent$1 = /*#__PURE__*/React.memo(function NonEmptyCellCom
10650
10667
  },
10651
10668
  children: jsx("div", {
10652
10669
  "aria-hidden": "true",
10653
- children: jsx(GoAIconButton, {
10670
+ children: jsx(GoabIconButton, {
10654
10671
  icon: "trash",
10655
10672
  title: "trash button",
10656
10673
  testId: "trash-icon-button",
@@ -10663,7 +10680,7 @@ const NonEmptyCellComponent$1 = /*#__PURE__*/React.memo(function NonEmptyCellCom
10663
10680
  })
10664
10681
  })]
10665
10682
  })
10666
- }), hasAnyErrors && isInReview && jsx(GoAFormItem, {
10683
+ }), hasAnyErrors && isInReview && jsx(GoabFormItem, {
10667
10684
  error: `There are validation errors for '${capitalizeFirstLetter(rowPath)}'`
10668
10685
  })]
10669
10686
  })]
@@ -10698,7 +10715,7 @@ const NonEmptyRowComponent$1 = ({
10698
10715
  handleChange
10699
10716
  }) => {
10700
10717
  return jsx("div", {
10701
- children: enabled ? jsx(GoAContainer, {
10718
+ children: enabled ? jsx(GoabContainer, {
10702
10719
  children: jsx("div", {
10703
10720
  children: jsx("div", {
10704
10721
  children: GenerateRows$1(NonEmptyCell$1, schema, childPath, enabled, openDeleteDialog, handleChange, cells, uischema, isInReview, count, data)
@@ -10893,7 +10910,7 @@ const ObjectArrayControl = props => {
10893
10910
  children: [jsxs(ToolBarHeader, {
10894
10911
  children: [isInReview ? listTitle ? isListWithDetail && additionalProps.required && (data === null || data === undefined) ? jsx("b", {
10895
10912
  children: jsxs(ListWithDetailWarningIconDiv, {
10896
- children: [jsx(GoAIcon, {
10913
+ children: [jsx(GoabIcon, {
10897
10914
  type: "warning",
10898
10915
  title: "warning",
10899
10916
  size: "small",
@@ -11094,6 +11111,25 @@ const getItemsTitle = schema => {
11094
11111
  }
11095
11112
  return undefined;
11096
11113
  };
11114
+ function isControl(uischema) {
11115
+ return uischema.type === 'Control';
11116
+ }
11117
+ function hasElements$1(uischema) {
11118
+ return Array.isArray(uischema.elements);
11119
+ }
11120
+ function hasDetail(uischema) {
11121
+ var _a;
11122
+ return uischema.type === 'ListWithDetail' && typeof ((_a = uischema.options) === null || _a === void 0 ? void 0 : _a.detail) === 'object';
11123
+ }
11124
+ function normalizeLabel(label) {
11125
+ if (typeof label === 'string') {
11126
+ return label;
11127
+ }
11128
+ if (typeof label === 'object' && label !== null) {
11129
+ return label.text;
11130
+ }
11131
+ return;
11132
+ }
11097
11133
  // eslint-disable-next-line
11098
11134
  const extractScopesFromUISchema = uischema => {
11099
11135
  var _a, _b, _c, _d, _e, _f;
@@ -11171,7 +11207,7 @@ const getValidColumnProps = scopedSchema => {
11171
11207
  const EmptyList = ({
11172
11208
  numColumns,
11173
11209
  noDataMessage
11174
- }) => jsx(GoAGrid, {
11210
+ }) => jsx(GoabGrid, {
11175
11211
  minChildWidth: "60ch",
11176
11212
  children: jsx(TextCenter, {
11177
11213
  children: jsx("b", {
@@ -11298,7 +11334,7 @@ const NonEmptyRowComponent = ({
11298
11334
  var _a, _b;
11299
11335
  const isHorizontal = ((_b = (_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.detail) === null || _b === void 0 ? void 0 : _b.type) === 'HorizontalLayout';
11300
11336
  return jsx("div", {
11301
- children: isHorizontal ? jsx(GoAGrid, {
11337
+ children: isHorizontal ? jsx(GoabGrid, {
11302
11338
  minChildWidth: "30ch",
11303
11339
  children: GenerateRows(NonEmptyCell, schema, childPath, enabled, cells, uischema)
11304
11340
  }) : !isHorizontal ? jsx(Fragment, {
@@ -11338,7 +11374,7 @@ const MainItemComponent = ({
11338
11374
  children: [jsx(TabName, {
11339
11375
  children: displayName
11340
11376
  }), enabled ? jsx(Trash, {
11341
- children: jsx(GoAIconButton, {
11377
+ children: jsx(GoabIconButton, {
11342
11378
  disabled: !enabled,
11343
11379
  icon: "trash",
11344
11380
  title: 'remove',
@@ -11346,7 +11382,7 @@ const MainItemComponent = ({
11346
11382
  onClick: () => openDeleteDialog(childPath, rowIndex, displayName)
11347
11383
  })
11348
11384
  }) : null, jsx(IconPadding, {
11349
- children: jsx(GoAIconButton, {
11385
+ children: jsx(GoabIconButton, {
11350
11386
  disabled: !enabled,
11351
11387
  icon: "create",
11352
11388
  title: 'edit',
@@ -11389,6 +11425,84 @@ function orderRowData(rowData, detailUiSchema) {
11389
11425
  }
11390
11426
  return ordered;
11391
11427
  }
11428
+ function getEffectiveInstancePath(error) {
11429
+ var _a;
11430
+ if (error.keyword === 'required' && ((_a = error.params) === null || _a === void 0 ? void 0 : _a.missingProperty)) {
11431
+ return `${error.instancePath}/${error.params.missingProperty}`;
11432
+ }
11433
+ return error.instancePath;
11434
+ }
11435
+ function prettify(prop) {
11436
+ return prop.replace(/([A-Z])/g, ' $1').replace(/[_-]/g, ' ').replace(/^./, c => c.toUpperCase());
11437
+ }
11438
+ function resolveLabel(instancePath, schema, uischema) {
11439
+ const prop = instancePath.split('/').filter(Boolean).pop();
11440
+ const scope = `#/properties/${prop}`;
11441
+ if (uischema) {
11442
+ const uiLabel = findControlLabel(uischema, scope);
11443
+ if (uiLabel) {
11444
+ return uiLabel;
11445
+ }
11446
+ }
11447
+ const schemaPath = ajvPathToSchemaPath(instancePath);
11448
+ const resolvedSchema = Resolve.schema(schema, schemaPath, schema);
11449
+ if (resolvedSchema === null || resolvedSchema === void 0 ? void 0 : resolvedSchema.title) {
11450
+ return resolvedSchema.title;
11451
+ }
11452
+ return prettify(prop || 'Unknown field');
11453
+ }
11454
+ function ajvPathToSchemaPath(instancePath) {
11455
+ const parts = instancePath.split('/').filter(Boolean);
11456
+ const result = [];
11457
+ for (const part of parts) {
11458
+ if (!isNaN(Number(part))) {
11459
+ // array index → items
11460
+ result.push('items');
11461
+ } else {
11462
+ result.push('properties', part);
11463
+ }
11464
+ }
11465
+ return result.join('.');
11466
+ }
11467
+ function findControlLabel(uischema, scope) {
11468
+ if (isControl(uischema) && uischema.scope === scope) {
11469
+ return normalizeLabel(uischema.label);
11470
+ }
11471
+ if (hasDetail(uischema)) {
11472
+ const found = findControlLabel(uischema.options.detail, scope);
11473
+ if (found) return found;
11474
+ }
11475
+ if (hasElements$1(uischema)) {
11476
+ for (const el of uischema.elements) {
11477
+ const found = findControlLabel(el, scope);
11478
+ if (found) return found;
11479
+ }
11480
+ }
11481
+ return;
11482
+ }
11483
+ function humanizeAjvError(error, schema, uischema) {
11484
+ var _a;
11485
+ const path = getEffectiveInstancePath(error);
11486
+ const label = resolveLabel(path, schema, uischema);
11487
+ switch (error.keyword) {
11488
+ case 'required':
11489
+ return `${label} is required`;
11490
+ case 'minLength':
11491
+ return `${label} must be at least ${error.params.limit} characters`;
11492
+ case 'maxLength':
11493
+ return `${label} must be at most ${error.params.limit} characters`;
11494
+ case 'format':
11495
+ return `${label} must be a valid ${error.params.format}`;
11496
+ case 'minimum':
11497
+ return `${label} must be ≥ ${error.params.limit}`;
11498
+ case 'maximum':
11499
+ return `${label} must be ≤ ${error.params.limit}`;
11500
+ case 'type':
11501
+ return `${label} must be a ${error.params.type}`;
11502
+ default:
11503
+ return `${label} ${(_a = error.message) !== null && _a !== void 0 ? _a : ''}`.trim();
11504
+ }
11505
+ }
11392
11506
  const MainTab = ({
11393
11507
  childPath,
11394
11508
  rowIndex,
@@ -11411,13 +11525,13 @@ const MainTab = ({
11411
11525
  const rowErrors = (_b = core === null || core === void 0 ? void 0 : core.errors) === null || _b === void 0 ? void 0 : _b.filter(e => {
11412
11526
  const base = `/${childPath.replace(/\./g, '/')}`;
11413
11527
  return e.instancePath === base || e.instancePath.startsWith(base + '/');
11414
- }).map(e => {
11415
- var _a, _b;
11416
- return ((_b = (_a = e === null || e === void 0 ? void 0 : e.message) === null || _a === void 0 ? void 0 : _a.trim) === null || _b === void 0 ? void 0 : _b.call(_a)) || '';
11417
- }).filter(msg => msg.length > 0).map((msg, index, arr) => `${msg}${index < arr.length - 1 ? ', ' : ''}`);
11528
+ }).filter(e => {
11529
+ var _a;
11530
+ return (((_a = e === null || e === void 0 ? void 0 : e.message) === null || _a === void 0 ? void 0 : _a.length) || 0) > 0;
11531
+ }).map(e => humanizeAjvError(e, core.schema, core.uischema)).map((msg, index, arr) => `${msg}${index < arr.length - 1 ? ', ' : ''}`);
11418
11532
  return jsx("div", {
11419
11533
  "data-testid": `object-array-main-item-${rowIndex}`,
11420
- children: (rowErrors === null || rowErrors === void 0 ? void 0 : rowErrors.length) ? jsx(GoAFormItem, {
11534
+ children: (rowErrors === null || rowErrors === void 0 ? void 0 : rowErrors.length) ? jsx(GoabFormItem, {
11421
11535
  error: (rowErrors === null || rowErrors === void 0 ? void 0 : rowErrors.length) ? rowErrors : null,
11422
11536
  children: jsx(MainItemComponent, {
11423
11537
  rowData: orderedRowData,
@@ -11531,7 +11645,7 @@ const ObjectArrayList = ({
11531
11645
  uischema: uischema,
11532
11646
  translations: translations
11533
11647
  }, Paths.compose(path, `${currentIndex}`))]
11534
- }), jsx(GoAButton, {
11648
+ }), jsx(GoabButton, {
11535
11649
  type: 'primary',
11536
11650
  onClick: () => {
11537
11651
  setCurrentListPage(0);
@@ -11878,9 +11992,9 @@ const AddressInputs = ({
11878
11992
  label: 'Yukon'
11879
11993
  }];
11880
11994
  return jsxs(Fragment, {
11881
- children: [jsx(GoAFormItem, {
11995
+ children: [jsx(GoabFormItem, {
11882
11996
  label: "",
11883
- children: jsx(GoAInput, {
11997
+ children: jsx(GoabInput, {
11884
11998
  name: "addressLine2",
11885
11999
  testId: "address-form-address2",
11886
12000
  disabled: !enabled,
@@ -11888,32 +12002,32 @@ const AddressInputs = ({
11888
12002
  ariaLabel: 'address-form-address2',
11889
12003
  placeholder: "Unit number, suite, apartment",
11890
12004
  value: (address === null || address === void 0 ? void 0 : address.addressLine2) || '',
11891
- onChange: (name, value) => handleInputChange(name, value),
12005
+ onChange: detail => handleInputChange(detail.name, detail.value),
11892
12006
  width: "100%"
11893
12007
  })
11894
- }), jsx("br", {}), jsxs(GoAGrid, {
12008
+ }), jsx("br", {}), jsxs(GoabGrid, {
11895
12009
  minChildWidth: "0ch",
11896
12010
  gap: "s",
11897
- children: [jsx(GoAFormItem, {
12011
+ children: [jsx(GoabFormItem, {
11898
12012
  label: "City",
11899
12013
  error: (_a = errors === null || errors === void 0 ? void 0 : errors['municipality']) !== null && _a !== void 0 ? _a : '',
11900
12014
  requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('municipality')) ? 'required' : 'optional',
11901
- children: jsx(GoAInput, {
12015
+ children: jsx(GoabInput, {
11902
12016
  name: "municipality",
11903
12017
  testId: "address-form-city",
11904
12018
  ariaLabel: 'address-form-city',
11905
12019
  disabled: !enabled,
11906
12020
  readonly: readOnly,
11907
12021
  value: (address === null || address === void 0 ? void 0 : address.municipality) || '',
11908
- onChange: (name, value) => handleInputChange(name, value),
11909
- onBlur: name => handleOnBlur(name),
12022
+ onChange: detail => handleInputChange(detail.name, detail.value),
12023
+ onBlur: detail => handleOnBlur(detail.name),
11910
12024
  width: "100%"
11911
12025
  })
11912
- }), jsx(GoAFormItem, {
12026
+ }), jsx(GoabFormItem, {
11913
12027
  label: "Postal code",
11914
12028
  error: (_b = errors === null || errors === void 0 ? void 0 : errors.postalCode) !== null && _b !== void 0 ? _b : '',
11915
12029
  requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('postalCode')) ? 'required' : 'optional',
11916
- children: jsx(GoAInput, {
12030
+ children: jsx(GoabInput, {
11917
12031
  name: "postalCode",
11918
12032
  testId: "address-form-postal-code",
11919
12033
  ariaLabel: 'address-form-postal-code',
@@ -11921,35 +12035,34 @@ const AddressInputs = ({
11921
12035
  readonly: readOnly,
11922
12036
  placeholder: "A0A 0A0",
11923
12037
  value: (address === null || address === void 0 ? void 0 : address.postalCode) || '',
11924
- onChange: (name, value) => handleInputChange(name, value),
11925
- onBlur: name => handleOnBlur(name),
12038
+ onChange: detail => handleInputChange(detail.name, detail.value),
12039
+ onBlur: detail => handleOnBlur(detail.name),
11926
12040
  width: "100%",
11927
12041
  maxLength: 7
11928
12042
  })
11929
12043
  })]
11930
- }), jsx("br", {}), jsxs(GoAGrid, {
12044
+ }), jsx("br", {}), jsxs(GoabGrid, {
11931
12045
  minChildWidth: "0",
11932
12046
  gap: "s",
11933
- children: [jsxs(GoAFormItem, {
12047
+ children: [jsxs(GoabFormItem, {
11934
12048
  label: "Province",
11935
12049
  children: [isAlbertaAddress && jsx(LabelDiv, {
11936
12050
  "data-testid": "address-form-province",
11937
12051
  children: "Alberta"
11938
- }), !isAlbertaAddress && jsx(GoADropdown, {
12052
+ }), !isAlbertaAddress && jsx(GoabDropdown, {
11939
12053
  name: "subdivisionCode",
11940
12054
  disabled: !enabled,
11941
12055
  testId: "address-form-province-dropdown",
11942
12056
  ariaLabel: 'address-form-province',
11943
12057
  value: (address === null || address === void 0 ? void 0 : address.subdivisionCode) || '',
11944
- onChange: (_, value) => handleInputChange('subdivisionCode', value),
11945
- relative: true,
12058
+ onChange: detail => handleInputChange('subdivisionCode', detail.value),
11946
12059
  width: "25ch",
11947
- children: provinces.map(w => jsx(GoADropdownItem, {
12060
+ children: provinces.map(w => jsx(GoabDropdownItem, {
11948
12061
  value: w.value,
11949
12062
  label: w.label
11950
12063
  }, w.value))
11951
12064
  })]
11952
- }), jsx(GoAFormItem, {
12065
+ }), jsx(GoabFormItem, {
11953
12066
  label: "Country",
11954
12067
  children: jsx(LabelDiv, {
11955
12068
  "data-testid": "address-form-country",
@@ -12226,7 +12339,7 @@ const RenderLink = props => {
12226
12339
  linkLabel = '';
12227
12340
  error = 'Invalid Link';
12228
12341
  }
12229
- return jsx(GoAFormItem, {
12342
+ return jsx(GoabFormItem, {
12230
12343
  error: error,
12231
12344
  label: "",
12232
12345
  children: jsx("div", {
@@ -12240,7 +12353,7 @@ const RenderLink = props => {
12240
12353
  type: "mail",
12241
12354
  title: "Email",
12242
12355
  testId: "mail-icon"
12243
- }) : jsx(GoAIconButton, {
12356
+ }) : jsx(GoabIconButton, {
12244
12357
  icon: "open",
12245
12358
  title: "Open",
12246
12359
  testId: "open-icon",
@@ -12365,7 +12478,7 @@ const HelpContentComponent = _ref => {
12365
12478
  className: labelClass,
12366
12479
  "data-testid": label,
12367
12480
  children: [label, jsx("br", {})]
12368
- }), ((_m = uischema.options) === null || _m === void 0 ? void 0 : _m.variant) && ((_o = uischema.options) === null || _o === void 0 ? void 0 : _o.variant) === 'img' && renderImage(uischema.options), ((_p = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _p === void 0 ? void 0 : _p.variant) && ((_q = uischema.options) === null || _q === void 0 ? void 0 : _q.variant) === 'hyperlink' && link && RenderLink(uischema === null || uischema === void 0 ? void 0 : uischema.options), textVariant && renderHelp(), ((_r = uischema.options) === null || _r === void 0 ? void 0 : _r.variant) && ((_s = uischema.options) === null || _s === void 0 ? void 0 : _s.variant) === 'details' && jsxs(GoADetails, {
12481
+ }), ((_m = uischema.options) === null || _m === void 0 ? void 0 : _m.variant) && ((_o = uischema.options) === null || _o === void 0 ? void 0 : _o.variant) === 'img' && renderImage(uischema.options), ((_p = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _p === void 0 ? void 0 : _p.variant) && ((_q = uischema.options) === null || _q === void 0 ? void 0 : _q.variant) === 'hyperlink' && link && RenderLink(uischema === null || uischema === void 0 ? void 0 : uischema.options), textVariant && renderHelp(), ((_r = uischema.options) === null || _r === void 0 ? void 0 : _r.variant) && ((_s = uischema.options) === null || _s === void 0 ? void 0 : _s.variant) === 'details' && jsxs(GoabDetails, {
12369
12482
  heading: label ? label : '',
12370
12483
  mt: "3xs",
12371
12484
  mb: "none",
@@ -12575,7 +12688,7 @@ const AddressLookUpControl = props => {
12575
12688
  visible: visible,
12576
12689
  children: [renderHelp(), jsx("h3", {
12577
12690
  children: label
12578
- }), jsx(GoAFormItem, {
12691
+ }), jsx(GoabFormItem, {
12579
12692
  requirement: 'required',
12580
12693
  label: 'Street address or P.O. box',
12581
12694
  error: (_g = errors === null || errors === void 0 ? void 0 : errors['addressLine1']) !== null && _g !== void 0 ? _g : '',
@@ -12583,7 +12696,7 @@ const AddressLookUpControl = props => {
12583
12696
  children: jsxs(SearchBox, {
12584
12697
  children: [jsxs("div", {
12585
12698
  className: "input-container",
12586
- children: [jsx(GoAInput, {
12699
+ children: [jsx(GoabInput, {
12587
12700
  leadingIcon: autocompletion && enabled ? 'search' : undefined,
12588
12701
  id: "goaInput",
12589
12702
  name: "addressLine1",
@@ -12593,18 +12706,18 @@ const AddressLookUpControl = props => {
12593
12706
  ariaLabel: 'address-form-address1',
12594
12707
  placeholder: "Start typing the first line of your address, required.",
12595
12708
  value: (address === null || address === void 0 ? void 0 : address.addressLine1) || '',
12596
- onChange: (e, value) => handleDropdownChange(value),
12597
- onBlur: name => handleRequiredFieldBlur(name),
12709
+ onChange: detail => handleDropdownChange(detail.value),
12710
+ onBlur: detail => handleRequiredFieldBlur(detail.name),
12598
12711
  width: "100%",
12599
- onKeyPress: (e, value, key) => {
12712
+ onKeyPress: detail => {
12600
12713
  if (open) {
12601
- const newIndex = handleAddressKeyDown(key, value, activeIndex, suggestions, val => handleInputChange('addressLine1', val), suggestion => handleSuggestionClick(suggestion));
12714
+ const newIndex = handleAddressKeyDown(detail.key, detail.value, activeIndex, suggestions, val => handleInputChange('addressLine1', val), suggestion => handleSuggestionClick(suggestion));
12602
12715
  setActiveIndex(newIndex);
12603
12716
  }
12604
12717
  }
12605
12718
  }), loading && jsx("div", {
12606
12719
  className: "input-spinner",
12607
- children: jsx(GoASpinner, {
12720
+ children: jsx(GoabSpinner, {
12608
12721
  type: "infinite",
12609
12722
  size: "small"
12610
12723
  })
@@ -12688,40 +12801,40 @@ const AddressViews = ({
12688
12801
  label: 'Yukon'
12689
12802
  }];
12690
12803
  return jsxs(Fragment, {
12691
- children: [withoutHeader !== true && jsx(GoAGrid, {
12804
+ children: [withoutHeader !== true && jsx(GoabGrid, {
12692
12805
  minChildWidth: "0",
12693
12806
  gap: "s",
12694
- children: jsx(GoAFormItem, {
12807
+ children: jsx(GoabFormItem, {
12695
12808
  label: `${isAlbertaAddress ? 'Alberta' : 'Canada'} postal address`
12696
12809
  })
12697
12810
  }), jsxs(AddressIndent, {
12698
- children: [jsxs(GoAGrid, {
12811
+ children: [jsxs(GoabGrid, {
12699
12812
  minChildWidth: "0",
12700
12813
  gap: "s",
12701
- children: [jsx(GoAFormItem, {
12814
+ children: [jsx(GoabFormItem, {
12702
12815
  label: "Address line 1",
12703
12816
  error: (data === null || data === void 0 ? void 0 : data.addressLine1) === undefined ? 'Address line 1 is required' : '',
12704
12817
  requirement: "required",
12705
12818
  children: jsx(TextWrap, {
12706
12819
  children: data === null || data === void 0 ? void 0 : data.addressLine1
12707
12820
  })
12708
- }), (data === null || data === void 0 ? void 0 : data.addressLine2) && jsx(GoAFormItem, {
12821
+ }), (data === null || data === void 0 ? void 0 : data.addressLine2) && jsx(GoabFormItem, {
12709
12822
  label: "Address line 2",
12710
12823
  children: jsx(TextWrap, {
12711
12824
  children: data.addressLine2
12712
12825
  })
12713
12826
  })]
12714
- }), jsx("br", {}), jsxs(GoAGrid, {
12827
+ }), jsx("br", {}), jsxs(GoabGrid, {
12715
12828
  minChildWidth: "0ch",
12716
12829
  gap: "s",
12717
- children: [jsx(GoAFormItem, {
12830
+ children: [jsx(GoabFormItem, {
12718
12831
  error: (data === null || data === void 0 ? void 0 : data.municipality) === undefined ? 'City is required' : '',
12719
12832
  label: "City",
12720
12833
  requirement: "required",
12721
12834
  children: jsx(TextWrap, {
12722
12835
  children: data === null || data === void 0 ? void 0 : data.municipality
12723
12836
  })
12724
- }), jsx(GoAFormItem, {
12837
+ }), jsx(GoabFormItem, {
12725
12838
  error: (data === null || data === void 0 ? void 0 : data.postalCode) === undefined ? 'Postal code is required' : '',
12726
12839
  label: "Postal Code",
12727
12840
  requirement: "required",
@@ -12729,10 +12842,10 @@ const AddressViews = ({
12729
12842
  children: data === null || data === void 0 ? void 0 : data.postalCode
12730
12843
  })
12731
12844
  })]
12732
- }), jsx("br", {}), jsxs(GoAGrid, {
12845
+ }), jsx("br", {}), jsxs(GoabGrid, {
12733
12846
  minChildWidth: "0",
12734
12847
  gap: "s",
12735
- children: [jsxs(GoAFormItem, {
12848
+ children: [jsxs(GoabFormItem, {
12736
12849
  label: "Province",
12737
12850
  error: !isAlbertaAddress && (data === null || data === void 0 ? void 0 : data.subdivisionCode) === undefined ? 'Province is required' : '',
12738
12851
  requirement: "required",
@@ -12743,7 +12856,7 @@ const AddressViews = ({
12743
12856
  "data-testid": "address-form-province-view",
12744
12857
  children: (_a = provinces.find(p => p.value === (data === null || data === void 0 ? void 0 : data.subdivisionCode))) === null || _a === void 0 ? void 0 : _a.label
12745
12858
  })]
12746
- }), jsx(GoAFormItem, {
12859
+ }), jsx(GoabFormItem, {
12747
12860
  label: "Country",
12748
12861
  children: jsx("div", {
12749
12862
  "data-testid": "address-form-country",
@@ -12840,58 +12953,58 @@ const NameInputs = ({
12840
12953
  }
12841
12954
  setErrors(err);
12842
12955
  };
12843
- return jsxs(GoAGrid, {
12956
+ return jsxs(GoabGrid, {
12844
12957
  minChildWidth: "0ch",
12845
12958
  gap: "s",
12846
12959
  mb: "m",
12847
12960
  testId: "wrapper",
12848
- children: [jsx(GoAFormItem, {
12961
+ children: [jsx(GoabFormItem, {
12849
12962
  testId: "form-item-first-name",
12850
12963
  label: "First name",
12851
12964
  requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('firstName')) ? 'required' : undefined,
12852
12965
  error: (_a = errors === null || errors === void 0 ? void 0 : errors['firstName']) !== null && _a !== void 0 ? _a : '',
12853
- children: jsx(GoAInput, {
12966
+ children: jsx(GoabInput, {
12854
12967
  type: "text",
12855
12968
  name: "firstName",
12856
12969
  disabled: disabled,
12857
12970
  testId: "name-form-first-name",
12858
12971
  ariaLabel: 'name-form-first-name',
12859
12972
  value: firstName || '',
12860
- onChange: (name, value) => handleInputChange(name, value),
12861
- onBlur: name => {
12862
- handleRequiredFieldBlur(name);
12973
+ onChange: detail => handleInputChange(detail.name, detail.value),
12974
+ onBlur: detail => {
12975
+ handleRequiredFieldBlur(detail.name);
12863
12976
  },
12864
12977
  width: "100%"
12865
12978
  })
12866
- }), jsx(GoAFormItem, {
12979
+ }), jsx(GoabFormItem, {
12867
12980
  testId: "form-item-middle-name",
12868
12981
  label: "Middle name",
12869
12982
  requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('middleName')) ? 'required' : undefined,
12870
- children: jsx(GoAInput, {
12983
+ children: jsx(GoabInput, {
12871
12984
  type: "text",
12872
12985
  name: "middleName",
12873
12986
  disabled: disabled,
12874
12987
  testId: "name-form-middle-name",
12875
12988
  ariaLabel: 'name-form-middle-name',
12876
12989
  value: middleName || '',
12877
- onChange: (name, value) => handleInputChange(name, value),
12990
+ onChange: detail => handleInputChange(detail.name, detail.value),
12878
12991
  width: "100%"
12879
12992
  })
12880
- }), jsx(GoAFormItem, {
12993
+ }), jsx(GoabFormItem, {
12881
12994
  testId: "form-item-last-name",
12882
12995
  label: "Last name",
12883
12996
  requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('lastName')) ? 'required' : undefined,
12884
12997
  error: (_b = errors === null || errors === void 0 ? void 0 : errors['lastName']) !== null && _b !== void 0 ? _b : '',
12885
- children: jsx(GoAInput, {
12998
+ children: jsx(GoabInput, {
12886
12999
  type: "text",
12887
13000
  name: "lastName",
12888
13001
  disabled: disabled,
12889
13002
  testId: "name-form-last-name",
12890
13003
  ariaLabel: 'name-form-last-name',
12891
13004
  value: lastName || '',
12892
- onChange: (name, value) => handleInputChange(name, value),
12893
- onBlur: name => {
12894
- handleRequiredFieldBlur(name);
13005
+ onChange: detail => handleInputChange(detail.name, detail.value),
13006
+ onBlur: detail => {
13007
+ handleRequiredFieldBlur(detail.name);
12895
13008
  },
12896
13009
  width: "100%"
12897
13010
  })
@@ -12914,10 +13027,10 @@ const FullNameReviewControl = props => {
12914
13027
  }
12915
13028
  setErrors(err);
12916
13029
  }, [props.data, requiredFields]);
12917
- return jsxs(GoAGrid, {
13030
+ return jsxs(GoabGrid, {
12918
13031
  minChildWidth: "0ch",
12919
13032
  gap: "s",
12920
- children: [jsx(GoAFormItem, {
13033
+ children: [jsx(GoabFormItem, {
12921
13034
  label: "First Name",
12922
13035
  requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('firstName')) ? 'required' : undefined,
12923
13036
  error: (_a = errors === null || errors === void 0 ? void 0 : errors['firstName']) !== null && _a !== void 0 ? _a : '',
@@ -12927,7 +13040,7 @@ const FullNameReviewControl = props => {
12927
13040
  children: (_b = props.data) === null || _b === void 0 ? void 0 : _b.firstName
12928
13041
  })
12929
13042
  })
12930
- }), jsx(GoAFormItem, {
13043
+ }), jsx(GoabFormItem, {
12931
13044
  label: "Middle Name",
12932
13045
  children: jsx(TextWrapDiv, {
12933
13046
  children: jsx("div", {
@@ -12935,7 +13048,7 @@ const FullNameReviewControl = props => {
12935
13048
  children: (_c = props.data) === null || _c === void 0 ? void 0 : _c.middleName
12936
13049
  })
12937
13050
  })
12938
- }), jsx(GoAFormItem, {
13051
+ }), jsx(GoabFormItem, {
12939
13052
  label: "Last Name",
12940
13053
  requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('lastName')) ? 'required' : undefined,
12941
13054
  error: (_d = errors === null || errors === void 0 ? void 0 : errors['lastName']) !== null && _d !== void 0 ? _d : '',
@@ -12991,11 +13104,11 @@ const FullNameTester = rankWith(4, isFullName);
12991
13104
  const FullNameControlReview = props => {
12992
13105
  var _a, _b, _c;
12993
13106
  return jsx("div", {
12994
- children: jsxs(GoAGrid, {
13107
+ children: jsxs(GoabGrid, {
12995
13108
  minChildWidth: "0ch",
12996
13109
  gap: "s",
12997
13110
  mb: "m",
12998
- children: [jsx(GoAFormItem, {
13111
+ children: [jsx(GoabFormItem, {
12999
13112
  label: "First name",
13000
13113
  requirement: "required",
13001
13114
  children: jsx(TextWrapDiv, {
@@ -13004,7 +13117,7 @@ const FullNameControlReview = props => {
13004
13117
  children: (_a = props.data) === null || _a === void 0 ? void 0 : _a.firstName
13005
13118
  })
13006
13119
  })
13007
- }), jsx(GoAFormItem, {
13120
+ }), jsx(GoabFormItem, {
13008
13121
  label: "Middle name",
13009
13122
  children: jsx(TextWrapDiv, {
13010
13123
  children: jsx("div", {
@@ -13012,7 +13125,7 @@ const FullNameControlReview = props => {
13012
13125
  children: (_b = props.data) === null || _b === void 0 ? void 0 : _b.middleName
13013
13126
  })
13014
13127
  })
13015
- }), jsx(GoAFormItem, {
13128
+ }), jsx(GoabFormItem, {
13016
13129
  label: "Last name",
13017
13130
  requirement: "required",
13018
13131
  children: jsx(TextWrapDiv, {
@@ -13108,73 +13221,73 @@ const FullNameDobControl = props => {
13108
13221
  useSyncAutofillFields(['firstName', 'middleName', 'lastName', 'dateOfBirth'], formData, updateFormData, handleRequiredFieldBlur);
13109
13222
  return jsxs(Visible, {
13110
13223
  visible: visible,
13111
- children: [jsxs(GoAGrid, {
13224
+ children: [jsxs(GoabGrid, {
13112
13225
  minChildWidth: "0ch",
13113
13226
  gap: "s",
13114
13227
  mb: "m",
13115
- children: [jsx(GoAFormItem, {
13228
+ children: [jsx(GoabFormItem, {
13116
13229
  label: "First name",
13117
13230
  requirement: ((_a = schema === null || schema === void 0 ? void 0 : schema.required) === null || _a === void 0 ? void 0 : _a.includes('firstName')) ? 'required' : undefined,
13118
13231
  error: (_b = errors === null || errors === void 0 ? void 0 : errors['firstName']) !== null && _b !== void 0 ? _b : '',
13119
13232
  testId: "form-item-first-name",
13120
- children: jsx(GoAInput, {
13233
+ children: jsx(GoabInput, {
13121
13234
  disabled: !enabled,
13122
13235
  type: "text",
13123
13236
  name: "firstName",
13124
13237
  testId: "name-form-first-name",
13125
13238
  ariaLabel: 'name-form-first-name',
13126
13239
  value: formData.firstName,
13127
- onChange: (name, value) => {
13128
- handleInputChange(name, value);
13240
+ onChange: detail => {
13241
+ handleInputChange(detail.name, detail.value);
13129
13242
  },
13130
- onBlur: name => {
13131
- handleRequiredFieldBlur(name);
13243
+ onBlur: detail => {
13244
+ handleRequiredFieldBlur(detail.name);
13132
13245
  },
13133
13246
  width: "100%"
13134
13247
  })
13135
- }), jsx(GoAFormItem, {
13248
+ }), jsx(GoabFormItem, {
13136
13249
  label: "Middle name",
13137
13250
  requirement: ((_c = schema === null || schema === void 0 ? void 0 : schema.required) === null || _c === void 0 ? void 0 : _c.includes('middleName')) ? 'required' : undefined,
13138
- children: jsx(GoAInput, {
13251
+ children: jsx(GoabInput, {
13139
13252
  type: "text",
13140
13253
  name: "middleName",
13141
13254
  disabled: !enabled,
13142
13255
  testId: "name-form-middle-name",
13143
13256
  ariaLabel: 'name-form-middle-name',
13144
13257
  value: formData.middleName || '',
13145
- onChange: (name, value) => handleInputChange(name, value),
13258
+ onChange: detail => handleInputChange(detail.name, detail.value),
13146
13259
  width: "100%"
13147
13260
  })
13148
- }), jsx(GoAFormItem, {
13261
+ }), jsx(GoabFormItem, {
13149
13262
  label: "Last name",
13150
13263
  requirement: ((_d = schema === null || schema === void 0 ? void 0 : schema.required) === null || _d === void 0 ? void 0 : _d.includes('lastName')) ? 'required' : undefined,
13151
13264
  error: (_e = errors === null || errors === void 0 ? void 0 : errors['lastName']) !== null && _e !== void 0 ? _e : '',
13152
13265
  testId: "form-item-last-name",
13153
- children: jsx(GoAInput, {
13266
+ children: jsx(GoabInput, {
13154
13267
  type: "text",
13155
13268
  name: "lastName",
13156
13269
  disabled: !enabled,
13157
13270
  testId: "name-form-last-name",
13158
13271
  ariaLabel: 'name-form-last-name',
13159
13272
  value: formData.lastName || '',
13160
- onChange: (name, value) => {
13161
- handleInputChange(name, value);
13273
+ onChange: detail => {
13274
+ handleInputChange(detail.name, detail.value);
13162
13275
  },
13163
- onBlur: name => {
13164
- handleRequiredFieldBlur(name);
13276
+ onBlur: detail => {
13277
+ handleRequiredFieldBlur(detail.name);
13165
13278
  },
13166
13279
  width: "100%"
13167
13280
  })
13168
13281
  })]
13169
- }), jsx(GoAGrid, {
13282
+ }), jsx(GoabGrid, {
13170
13283
  minChildWidth: "0ch",
13171
13284
  gap: "s",
13172
13285
  mb: "m",
13173
- children: jsx(GoAFormItem, {
13286
+ children: jsx(GoabFormItem, {
13174
13287
  label: "Date of birth",
13175
13288
  error: (_f = errors === null || errors === void 0 ? void 0 : errors['dateOfBirth']) !== null && _f !== void 0 ? _f : '',
13176
13289
  requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('dateOfBirth')) ? 'required' : undefined,
13177
- children: jsx(GoAInput, {
13290
+ children: jsx(GoabInput, {
13178
13291
  type: "date",
13179
13292
  name: "dateOfBirth",
13180
13293
  disabled: !enabled,
@@ -13184,10 +13297,10 @@ const FullNameDobControl = props => {
13184
13297
  ariaLabel: "dob-form-dateOfBirth",
13185
13298
  placeholder: "YYYY-MM-DD",
13186
13299
  value: formData === null || formData === void 0 ? void 0 : formData.dateOfBirth,
13187
- onChange: (name, value) => handleInputChange(name, value),
13188
- onBlur: name => {
13300
+ onChange: detail => handleInputChange(detail.name, detail.value),
13301
+ onBlur: detail => {
13189
13302
  /* istanbul ignore next */
13190
- handleRequiredFieldBlur(name);
13303
+ handleRequiredFieldBlur(detail.name);
13191
13304
  },
13192
13305
  width: "100%"
13193
13306
  })
@@ -13202,11 +13315,11 @@ const FullNameDobReviewControl = props => {
13202
13315
  data
13203
13316
  } = props;
13204
13317
  return jsxs(Fragment, {
13205
- children: [jsxs(GoAGrid, {
13318
+ children: [jsxs(GoabGrid, {
13206
13319
  minChildWidth: "0ch",
13207
13320
  gap: "s",
13208
13321
  mb: "m",
13209
- children: [jsx(GoAFormItem, {
13322
+ children: [jsx(GoabFormItem, {
13210
13323
  label: "First name",
13211
13324
  error: (data === null || data === void 0 ? void 0 : data.firstName) === undefined ? 'First name is required' : '',
13212
13325
  requirement: "required",
@@ -13216,7 +13329,7 @@ const FullNameDobReviewControl = props => {
13216
13329
  children: (_a = props.data) === null || _a === void 0 ? void 0 : _a.firstName
13217
13330
  })
13218
13331
  })
13219
- }), jsx(GoAFormItem, {
13332
+ }), jsx(GoabFormItem, {
13220
13333
  label: "Middle name",
13221
13334
  children: jsx(TextWrapDiv, {
13222
13335
  children: jsx("div", {
@@ -13224,7 +13337,7 @@ const FullNameDobReviewControl = props => {
13224
13337
  children: (_b = props.data) === null || _b === void 0 ? void 0 : _b.middleName
13225
13338
  })
13226
13339
  })
13227
- }), jsx(GoAFormItem, {
13340
+ }), jsx(GoabFormItem, {
13228
13341
  label: "Last name",
13229
13342
  error: (data === null || data === void 0 ? void 0 : data.lastName) === undefined ? 'Last name is required' : '',
13230
13343
  requirement: "required",
@@ -13235,10 +13348,10 @@ const FullNameDobReviewControl = props => {
13235
13348
  })
13236
13349
  })
13237
13350
  })]
13238
- }), jsx(GoAGrid, {
13351
+ }), jsx(GoabGrid, {
13239
13352
  minChildWidth: "0ch",
13240
13353
  gap: "s",
13241
- children: jsx(GoAFormItem, {
13354
+ children: jsx(GoabFormItem, {
13242
13355
  label: "Date of birth",
13243
13356
  error: (data === null || data === void 0 ? void 0 : data.dateOfBirth) === undefined ? 'Date of birth is required' : '',
13244
13357
  requirement: "required",
@@ -13295,34 +13408,34 @@ const PhoneNumberWithTypeControl = props => {
13295
13408
  return jsx(Visible, {
13296
13409
  visible: visible,
13297
13410
  children: jsxs(PhoneGrid, {
13298
- children: [jsx(GoAFormItem, {
13411
+ children: [jsx(GoabFormItem, {
13299
13412
  label: "Phone type",
13300
13413
  requirement: required ? 'required' : undefined,
13301
- children: jsxs(GoADropdown, {
13414
+ children: jsxs(GoabDropdown, {
13302
13415
  name: "type",
13303
13416
  value: formData.type || '',
13304
13417
  disabled: !enabled,
13305
- onChange: (name, value) => updateFormData(Object.assign({}, formData, {
13306
- type: value
13418
+ onChange: detail => updateFormData(Object.assign({}, formData, {
13419
+ type: detail.value
13307
13420
  })),
13308
- children: [jsx(GoADropdownItem, {
13421
+ children: [jsx(GoabDropdownItem, {
13309
13422
  value: "Mobile"
13310
- }), jsx(GoADropdownItem, {
13423
+ }), jsx(GoabDropdownItem, {
13311
13424
  value: "Landline"
13312
13425
  })]
13313
13426
  })
13314
- }), jsx(GoAFormItem, {
13427
+ }), jsx(GoabFormItem, {
13315
13428
  label: "Phone number",
13316
13429
  error: error,
13317
13430
  requirement: required ? 'required' : undefined,
13318
- children: jsx(GoAInput, {
13431
+ children: jsx(GoabInput, {
13319
13432
  type: "tel",
13320
13433
  name: "number",
13321
13434
  placeholder: "(000) 000-0000",
13322
13435
  value: formData.number || '',
13323
13436
  disabled: !enabled,
13324
- onChange: (name, value) => updateFormData(Object.assign({}, formData, {
13325
- number: value
13437
+ onChange: detail => updateFormData(Object.assign({}, formData, {
13438
+ number: detail.value
13326
13439
  }))
13327
13440
  })
13328
13441
  })]
@@ -13352,19 +13465,19 @@ const PhoneNumberControl = props => {
13352
13465
  };
13353
13466
  return jsx(Visible, {
13354
13467
  visible: visible,
13355
- children: jsx(GoAFormItem, {
13468
+ children: jsx(GoabFormItem, {
13356
13469
  label: (schema === null || schema === void 0 ? void 0 : schema.title) || 'Phone number',
13357
13470
  requirement: required ? 'required' : undefined,
13358
13471
  error: error,
13359
13472
  testId: `form-item-${path}`,
13360
- children: jsx(GoAInput, {
13473
+ children: jsx(GoabInput, {
13361
13474
  type: "tel",
13362
13475
  name: path,
13363
13476
  disabled: !enabled,
13364
13477
  "aria-label": "phone number input",
13365
13478
  testId: `phone-input-${path}`,
13366
13479
  value: data || '',
13367
- onChange: (name, value) => handleInputChange(name, value),
13480
+ onChange: detail => handleInputChange(detail.name, detail.value),
13368
13481
  placeholder: "(000) 000-0000",
13369
13482
  width: "100%"
13370
13483
  })
@@ -13382,7 +13495,7 @@ const PhoneNumberReviewControl = props => {
13382
13495
  id,
13383
13496
  required
13384
13497
  } = props;
13385
- return jsx(GoAFormItem, {
13498
+ return jsx(GoabFormItem, {
13386
13499
  label: "Phone number",
13387
13500
  error: required && !data ? 'Phone number is required' : '',
13388
13501
  requirement: required ? 'required' : undefined,
@@ -13394,7 +13507,7 @@ const PhoneNumberReviewControl = props => {
13394
13507
  })
13395
13508
  });
13396
13509
  };
13397
- const GoAInputBasePhoneNumberReviewControl = withJsonFormsAllOfProps(PhoneNumberReviewControl);
13510
+ const GoabInputBasePhoneNumberReviewControl = withJsonFormsAllOfProps(PhoneNumberReviewControl);
13398
13511
 
13399
13512
  const isPhoneNumberWithType = createSchemaMatchTester(['number', 'type'], true);
13400
13513
  const PhoneNumberWithTypeTester = rankWith(4, isPhoneNumberWithType);
@@ -13406,7 +13519,7 @@ const PhoneNumberWithTypeReviewControl = props => {
13406
13519
  required
13407
13520
  } = props;
13408
13521
  return jsxs(PhoneGrid, {
13409
- children: [jsx(GoAFormItem, {
13522
+ children: [jsx(GoabFormItem, {
13410
13523
  label: "Phone number",
13411
13524
  error: required && !(data === null || data === void 0 ? void 0 : data.number) ? 'Phone number is required' : '',
13412
13525
  requirement: required ? 'required' : undefined,
@@ -13416,7 +13529,7 @@ const PhoneNumberWithTypeReviewControl = props => {
13416
13529
  children: (data === null || data === void 0 ? void 0 : data.number) || ''
13417
13530
  })
13418
13531
  })
13419
- }), jsx(GoAFormItem, {
13532
+ }), jsx(GoabFormItem, {
13420
13533
  label: "Phone type",
13421
13534
  error: required && !(data === null || data === void 0 ? void 0 : data.type) ? 'Phone type is required' : '',
13422
13535
  requirement: required ? 'required' : undefined,
@@ -13429,7 +13542,7 @@ const PhoneNumberWithTypeReviewControl = props => {
13429
13542
  })]
13430
13543
  });
13431
13544
  };
13432
- const GoAInputBasePhoneNumberWithTypeReviewControl = withJsonFormsAllOfProps(PhoneNumberWithTypeReviewControl);
13545
+ const GoabInputBasePhoneNumberWithTypeReviewControl = withJsonFormsAllOfProps(PhoneNumberWithTypeReviewControl);
13433
13546
 
13434
13547
  /**
13435
13548
  * Escape for use in RegExp
@@ -13670,10 +13783,10 @@ const GoACalculation = props => {
13670
13783
  const showError = !!error && (isConfigError || hasInteracted);
13671
13784
  return jsx(Visible, {
13672
13785
  visible: visible,
13673
- children: jsx(GoAFormItem, {
13786
+ children: jsx(GoabFormItem, {
13674
13787
  label: label,
13675
13788
  error: showError ? error : '',
13676
- children: jsx(GoAInput, {
13789
+ children: jsx(GoabInput, {
13677
13790
  name: `computed-input-${id}`,
13678
13791
  testId: `computed-input-${id}`,
13679
13792
  ariaLabel: id,
@@ -13705,7 +13818,7 @@ const GoANumberCell = props => jsx(GoANumberInput, Object.assign({}, props));
13705
13818
  const GoANumberCellTester = rankWith(1, isNumberControl);
13706
13819
  withJsonFormsCellProps(GoANumberCell);
13707
13820
 
13708
- const GoAIntegerCell = props => jsx(GoAInputInteger, Object.assign({}, props));
13821
+ const GoAIntegerCell = props => jsx(GoabInputInteger, Object.assign({}, props));
13709
13822
  const GoAIntegerCellTester = rankWith(1, isIntegerControl);
13710
13823
  withJsonFormsCellProps(GoAIntegerCell);
13711
13824
 
@@ -13831,20 +13944,20 @@ const GoAGroupControlComponent = props => {
13831
13944
  const group = uischema;
13832
13945
  return jsxs(Visible, {
13833
13946
  visible: visible,
13834
- children: [((_b = (_a = group.options) === null || _a === void 0 ? void 0 : _a.componentProps) === null || _b === void 0 ? void 0 : _b.accent) === 'thick' && jsx(GoAContainer, Object.assign({
13947
+ children: [((_b = (_a = group.options) === null || _a === void 0 ? void 0 : _a.componentProps) === null || _b === void 0 ? void 0 : _b.accent) === 'thick' && jsx(GoabContainer, Object.assign({
13835
13948
  heading: group.label
13836
13949
  }, (_c = group.options) === null || _c === void 0 ? void 0 : _c.componentProps, {
13837
13950
  children: renderLayoutElements(group.elements, schema, path, enabled, renderers, cells)
13838
13951
  })), (((_e = (_d = group.options) === null || _d === void 0 ? void 0 : _d.componentProps) === null || _e === void 0 ? void 0 : _e.accent) === 'thin' || ((_g = (_f = group.options) === null || _f === void 0 ? void 0 : _f.componentProps) === null || _g === void 0 ? void 0 : _g.accent) === 'filled') && jsxs("div", {
13839
13952
  children: [group.label && jsx("h3", {
13840
13953
  children: group.label
13841
- }), jsx(GoAContainer, Object.assign({}, (_h = group.options) === null || _h === void 0 ? void 0 : _h.componentProps, {
13954
+ }), jsx(GoabContainer, Object.assign({}, (_h = group.options) === null || _h === void 0 ? void 0 : _h.componentProps, {
13842
13955
  children: renderLayoutElements(group.elements, schema, path, enabled, renderers, cells)
13843
13956
  }))]
13844
13957
  }), ((_j = group.options) === null || _j === void 0 ? void 0 : _j.componentProps) && !((_l = (_k = group.options) === null || _k === void 0 ? void 0 : _k.componentProps) === null || _l === void 0 ? void 0 : _l.accent) && jsxs("div", {
13845
13958
  children: [group.label && jsx("h3", {
13846
13959
  children: group.label
13847
- }), jsx(GoAContainer, Object.assign({}, (_m = group.options) === null || _m === void 0 ? void 0 : _m.componentProps, {
13960
+ }), jsx(GoabContainer, Object.assign({}, (_m = group.options) === null || _m === void 0 ? void 0 : _m.componentProps, {
13848
13961
  children: renderLayoutElements(group.elements, schema, path, enabled, renderers, cells)
13849
13962
  }))]
13850
13963
  }), !((_o = group.options) === null || _o === void 0 ? void 0 : _o.componentProps) && jsxs("div", {
@@ -13852,7 +13965,7 @@ const GoAGroupControlComponent = props => {
13852
13965
  children: group.label
13853
13966
  }), isStepperReview && jsx(Fragment, {
13854
13967
  children: renderLayoutElements(group.elements, schema, path, enabled, renderers, cells)
13855
- }), !isStepperReview && jsx(GoAContainer, {
13968
+ }), !isStepperReview && jsx(GoabContainer, {
13856
13969
  children: renderLayoutElements(group.elements, schema, path, enabled, renderers, cells)
13857
13970
  })]
13858
13971
  })]
@@ -13928,11 +14041,11 @@ const getUISchemaErrors = (uiSchema, schema) => {
13928
14041
  if (isEmptyObject(uiSchema)) {
13929
14042
  return '';
13930
14043
  }
13931
- if (isControl(uiSchema) && (schema === null || schema === void 0 ? void 0 : schema.type) === 'object' && ((_a = uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema.options) === null || _a === void 0 ? void 0 : _a.format) === 'enum' && ((_b = uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema.options) === null || _b === void 0 ? void 0 : _b.register) === undefined) {
14044
+ if (isControl$1(uiSchema) && (schema === null || schema === void 0 ? void 0 : schema.type) === 'object' && ((_a = uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema.options) === null || _a === void 0 ? void 0 : _a.format) === 'enum' && ((_b = uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema.options) === null || _b === void 0 ? void 0 : _b.register) === undefined) {
13932
14045
  return errMissingRegister;
13933
14046
  }
13934
14047
  // Check control elements
13935
- if (isControl(uiSchema) && hasType(uiSchema, 'Control')) {
14048
+ if (isControl$1(uiSchema) && hasType(uiSchema, 'Control')) {
13936
14049
  if (!isScopedPrefixed(uiSchema.scope)) {
13937
14050
  return errMalformedScope(uiSchema.scope);
13938
14051
  }
@@ -14186,40 +14299,40 @@ const GoABaseReviewRenderers = [
14186
14299
  // controls
14187
14300
  {
14188
14301
  tester: GoAEnumControlTester,
14189
- renderer: GoInputBaseReviewControl
14302
+ renderer: GoAInputBaseReviewControl
14190
14303
  }, {
14191
14304
  tester: GoAIntegerControlTester,
14192
- renderer: GoInputBaseReviewControl
14305
+ renderer: GoAInputBaseReviewControl
14193
14306
  }, {
14194
14307
  tester: GoANumberControlTester,
14195
- renderer: GoInputBaseReviewControl
14308
+ renderer: GoAInputBaseReviewControl
14196
14309
  }, {
14197
14310
  tester: GoATextControlTester,
14198
- renderer: GoInputBaseReviewControl
14311
+ renderer: GoAInputBaseReviewControl
14199
14312
  }, {
14200
14313
  tester: GoADateControlTester,
14201
- renderer: GoInputBaseReviewControl
14314
+ renderer: GoAInputBaseReviewControl
14202
14315
  }, {
14203
14316
  tester: GoADateTimeControlTester,
14204
- renderer: GoInputBaseReviewControl
14317
+ renderer: GoAInputBaseReviewControl
14205
14318
  }, {
14206
14319
  tester: GoATimeControlTester,
14207
- renderer: GoInputBaseReviewControl
14320
+ renderer: GoAInputBaseReviewControl
14208
14321
  }, {
14209
14322
  tester: GoARadioGroupControlTester,
14210
- renderer: GoInputBaseReviewControl
14323
+ renderer: GoAInputBaseReviewControl
14211
14324
  }, {
14212
14325
  tester: GoACheckoutGroupControlTester,
14213
- renderer: GoInputBaseReviewControl
14326
+ renderer: GoAInputBaseReviewControl
14214
14327
  }, {
14215
14328
  tester: GoABooleanControlTester,
14216
- renderer: GoInputBaseReviewControl
14329
+ renderer: GoAInputBaseReviewControl
14217
14330
  }, {
14218
14331
  tester: GoABooleanRadioControlTester,
14219
- renderer: GoInputBaseReviewControl
14332
+ renderer: GoAInputBaseReviewControl
14220
14333
  }, {
14221
14334
  tester: MultiLineTextControlTester,
14222
- renderer: GoInputBaseReviewControl
14335
+ renderer: GoAInputBaseReviewControl
14223
14336
  }, {
14224
14337
  tester: GoAArrayControlTester,
14225
14338
  renderer: GoAArrayControlReviewRenderer
@@ -14366,4 +14479,4 @@ const GoARenderers = [...GoABaseRenderers, {
14366
14479
  }];
14367
14480
  const GoACells = [...InputCells];
14368
14481
 
14369
- export { ADD_DATALIST_ACTION, ADD_NO_ANONYMOUS_ACTION, ADD_REGISTER_DATA_ACTION, ADD_REGISTER_DATA_ERROR, AddressLookUpControl, AddressLookUpControlReview, AddressLookUpTester, AddressLoopUpControlTableReview, ArrayControl, ArrayControlBase, ArrayControlReview, BooleanComponent, BooleanControl, BooleanRadioComponent, BooleanRadioControl, CategorizationPagesRendererTester, CategorizationStepperRendererTester, CheckboxGroup, ContextProviderC, ContextProviderClass, ContextProviderFactory, EnumCheckboxControl, EnumRadioControl, EnumSelect, FileUploader, FileUploaderReview, FileUploaderTester, FormPageStepper, FormPagesView, FormStepper, FormStepperControl, FormStepperPagesControl, FormStepperReviewControl, FormStepperReviewer, FormStepperView, FullNameControl, FullNameControlReview, FullNameDobControl, FullNameDobReviewControl, FullNameDobTester, FullNameReviewControl, FullNameTester, GoAArrayControlRenderer, GoAArrayControlReviewRenderer, GoAArrayControlTester, GoABaseInputReviewComponent, GoABaseRenderers, GoABaseReviewRenderers, GoABaseTableReviewRenderers, GoABooleanControl, GoABooleanControlTester, GoABooleanRadioControl, GoABooleanRadioControlTester, GoACalculationControl, GoACalculationControlTester, GoACells, GoACheckoutGroupControlTester, GoADateControl, GoADateControlTester, GoADateInput, GoADateTimeControl, GoADateTimeControlTester, GoADateTimeInput, GoAEmailControl, GoAEmailControlTester, GoAEmailInput, GoAEnumCheckboxGroupControl, GoAEnumControl, GoAEnumControlTester, GoAEnumRadioGroupControl, GoAInputBaseControl, GoAInputBaseFullNameControlReview, GoAInputBaseFullNameDobControlReview, GoAInputBasePhoneNumberReviewControl, GoAInputBasePhoneNumberWithTypeReviewControl, GoAInputBaseTableReview, GoAInputBaseTableReviewControl, GoAInputDateControl, GoAInputDateTimeControl, GoAInputEmailControl, GoAInputInteger, GoAInputIntegerControl, GoAInputNumberControl, GoAInputText, GoAInputTextControl, GoAInputTimeControl, GoAIntegerControl, GoAIntegerControlTester, GoAListWithDetailsControlRenderer, GoAListWithDetailsTester, GoANumberControl, GoANumberControlTester, GoANumberInput, GoAPhoneNumberControl, GoAPhoneNumberWithTypeControl, GoARadioGroupControlTester, GoARenderers, GoAReviewRenderers, GoATextControl, GoATextControlTester, GoATimeControl, GoATimeControlTester, GoATimeInput, GoInputBaseReview, GoInputBaseReviewControl, JsonFormContext, JsonFormRegisterProvider, JsonFormsRegisterContext, ListWithDetailsControl, MultiLineText, MultiLineTextControl, MultiLineTextControlInput, MultiLineTextControlTester, PHONE_REGEX, PhoneGrid, PhoneNumberControl, PhoneNumberReviewControl, PhoneNumberTester, PhoneNumberWithTypeControl, PhoneNumberWithTypeReviewControl, PhoneNumberWithTypeTester, RadioGroup, categoriesAreValid, createDefaultAjv, enumControl, errMalformedDate, formatSin, getByJsonPointer, getCategoryScopes, hasDataInScopes, hasDataValue, isAddressLookup, isFullName, isFullNameDoB, isPhoneNumber, isPhoneNumberWithType, registerReducer, resolveRefs, tryResolveRefs };
14482
+ export { ADD_DATALIST_ACTION, ADD_NO_ANONYMOUS_ACTION, ADD_REGISTER_DATA_ACTION, ADD_REGISTER_DATA_ERROR, AddressLookUpControl, AddressLookUpControlReview, AddressLookUpTester, AddressLoopUpControlTableReview, ArrayControl, ArrayControlBase, ArrayControlReview, BooleanComponent, BooleanControl, BooleanRadioComponent, BooleanRadioControl, CategorizationPagesRendererTester, CategorizationStepperRendererTester, CheckboxGroup, ContextProviderC, ContextProviderClass, ContextProviderFactory, EnumCheckboxControl, EnumRadioControl, EnumSelect, FileUploader, FileUploaderReview, FileUploaderTester, FormPageStepper, FormPagesView, FormStepper, FormStepperControl, FormStepperPagesControl, FormStepperReviewControl, FormStepperReviewer, FormStepperView, FullNameControl, FullNameControlReview, FullNameDobControl, FullNameDobReviewControl, FullNameDobTester, FullNameReviewControl, FullNameTester, GoAArrayControlRenderer, GoAArrayControlReviewRenderer, GoAArrayControlTester, GoABaseInputReviewComponent, GoABaseRenderers, GoABaseReviewRenderers, GoABaseTableReviewRenderers, GoABooleanControl, GoABooleanControlTester, GoABooleanRadioControl, GoABooleanRadioControlTester, GoACalculationControl, GoACalculationControlTester, GoACells, GoACheckoutGroupControlTester, GoADateControl, GoADateControlTester, GoADateInput, GoADateTimeControl, GoADateTimeControlTester, GoADateTimeInput, GoAEmailControl, GoAEmailControlTester, GoAEmailInput, GoAEnumCheckboxGroupControl, GoAEnumControl, GoAEnumControlTester, GoAEnumRadioGroupControl, GoAInputBaseControl, GoAInputBaseFullNameControlReview, GoAInputBaseFullNameDobControlReview, GoAInputBaseReviewControl, GoAInputBaseTableReview, GoAInputBaseTableReviewControl, GoAInputDateControl, GoAInputDateTimeControl, GoAInputEmailControl, GoAInputIntegerControl, GoAInputNumberControl, GoAInputText, GoAInputTextControl, GoAInputTimeControl, GoAIntegerControl, GoAIntegerControlTester, GoAListWithDetailsControlRenderer, GoAListWithDetailsTester, GoANumberControl, GoANumberControlTester, GoANumberInput, GoAPhoneNumberControl, GoAPhoneNumberWithTypeControl, GoARadioGroupControlTester, GoARenderers, GoAReviewRenderers, GoATextControl, GoATextControlTester, GoATimeControl, GoATimeControlTester, GoATimeInput, GoInputBaseReview, GoabInputBasePhoneNumberReviewControl, GoabInputBasePhoneNumberWithTypeReviewControl, GoabInputInteger, JsonFormContext, JsonFormRegisterProvider, JsonFormsRegisterContext, ListWithDetailsControl, MultiLineText, MultiLineTextControl, MultiLineTextControlInput, MultiLineTextControlTester, PHONE_REGEX, PhoneGrid, PhoneNumberControl, PhoneNumberReviewControl, PhoneNumberTester, PhoneNumberWithTypeControl, PhoneNumberWithTypeReviewControl, PhoneNumberWithTypeTester, RadioGroup, categoriesAreValid, createDefaultAjv, enumControl, errMalformedDate, formatSin, getByJsonPointer, getCategoryScopes, hasDataInScopes, hasDataValue, isAddressLookup, isFullName, isFullNameDoB, isPhoneNumber, isPhoneNumberWithType, registerReducer, resolveRefs, tryResolveRefs };