@cerebruminc/cerebellum 16.1.1-beta.dangerous.94a8f04 → 16.1.1-beta.dangerous.bc77c27
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/lib/cjs/DatePicker.cjs +1 -1
- package/lib/cjs/Form.cjs +4 -7
- package/lib/cjs/Form.cjs.map +1 -1
- package/lib/cjs/FormFieldTypeEnum.cjs +0 -5
- package/lib/cjs/FormFieldTypeEnum.cjs.map +1 -1
- package/lib/cjs/FormSeparator.cjs +1 -3
- package/lib/cjs/FormSeparator.cjs.map +1 -1
- package/lib/cjs/{FormStyles-CM25rbhG.js → FormStyles-CxgYRZOl.js} +21 -38
- package/lib/cjs/{FormStyles-CM25rbhG.js.map → FormStyles-CxgYRZOl.js.map} +1 -1
- package/lib/cjs/FormWrapper.cjs +1 -3
- package/lib/cjs/FormWrapper.cjs.map +1 -1
- package/lib/cjs/{FormikContainer-DVL86Jri.js → FormikContainer-CY2nLsAs.js} +3 -33
- package/lib/{esm/FormikContainer-uI5oe1px.js.map → cjs/FormikContainer-CY2nLsAs.js.map} +1 -1
- package/lib/cjs/{InlineDatePicker-B7DTwvhv.js → InlineDatePicker-DFv_uHo9.js} +176 -344
- package/lib/cjs/InlineDatePicker-DFv_uHo9.js.map +1 -0
- package/lib/cjs/InlineDatePicker.cjs +1 -1
- package/lib/cjs/TitleGroup.cjs +1 -3
- package/lib/cjs/TitleGroup.cjs.map +1 -1
- package/lib/cjs/cerebellumTheme.cjs +0 -5
- package/lib/cjs/cerebellumTheme.cjs.map +1 -1
- package/lib/cjs/index.cjs +3 -9
- package/lib/cjs/index.cjs.map +1 -1
- package/lib/esm/DatePicker.js +1 -1
- package/lib/esm/Form.js +5 -7
- package/lib/esm/Form.js.map +1 -1
- package/lib/esm/FormFieldTypeEnum.js +1 -5
- package/lib/esm/FormFieldTypeEnum.js.map +1 -1
- package/lib/esm/FormSeparator.js +1 -3
- package/lib/esm/FormSeparator.js.map +1 -1
- package/lib/esm/{FormStyles-CyqyMC1o.js → FormStyles-BQJPyTS0.js} +22 -39
- package/lib/esm/{FormStyles-CyqyMC1o.js.map → FormStyles-BQJPyTS0.js.map} +1 -1
- package/lib/esm/FormWrapper.js +1 -3
- package/lib/esm/FormWrapper.js.map +1 -1
- package/lib/esm/{FormikContainer-uI5oe1px.js → FormikContainer-SJPYfIkF.js} +4 -34
- package/lib/{cjs/FormikContainer-DVL86Jri.js.map → esm/FormikContainer-SJPYfIkF.js.map} +1 -1
- package/lib/esm/{InlineDatePicker-BuxjkoV0.js → InlineDatePicker-ClVBWEzW.js} +177 -345
- package/lib/esm/InlineDatePicker-ClVBWEzW.js.map +1 -0
- package/lib/esm/InlineDatePicker.js +1 -1
- package/lib/esm/TitleGroup.js +1 -3
- package/lib/esm/TitleGroup.js.map +1 -1
- package/lib/esm/cerebellumTheme.js +0 -5
- package/lib/esm/cerebellumTheme.js.map +1 -1
- package/lib/esm/index.js +4 -6
- package/lib/esm/index.js.map +1 -1
- package/lib/types/src/components/Form/fields/index.d.ts +1 -2
- package/lib/types/src/components/Form/index.d.ts +3 -3
- package/lib/types/src/components/Form/mocks/fields.d.ts +0 -62
- package/lib/types/src/components/Form/types.d.ts +2 -36
- package/lib/types/src/index.d.ts +1 -5
- package/lib/types/src/theme.d.ts +0 -6
- package/package.json +2 -2
- package/lib/cjs/ColorPickerInput-CBPI8IJ-.js +0 -187
- package/lib/cjs/ColorPickerInput-CBPI8IJ-.js.map +0 -1
- package/lib/cjs/ColorPickerInput.cjs +0 -25
- package/lib/cjs/ColorPickerInput.cjs.map +0 -1
- package/lib/cjs/InlineColorPickerInput.cjs +0 -25
- package/lib/cjs/InlineColorPickerInput.cjs.map +0 -1
- package/lib/cjs/InlineDatePicker-B7DTwvhv.js.map +0 -1
- package/lib/cjs/validateColorContrast.cjs +0 -53
- package/lib/cjs/validateColorContrast.cjs.map +0 -1
- package/lib/cjs/validateColorContrastWithMessage.cjs +0 -10
- package/lib/cjs/validateColorContrastWithMessage.cjs.map +0 -1
- package/lib/esm/ColorPickerInput-S8X2gIA5.js +0 -180
- package/lib/esm/ColorPickerInput-S8X2gIA5.js.map +0 -1
- package/lib/esm/ColorPickerInput.js +0 -18
- package/lib/esm/ColorPickerInput.js.map +0 -1
- package/lib/esm/InlineColorPickerInput.js +0 -18
- package/lib/esm/InlineColorPickerInput.js.map +0 -1
- package/lib/esm/InlineDatePicker-BuxjkoV0.js.map +0 -1
- package/lib/esm/validateColorContrast.js +0 -50
- package/lib/esm/validateColorContrast.js.map +0 -1
- package/lib/esm/validateColorContrastWithMessage.js +0 -3
- package/lib/esm/validateColorContrastWithMessage.js.map +0 -1
- package/lib/types/src/components/ColorPickerInput/ColorPickerInput.d.ts +0 -3
- package/lib/types/src/components/ColorPickerInput/InlineColorPickerInput.d.ts +0 -3
- package/lib/types/src/components/ColorPickerInput/index.d.ts +0 -3
- package/lib/types/src/components/ColorPickerInput/types.d.ts +0 -48
- package/lib/types/src/components/Form/fields/ColorPickerField/ColorPickerField.d.ts +0 -4
- package/lib/types/src/components/Form/fields/ColorPickerField/index.d.ts +0 -1
- package/lib/types/src/helpers/colorValidators.d.ts +0 -19
package/lib/esm/DatePicker.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { _ as __assign } from './_tslib-CcAXazg4.js';
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { useRef, useState, useEffect } from 'react';
|
|
4
|
-
import { D as DatePickerGroup, I as InlineDatePicker, V as ValidationText, H as HelperText } from './InlineDatePicker-
|
|
4
|
+
import { D as DatePickerGroup, I as InlineDatePicker, V as ValidationText, H as HelperText } from './InlineDatePicker-ClVBWEzW.js';
|
|
5
5
|
import { u as useMeasure } from './useMeasure-D89v6c_A.js';
|
|
6
6
|
import { s as showLabel } from './showLabel-D6KgNem4.js';
|
|
7
7
|
import { L as LabelBox, A as Asterisk } from './Inputs-C6OWHviY.js';
|
package/lib/esm/Form.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { F as FormWrapper } from './FormStyles-
|
|
2
|
-
export { F as Form } from './FormikContainer-
|
|
3
|
-
export { FormFieldTypeEnum, RemovableFieldTypeEnum, isAddress, isCheckbox, isCheckboxGroup,
|
|
1
|
+
export { F as FormWrapper } from './FormStyles-BQJPyTS0.js';
|
|
2
|
+
export { F as Form } from './FormikContainer-SJPYfIkF.js';
|
|
3
|
+
export { FormFieldTypeEnum, RemovableFieldTypeEnum, isAddress, isCheckbox, isCheckboxGroup, isConfigurableInput, isCountrySelect, isCountySelect, isCreditCard, isCurrency, isDatePicker, isDescriptiveDropdownInput, isEmail, isFormFieldType, isImagePicker, isMultiSelect, isNationalitySelect, isNumber, isPassword, isPhone, isRadioGroup, isRemovable, isSectionHeader, isSelect, isSocialSecurity, isSplitLine, isStateSelect, isTextarea, isToggle, isToggleGroup, isZipCode } from './FormFieldTypeEnum.js';
|
|
4
4
|
import './_tslib-CcAXazg4.js';
|
|
5
5
|
import 'styled-components';
|
|
6
6
|
import './colors.js';
|
|
@@ -18,8 +18,6 @@ import './Switches-yNTNw1zb.js';
|
|
|
18
18
|
import './DescriptiveSwitchMenuStyles-CQ_uwipg.js';
|
|
19
19
|
import './SwitchTypeEnum.js';
|
|
20
20
|
import './addOrRemoveById.js';
|
|
21
|
-
import './validateColorContrast.js';
|
|
22
|
-
import './pressedEnter.js';
|
|
23
21
|
import './formatBytesToString.js';
|
|
24
22
|
import './northAmericanNumberingPlanRegex.js';
|
|
25
23
|
import 'yup';
|
|
@@ -28,6 +26,7 @@ import 'react';
|
|
|
28
26
|
import './ButtonColorFamilyEnum.js';
|
|
29
27
|
import './LoadingEllipsis-8qdawLXG.js';
|
|
30
28
|
import './Button.js';
|
|
29
|
+
import './pressedEnter.js';
|
|
31
30
|
import './ArrowLong.js';
|
|
32
31
|
import './colors-D-UTb8yU.js';
|
|
33
32
|
import './CaretDown.js';
|
|
@@ -61,7 +60,6 @@ import './Checkbox-BvmFgeG0.js';
|
|
|
61
60
|
import './CheckboxEmpty.js';
|
|
62
61
|
import './CheckboxFull.js';
|
|
63
62
|
import './CheckboxGroup-DLMaYrFn.js';
|
|
64
|
-
import './ColorPickerInput-S8X2gIA5.js';
|
|
65
63
|
import './ConfigurableInput-BjJTNTyz.js';
|
|
66
64
|
import './RadioGroup-ByCUWp6N.js';
|
|
67
65
|
import './RadioItem-BKCG_dY3.js';
|
|
@@ -94,7 +92,7 @@ import './cardValidationStateMachine.js';
|
|
|
94
92
|
import './CurrencyInput-CzI4uaoz.js';
|
|
95
93
|
import './InlineCurrencyInput-DPpU3QyZ.js';
|
|
96
94
|
import './DatePicker.js';
|
|
97
|
-
import './InlineDatePicker-
|
|
95
|
+
import './InlineDatePicker-ClVBWEzW.js';
|
|
98
96
|
import './Calendar.js';
|
|
99
97
|
import './ClickOutHandler-CcKVoXIs.js';
|
|
100
98
|
import './CaretLeft.js';
|
package/lib/esm/Form.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Form.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -3,7 +3,6 @@ var FormFieldTypeEnum;
|
|
|
3
3
|
FormFieldTypeEnum["Address"] = "ADDRESS";
|
|
4
4
|
FormFieldTypeEnum["Checkbox"] = "CHECKBOX";
|
|
5
5
|
FormFieldTypeEnum["CheckboxGroup"] = "CHECKBOX_GROUP";
|
|
6
|
-
FormFieldTypeEnum["ColorPicker"] = "COLOR_PICKER";
|
|
7
6
|
FormFieldTypeEnum["ConfigurableInput"] = "CONFIGURABLE_INPUT";
|
|
8
7
|
FormFieldTypeEnum["CountySelect"] = "COUNTY_SELECT";
|
|
9
8
|
FormFieldTypeEnum["CountrySelect"] = "COUNTRY_SELECT";
|
|
@@ -45,9 +44,6 @@ var isCheckbox = function (field) {
|
|
|
45
44
|
var isCheckboxGroup = function (field) {
|
|
46
45
|
return field.type === FormFieldTypeEnum.CheckboxGroup;
|
|
47
46
|
};
|
|
48
|
-
var isColorPicker = function (field) {
|
|
49
|
-
return field.type === FormFieldTypeEnum.ColorPicker;
|
|
50
|
-
};
|
|
51
47
|
var isConfigurableInput = function (field) {
|
|
52
48
|
return field.type === FormFieldTypeEnum.ConfigurableInput;
|
|
53
49
|
};
|
|
@@ -159,5 +155,5 @@ var isZipCode = function (field) {
|
|
|
159
155
|
return field.type === FormFieldTypeEnum.ZipCode;
|
|
160
156
|
};
|
|
161
157
|
|
|
162
|
-
export { FormFieldTypeEnum, RemovableFieldTypeEnum, isAddress, isArrayOfSelectOptionsType, isCheckbox, isCheckboxGroup,
|
|
158
|
+
export { FormFieldTypeEnum, RemovableFieldTypeEnum, isAddress, isArrayOfSelectOptionsType, isCheckbox, isCheckboxGroup, isConfigurableInput, isCountrySelect, isCountySelect, isCreditCard, isCurrency, isDatePicker, isDescriptiveDropdownInput, isEmail, isFormFieldType, isHidden, isImagePicker, isMultiSelect, isNationalitySelect, isNumber, isPassword, isPhone, isRadioGroup, isRemovable, isSectionHeader, isSelect, isSelectOptionType, isSocialSecurity, isSplitLine, isStateSelect, isSwitchMenuOptionsType, isText, isTextarea, isToggle, isToggleGroup, isZipCode };
|
|
163
159
|
//# sourceMappingURL=FormFieldTypeEnum.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormFieldTypeEnum.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FormFieldTypeEnum.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/esm/FormSeparator.js
CHANGED
|
@@ -5,7 +5,7 @@ import './BodyLEmphasis.js';
|
|
|
5
5
|
import './Loading.js';
|
|
6
6
|
import './Scroller.js';
|
|
7
7
|
import './Inputs-C6OWHviY.js';
|
|
8
|
-
export { u as AddButtonBox, A as AddButtonGroup, B as ButtonGroup, w as CancelButton, C as CenterCheckbox, o as CenterToggle, s as ClearFormButtonWrap, e as FieldBox, p as FormGroup, a as FormSeparator, q as FormTitleGroup, F as FormWrapper, H as HelperTextGrid, n as InlineFieldCell, m as InlineFieldGrid, I as InputBox, f as LeftGutter, g as LeftLabel, L as LoadingBase, b as LoadingBox, d as LoadingInput, c as LoadingLabel, k as RemovableButtonBox, i as RemovableFieldBox, j as RemoveButtonWrapper, R as RightGutter, S as SubHeader, v as SubmitButton, l as Text, r as Title, T as TitleGroup, V as ValidationTextGrid } from './FormStyles-
|
|
8
|
+
export { u as AddButtonBox, A as AddButtonGroup, B as ButtonGroup, w as CancelButton, C as CenterCheckbox, o as CenterToggle, s as ClearFormButtonWrap, e as FieldBox, p as FormGroup, a as FormSeparator, q as FormTitleGroup, F as FormWrapper, H as HelperTextGrid, n as InlineFieldCell, m as InlineFieldGrid, I as InputBox, f as LeftGutter, g as LeftLabel, L as LoadingBase, b as LoadingBox, d as LoadingInput, c as LoadingLabel, k as RemovableButtonBox, i as RemovableFieldBox, j as RemoveButtonWrapper, R as RightGutter, S as SubHeader, v as SubmitButton, l as Text, r as Title, T as TitleGroup, V as ValidationTextGrid } from './FormStyles-BQJPyTS0.js';
|
|
9
9
|
import 'react/jsx-runtime';
|
|
10
10
|
import './IconComponentStyles-BwczcTS4.js';
|
|
11
11
|
import './CheckboxStyles-Cx6hCn3t.js';
|
|
@@ -16,8 +16,6 @@ import './Switches-yNTNw1zb.js';
|
|
|
16
16
|
import './DescriptiveSwitchMenuStyles-CQ_uwipg.js';
|
|
17
17
|
import './SwitchTypeEnum.js';
|
|
18
18
|
import './addOrRemoveById.js';
|
|
19
|
-
import './validateColorContrast.js';
|
|
20
|
-
import './pressedEnter.js';
|
|
21
19
|
import './formatBytesToString.js';
|
|
22
20
|
import './northAmericanNumberingPlanRegex.js';
|
|
23
21
|
import 'yup';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormSeparator.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FormSeparator.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -14,11 +14,10 @@ import './Switches-yNTNw1zb.js';
|
|
|
14
14
|
import './DescriptiveSwitchMenuStyles-CQ_uwipg.js';
|
|
15
15
|
import { SwitchTypeEnum } from './SwitchTypeEnum.js';
|
|
16
16
|
import { getObjectById } from './addOrRemoveById.js';
|
|
17
|
-
import { validateColorContrast } from './validateColorContrast.js';
|
|
18
17
|
import { formatBytesToString } from './formatBytesToString.js';
|
|
19
18
|
import { northAmericanNumberingPlanRegex } from './northAmericanNumberingPlanRegex.js';
|
|
20
19
|
import * as yup from 'yup';
|
|
21
|
-
import { FormFieldTypeEnum, isSplitLine, isSectionHeader, isCheckbox, isToggle, isCheckboxGroup, isMultiSelect, isToggleGroup, isRemovable, isPassword, isAddress,
|
|
20
|
+
import { FormFieldTypeEnum, isSplitLine, isSectionHeader, isCheckbox, isToggle, isCheckboxGroup, isMultiSelect, isToggleGroup, isRemovable, isPassword, isAddress, isConfigurableInput, isCountySelect, isCountrySelect, isCreditCard, isCurrency, isDatePicker, isDescriptiveDropdownInput, isEmail, isImagePicker, isNumber, isPhone, isRadioGroup, isSelect, isSocialSecurity, isStateSelect, isTextarea, isZipCode } from './FormFieldTypeEnum.js';
|
|
22
21
|
|
|
23
22
|
var integerRegex = /^\d+$/;
|
|
24
23
|
// at least 8 chars
|
|
@@ -174,24 +173,8 @@ var formatValidationInternals = function (_a) {
|
|
|
174
173
|
validationFunction ||
|
|
175
174
|
(required && allowRequired && !disabled ? yup.array().of(yup.string()).min(1, requiredMessage) : yup.array().of(yup.string()));
|
|
176
175
|
}
|
|
177
|
-
else if (isColorPicker(field)) {
|
|
178
|
-
var _j = field.requiredMessage, requiredMessage = _j === void 0 ? "This field is required" : _j, _k = field.validationMessage, validationMessage = _k === void 0 ? "This color does not have sufficient contrast for accessibility" : _k;
|
|
179
|
-
var _l = field.options || {}, _m = _l.checkLegible, checkLegible = _m === void 0 ? false : _m, _o = _l.legibleAgainst, legibleAgainst_1 = _o === void 0 ? "#ffffff" : _o;
|
|
180
|
-
// Create base string validation
|
|
181
|
-
var colorSchema = yup.string();
|
|
182
|
-
// Add contrast validation if checkLegible is enabled
|
|
183
|
-
if (checkLegible) {
|
|
184
|
-
colorSchema = colorSchema.test("color-contrast", validationMessage, function (value) {
|
|
185
|
-
if (!value)
|
|
186
|
-
return true; // Allow empty values, let required validation handle this
|
|
187
|
-
return validateColorContrast(value, legibleAgainst_1);
|
|
188
|
-
});
|
|
189
|
-
}
|
|
190
|
-
validationInternals[name_6] =
|
|
191
|
-
validationFunction || (required && allowRequired && !disabled ? colorSchema.required(requiredMessage) : colorSchema);
|
|
192
|
-
}
|
|
193
176
|
else if (isConfigurableInput(field)) {
|
|
194
|
-
var
|
|
177
|
+
var _j = field.requiredMessage, requiredMessage = _j === void 0 ? "This field is required" : _j, _k = field.validationMessage, validationMessage = _k === void 0 ? "This field must be a string" : _k, options = field.options;
|
|
195
178
|
var maskedRadios = options.maskedRadios, defaultId = options.defaultId;
|
|
196
179
|
var activeId = configurableInputFieldActiveIds[name_6] || defaultId || maskedRadios[0].value;
|
|
197
180
|
var selectedOption = getObjectById({ array: maskedRadios, id: activeId, idKey: "value" });
|
|
@@ -204,31 +187,31 @@ var formatValidationInternals = function (_a) {
|
|
|
204
187
|
: yup.string().typeError(validationMessage));
|
|
205
188
|
}
|
|
206
189
|
else if (isCountySelect(field)) {
|
|
207
|
-
var
|
|
190
|
+
var _l = field.requiredMessage, requiredMessage = _l === void 0 ? "This field is required" : _l, _m = field.validationMessage, validationMessage = _m === void 0 ? "This field must be a string" : _m;
|
|
208
191
|
validationInternals[name_6] =
|
|
209
192
|
validationFunction ||
|
|
210
193
|
(required && allowRequired && !disabled ? yup.string().required(requiredMessage) : yup.string().typeError(validationMessage));
|
|
211
194
|
}
|
|
212
195
|
else if (isCountrySelect(field)) {
|
|
213
|
-
var
|
|
196
|
+
var _o = field.requiredMessage, requiredMessage = _o === void 0 ? "This field is required" : _o, _p = field.validationMessage, validationMessage = _p === void 0 ? "This field must be a string" : _p;
|
|
214
197
|
validationInternals[name_6] =
|
|
215
198
|
validationFunction ||
|
|
216
199
|
(required && allowRequired && !disabled ? yup.string().required(requiredMessage) : yup.string().typeError(validationMessage));
|
|
217
200
|
}
|
|
218
201
|
else if (isCreditCard(field)) {
|
|
219
|
-
var
|
|
202
|
+
var _q = field.requiredMessage, requiredMessage = _q === void 0 ? "This field is required" : _q, _r = field.validationMessage, validationMessage = _r === void 0 ? "This field must be a string" : _r;
|
|
220
203
|
validationInternals[name_6] =
|
|
221
204
|
validationFunction ||
|
|
222
205
|
(required && allowRequired && !disabled ? yup.string().required(requiredMessage) : yup.string().typeError(validationMessage));
|
|
223
206
|
}
|
|
224
207
|
else if (isCurrency(field)) {
|
|
225
|
-
var
|
|
208
|
+
var _s = field.requiredMessage, requiredMessage = _s === void 0 ? "This field is required" : _s, _t = field.validationMessage, validationMessage = _t === void 0 ? "This field must be a number" : _t;
|
|
226
209
|
validationInternals[name_6] =
|
|
227
210
|
validationFunction ||
|
|
228
211
|
(required && allowRequired && !disabled ? yup.number().required(requiredMessage) : yup.number().typeError(validationMessage));
|
|
229
212
|
}
|
|
230
213
|
else if (isDatePicker(field)) {
|
|
231
|
-
var
|
|
214
|
+
var _u = field.requiredMessage, requiredMessage = _u === void 0 ? "This field is required" : _u, _v = field.validationMessage, validationMessage = _v === void 0 ? "Please enter a valid date" : _v;
|
|
232
215
|
var dateSchema = yup
|
|
233
216
|
.date()
|
|
234
217
|
// For some reason, "value" is always wrong. Thanks react-datepicker. Thanks a lot.
|
|
@@ -245,7 +228,7 @@ var formatValidationInternals = function (_a) {
|
|
|
245
228
|
validationFunction || (required && allowRequired && !disabled ? dateSchema.required(requiredMessage) : dateSchema);
|
|
246
229
|
}
|
|
247
230
|
else if (isDescriptiveDropdownInput(field)) {
|
|
248
|
-
var
|
|
231
|
+
var _w = field.requiredMessage, requiredMessage = _w === void 0 ? "Please select at least one" : _w, _x = field.validationMessage, validationMessage = _x === void 0 ? "This field must be a string" : _x;
|
|
249
232
|
var switchType = (_b = field.options) === null || _b === void 0 ? void 0 : _b.switchType;
|
|
250
233
|
if (!switchType || switchType === SwitchTypeEnum.Radio) {
|
|
251
234
|
validationInternals[name_6] =
|
|
@@ -259,7 +242,7 @@ var formatValidationInternals = function (_a) {
|
|
|
259
242
|
}
|
|
260
243
|
}
|
|
261
244
|
else if (isEmail(field)) {
|
|
262
|
-
var
|
|
245
|
+
var _y = field.requiredMessage, requiredMessage = _y === void 0 ? "Please enter your email" : _y, _z = field.validationMessage, validationMessage = _z === void 0 ? "Invalid email" : _z;
|
|
263
246
|
validationInternals[name_6] =
|
|
264
247
|
validationFunction ||
|
|
265
248
|
(required && allowRequired && !disabled
|
|
@@ -268,7 +251,7 @@ var formatValidationInternals = function (_a) {
|
|
|
268
251
|
}
|
|
269
252
|
else if (isImagePicker(field)) {
|
|
270
253
|
var maxFileSize_1 = ((_c = field.options) === null || _c === void 0 ? void 0 : _c.maxFileSize) || 9999999999;
|
|
271
|
-
var initialValue_1 = field.initialValue,
|
|
254
|
+
var initialValue_1 = field.initialValue, _0 = field.requiredMessage, requiredMessage = _0 === void 0 ? "Please pick an image" : _0, _1 = field.validationMessage, validationMessage = _1 === void 0 ? "File cannot exceed ".concat(formatBytesToString({ bytes: maxFileSize_1 })) : _1;
|
|
272
255
|
validationInternals[name_6] =
|
|
273
256
|
validationFunction ||
|
|
274
257
|
(required && allowRequired && !disabled
|
|
@@ -276,13 +259,13 @@ var formatValidationInternals = function (_a) {
|
|
|
276
259
|
: yup.mixed().test("fileSize", validationMessage, function (value) { return imageValidation({ value: value, maxFileSize: maxFileSize_1, initialValue: initialValue_1 }); })); // will validate if there is no file, or if the initialValue is passed
|
|
277
260
|
}
|
|
278
261
|
else if (isMultiSelect(field)) {
|
|
279
|
-
var
|
|
262
|
+
var _2 = field.requiredMessage, requiredMessage = _2 === void 0 ? "This field is required" : _2;
|
|
280
263
|
validationInternals[name_6] =
|
|
281
264
|
validationFunction ||
|
|
282
265
|
(required && allowRequired && !disabled ? yup.array().of(yup.string()).min(1, requiredMessage) : yup.array().of(yup.string()));
|
|
283
266
|
}
|
|
284
267
|
else if (isNumber(field)) {
|
|
285
|
-
var
|
|
268
|
+
var _3 = field.requiredMessage, requiredMessage = _3 === void 0 ? "This field is required" : _3, _4 = field.validationMessage, validationMessage = _4 === void 0 ? "Please enter a valid number" : _4;
|
|
286
269
|
validationInternals[name_6] =
|
|
287
270
|
validationFunction ||
|
|
288
271
|
(required && allowRequired && !disabled
|
|
@@ -299,7 +282,7 @@ var formatValidationInternals = function (_a) {
|
|
|
299
282
|
}));
|
|
300
283
|
}
|
|
301
284
|
else if (isPhone(field)) {
|
|
302
|
-
var
|
|
285
|
+
var _5 = field.requiredMessage, requiredMessage = _5 === void 0 ? "Phone number is required" : _5, _6 = field.validationMessage, validationMessage = _6 === void 0 ? "Please enter a valid phone number" : _6;
|
|
303
286
|
validationInternals[name_6] =
|
|
304
287
|
validationFunction ||
|
|
305
288
|
(required && allowRequired && !disabled
|
|
@@ -317,19 +300,19 @@ var formatValidationInternals = function (_a) {
|
|
|
317
300
|
}));
|
|
318
301
|
}
|
|
319
302
|
else if (isRadioGroup(field)) {
|
|
320
|
-
var
|
|
303
|
+
var _7 = field.requiredMessage, requiredMessage = _7 === void 0 ? "Please select one" : _7, _8 = field.validationMessage, validationMessage = _8 === void 0 ? "This field must be a string" : _8;
|
|
321
304
|
validationInternals[name_6] =
|
|
322
305
|
validationFunction ||
|
|
323
306
|
(required && allowRequired && !disabled ? yup.string().required(requiredMessage) : yup.string().typeError(validationMessage));
|
|
324
307
|
}
|
|
325
308
|
else if (isSelect(field)) {
|
|
326
|
-
var
|
|
309
|
+
var _9 = field.requiredMessage, requiredMessage = _9 === void 0 ? "This field is required" : _9, _10 = field.validationMessage, validationMessage = _10 === void 0 ? "This field must be a string" : _10;
|
|
327
310
|
validationInternals[name_6] =
|
|
328
311
|
validationFunction ||
|
|
329
312
|
(required && allowRequired && !disabled ? yup.string().required(requiredMessage) : yup.string().typeError(validationMessage));
|
|
330
313
|
}
|
|
331
314
|
else if (isSocialSecurity(field)) {
|
|
332
|
-
var
|
|
315
|
+
var _11 = field.requiredMessage, requiredMessage = _11 === void 0 ? "Please enter an SSN" : _11, _12 = field.validationMessage, validationMessage = _12 === void 0 ? "Please enter a valid SSN" : _12;
|
|
333
316
|
validationInternals[name_6] =
|
|
334
317
|
validationFunction ||
|
|
335
318
|
(required && allowRequired && !disabled
|
|
@@ -346,25 +329,25 @@ var formatValidationInternals = function (_a) {
|
|
|
346
329
|
}));
|
|
347
330
|
}
|
|
348
331
|
else if (isStateSelect(field)) {
|
|
349
|
-
var
|
|
332
|
+
var _13 = field.requiredMessage, requiredMessage = _13 === void 0 ? "This field is required" : _13, _14 = field.validationMessage, validationMessage = _14 === void 0 ? "This field must be a string" : _14;
|
|
350
333
|
validationInternals[name_6] =
|
|
351
334
|
validationFunction ||
|
|
352
335
|
(required && allowRequired && !disabled ? yup.string().required(requiredMessage) : yup.string().typeError(validationMessage));
|
|
353
336
|
}
|
|
354
337
|
else if (isTextarea(field)) {
|
|
355
|
-
var
|
|
338
|
+
var _15 = field.requiredMessage, requiredMessage = _15 === void 0 ? "This field is required" : _15, _16 = field.validationMessage, validationMessage = _16 === void 0 ? "This field must be a string" : _16;
|
|
356
339
|
validationInternals[name_6] =
|
|
357
340
|
validationFunction ||
|
|
358
341
|
(required && allowRequired && !disabled ? yup.string().required(requiredMessage) : yup.string().typeError(validationMessage));
|
|
359
342
|
}
|
|
360
343
|
else if (isToggleGroup(field)) {
|
|
361
|
-
var
|
|
344
|
+
var _17 = field.requiredMessage, requiredMessage = _17 === void 0 ? "Please select at least one" : _17;
|
|
362
345
|
validationInternals[name_6] =
|
|
363
346
|
validationFunction ||
|
|
364
347
|
(required && allowRequired && !disabled ? yup.array().of(yup.string()).min(1, requiredMessage) : yup.array().of(yup.string()));
|
|
365
348
|
}
|
|
366
349
|
else if (isZipCode(field)) {
|
|
367
|
-
var
|
|
350
|
+
var _18 = field.requiredMessage, requiredMessage = _18 === void 0 ? "Please enter a zip code" : _18, _19 = field.validationMessage, validationMessage = _19 === void 0 ? "Please enter a valid zip code" : _19;
|
|
368
351
|
validationInternals[name_6] =
|
|
369
352
|
validationFunction ||
|
|
370
353
|
(required && allowRequired && !disabled
|
|
@@ -381,7 +364,7 @@ var formatValidationInternals = function (_a) {
|
|
|
381
364
|
}));
|
|
382
365
|
}
|
|
383
366
|
else {
|
|
384
|
-
var
|
|
367
|
+
var _20 = field.requiredMessage, requiredMessage = _20 === void 0 ? "This field is required" : _20, _21 = field.validationMessage, validationMessage = _21 === void 0 ? "This field must be a string" : _21;
|
|
385
368
|
validationInternals[name_6] =
|
|
386
369
|
validationFunction ||
|
|
387
370
|
(required && allowRequired && !disabled
|
|
@@ -714,4 +697,4 @@ var LoadingInput = styled.div(templateObject_32 || (templateObject_32 = __makeTe
|
|
|
714
697
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32;
|
|
715
698
|
|
|
716
699
|
export { AddButtonGroup as A, ButtonGroup as B, CenterCheckbox as C, DefaultPixelWidth as D, FormWrapper as F, HelperTextGrid as H, InputBox as I, LoadingBase as L, RightGutter as R, SubHeader as S, TitleGroup as T, ValidationTextGrid as V, FormSeparator as a, LoadingBox as b, LoadingLabel as c, LoadingInput as d, FieldBox as e, LeftGutter as f, LeftLabel as g, formHasValues as h, RemovableFieldBox as i, RemoveButtonWrapper as j, RemovableButtonBox as k, Text as l, InlineFieldGrid as m, InlineFieldCell as n, CenterToggle as o, FormGroup as p, FormTitleGroup as q, Title as r, ClearFormButtonWrap as s, shouldFade as t, AddButtonBox as u, SubmitButton as v, CancelButton as w, formatValidation as x, formatInitialValues as y };
|
|
717
|
-
//# sourceMappingURL=FormStyles-
|
|
700
|
+
//# sourceMappingURL=FormStyles-BQJPyTS0.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormStyles-
|
|
1
|
+
{"version":3,"file":"FormStyles-BQJPyTS0.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/esm/FormWrapper.js
CHANGED
|
@@ -5,7 +5,7 @@ import './BodyLEmphasis.js';
|
|
|
5
5
|
import './Loading.js';
|
|
6
6
|
import './Scroller.js';
|
|
7
7
|
import './Inputs-C6OWHviY.js';
|
|
8
|
-
export { u as AddButtonBox, A as AddButtonGroup, B as ButtonGroup, w as CancelButton, C as CenterCheckbox, o as CenterToggle, s as ClearFormButtonWrap, e as FieldBox, p as FormGroup, a as FormSeparator, q as FormTitleGroup, F as FormWrapper, H as HelperTextGrid, n as InlineFieldCell, m as InlineFieldGrid, I as InputBox, f as LeftGutter, g as LeftLabel, L as LoadingBase, b as LoadingBox, d as LoadingInput, c as LoadingLabel, k as RemovableButtonBox, i as RemovableFieldBox, j as RemoveButtonWrapper, R as RightGutter, S as SubHeader, v as SubmitButton, l as Text, r as Title, T as TitleGroup, V as ValidationTextGrid } from './FormStyles-
|
|
8
|
+
export { u as AddButtonBox, A as AddButtonGroup, B as ButtonGroup, w as CancelButton, C as CenterCheckbox, o as CenterToggle, s as ClearFormButtonWrap, e as FieldBox, p as FormGroup, a as FormSeparator, q as FormTitleGroup, F as FormWrapper, H as HelperTextGrid, n as InlineFieldCell, m as InlineFieldGrid, I as InputBox, f as LeftGutter, g as LeftLabel, L as LoadingBase, b as LoadingBox, d as LoadingInput, c as LoadingLabel, k as RemovableButtonBox, i as RemovableFieldBox, j as RemoveButtonWrapper, R as RightGutter, S as SubHeader, v as SubmitButton, l as Text, r as Title, T as TitleGroup, V as ValidationTextGrid } from './FormStyles-BQJPyTS0.js';
|
|
9
9
|
import 'react/jsx-runtime';
|
|
10
10
|
import './IconComponentStyles-BwczcTS4.js';
|
|
11
11
|
import './CheckboxStyles-Cx6hCn3t.js';
|
|
@@ -16,8 +16,6 @@ import './Switches-yNTNw1zb.js';
|
|
|
16
16
|
import './DescriptiveSwitchMenuStyles-CQ_uwipg.js';
|
|
17
17
|
import './SwitchTypeEnum.js';
|
|
18
18
|
import './addOrRemoveById.js';
|
|
19
|
-
import './validateColorContrast.js';
|
|
20
|
-
import './pressedEnter.js';
|
|
21
19
|
import './formatBytesToString.js';
|
|
22
20
|
import './northAmericanNumberingPlanRegex.js';
|
|
23
21
|
import 'yup';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormWrapper.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FormWrapper.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -18,15 +18,14 @@ import { u as useMeasure } from './useMeasure-D89v6c_A.js';
|
|
|
18
18
|
import { usePrevious } from './usePrevious.js';
|
|
19
19
|
import './Loading.js';
|
|
20
20
|
import { ShortScroller } from './Scroller.js';
|
|
21
|
-
import { L as LoadingBase, b as LoadingBox, c as LoadingLabel, d as LoadingInput, e as FieldBox, f as LeftGutter, g as LeftLabel, H as HelperTextGrid, I as InputBox, R as RightGutter, V as ValidationTextGrid, h as formHasValues, D as DefaultPixelWidth, i as RemovableFieldBox, j as RemoveButtonWrapper, k as RemovableButtonBox, a as FormSeparator, T as TitleGroup, l as Text, S as SubHeader, m as InlineFieldGrid, n as InlineFieldCell, C as CenterCheckbox, o as CenterToggle, p as FormGroup, q as FormTitleGroup, r as Title, s as ClearFormButtonWrap, t as shouldFade, A as AddButtonGroup, u as AddButtonBox, B as ButtonGroup, v as SubmitButton, w as CancelButton, x as formatValidation, y as formatInitialValues } from './FormStyles-
|
|
21
|
+
import { L as LoadingBase, b as LoadingBox, c as LoadingLabel, d as LoadingInput, e as FieldBox, f as LeftGutter, g as LeftLabel, H as HelperTextGrid, I as InputBox, R as RightGutter, V as ValidationTextGrid, h as formHasValues, D as DefaultPixelWidth, i as RemovableFieldBox, j as RemoveButtonWrapper, k as RemovableButtonBox, a as FormSeparator, T as TitleGroup, l as Text, S as SubHeader, m as InlineFieldGrid, n as InlineFieldCell, C as CenterCheckbox, o as CenterToggle, p as FormGroup, q as FormTitleGroup, r as Title, s as ClearFormButtonWrap, t as shouldFade, A as AddButtonGroup, u as AddButtonBox, B as ButtonGroup, v as SubmitButton, w as CancelButton, x as formatValidation, y as formatInitialValues } from './FormStyles-BQJPyTS0.js';
|
|
22
22
|
import { A as AddressInput } from './AddressInput-OGU58AzF.js';
|
|
23
23
|
import { A as Asterisk } from './Inputs-C6OWHviY.js';
|
|
24
24
|
import { flushSync } from 'react-dom';
|
|
25
25
|
import { C as CheckboxItem } from './CheckboxItem-CqZ7Bo3j.js';
|
|
26
26
|
import { C as CheckboxGroup } from './CheckboxGroup-DLMaYrFn.js';
|
|
27
|
-
import { I as InlineColorPickerInput, C as ColorPickerInput } from './ColorPickerInput-S8X2gIA5.js';
|
|
28
27
|
import { C as ConfigurableInput } from './ConfigurableInput-BjJTNTyz.js';
|
|
29
|
-
import { isSelectOptionType, isSwitchMenuOptionsType, isArrayOfSelectOptionsType, isAddress, isCountrySelect, isCountySelect, isCreditCard, isCurrency, isDatePicker, isDescriptiveDropdownInput, isEmail, isMultiSelect, isNumber, isPassword, isPhone, isSelect, isSocialSecurity, isStateSelect, isZipCode, isText, RemovableFieldTypeEnum, isSplitLine, isSectionHeader, isCheckbox, isImagePicker, isToggle, isFormFieldType, isCheckboxGroup,
|
|
28
|
+
import { isSelectOptionType, isSwitchMenuOptionsType, isArrayOfSelectOptionsType, isAddress, isCountrySelect, isCountySelect, isCreditCard, isCurrency, isDatePicker, isDescriptiveDropdownInput, isEmail, isMultiSelect, isNumber, isPassword, isPhone, isSelect, isSocialSecurity, isStateSelect, isZipCode, isText, RemovableFieldTypeEnum, isSplitLine, isSectionHeader, isCheckbox, isImagePicker, isToggle, isFormFieldType, isCheckboxGroup, isConfigurableInput, isHidden, isNationalitySelect, isRadioGroup, isRemovable, isTextarea, isToggleGroup } from './FormFieldTypeEnum.js';
|
|
30
29
|
import { c as countryList, C as CountryDropdown, F as Flag } from './CountryDropdown-lsqagQgA.js';
|
|
31
30
|
import { stateAbbreviationLookup } from './stateAbbreviationLookup.js';
|
|
32
31
|
import { usCounties } from './usCounties.js';
|
|
@@ -38,7 +37,7 @@ import { C as CurrencyInput } from './CurrencyInput-CzI4uaoz.js';
|
|
|
38
37
|
import { I as InlineCurrencyInput } from './InlineCurrencyInput-DPpU3QyZ.js';
|
|
39
38
|
import { getFloatValueFromString } from './formatBytesToString.js';
|
|
40
39
|
import { DatePicker } from './DatePicker.js';
|
|
41
|
-
import { I as InlineDatePicker } from './InlineDatePicker-
|
|
40
|
+
import { I as InlineDatePicker } from './InlineDatePicker-ClVBWEzW.js';
|
|
42
41
|
import './CheckboxStyles-Cx6hCn3t.js';
|
|
43
42
|
import './RadioStyles-CjeGoQU0.js';
|
|
44
43
|
import './ToggleStyles-DxTKSAXl.js';
|
|
@@ -192,32 +191,6 @@ var CheckboxGroupField = function (_a) {
|
|
|
192
191
|
}, required: required && !disabled, showValidationMessage: !leftLabels && showValidationMessage, validationMessage: validationMessage })) })), leftLabels && (jsx(RightGutter, { "$switchSpacing": true, children: jsx(ValidationTextGrid, { "$showValidationMessage": showValidationMessage, "$switchSpacing": true, children: validationMessage }) }))] }));
|
|
193
192
|
};
|
|
194
193
|
|
|
195
|
-
var ColorPickerField = function (_a) {
|
|
196
|
-
var fade = _a.fade, field = _a.field, formikProps = _a.formikProps, leftLabels = _a.leftLabels, leftLabelsRightGutter = _a.leftLabelsRightGutter, leftLabelWidth = _a.leftLabelWidth, rowGap = _a.rowGap, setHasValues = _a.setHasValues, setSubmitAttempt = _a.setSubmitAttempt, submitAttempt = _a.submitAttempt, submitOnBlur = _a.submitOnBlur;
|
|
197
|
-
var theme = useTheme();
|
|
198
|
-
var values = formikProps.values, errors = formikProps.errors, touched = formikProps.touched, handleBlur = formikProps.handleBlur, handleChange = formikProps.handleChange, submitForm = formikProps.submitForm;
|
|
199
|
-
var _b = field.disabled, disabled = _b === void 0 ? false : _b, fieldLabel = field.fieldLabel, name = field.name, nextGap = field.nextGap, _c = field.options, options = _c === void 0 ? {} : _c, width = field.width;
|
|
200
|
-
var helperText = options.helperText, onInputBlur = options.onInputBlur, onChange = options.onChange;
|
|
201
|
-
var showValidationMessage = (touched[name] || submitAttempt) && !!errors[name];
|
|
202
|
-
var validationMessage = errors[name];
|
|
203
|
-
var InputComponent = leftLabels ? InlineColorPickerInput : ColorPickerInput;
|
|
204
|
-
var InputWrap = leftLabels ? InputBox : Fragment;
|
|
205
|
-
return (jsxs(FieldBox, { "$fade": fade, "$fieldWidth": leftLabels ? undefined : width, "$leftLabelLayout": leftLabels, "$leftLabelWidth": leftLabelWidth, "$leftLabelsRightGutter": leftLabelsRightGutter, "$rowGap": nextGap !== null && nextGap !== void 0 ? nextGap : rowGap, children: [leftLabels && (jsxs(LeftGutter, { children: [jsx(LeftLabel, { "$textColor": disabled ? theme.input.disabledLabelColor : theme.input.leftLabelColor, "data-sentry-unmask": true, children: fieldLabel || name }), helperText && jsx(HelperTextGrid, { "data-sentry-unmask": true, children: helperText })] })), jsx(InputWrap, { children: jsx(InputComponent, __assign({}, options, { disabled: disabled }, (leftLabels ? {} : { inputLabel: fieldLabel || name }), { name: name, onChange: function (event) {
|
|
206
|
-
handleChange(event);
|
|
207
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(event);
|
|
208
|
-
}, onInputBlur: function (event) {
|
|
209
|
-
flushSync(function () {
|
|
210
|
-
setSubmitAttempt(false);
|
|
211
|
-
handleBlur(event);
|
|
212
|
-
onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(event);
|
|
213
|
-
setHasValues(formHasValues(values));
|
|
214
|
-
});
|
|
215
|
-
if (submitOnBlur) {
|
|
216
|
-
submitForm(event);
|
|
217
|
-
}
|
|
218
|
-
}, showValidationMessage: showValidationMessage }, (leftLabels ? {} : { validationMessage: validationMessage }), { value: values[name] || "#000000" })) }), leftLabels && (jsx(RightGutter, { children: jsx(ValidationTextGrid, { "$showValidationMessage": showValidationMessage, children: validationMessage }) }))] }));
|
|
219
|
-
};
|
|
220
|
-
|
|
221
194
|
var ConfigurableInputField = function (_a) {
|
|
222
195
|
var configurableInputFieldActiveIds = _a.configurableInputFieldActiveIds, fade = _a.fade, field = _a.field, formikProps = _a.formikProps, leftLabels = _a.leftLabels, leftLabelsRightGutter = _a.leftLabelsRightGutter, leftLabelWidth = _a.leftLabelWidth, rowGap = _a.rowGap, submitAttempt = _a.submitAttempt, setConfigurableInputFieldActiveIds = _a.setConfigurableInputFieldActiveIds, setHasValues = _a.setHasValues, setSubmitAttempt = _a.setSubmitAttempt, submitOnBlur = _a.submitOnBlur;
|
|
223
196
|
var theme = useTheme();
|
|
@@ -1486,9 +1459,6 @@ var Form = function (_a) {
|
|
|
1486
1459
|
else if (isCheckboxGroup(field) && (!field.showIf || field.showIf({ values: values }))) {
|
|
1487
1460
|
return (jsx(CheckboxGroupField, { fade: shouldFade({ isDeleting: isDeleting, index: index }), field: field, formikProps: formikProps, leftLabels: leftLabels, leftLabelWidth: leftLabelWidth, leftLabelsRightGutter: leftLabelsRightGutter, rowGap: rowGap, setHasValues: setHasValues, submitAttempt: submitAttempt, submitOnBlur: submitOnBlur }, name_1));
|
|
1488
1461
|
}
|
|
1489
|
-
else if (isColorPicker(field) && (!field.showIf || field.showIf({ values: values }))) {
|
|
1490
|
-
return (jsx(ColorPickerField, { fade: shouldFade({ isDeleting: isDeleting, index: index }), field: field, formikProps: formikProps, leftLabels: leftLabels, leftLabelWidth: leftLabelWidth, leftLabelsRightGutter: leftLabelsRightGutter, rowGap: rowGap, setHasValues: setHasValues, setSubmitAttempt: setSubmitAttempt, submitAttempt: submitAttempt, submitOnBlur: submitOnBlur }, name_1));
|
|
1491
|
-
}
|
|
1492
1462
|
else if (isConfigurableInput(field) && (!field.showIf || field.showIf({ values: values }))) {
|
|
1493
1463
|
return (jsx(ConfigurableInputField, { configurableInputFieldActiveIds: configurableInputFieldActiveIds, fade: shouldFade({ isDeleting: isDeleting, index: index }), field: field, formikProps: formikProps, leftLabels: leftLabels, leftLabelWidth: leftLabelWidth, leftLabelsRightGutter: leftLabelsRightGutter, rowGap: rowGap, setConfigurableInputFieldActiveIds: setConfigurableInputFieldActiveIds, setHasValues: setHasValues, setSubmitAttempt: setSubmitAttempt, submitAttempt: submitAttempt, submitOnBlur: submitOnBlur }, name_1));
|
|
1494
1464
|
}
|
|
@@ -1606,4 +1576,4 @@ var FormikContainer = function (props) {
|
|
|
1606
1576
|
};
|
|
1607
1577
|
|
|
1608
1578
|
export { FormikContainer as F, NationalityDropdown as N, nationalityList as n };
|
|
1609
|
-
//# sourceMappingURL=FormikContainer-
|
|
1579
|
+
//# sourceMappingURL=FormikContainer-SJPYfIkF.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormikContainer-
|
|
1
|
+
{"version":3,"file":"FormikContainer-SJPYfIkF.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|