@abgov/jsonforms-components 2.41.1 → 2.42.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.esm.js +313 -297
- package/package.json +3 -2
- package/src/lib/Additional/GoACalloutControl.d.ts +3 -3
- package/src/lib/Controls/FileUploader/ContextMenu.d.ts +3 -3
- package/src/lib/Controls/FormStepper/FormStepperControl.d.ts +3 -3
- package/src/lib/Controls/FormStepper/PageStepperControl.d.ts +3 -3
- package/src/lib/Controls/Inputs/InputBaseControl.d.ts +1 -1
- package/src/lib/Controls/Inputs/InputBaseReviewControl.d.ts +1 -1
- package/src/lib/Controls/Inputs/InputIntegerControl.d.ts +2 -2
- package/src/lib/Controls/Inputs/InputMultiLineTextControl.d.ts +2 -2
- package/src/lib/Controls/PhoneNumber/PhoneNumberReviewControl.d.ts +1 -1
- package/src/lib/Controls/PhoneNumber/PhoneNumberWithTypeReviewControl.d.ts +1 -1
package/index.esm.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as runtime from 'react/jsx-runtime';
|
|
2
2
|
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
3
3
|
import React, { createContext, useContext, useReducer, useMemo, useEffect, useState, useRef, useCallback } from 'react';
|
|
4
|
-
import {
|
|
4
|
+
import { GoabFormItem, GoabInput, GoabTextArea, GoabCallout, GoabRadioGroup, GoabRadioItem, GoabCheckbox, GoabIcon, GoabGrid, GoabFormStepper, GoabFormStep, GoabPages, GoabButton, GoabModal, GoabButtonGroup, GoabBadge, GoabText, GoabTable, GoabIconButton, GoabFileUploadInput, GoabCircularProgress, GoabContainer, GoabDropdown, GoabDropdownItem, GoabDetails, GoabSpinner } from '@abgov/react-components';
|
|
5
5
|
import styled from 'styled-components';
|
|
6
6
|
import axios from 'axios';
|
|
7
7
|
import get$1 from 'lodash/get';
|
|
@@ -5247,7 +5247,7 @@ const GoAInputBaseControl = props => {
|
|
|
5247
5247
|
children: jsx(Visible, {
|
|
5248
5248
|
visible: visible,
|
|
5249
5249
|
children: jsx(FormFieldWrapper, {
|
|
5250
|
-
children: jsx(
|
|
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
|
|
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(
|
|
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:
|
|
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(
|
|
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:
|
|
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:
|
|
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(
|
|
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:
|
|
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: (
|
|
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(
|
|
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(
|
|
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:
|
|
6067
|
+
onChange: detail => {
|
|
6063
6068
|
if (isVisited === false && setIsVisited) {
|
|
6064
6069
|
setIsVisited();
|
|
6065
6070
|
}
|
|
6066
6071
|
onChangeForDateControl({
|
|
6067
|
-
|
|
6072
|
+
name: detail.name,
|
|
6073
|
+
value: detail.value,
|
|
6068
6074
|
controlProps: props
|
|
6069
6075
|
});
|
|
6070
6076
|
},
|
|
6071
|
-
onKeyPress:
|
|
6077
|
+
onKeyPress: detail => {
|
|
6072
6078
|
onKeyPressForDateControl({
|
|
6073
|
-
|
|
6074
|
-
|
|
6079
|
+
name: detail.name,
|
|
6080
|
+
value: detail.value,
|
|
6081
|
+
key: detail.key,
|
|
6075
6082
|
controlProps: props
|
|
6076
6083
|
});
|
|
6077
6084
|
},
|
|
6078
|
-
onBlur:
|
|
6085
|
+
onBlur: detail => {
|
|
6079
6086
|
if (isVisited === false && setIsVisited) {
|
|
6080
6087
|
setIsVisited();
|
|
6081
6088
|
}
|
|
6082
6089
|
onBlurForDateControl({
|
|
6083
|
-
|
|
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(
|
|
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:
|
|
6140
|
+
onBlur: detail => {
|
|
6133
6141
|
if (isVisited === false && setIsVisited) {
|
|
6134
6142
|
setIsVisited();
|
|
6135
6143
|
}
|
|
6136
6144
|
onBlurForNumericControl({
|
|
6137
|
-
|
|
6145
|
+
name: detail.name,
|
|
6146
|
+
value: detail.value,
|
|
6138
6147
|
controlProps: props
|
|
6139
6148
|
});
|
|
6140
6149
|
},
|
|
6141
|
-
onChange:
|
|
6150
|
+
onChange: detail => {
|
|
6142
6151
|
if (isVisited === false && setIsVisited) {
|
|
6143
6152
|
setIsVisited();
|
|
6144
6153
|
}
|
|
6145
6154
|
onChangeForNumericControl({
|
|
6146
|
-
|
|
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
|
|
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(
|
|
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:
|
|
6205
|
+
onBlur: detail => {
|
|
6196
6206
|
if (isVisited === false && setIsVisited) {
|
|
6197
6207
|
setIsVisited();
|
|
6198
6208
|
}
|
|
6199
6209
|
onBlurForNumericControl({
|
|
6200
|
-
|
|
6210
|
+
name: detail.name,
|
|
6211
|
+
value: detail.value,
|
|
6201
6212
|
controlProps: props
|
|
6202
6213
|
});
|
|
6203
6214
|
},
|
|
6204
|
-
onChange:
|
|
6215
|
+
onChange: detail => {
|
|
6205
6216
|
if (isVisited === false && setIsVisited) {
|
|
6206
6217
|
setIsVisited();
|
|
6207
6218
|
}
|
|
6208
6219
|
onChangeForNumericControl({
|
|
6209
|
-
|
|
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:
|
|
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(
|
|
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:
|
|
6258
|
+
onChange: detail => {
|
|
6246
6259
|
if (isVisited === false && setIsVisited) {
|
|
6247
6260
|
setIsVisited();
|
|
6248
6261
|
}
|
|
6249
6262
|
onChangeForDateTimeControl({
|
|
6250
|
-
|
|
6263
|
+
name: detail.name,
|
|
6264
|
+
value: detail.value,
|
|
6251
6265
|
controlProps: props
|
|
6252
6266
|
});
|
|
6253
6267
|
},
|
|
6254
|
-
onKeyPress:
|
|
6268
|
+
onKeyPress: detail => {
|
|
6255
6269
|
onKeyPressForDateControl({
|
|
6256
|
-
|
|
6257
|
-
|
|
6270
|
+
name: detail.name,
|
|
6271
|
+
value: detail.value,
|
|
6272
|
+
key: detail.key,
|
|
6258
6273
|
controlProps: props
|
|
6259
6274
|
});
|
|
6260
6275
|
},
|
|
6261
|
-
onBlur:
|
|
6276
|
+
onBlur: detail => {
|
|
6262
6277
|
if (isVisited === false && setIsVisited) {
|
|
6263
6278
|
setIsVisited();
|
|
6264
6279
|
}
|
|
6265
6280
|
onBlurForDateControl({
|
|
6266
|
-
|
|
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(
|
|
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:
|
|
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: (
|
|
6317
|
-
onKeyPress:
|
|
6333
|
+
onChange: () => {},
|
|
6334
|
+
onKeyPress: detail => {
|
|
6318
6335
|
onKeyPressForTimeControl({
|
|
6319
|
-
|
|
6320
|
-
|
|
6336
|
+
name: detail.name,
|
|
6337
|
+
value: detail.value,
|
|
6338
|
+
key: detail.key,
|
|
6321
6339
|
controlProps: props
|
|
6322
6340
|
});
|
|
6323
6341
|
}
|
|
@@ -6448,17 +6466,17 @@ const RadioGroup = props => {
|
|
|
6448
6466
|
} = props;
|
|
6449
6467
|
const enumData = (schema === null || schema === void 0 ? void 0 : schema.enum) || [];
|
|
6450
6468
|
const appliedUiSchemaOptions = merge({}, config, props.uischema.options, options);
|
|
6451
|
-
return jsx(
|
|
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:
|
|
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(
|
|
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(
|
|
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:
|
|
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(
|
|
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:
|
|
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(
|
|
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(
|
|
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(
|
|
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:
|
|
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(
|
|
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
|
|
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(
|
|
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(
|
|
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:
|
|
6999
|
+
onChange: detail => {
|
|
6982
7000
|
if (!isVisited) {
|
|
6983
7001
|
setIsVisited(true);
|
|
6984
7002
|
}
|
|
6985
7003
|
onChangeForInputControl({
|
|
6986
|
-
|
|
7004
|
+
name: detail.name,
|
|
7005
|
+
value: detail.value,
|
|
6987
7006
|
controlProps: props
|
|
6988
7007
|
});
|
|
6989
7008
|
},
|
|
6990
|
-
onBlur:
|
|
7009
|
+
onBlur: detail => {
|
|
6991
7010
|
if (!isVisited) {
|
|
6992
7011
|
setIsVisited(true);
|
|
6993
7012
|
}
|
|
6994
7013
|
onBlurForTextControl({
|
|
6995
|
-
|
|
7014
|
+
name: detail.name,
|
|
7015
|
+
value: detail.value,
|
|
6996
7016
|
controlProps: props
|
|
6997
7017
|
});
|
|
6998
7018
|
}
|
|
@@ -7043,7 +7063,7 @@ const LayoutRenderer = ({
|
|
|
7043
7063
|
if (direction === 'row') {
|
|
7044
7064
|
return jsx(Visible, {
|
|
7045
7065
|
visible: visible,
|
|
7046
|
-
children: jsx(
|
|
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(
|
|
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(
|
|
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:
|
|
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(
|
|
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
|
-
}
|
|
8757
|
-
});
|
|
8770
|
+
})
|
|
8771
|
+
}, `stepper-tab-${index}`);
|
|
8758
8772
|
}), jsx("div", {
|
|
8759
8773
|
ref: el => headersRef.current[categories.length] = el,
|
|
8760
|
-
children: jsx(
|
|
8774
|
+
children: jsx(GoabFormStep, {
|
|
8761
8775
|
text: "Review"
|
|
8762
8776
|
}, `stepper-tab-review`)
|
|
8763
8777
|
})]
|
|
8764
|
-
}, "stepper-form-stepper-wrapper"), jsxs(
|
|
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(
|
|
8808
|
+
}), jsxs(GoabGrid, {
|
|
8795
8809
|
minChildWidth: "100px",
|
|
8796
8810
|
children: [jsx("div", {
|
|
8797
|
-
children: hasPrevButton ? jsx(
|
|
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(
|
|
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(
|
|
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(
|
|
8854
|
+
}), jsxs(GoabModal, {
|
|
8841
8855
|
testId: "submit-confirmation",
|
|
8842
8856
|
open: isOpen,
|
|
8843
8857
|
heading: 'Form Submitted',
|
|
8844
|
-
|
|
8845
|
-
actions: jsx(
|
|
8858
|
+
maxWidth: "640px",
|
|
8859
|
+
actions: jsx(GoabButtonGroup, {
|
|
8846
8860
|
alignment: "end",
|
|
8847
|
-
children: jsx(
|
|
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(
|
|
8901
|
+
const badge = totalGroups === completed ? jsx(GoabBadge, {
|
|
8888
8902
|
type: "success",
|
|
8889
8903
|
content: "Complete",
|
|
8890
8904
|
icon: false
|
|
8891
|
-
}) : jsx(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
9121
|
+
children: [title && jsx(GoabText, {
|
|
9108
9122
|
size: "heading-xl",
|
|
9109
9123
|
mb: "xl",
|
|
9110
9124
|
children: title
|
|
9111
|
-
}), subtitle && jsx(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
9397
|
+
children: jsxs(GoabGrid, {
|
|
9384
9398
|
minChildWidth: "100px",
|
|
9385
9399
|
gap: "2xs",
|
|
9386
|
-
children: [jsxs(
|
|
9400
|
+
children: [jsxs(GoabButtonGroup, {
|
|
9387
9401
|
alignment: "start",
|
|
9388
|
-
children: [activeId > 0 && jsx(
|
|
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(
|
|
9417
|
+
}), jsx(GoabButtonGroup, {
|
|
9404
9418
|
alignment: "end",
|
|
9405
|
-
children: jsx(
|
|
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 :
|
|
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(
|
|
9445
|
+
children: jsx(GoabGrid, {
|
|
9432
9446
|
minChildWidth: "100px",
|
|
9433
9447
|
gap: "2xs",
|
|
9434
|
-
children: jsx(
|
|
9448
|
+
children: jsx(GoabButtonGroup, {
|
|
9435
9449
|
alignment: "end",
|
|
9436
|
-
children: !hideSubmit ? jsx(
|
|
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(
|
|
9463
|
+
}), jsxs(GoabModal, {
|
|
9450
9464
|
testId: "submit-confirmation",
|
|
9451
9465
|
open: isOpen,
|
|
9452
9466
|
heading: 'Form Submitted',
|
|
9453
|
-
|
|
9454
|
-
actions: jsx(
|
|
9467
|
+
maxWidth: "640px",
|
|
9468
|
+
actions: jsx(GoabButtonGroup, {
|
|
9455
9469
|
alignment: "end",
|
|
9456
|
-
children: jsx(
|
|
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(
|
|
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(
|
|
9654
|
+
return jsx(GoabModal, {
|
|
9641
9655
|
testId: "delete-confirmation",
|
|
9642
9656
|
open: isOpen,
|
|
9643
9657
|
heading: title,
|
|
9644
|
-
|
|
9645
|
-
actions: jsxs(
|
|
9658
|
+
maxWidth: "640px",
|
|
9659
|
+
actions: jsxs(GoabButtonGroup, {
|
|
9646
9660
|
alignment: "end",
|
|
9647
|
-
children: [jsx(
|
|
9661
|
+
children: [jsx(GoabButton, {
|
|
9648
9662
|
type: "secondary",
|
|
9649
9663
|
testId: "delete-cancel",
|
|
9650
9664
|
onClick: onCancel,
|
|
9651
9665
|
children: "Cancel"
|
|
9652
|
-
}), jsx(
|
|
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(
|
|
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(
|
|
9850
|
+
children: jsx(GoabFileUploadInput, {
|
|
9837
9851
|
variant: variant,
|
|
9838
|
-
onSelectFile:
|
|
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(
|
|
9862
|
+
children: loadingFileName !== undefined ? jsx(GoabModal, {
|
|
9846
9863
|
open: loadingFileName !== undefined,
|
|
9847
9864
|
children: jsx("div", {
|
|
9848
9865
|
className: "align-center",
|
|
9849
|
-
children: jsx(
|
|
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(
|
|
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(
|
|
10244
|
+
}), jsxs(GoabButtonGroup, {
|
|
10228
10245
|
alignment: "end",
|
|
10229
|
-
children: [jsx(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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:
|
|
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(
|
|
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(
|
|
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(
|
|
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:
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
10913
|
+
children: [jsx(GoabIcon, {
|
|
10897
10914
|
type: "warning",
|
|
10898
10915
|
title: "warning",
|
|
10899
10916
|
size: "small",
|
|
@@ -11190,7 +11207,7 @@ const getValidColumnProps = scopedSchema => {
|
|
|
11190
11207
|
const EmptyList = ({
|
|
11191
11208
|
numColumns,
|
|
11192
11209
|
noDataMessage
|
|
11193
|
-
}) => jsx(
|
|
11210
|
+
}) => jsx(GoabGrid, {
|
|
11194
11211
|
minChildWidth: "60ch",
|
|
11195
11212
|
children: jsx(TextCenter, {
|
|
11196
11213
|
children: jsx("b", {
|
|
@@ -11317,7 +11334,7 @@ const NonEmptyRowComponent = ({
|
|
|
11317
11334
|
var _a, _b;
|
|
11318
11335
|
const isHorizontal = ((_b = (_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.detail) === null || _b === void 0 ? void 0 : _b.type) === 'HorizontalLayout';
|
|
11319
11336
|
return jsx("div", {
|
|
11320
|
-
children: isHorizontal ? jsx(
|
|
11337
|
+
children: isHorizontal ? jsx(GoabGrid, {
|
|
11321
11338
|
minChildWidth: "30ch",
|
|
11322
11339
|
children: GenerateRows(NonEmptyCell, schema, childPath, enabled, cells, uischema)
|
|
11323
11340
|
}) : !isHorizontal ? jsx(Fragment, {
|
|
@@ -11357,7 +11374,7 @@ const MainItemComponent = ({
|
|
|
11357
11374
|
children: [jsx(TabName, {
|
|
11358
11375
|
children: displayName
|
|
11359
11376
|
}), enabled ? jsx(Trash, {
|
|
11360
|
-
children: jsx(
|
|
11377
|
+
children: jsx(GoabIconButton, {
|
|
11361
11378
|
disabled: !enabled,
|
|
11362
11379
|
icon: "trash",
|
|
11363
11380
|
title: 'remove',
|
|
@@ -11365,7 +11382,7 @@ const MainItemComponent = ({
|
|
|
11365
11382
|
onClick: () => openDeleteDialog(childPath, rowIndex, displayName)
|
|
11366
11383
|
})
|
|
11367
11384
|
}) : null, jsx(IconPadding, {
|
|
11368
|
-
children: jsx(
|
|
11385
|
+
children: jsx(GoabIconButton, {
|
|
11369
11386
|
disabled: !enabled,
|
|
11370
11387
|
icon: "create",
|
|
11371
11388
|
title: 'edit',
|
|
@@ -11514,7 +11531,7 @@ const MainTab = ({
|
|
|
11514
11531
|
}).map(e => humanizeAjvError(e, core.schema, core.uischema)).map((msg, index, arr) => `${msg}${index < arr.length - 1 ? ', ' : ''}`);
|
|
11515
11532
|
return jsx("div", {
|
|
11516
11533
|
"data-testid": `object-array-main-item-${rowIndex}`,
|
|
11517
|
-
children: (rowErrors === null || rowErrors === void 0 ? void 0 : rowErrors.length) ? jsx(
|
|
11534
|
+
children: (rowErrors === null || rowErrors === void 0 ? void 0 : rowErrors.length) ? jsx(GoabFormItem, {
|
|
11518
11535
|
error: (rowErrors === null || rowErrors === void 0 ? void 0 : rowErrors.length) ? rowErrors : null,
|
|
11519
11536
|
children: jsx(MainItemComponent, {
|
|
11520
11537
|
rowData: orderedRowData,
|
|
@@ -11628,7 +11645,7 @@ const ObjectArrayList = ({
|
|
|
11628
11645
|
uischema: uischema,
|
|
11629
11646
|
translations: translations
|
|
11630
11647
|
}, Paths.compose(path, `${currentIndex}`))]
|
|
11631
|
-
}), jsx(
|
|
11648
|
+
}), jsx(GoabButton, {
|
|
11632
11649
|
type: 'primary',
|
|
11633
11650
|
onClick: () => {
|
|
11634
11651
|
setCurrentListPage(0);
|
|
@@ -11975,9 +11992,9 @@ const AddressInputs = ({
|
|
|
11975
11992
|
label: 'Yukon'
|
|
11976
11993
|
}];
|
|
11977
11994
|
return jsxs(Fragment, {
|
|
11978
|
-
children: [jsx(
|
|
11995
|
+
children: [jsx(GoabFormItem, {
|
|
11979
11996
|
label: "",
|
|
11980
|
-
children: jsx(
|
|
11997
|
+
children: jsx(GoabInput, {
|
|
11981
11998
|
name: "addressLine2",
|
|
11982
11999
|
testId: "address-form-address2",
|
|
11983
12000
|
disabled: !enabled,
|
|
@@ -11985,32 +12002,32 @@ const AddressInputs = ({
|
|
|
11985
12002
|
ariaLabel: 'address-form-address2',
|
|
11986
12003
|
placeholder: "Unit number, suite, apartment",
|
|
11987
12004
|
value: (address === null || address === void 0 ? void 0 : address.addressLine2) || '',
|
|
11988
|
-
onChange:
|
|
12005
|
+
onChange: detail => handleInputChange(detail.name, detail.value),
|
|
11989
12006
|
width: "100%"
|
|
11990
12007
|
})
|
|
11991
|
-
}), jsx("br", {}), jsxs(
|
|
12008
|
+
}), jsx("br", {}), jsxs(GoabGrid, {
|
|
11992
12009
|
minChildWidth: "0ch",
|
|
11993
12010
|
gap: "s",
|
|
11994
|
-
children: [jsx(
|
|
12011
|
+
children: [jsx(GoabFormItem, {
|
|
11995
12012
|
label: "City",
|
|
11996
12013
|
error: (_a = errors === null || errors === void 0 ? void 0 : errors['municipality']) !== null && _a !== void 0 ? _a : '',
|
|
11997
12014
|
requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('municipality')) ? 'required' : 'optional',
|
|
11998
|
-
children: jsx(
|
|
12015
|
+
children: jsx(GoabInput, {
|
|
11999
12016
|
name: "municipality",
|
|
12000
12017
|
testId: "address-form-city",
|
|
12001
12018
|
ariaLabel: 'address-form-city',
|
|
12002
12019
|
disabled: !enabled,
|
|
12003
12020
|
readonly: readOnly,
|
|
12004
12021
|
value: (address === null || address === void 0 ? void 0 : address.municipality) || '',
|
|
12005
|
-
onChange:
|
|
12006
|
-
onBlur:
|
|
12022
|
+
onChange: detail => handleInputChange(detail.name, detail.value),
|
|
12023
|
+
onBlur: detail => handleOnBlur(detail.name),
|
|
12007
12024
|
width: "100%"
|
|
12008
12025
|
})
|
|
12009
|
-
}), jsx(
|
|
12026
|
+
}), jsx(GoabFormItem, {
|
|
12010
12027
|
label: "Postal code",
|
|
12011
12028
|
error: (_b = errors === null || errors === void 0 ? void 0 : errors.postalCode) !== null && _b !== void 0 ? _b : '',
|
|
12012
12029
|
requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('postalCode')) ? 'required' : 'optional',
|
|
12013
|
-
children: jsx(
|
|
12030
|
+
children: jsx(GoabInput, {
|
|
12014
12031
|
name: "postalCode",
|
|
12015
12032
|
testId: "address-form-postal-code",
|
|
12016
12033
|
ariaLabel: 'address-form-postal-code',
|
|
@@ -12018,35 +12035,34 @@ const AddressInputs = ({
|
|
|
12018
12035
|
readonly: readOnly,
|
|
12019
12036
|
placeholder: "A0A 0A0",
|
|
12020
12037
|
value: (address === null || address === void 0 ? void 0 : address.postalCode) || '',
|
|
12021
|
-
onChange:
|
|
12022
|
-
onBlur:
|
|
12038
|
+
onChange: detail => handleInputChange(detail.name, detail.value),
|
|
12039
|
+
onBlur: detail => handleOnBlur(detail.name),
|
|
12023
12040
|
width: "100%",
|
|
12024
12041
|
maxLength: 7
|
|
12025
12042
|
})
|
|
12026
12043
|
})]
|
|
12027
|
-
}), jsx("br", {}), jsxs(
|
|
12044
|
+
}), jsx("br", {}), jsxs(GoabGrid, {
|
|
12028
12045
|
minChildWidth: "0",
|
|
12029
12046
|
gap: "s",
|
|
12030
|
-
children: [jsxs(
|
|
12047
|
+
children: [jsxs(GoabFormItem, {
|
|
12031
12048
|
label: "Province",
|
|
12032
12049
|
children: [isAlbertaAddress && jsx(LabelDiv, {
|
|
12033
12050
|
"data-testid": "address-form-province",
|
|
12034
12051
|
children: "Alberta"
|
|
12035
|
-
}), !isAlbertaAddress && jsx(
|
|
12052
|
+
}), !isAlbertaAddress && jsx(GoabDropdown, {
|
|
12036
12053
|
name: "subdivisionCode",
|
|
12037
12054
|
disabled: !enabled,
|
|
12038
12055
|
testId: "address-form-province-dropdown",
|
|
12039
12056
|
ariaLabel: 'address-form-province',
|
|
12040
12057
|
value: (address === null || address === void 0 ? void 0 : address.subdivisionCode) || '',
|
|
12041
|
-
onChange:
|
|
12042
|
-
relative: true,
|
|
12058
|
+
onChange: detail => handleInputChange('subdivisionCode', detail.value),
|
|
12043
12059
|
width: "25ch",
|
|
12044
|
-
children: provinces.map(w => jsx(
|
|
12060
|
+
children: provinces.map(w => jsx(GoabDropdownItem, {
|
|
12045
12061
|
value: w.value,
|
|
12046
12062
|
label: w.label
|
|
12047
12063
|
}, w.value))
|
|
12048
12064
|
})]
|
|
12049
|
-
}), jsx(
|
|
12065
|
+
}), jsx(GoabFormItem, {
|
|
12050
12066
|
label: "Country",
|
|
12051
12067
|
children: jsx(LabelDiv, {
|
|
12052
12068
|
"data-testid": "address-form-country",
|
|
@@ -12323,7 +12339,7 @@ const RenderLink = props => {
|
|
|
12323
12339
|
linkLabel = '';
|
|
12324
12340
|
error = 'Invalid Link';
|
|
12325
12341
|
}
|
|
12326
|
-
return jsx(
|
|
12342
|
+
return jsx(GoabFormItem, {
|
|
12327
12343
|
error: error,
|
|
12328
12344
|
label: "",
|
|
12329
12345
|
children: jsx("div", {
|
|
@@ -12337,7 +12353,7 @@ const RenderLink = props => {
|
|
|
12337
12353
|
type: "mail",
|
|
12338
12354
|
title: "Email",
|
|
12339
12355
|
testId: "mail-icon"
|
|
12340
|
-
}) : jsx(
|
|
12356
|
+
}) : jsx(GoabIconButton, {
|
|
12341
12357
|
icon: "open",
|
|
12342
12358
|
title: "Open",
|
|
12343
12359
|
testId: "open-icon",
|
|
@@ -12462,7 +12478,7 @@ const HelpContentComponent = _ref => {
|
|
|
12462
12478
|
className: labelClass,
|
|
12463
12479
|
"data-testid": label,
|
|
12464
12480
|
children: [label, jsx("br", {})]
|
|
12465
|
-
}), ((_m = uischema.options) === null || _m === void 0 ? void 0 : _m.variant) && ((_o = uischema.options) === null || _o === void 0 ? void 0 : _o.variant) === 'img' && renderImage(uischema.options), ((_p = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _p === void 0 ? void 0 : _p.variant) && ((_q = uischema.options) === null || _q === void 0 ? void 0 : _q.variant) === 'hyperlink' && link && RenderLink(uischema === null || uischema === void 0 ? void 0 : uischema.options), textVariant && renderHelp(), ((_r = uischema.options) === null || _r === void 0 ? void 0 : _r.variant) && ((_s = uischema.options) === null || _s === void 0 ? void 0 : _s.variant) === 'details' && jsxs(
|
|
12481
|
+
}), ((_m = uischema.options) === null || _m === void 0 ? void 0 : _m.variant) && ((_o = uischema.options) === null || _o === void 0 ? void 0 : _o.variant) === 'img' && renderImage(uischema.options), ((_p = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _p === void 0 ? void 0 : _p.variant) && ((_q = uischema.options) === null || _q === void 0 ? void 0 : _q.variant) === 'hyperlink' && link && RenderLink(uischema === null || uischema === void 0 ? void 0 : uischema.options), textVariant && renderHelp(), ((_r = uischema.options) === null || _r === void 0 ? void 0 : _r.variant) && ((_s = uischema.options) === null || _s === void 0 ? void 0 : _s.variant) === 'details' && jsxs(GoabDetails, {
|
|
12466
12482
|
heading: label ? label : '',
|
|
12467
12483
|
mt: "3xs",
|
|
12468
12484
|
mb: "none",
|
|
@@ -12672,7 +12688,7 @@ const AddressLookUpControl = props => {
|
|
|
12672
12688
|
visible: visible,
|
|
12673
12689
|
children: [renderHelp(), jsx("h3", {
|
|
12674
12690
|
children: label
|
|
12675
|
-
}), jsx(
|
|
12691
|
+
}), jsx(GoabFormItem, {
|
|
12676
12692
|
requirement: 'required',
|
|
12677
12693
|
label: 'Street address or P.O. box',
|
|
12678
12694
|
error: (_g = errors === null || errors === void 0 ? void 0 : errors['addressLine1']) !== null && _g !== void 0 ? _g : '',
|
|
@@ -12680,7 +12696,7 @@ const AddressLookUpControl = props => {
|
|
|
12680
12696
|
children: jsxs(SearchBox, {
|
|
12681
12697
|
children: [jsxs("div", {
|
|
12682
12698
|
className: "input-container",
|
|
12683
|
-
children: [jsx(
|
|
12699
|
+
children: [jsx(GoabInput, {
|
|
12684
12700
|
leadingIcon: autocompletion && enabled ? 'search' : undefined,
|
|
12685
12701
|
id: "goaInput",
|
|
12686
12702
|
name: "addressLine1",
|
|
@@ -12690,18 +12706,18 @@ const AddressLookUpControl = props => {
|
|
|
12690
12706
|
ariaLabel: 'address-form-address1',
|
|
12691
12707
|
placeholder: "Start typing the first line of your address, required.",
|
|
12692
12708
|
value: (address === null || address === void 0 ? void 0 : address.addressLine1) || '',
|
|
12693
|
-
onChange:
|
|
12694
|
-
onBlur:
|
|
12709
|
+
onChange: detail => handleDropdownChange(detail.value),
|
|
12710
|
+
onBlur: detail => handleRequiredFieldBlur(detail.name),
|
|
12695
12711
|
width: "100%",
|
|
12696
|
-
onKeyPress:
|
|
12712
|
+
onKeyPress: detail => {
|
|
12697
12713
|
if (open) {
|
|
12698
|
-
const newIndex = handleAddressKeyDown(key, value, activeIndex, suggestions, val => handleInputChange('addressLine1', val), suggestion => handleSuggestionClick(suggestion));
|
|
12714
|
+
const newIndex = handleAddressKeyDown(detail.key, detail.value, activeIndex, suggestions, val => handleInputChange('addressLine1', val), suggestion => handleSuggestionClick(suggestion));
|
|
12699
12715
|
setActiveIndex(newIndex);
|
|
12700
12716
|
}
|
|
12701
12717
|
}
|
|
12702
12718
|
}), loading && jsx("div", {
|
|
12703
12719
|
className: "input-spinner",
|
|
12704
|
-
children: jsx(
|
|
12720
|
+
children: jsx(GoabSpinner, {
|
|
12705
12721
|
type: "infinite",
|
|
12706
12722
|
size: "small"
|
|
12707
12723
|
})
|
|
@@ -12785,40 +12801,40 @@ const AddressViews = ({
|
|
|
12785
12801
|
label: 'Yukon'
|
|
12786
12802
|
}];
|
|
12787
12803
|
return jsxs(Fragment, {
|
|
12788
|
-
children: [withoutHeader !== true && jsx(
|
|
12804
|
+
children: [withoutHeader !== true && jsx(GoabGrid, {
|
|
12789
12805
|
minChildWidth: "0",
|
|
12790
12806
|
gap: "s",
|
|
12791
|
-
children: jsx(
|
|
12807
|
+
children: jsx(GoabFormItem, {
|
|
12792
12808
|
label: `${isAlbertaAddress ? 'Alberta' : 'Canada'} postal address`
|
|
12793
12809
|
})
|
|
12794
12810
|
}), jsxs(AddressIndent, {
|
|
12795
|
-
children: [jsxs(
|
|
12811
|
+
children: [jsxs(GoabGrid, {
|
|
12796
12812
|
minChildWidth: "0",
|
|
12797
12813
|
gap: "s",
|
|
12798
|
-
children: [jsx(
|
|
12814
|
+
children: [jsx(GoabFormItem, {
|
|
12799
12815
|
label: "Address line 1",
|
|
12800
12816
|
error: (data === null || data === void 0 ? void 0 : data.addressLine1) === undefined ? 'Address line 1 is required' : '',
|
|
12801
12817
|
requirement: "required",
|
|
12802
12818
|
children: jsx(TextWrap, {
|
|
12803
12819
|
children: data === null || data === void 0 ? void 0 : data.addressLine1
|
|
12804
12820
|
})
|
|
12805
|
-
}), (data === null || data === void 0 ? void 0 : data.addressLine2) && jsx(
|
|
12821
|
+
}), (data === null || data === void 0 ? void 0 : data.addressLine2) && jsx(GoabFormItem, {
|
|
12806
12822
|
label: "Address line 2",
|
|
12807
12823
|
children: jsx(TextWrap, {
|
|
12808
12824
|
children: data.addressLine2
|
|
12809
12825
|
})
|
|
12810
12826
|
})]
|
|
12811
|
-
}), jsx("br", {}), jsxs(
|
|
12827
|
+
}), jsx("br", {}), jsxs(GoabGrid, {
|
|
12812
12828
|
minChildWidth: "0ch",
|
|
12813
12829
|
gap: "s",
|
|
12814
|
-
children: [jsx(
|
|
12830
|
+
children: [jsx(GoabFormItem, {
|
|
12815
12831
|
error: (data === null || data === void 0 ? void 0 : data.municipality) === undefined ? 'City is required' : '',
|
|
12816
12832
|
label: "City",
|
|
12817
12833
|
requirement: "required",
|
|
12818
12834
|
children: jsx(TextWrap, {
|
|
12819
12835
|
children: data === null || data === void 0 ? void 0 : data.municipality
|
|
12820
12836
|
})
|
|
12821
|
-
}), jsx(
|
|
12837
|
+
}), jsx(GoabFormItem, {
|
|
12822
12838
|
error: (data === null || data === void 0 ? void 0 : data.postalCode) === undefined ? 'Postal code is required' : '',
|
|
12823
12839
|
label: "Postal Code",
|
|
12824
12840
|
requirement: "required",
|
|
@@ -12826,10 +12842,10 @@ const AddressViews = ({
|
|
|
12826
12842
|
children: data === null || data === void 0 ? void 0 : data.postalCode
|
|
12827
12843
|
})
|
|
12828
12844
|
})]
|
|
12829
|
-
}), jsx("br", {}), jsxs(
|
|
12845
|
+
}), jsx("br", {}), jsxs(GoabGrid, {
|
|
12830
12846
|
minChildWidth: "0",
|
|
12831
12847
|
gap: "s",
|
|
12832
|
-
children: [jsxs(
|
|
12848
|
+
children: [jsxs(GoabFormItem, {
|
|
12833
12849
|
label: "Province",
|
|
12834
12850
|
error: !isAlbertaAddress && (data === null || data === void 0 ? void 0 : data.subdivisionCode) === undefined ? 'Province is required' : '',
|
|
12835
12851
|
requirement: "required",
|
|
@@ -12840,7 +12856,7 @@ const AddressViews = ({
|
|
|
12840
12856
|
"data-testid": "address-form-province-view",
|
|
12841
12857
|
children: (_a = provinces.find(p => p.value === (data === null || data === void 0 ? void 0 : data.subdivisionCode))) === null || _a === void 0 ? void 0 : _a.label
|
|
12842
12858
|
})]
|
|
12843
|
-
}), jsx(
|
|
12859
|
+
}), jsx(GoabFormItem, {
|
|
12844
12860
|
label: "Country",
|
|
12845
12861
|
children: jsx("div", {
|
|
12846
12862
|
"data-testid": "address-form-country",
|
|
@@ -12937,58 +12953,58 @@ const NameInputs = ({
|
|
|
12937
12953
|
}
|
|
12938
12954
|
setErrors(err);
|
|
12939
12955
|
};
|
|
12940
|
-
return jsxs(
|
|
12956
|
+
return jsxs(GoabGrid, {
|
|
12941
12957
|
minChildWidth: "0ch",
|
|
12942
12958
|
gap: "s",
|
|
12943
12959
|
mb: "m",
|
|
12944
12960
|
testId: "wrapper",
|
|
12945
|
-
children: [jsx(
|
|
12961
|
+
children: [jsx(GoabFormItem, {
|
|
12946
12962
|
testId: "form-item-first-name",
|
|
12947
12963
|
label: "First name",
|
|
12948
12964
|
requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('firstName')) ? 'required' : undefined,
|
|
12949
12965
|
error: (_a = errors === null || errors === void 0 ? void 0 : errors['firstName']) !== null && _a !== void 0 ? _a : '',
|
|
12950
|
-
children: jsx(
|
|
12966
|
+
children: jsx(GoabInput, {
|
|
12951
12967
|
type: "text",
|
|
12952
12968
|
name: "firstName",
|
|
12953
12969
|
disabled: disabled,
|
|
12954
12970
|
testId: "name-form-first-name",
|
|
12955
12971
|
ariaLabel: 'name-form-first-name',
|
|
12956
12972
|
value: firstName || '',
|
|
12957
|
-
onChange:
|
|
12958
|
-
onBlur:
|
|
12959
|
-
handleRequiredFieldBlur(name);
|
|
12973
|
+
onChange: detail => handleInputChange(detail.name, detail.value),
|
|
12974
|
+
onBlur: detail => {
|
|
12975
|
+
handleRequiredFieldBlur(detail.name);
|
|
12960
12976
|
},
|
|
12961
12977
|
width: "100%"
|
|
12962
12978
|
})
|
|
12963
|
-
}), jsx(
|
|
12979
|
+
}), jsx(GoabFormItem, {
|
|
12964
12980
|
testId: "form-item-middle-name",
|
|
12965
12981
|
label: "Middle name",
|
|
12966
12982
|
requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('middleName')) ? 'required' : undefined,
|
|
12967
|
-
children: jsx(
|
|
12983
|
+
children: jsx(GoabInput, {
|
|
12968
12984
|
type: "text",
|
|
12969
12985
|
name: "middleName",
|
|
12970
12986
|
disabled: disabled,
|
|
12971
12987
|
testId: "name-form-middle-name",
|
|
12972
12988
|
ariaLabel: 'name-form-middle-name',
|
|
12973
12989
|
value: middleName || '',
|
|
12974
|
-
onChange:
|
|
12990
|
+
onChange: detail => handleInputChange(detail.name, detail.value),
|
|
12975
12991
|
width: "100%"
|
|
12976
12992
|
})
|
|
12977
|
-
}), jsx(
|
|
12993
|
+
}), jsx(GoabFormItem, {
|
|
12978
12994
|
testId: "form-item-last-name",
|
|
12979
12995
|
label: "Last name",
|
|
12980
12996
|
requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('lastName')) ? 'required' : undefined,
|
|
12981
12997
|
error: (_b = errors === null || errors === void 0 ? void 0 : errors['lastName']) !== null && _b !== void 0 ? _b : '',
|
|
12982
|
-
children: jsx(
|
|
12998
|
+
children: jsx(GoabInput, {
|
|
12983
12999
|
type: "text",
|
|
12984
13000
|
name: "lastName",
|
|
12985
13001
|
disabled: disabled,
|
|
12986
13002
|
testId: "name-form-last-name",
|
|
12987
13003
|
ariaLabel: 'name-form-last-name',
|
|
12988
13004
|
value: lastName || '',
|
|
12989
|
-
onChange:
|
|
12990
|
-
onBlur:
|
|
12991
|
-
handleRequiredFieldBlur(name);
|
|
13005
|
+
onChange: detail => handleInputChange(detail.name, detail.value),
|
|
13006
|
+
onBlur: detail => {
|
|
13007
|
+
handleRequiredFieldBlur(detail.name);
|
|
12992
13008
|
},
|
|
12993
13009
|
width: "100%"
|
|
12994
13010
|
})
|
|
@@ -13011,10 +13027,10 @@ const FullNameReviewControl = props => {
|
|
|
13011
13027
|
}
|
|
13012
13028
|
setErrors(err);
|
|
13013
13029
|
}, [props.data, requiredFields]);
|
|
13014
|
-
return jsxs(
|
|
13030
|
+
return jsxs(GoabGrid, {
|
|
13015
13031
|
minChildWidth: "0ch",
|
|
13016
13032
|
gap: "s",
|
|
13017
|
-
children: [jsx(
|
|
13033
|
+
children: [jsx(GoabFormItem, {
|
|
13018
13034
|
label: "First Name",
|
|
13019
13035
|
requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('firstName')) ? 'required' : undefined,
|
|
13020
13036
|
error: (_a = errors === null || errors === void 0 ? void 0 : errors['firstName']) !== null && _a !== void 0 ? _a : '',
|
|
@@ -13024,7 +13040,7 @@ const FullNameReviewControl = props => {
|
|
|
13024
13040
|
children: (_b = props.data) === null || _b === void 0 ? void 0 : _b.firstName
|
|
13025
13041
|
})
|
|
13026
13042
|
})
|
|
13027
|
-
}), jsx(
|
|
13043
|
+
}), jsx(GoabFormItem, {
|
|
13028
13044
|
label: "Middle Name",
|
|
13029
13045
|
children: jsx(TextWrapDiv, {
|
|
13030
13046
|
children: jsx("div", {
|
|
@@ -13032,7 +13048,7 @@ const FullNameReviewControl = props => {
|
|
|
13032
13048
|
children: (_c = props.data) === null || _c === void 0 ? void 0 : _c.middleName
|
|
13033
13049
|
})
|
|
13034
13050
|
})
|
|
13035
|
-
}), jsx(
|
|
13051
|
+
}), jsx(GoabFormItem, {
|
|
13036
13052
|
label: "Last Name",
|
|
13037
13053
|
requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('lastName')) ? 'required' : undefined,
|
|
13038
13054
|
error: (_d = errors === null || errors === void 0 ? void 0 : errors['lastName']) !== null && _d !== void 0 ? _d : '',
|
|
@@ -13088,11 +13104,11 @@ const FullNameTester = rankWith(4, isFullName);
|
|
|
13088
13104
|
const FullNameControlReview = props => {
|
|
13089
13105
|
var _a, _b, _c;
|
|
13090
13106
|
return jsx("div", {
|
|
13091
|
-
children: jsxs(
|
|
13107
|
+
children: jsxs(GoabGrid, {
|
|
13092
13108
|
minChildWidth: "0ch",
|
|
13093
13109
|
gap: "s",
|
|
13094
13110
|
mb: "m",
|
|
13095
|
-
children: [jsx(
|
|
13111
|
+
children: [jsx(GoabFormItem, {
|
|
13096
13112
|
label: "First name",
|
|
13097
13113
|
requirement: "required",
|
|
13098
13114
|
children: jsx(TextWrapDiv, {
|
|
@@ -13101,7 +13117,7 @@ const FullNameControlReview = props => {
|
|
|
13101
13117
|
children: (_a = props.data) === null || _a === void 0 ? void 0 : _a.firstName
|
|
13102
13118
|
})
|
|
13103
13119
|
})
|
|
13104
|
-
}), jsx(
|
|
13120
|
+
}), jsx(GoabFormItem, {
|
|
13105
13121
|
label: "Middle name",
|
|
13106
13122
|
children: jsx(TextWrapDiv, {
|
|
13107
13123
|
children: jsx("div", {
|
|
@@ -13109,7 +13125,7 @@ const FullNameControlReview = props => {
|
|
|
13109
13125
|
children: (_b = props.data) === null || _b === void 0 ? void 0 : _b.middleName
|
|
13110
13126
|
})
|
|
13111
13127
|
})
|
|
13112
|
-
}), jsx(
|
|
13128
|
+
}), jsx(GoabFormItem, {
|
|
13113
13129
|
label: "Last name",
|
|
13114
13130
|
requirement: "required",
|
|
13115
13131
|
children: jsx(TextWrapDiv, {
|
|
@@ -13205,73 +13221,73 @@ const FullNameDobControl = props => {
|
|
|
13205
13221
|
useSyncAutofillFields(['firstName', 'middleName', 'lastName', 'dateOfBirth'], formData, updateFormData, handleRequiredFieldBlur);
|
|
13206
13222
|
return jsxs(Visible, {
|
|
13207
13223
|
visible: visible,
|
|
13208
|
-
children: [jsxs(
|
|
13224
|
+
children: [jsxs(GoabGrid, {
|
|
13209
13225
|
minChildWidth: "0ch",
|
|
13210
13226
|
gap: "s",
|
|
13211
13227
|
mb: "m",
|
|
13212
|
-
children: [jsx(
|
|
13228
|
+
children: [jsx(GoabFormItem, {
|
|
13213
13229
|
label: "First name",
|
|
13214
13230
|
requirement: ((_a = schema === null || schema === void 0 ? void 0 : schema.required) === null || _a === void 0 ? void 0 : _a.includes('firstName')) ? 'required' : undefined,
|
|
13215
13231
|
error: (_b = errors === null || errors === void 0 ? void 0 : errors['firstName']) !== null && _b !== void 0 ? _b : '',
|
|
13216
13232
|
testId: "form-item-first-name",
|
|
13217
|
-
children: jsx(
|
|
13233
|
+
children: jsx(GoabInput, {
|
|
13218
13234
|
disabled: !enabled,
|
|
13219
13235
|
type: "text",
|
|
13220
13236
|
name: "firstName",
|
|
13221
13237
|
testId: "name-form-first-name",
|
|
13222
13238
|
ariaLabel: 'name-form-first-name',
|
|
13223
13239
|
value: formData.firstName,
|
|
13224
|
-
onChange:
|
|
13225
|
-
handleInputChange(name, value);
|
|
13240
|
+
onChange: detail => {
|
|
13241
|
+
handleInputChange(detail.name, detail.value);
|
|
13226
13242
|
},
|
|
13227
|
-
onBlur:
|
|
13228
|
-
handleRequiredFieldBlur(name);
|
|
13243
|
+
onBlur: detail => {
|
|
13244
|
+
handleRequiredFieldBlur(detail.name);
|
|
13229
13245
|
},
|
|
13230
13246
|
width: "100%"
|
|
13231
13247
|
})
|
|
13232
|
-
}), jsx(
|
|
13248
|
+
}), jsx(GoabFormItem, {
|
|
13233
13249
|
label: "Middle name",
|
|
13234
13250
|
requirement: ((_c = schema === null || schema === void 0 ? void 0 : schema.required) === null || _c === void 0 ? void 0 : _c.includes('middleName')) ? 'required' : undefined,
|
|
13235
|
-
children: jsx(
|
|
13251
|
+
children: jsx(GoabInput, {
|
|
13236
13252
|
type: "text",
|
|
13237
13253
|
name: "middleName",
|
|
13238
13254
|
disabled: !enabled,
|
|
13239
13255
|
testId: "name-form-middle-name",
|
|
13240
13256
|
ariaLabel: 'name-form-middle-name',
|
|
13241
13257
|
value: formData.middleName || '',
|
|
13242
|
-
onChange:
|
|
13258
|
+
onChange: detail => handleInputChange(detail.name, detail.value),
|
|
13243
13259
|
width: "100%"
|
|
13244
13260
|
})
|
|
13245
|
-
}), jsx(
|
|
13261
|
+
}), jsx(GoabFormItem, {
|
|
13246
13262
|
label: "Last name",
|
|
13247
13263
|
requirement: ((_d = schema === null || schema === void 0 ? void 0 : schema.required) === null || _d === void 0 ? void 0 : _d.includes('lastName')) ? 'required' : undefined,
|
|
13248
13264
|
error: (_e = errors === null || errors === void 0 ? void 0 : errors['lastName']) !== null && _e !== void 0 ? _e : '',
|
|
13249
13265
|
testId: "form-item-last-name",
|
|
13250
|
-
children: jsx(
|
|
13266
|
+
children: jsx(GoabInput, {
|
|
13251
13267
|
type: "text",
|
|
13252
13268
|
name: "lastName",
|
|
13253
13269
|
disabled: !enabled,
|
|
13254
13270
|
testId: "name-form-last-name",
|
|
13255
13271
|
ariaLabel: 'name-form-last-name',
|
|
13256
13272
|
value: formData.lastName || '',
|
|
13257
|
-
onChange:
|
|
13258
|
-
handleInputChange(name, value);
|
|
13273
|
+
onChange: detail => {
|
|
13274
|
+
handleInputChange(detail.name, detail.value);
|
|
13259
13275
|
},
|
|
13260
|
-
onBlur:
|
|
13261
|
-
handleRequiredFieldBlur(name);
|
|
13276
|
+
onBlur: detail => {
|
|
13277
|
+
handleRequiredFieldBlur(detail.name);
|
|
13262
13278
|
},
|
|
13263
13279
|
width: "100%"
|
|
13264
13280
|
})
|
|
13265
13281
|
})]
|
|
13266
|
-
}), jsx(
|
|
13282
|
+
}), jsx(GoabGrid, {
|
|
13267
13283
|
minChildWidth: "0ch",
|
|
13268
13284
|
gap: "s",
|
|
13269
13285
|
mb: "m",
|
|
13270
|
-
children: jsx(
|
|
13286
|
+
children: jsx(GoabFormItem, {
|
|
13271
13287
|
label: "Date of birth",
|
|
13272
13288
|
error: (_f = errors === null || errors === void 0 ? void 0 : errors['dateOfBirth']) !== null && _f !== void 0 ? _f : '',
|
|
13273
13289
|
requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('dateOfBirth')) ? 'required' : undefined,
|
|
13274
|
-
children: jsx(
|
|
13290
|
+
children: jsx(GoabInput, {
|
|
13275
13291
|
type: "date",
|
|
13276
13292
|
name: "dateOfBirth",
|
|
13277
13293
|
disabled: !enabled,
|
|
@@ -13281,10 +13297,10 @@ const FullNameDobControl = props => {
|
|
|
13281
13297
|
ariaLabel: "dob-form-dateOfBirth",
|
|
13282
13298
|
placeholder: "YYYY-MM-DD",
|
|
13283
13299
|
value: formData === null || formData === void 0 ? void 0 : formData.dateOfBirth,
|
|
13284
|
-
onChange:
|
|
13285
|
-
onBlur:
|
|
13300
|
+
onChange: detail => handleInputChange(detail.name, detail.value),
|
|
13301
|
+
onBlur: detail => {
|
|
13286
13302
|
/* istanbul ignore next */
|
|
13287
|
-
handleRequiredFieldBlur(name);
|
|
13303
|
+
handleRequiredFieldBlur(detail.name);
|
|
13288
13304
|
},
|
|
13289
13305
|
width: "100%"
|
|
13290
13306
|
})
|
|
@@ -13299,11 +13315,11 @@ const FullNameDobReviewControl = props => {
|
|
|
13299
13315
|
data
|
|
13300
13316
|
} = props;
|
|
13301
13317
|
return jsxs(Fragment, {
|
|
13302
|
-
children: [jsxs(
|
|
13318
|
+
children: [jsxs(GoabGrid, {
|
|
13303
13319
|
minChildWidth: "0ch",
|
|
13304
13320
|
gap: "s",
|
|
13305
13321
|
mb: "m",
|
|
13306
|
-
children: [jsx(
|
|
13322
|
+
children: [jsx(GoabFormItem, {
|
|
13307
13323
|
label: "First name",
|
|
13308
13324
|
error: (data === null || data === void 0 ? void 0 : data.firstName) === undefined ? 'First name is required' : '',
|
|
13309
13325
|
requirement: "required",
|
|
@@ -13313,7 +13329,7 @@ const FullNameDobReviewControl = props => {
|
|
|
13313
13329
|
children: (_a = props.data) === null || _a === void 0 ? void 0 : _a.firstName
|
|
13314
13330
|
})
|
|
13315
13331
|
})
|
|
13316
|
-
}), jsx(
|
|
13332
|
+
}), jsx(GoabFormItem, {
|
|
13317
13333
|
label: "Middle name",
|
|
13318
13334
|
children: jsx(TextWrapDiv, {
|
|
13319
13335
|
children: jsx("div", {
|
|
@@ -13321,7 +13337,7 @@ const FullNameDobReviewControl = props => {
|
|
|
13321
13337
|
children: (_b = props.data) === null || _b === void 0 ? void 0 : _b.middleName
|
|
13322
13338
|
})
|
|
13323
13339
|
})
|
|
13324
|
-
}), jsx(
|
|
13340
|
+
}), jsx(GoabFormItem, {
|
|
13325
13341
|
label: "Last name",
|
|
13326
13342
|
error: (data === null || data === void 0 ? void 0 : data.lastName) === undefined ? 'Last name is required' : '',
|
|
13327
13343
|
requirement: "required",
|
|
@@ -13332,10 +13348,10 @@ const FullNameDobReviewControl = props => {
|
|
|
13332
13348
|
})
|
|
13333
13349
|
})
|
|
13334
13350
|
})]
|
|
13335
|
-
}), jsx(
|
|
13351
|
+
}), jsx(GoabGrid, {
|
|
13336
13352
|
minChildWidth: "0ch",
|
|
13337
13353
|
gap: "s",
|
|
13338
|
-
children: jsx(
|
|
13354
|
+
children: jsx(GoabFormItem, {
|
|
13339
13355
|
label: "Date of birth",
|
|
13340
13356
|
error: (data === null || data === void 0 ? void 0 : data.dateOfBirth) === undefined ? 'Date of birth is required' : '',
|
|
13341
13357
|
requirement: "required",
|
|
@@ -13392,34 +13408,34 @@ const PhoneNumberWithTypeControl = props => {
|
|
|
13392
13408
|
return jsx(Visible, {
|
|
13393
13409
|
visible: visible,
|
|
13394
13410
|
children: jsxs(PhoneGrid, {
|
|
13395
|
-
children: [jsx(
|
|
13411
|
+
children: [jsx(GoabFormItem, {
|
|
13396
13412
|
label: "Phone type",
|
|
13397
13413
|
requirement: required ? 'required' : undefined,
|
|
13398
|
-
children: jsxs(
|
|
13414
|
+
children: jsxs(GoabDropdown, {
|
|
13399
13415
|
name: "type",
|
|
13400
13416
|
value: formData.type || '',
|
|
13401
13417
|
disabled: !enabled,
|
|
13402
|
-
onChange:
|
|
13403
|
-
type: value
|
|
13418
|
+
onChange: detail => updateFormData(Object.assign({}, formData, {
|
|
13419
|
+
type: detail.value
|
|
13404
13420
|
})),
|
|
13405
|
-
children: [jsx(
|
|
13421
|
+
children: [jsx(GoabDropdownItem, {
|
|
13406
13422
|
value: "Mobile"
|
|
13407
|
-
}), jsx(
|
|
13423
|
+
}), jsx(GoabDropdownItem, {
|
|
13408
13424
|
value: "Landline"
|
|
13409
13425
|
})]
|
|
13410
13426
|
})
|
|
13411
|
-
}), jsx(
|
|
13427
|
+
}), jsx(GoabFormItem, {
|
|
13412
13428
|
label: "Phone number",
|
|
13413
13429
|
error: error,
|
|
13414
13430
|
requirement: required ? 'required' : undefined,
|
|
13415
|
-
children: jsx(
|
|
13431
|
+
children: jsx(GoabInput, {
|
|
13416
13432
|
type: "tel",
|
|
13417
13433
|
name: "number",
|
|
13418
13434
|
placeholder: "(000) 000-0000",
|
|
13419
13435
|
value: formData.number || '',
|
|
13420
13436
|
disabled: !enabled,
|
|
13421
|
-
onChange:
|
|
13422
|
-
number: value
|
|
13437
|
+
onChange: detail => updateFormData(Object.assign({}, formData, {
|
|
13438
|
+
number: detail.value
|
|
13423
13439
|
}))
|
|
13424
13440
|
})
|
|
13425
13441
|
})]
|
|
@@ -13449,19 +13465,19 @@ const PhoneNumberControl = props => {
|
|
|
13449
13465
|
};
|
|
13450
13466
|
return jsx(Visible, {
|
|
13451
13467
|
visible: visible,
|
|
13452
|
-
children: jsx(
|
|
13468
|
+
children: jsx(GoabFormItem, {
|
|
13453
13469
|
label: (schema === null || schema === void 0 ? void 0 : schema.title) || 'Phone number',
|
|
13454
13470
|
requirement: required ? 'required' : undefined,
|
|
13455
13471
|
error: error,
|
|
13456
13472
|
testId: `form-item-${path}`,
|
|
13457
|
-
children: jsx(
|
|
13473
|
+
children: jsx(GoabInput, {
|
|
13458
13474
|
type: "tel",
|
|
13459
13475
|
name: path,
|
|
13460
13476
|
disabled: !enabled,
|
|
13461
13477
|
"aria-label": "phone number input",
|
|
13462
13478
|
testId: `phone-input-${path}`,
|
|
13463
13479
|
value: data || '',
|
|
13464
|
-
onChange:
|
|
13480
|
+
onChange: detail => handleInputChange(detail.name, detail.value),
|
|
13465
13481
|
placeholder: "(000) 000-0000",
|
|
13466
13482
|
width: "100%"
|
|
13467
13483
|
})
|
|
@@ -13479,7 +13495,7 @@ const PhoneNumberReviewControl = props => {
|
|
|
13479
13495
|
id,
|
|
13480
13496
|
required
|
|
13481
13497
|
} = props;
|
|
13482
|
-
return jsx(
|
|
13498
|
+
return jsx(GoabFormItem, {
|
|
13483
13499
|
label: "Phone number",
|
|
13484
13500
|
error: required && !data ? 'Phone number is required' : '',
|
|
13485
13501
|
requirement: required ? 'required' : undefined,
|
|
@@ -13491,7 +13507,7 @@ const PhoneNumberReviewControl = props => {
|
|
|
13491
13507
|
})
|
|
13492
13508
|
});
|
|
13493
13509
|
};
|
|
13494
|
-
const
|
|
13510
|
+
const GoabInputBasePhoneNumberReviewControl = withJsonFormsAllOfProps(PhoneNumberReviewControl);
|
|
13495
13511
|
|
|
13496
13512
|
const isPhoneNumberWithType = createSchemaMatchTester(['number', 'type'], true);
|
|
13497
13513
|
const PhoneNumberWithTypeTester = rankWith(4, isPhoneNumberWithType);
|
|
@@ -13503,7 +13519,7 @@ const PhoneNumberWithTypeReviewControl = props => {
|
|
|
13503
13519
|
required
|
|
13504
13520
|
} = props;
|
|
13505
13521
|
return jsxs(PhoneGrid, {
|
|
13506
|
-
children: [jsx(
|
|
13522
|
+
children: [jsx(GoabFormItem, {
|
|
13507
13523
|
label: "Phone number",
|
|
13508
13524
|
error: required && !(data === null || data === void 0 ? void 0 : data.number) ? 'Phone number is required' : '',
|
|
13509
13525
|
requirement: required ? 'required' : undefined,
|
|
@@ -13513,7 +13529,7 @@ const PhoneNumberWithTypeReviewControl = props => {
|
|
|
13513
13529
|
children: (data === null || data === void 0 ? void 0 : data.number) || ''
|
|
13514
13530
|
})
|
|
13515
13531
|
})
|
|
13516
|
-
}), jsx(
|
|
13532
|
+
}), jsx(GoabFormItem, {
|
|
13517
13533
|
label: "Phone type",
|
|
13518
13534
|
error: required && !(data === null || data === void 0 ? void 0 : data.type) ? 'Phone type is required' : '',
|
|
13519
13535
|
requirement: required ? 'required' : undefined,
|
|
@@ -13526,7 +13542,7 @@ const PhoneNumberWithTypeReviewControl = props => {
|
|
|
13526
13542
|
})]
|
|
13527
13543
|
});
|
|
13528
13544
|
};
|
|
13529
|
-
const
|
|
13545
|
+
const GoabInputBasePhoneNumberWithTypeReviewControl = withJsonFormsAllOfProps(PhoneNumberWithTypeReviewControl);
|
|
13530
13546
|
|
|
13531
13547
|
/**
|
|
13532
13548
|
* Escape for use in RegExp
|
|
@@ -13767,10 +13783,10 @@ const GoACalculation = props => {
|
|
|
13767
13783
|
const showError = !!error && (isConfigError || hasInteracted);
|
|
13768
13784
|
return jsx(Visible, {
|
|
13769
13785
|
visible: visible,
|
|
13770
|
-
children: jsx(
|
|
13786
|
+
children: jsx(GoabFormItem, {
|
|
13771
13787
|
label: label,
|
|
13772
13788
|
error: showError ? error : '',
|
|
13773
|
-
children: jsx(
|
|
13789
|
+
children: jsx(GoabInput, {
|
|
13774
13790
|
name: `computed-input-${id}`,
|
|
13775
13791
|
testId: `computed-input-${id}`,
|
|
13776
13792
|
ariaLabel: id,
|
|
@@ -13802,7 +13818,7 @@ const GoANumberCell = props => jsx(GoANumberInput, Object.assign({}, props));
|
|
|
13802
13818
|
const GoANumberCellTester = rankWith(1, isNumberControl);
|
|
13803
13819
|
withJsonFormsCellProps(GoANumberCell);
|
|
13804
13820
|
|
|
13805
|
-
const GoAIntegerCell = props => jsx(
|
|
13821
|
+
const GoAIntegerCell = props => jsx(GoabInputInteger, Object.assign({}, props));
|
|
13806
13822
|
const GoAIntegerCellTester = rankWith(1, isIntegerControl);
|
|
13807
13823
|
withJsonFormsCellProps(GoAIntegerCell);
|
|
13808
13824
|
|
|
@@ -13928,20 +13944,20 @@ const GoAGroupControlComponent = props => {
|
|
|
13928
13944
|
const group = uischema;
|
|
13929
13945
|
return jsxs(Visible, {
|
|
13930
13946
|
visible: visible,
|
|
13931
|
-
children: [((_b = (_a = group.options) === null || _a === void 0 ? void 0 : _a.componentProps) === null || _b === void 0 ? void 0 : _b.accent) === 'thick' && jsx(
|
|
13947
|
+
children: [((_b = (_a = group.options) === null || _a === void 0 ? void 0 : _a.componentProps) === null || _b === void 0 ? void 0 : _b.accent) === 'thick' && jsx(GoabContainer, Object.assign({
|
|
13932
13948
|
heading: group.label
|
|
13933
13949
|
}, (_c = group.options) === null || _c === void 0 ? void 0 : _c.componentProps, {
|
|
13934
13950
|
children: renderLayoutElements(group.elements, schema, path, enabled, renderers, cells)
|
|
13935
13951
|
})), (((_e = (_d = group.options) === null || _d === void 0 ? void 0 : _d.componentProps) === null || _e === void 0 ? void 0 : _e.accent) === 'thin' || ((_g = (_f = group.options) === null || _f === void 0 ? void 0 : _f.componentProps) === null || _g === void 0 ? void 0 : _g.accent) === 'filled') && jsxs("div", {
|
|
13936
13952
|
children: [group.label && jsx("h3", {
|
|
13937
13953
|
children: group.label
|
|
13938
|
-
}), jsx(
|
|
13954
|
+
}), jsx(GoabContainer, Object.assign({}, (_h = group.options) === null || _h === void 0 ? void 0 : _h.componentProps, {
|
|
13939
13955
|
children: renderLayoutElements(group.elements, schema, path, enabled, renderers, cells)
|
|
13940
13956
|
}))]
|
|
13941
13957
|
}), ((_j = group.options) === null || _j === void 0 ? void 0 : _j.componentProps) && !((_l = (_k = group.options) === null || _k === void 0 ? void 0 : _k.componentProps) === null || _l === void 0 ? void 0 : _l.accent) && jsxs("div", {
|
|
13942
13958
|
children: [group.label && jsx("h3", {
|
|
13943
13959
|
children: group.label
|
|
13944
|
-
}), jsx(
|
|
13960
|
+
}), jsx(GoabContainer, Object.assign({}, (_m = group.options) === null || _m === void 0 ? void 0 : _m.componentProps, {
|
|
13945
13961
|
children: renderLayoutElements(group.elements, schema, path, enabled, renderers, cells)
|
|
13946
13962
|
}))]
|
|
13947
13963
|
}), !((_o = group.options) === null || _o === void 0 ? void 0 : _o.componentProps) && jsxs("div", {
|
|
@@ -13949,7 +13965,7 @@ const GoAGroupControlComponent = props => {
|
|
|
13949
13965
|
children: group.label
|
|
13950
13966
|
}), isStepperReview && jsx(Fragment, {
|
|
13951
13967
|
children: renderLayoutElements(group.elements, schema, path, enabled, renderers, cells)
|
|
13952
|
-
}), !isStepperReview && jsx(
|
|
13968
|
+
}), !isStepperReview && jsx(GoabContainer, {
|
|
13953
13969
|
children: renderLayoutElements(group.elements, schema, path, enabled, renderers, cells)
|
|
13954
13970
|
})]
|
|
13955
13971
|
})]
|
|
@@ -14283,40 +14299,40 @@ const GoABaseReviewRenderers = [
|
|
|
14283
14299
|
// controls
|
|
14284
14300
|
{
|
|
14285
14301
|
tester: GoAEnumControlTester,
|
|
14286
|
-
renderer:
|
|
14302
|
+
renderer: GoAInputBaseReviewControl
|
|
14287
14303
|
}, {
|
|
14288
14304
|
tester: GoAIntegerControlTester,
|
|
14289
|
-
renderer:
|
|
14305
|
+
renderer: GoAInputBaseReviewControl
|
|
14290
14306
|
}, {
|
|
14291
14307
|
tester: GoANumberControlTester,
|
|
14292
|
-
renderer:
|
|
14308
|
+
renderer: GoAInputBaseReviewControl
|
|
14293
14309
|
}, {
|
|
14294
14310
|
tester: GoATextControlTester,
|
|
14295
|
-
renderer:
|
|
14311
|
+
renderer: GoAInputBaseReviewControl
|
|
14296
14312
|
}, {
|
|
14297
14313
|
tester: GoADateControlTester,
|
|
14298
|
-
renderer:
|
|
14314
|
+
renderer: GoAInputBaseReviewControl
|
|
14299
14315
|
}, {
|
|
14300
14316
|
tester: GoADateTimeControlTester,
|
|
14301
|
-
renderer:
|
|
14317
|
+
renderer: GoAInputBaseReviewControl
|
|
14302
14318
|
}, {
|
|
14303
14319
|
tester: GoATimeControlTester,
|
|
14304
|
-
renderer:
|
|
14320
|
+
renderer: GoAInputBaseReviewControl
|
|
14305
14321
|
}, {
|
|
14306
14322
|
tester: GoARadioGroupControlTester,
|
|
14307
|
-
renderer:
|
|
14323
|
+
renderer: GoAInputBaseReviewControl
|
|
14308
14324
|
}, {
|
|
14309
14325
|
tester: GoACheckoutGroupControlTester,
|
|
14310
|
-
renderer:
|
|
14326
|
+
renderer: GoAInputBaseReviewControl
|
|
14311
14327
|
}, {
|
|
14312
14328
|
tester: GoABooleanControlTester,
|
|
14313
|
-
renderer:
|
|
14329
|
+
renderer: GoAInputBaseReviewControl
|
|
14314
14330
|
}, {
|
|
14315
14331
|
tester: GoABooleanRadioControlTester,
|
|
14316
|
-
renderer:
|
|
14332
|
+
renderer: GoAInputBaseReviewControl
|
|
14317
14333
|
}, {
|
|
14318
14334
|
tester: MultiLineTextControlTester,
|
|
14319
|
-
renderer:
|
|
14335
|
+
renderer: GoAInputBaseReviewControl
|
|
14320
14336
|
}, {
|
|
14321
14337
|
tester: GoAArrayControlTester,
|
|
14322
14338
|
renderer: GoAArrayControlReviewRenderer
|
|
@@ -14463,4 +14479,4 @@ const GoARenderers = [...GoABaseRenderers, {
|
|
|
14463
14479
|
}];
|
|
14464
14480
|
const GoACells = [...InputCells];
|
|
14465
14481
|
|
|
14466
|
-
export { ADD_DATALIST_ACTION, ADD_NO_ANONYMOUS_ACTION, ADD_REGISTER_DATA_ACTION, ADD_REGISTER_DATA_ERROR, AddressLookUpControl, AddressLookUpControlReview, AddressLookUpTester, AddressLoopUpControlTableReview, ArrayControl, ArrayControlBase, ArrayControlReview, BooleanComponent, BooleanControl, BooleanRadioComponent, BooleanRadioControl, CategorizationPagesRendererTester, CategorizationStepperRendererTester, CheckboxGroup, ContextProviderC, ContextProviderClass, ContextProviderFactory, EnumCheckboxControl, EnumRadioControl, EnumSelect, FileUploader, FileUploaderReview, FileUploaderTester, FormPageStepper, FormPagesView, FormStepper, FormStepperControl, FormStepperPagesControl, FormStepperReviewControl, FormStepperReviewer, FormStepperView, FullNameControl, FullNameControlReview, FullNameDobControl, FullNameDobReviewControl, FullNameDobTester, FullNameReviewControl, FullNameTester, GoAArrayControlRenderer, GoAArrayControlReviewRenderer, GoAArrayControlTester, GoABaseInputReviewComponent, GoABaseRenderers, GoABaseReviewRenderers, GoABaseTableReviewRenderers, GoABooleanControl, GoABooleanControlTester, GoABooleanRadioControl, GoABooleanRadioControlTester, GoACalculationControl, GoACalculationControlTester, GoACells, GoACheckoutGroupControlTester, GoADateControl, GoADateControlTester, GoADateInput, GoADateTimeControl, GoADateTimeControlTester, GoADateTimeInput, GoAEmailControl, GoAEmailControlTester, GoAEmailInput, GoAEnumCheckboxGroupControl, GoAEnumControl, GoAEnumControlTester, GoAEnumRadioGroupControl, GoAInputBaseControl, GoAInputBaseFullNameControlReview, GoAInputBaseFullNameDobControlReview,
|
|
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 };
|