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