@cerebruminc/cerebellum 10.2.0 → 11.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/lib/cjs/CheckboxCellWrapper.cjs +2 -2
- package/lib/cjs/{ColorDotDropdown-c401d169.js → ColorDotDropdown-d8951c0c.js} +2 -2
- package/lib/cjs/ColorDotDropdown-d8951c0c.js.map +1 -0
- package/lib/cjs/ColorDotDropdown.cjs +3 -3
- package/lib/cjs/{CountyDropdown-93deec4b.js → CountyDropdown-1b1959c4.js} +2 -2
- package/lib/cjs/CountyDropdown-1b1959c4.js.map +1 -0
- package/lib/cjs/CountyDropdown.cjs +3 -3
- package/lib/cjs/{DropdownInput-bd6379b8.js → DropdownInput-97680e8b.js} +6 -3
- package/lib/cjs/DropdownInput-97680e8b.js.map +1 -0
- package/lib/cjs/DropdownInput.cjs +2 -2
- package/lib/cjs/Form.cjs +3 -3
- package/lib/cjs/{FormikContainer-29402c07.js → FormikContainer-7d56cc6c.js} +150 -144
- package/lib/{esm/FormikContainer-49a184b2.js.map → cjs/FormikContainer-7d56cc6c.js.map} +1 -1
- package/lib/cjs/PhoneCell.cjs +2 -2
- package/lib/cjs/{RJSForm-dd4ee079.js → RJSForm-577f5734.js} +2 -2
- package/lib/cjs/{RJSForm-dd4ee079.js.map → RJSForm-577f5734.js.map} +1 -1
- package/lib/cjs/RJSForm.cjs +2 -2
- package/lib/cjs/{StateDropdown-135cffea.js → StateDropdown-685a7fcd.js} +2 -2
- package/lib/cjs/StateDropdown-685a7fcd.js.map +1 -0
- package/lib/cjs/StateDropdown.cjs +3 -3
- package/lib/cjs/{StatusDropdown-d9e11339.js → StatusDropdown-c5bb01c3.js} +2 -2
- package/lib/cjs/StatusDropdown-c5bb01c3.js.map +1 -0
- package/lib/cjs/StatusDropdown.cjs +3 -3
- package/lib/cjs/{Table-0fc73461.js → Table-88e8b0f6.js} +2 -2
- package/lib/cjs/{Table-0fc73461.js.map → Table-88e8b0f6.js.map} +1 -1
- package/lib/cjs/Table.cjs +3 -3
- package/lib/cjs/ToggleCell.cjs +2 -2
- package/lib/cjs/index.cjs +8 -8
- package/lib/esm/CheckboxCellWrapper.js +2 -2
- package/lib/esm/{ColorDotDropdown-b1aff5f0.js → ColorDotDropdown-06557fac.js} +2 -2
- package/lib/esm/ColorDotDropdown-06557fac.js.map +1 -0
- package/lib/esm/ColorDotDropdown.js +3 -3
- package/lib/esm/{CountyDropdown-650b2a9c.js → CountyDropdown-50da11f8.js} +2 -2
- package/lib/esm/CountyDropdown-50da11f8.js.map +1 -0
- package/lib/esm/CountyDropdown.js +3 -3
- package/lib/esm/{DropdownInput-fe2da202.js → DropdownInput-1dd6f6f3.js} +6 -3
- package/lib/esm/DropdownInput-1dd6f6f3.js.map +1 -0
- package/lib/esm/DropdownInput.js +2 -2
- package/lib/esm/Form.js +3 -3
- package/lib/esm/{FormikContainer-49a184b2.js → FormikContainer-9edb878b.js} +150 -144
- package/lib/{cjs/FormikContainer-29402c07.js.map → esm/FormikContainer-9edb878b.js.map} +1 -1
- package/lib/esm/PhoneCell.js +2 -2
- package/lib/esm/{RJSForm-d0aba0cf.js → RJSForm-8d2f06d5.js} +2 -2
- package/lib/esm/{RJSForm-d0aba0cf.js.map → RJSForm-8d2f06d5.js.map} +1 -1
- package/lib/esm/RJSForm.js +2 -2
- package/lib/esm/{StateDropdown-ee49475f.js → StateDropdown-dcd3fb1d.js} +2 -2
- package/lib/esm/StateDropdown-dcd3fb1d.js.map +1 -0
- package/lib/esm/StateDropdown.js +3 -3
- package/lib/esm/{StatusDropdown-24387da4.js → StatusDropdown-bb42bff1.js} +2 -2
- package/lib/esm/StatusDropdown-bb42bff1.js.map +1 -0
- package/lib/esm/StatusDropdown.js +3 -3
- package/lib/esm/{Table-6e06a419.js → Table-abd625d4.js} +2 -2
- package/lib/esm/{Table-6e06a419.js.map → Table-abd625d4.js.map} +1 -1
- package/lib/esm/Table.js +3 -3
- package/lib/esm/ToggleCell.js +2 -2
- package/lib/esm/index.js +8 -8
- package/package.json +3 -3
- package/lib/cjs/ColorDotDropdown-c401d169.js.map +0 -1
- package/lib/cjs/CountyDropdown-93deec4b.js.map +0 -1
- package/lib/cjs/DropdownInput-bd6379b8.js.map +0 -1
- package/lib/cjs/StateDropdown-135cffea.js.map +0 -1
- package/lib/cjs/StatusDropdown-d9e11339.js.map +0 -1
- package/lib/esm/ColorDotDropdown-b1aff5f0.js.map +0 -1
- package/lib/esm/CountyDropdown-650b2a9c.js.map +0 -1
- package/lib/esm/DropdownInput-fe2da202.js.map +0 -1
- package/lib/esm/StateDropdown-ee49475f.js.map +0 -1
- package/lib/esm/StatusDropdown-24387da4.js.map +0 -1
|
@@ -21,13 +21,14 @@ var FormWrapper = require('./FormStyles-2528b231.js');
|
|
|
21
21
|
var FormFieldTypeEnum = require('./FormFieldTypeEnum.cjs');
|
|
22
22
|
var AddressInput = require('./AddressInput-fce77a73.js');
|
|
23
23
|
var Inputs = require('./Inputs-da7433e1.js');
|
|
24
|
+
var ReactDOM = require('react-dom');
|
|
24
25
|
var CheckboxItem = require('./CheckboxItem-cac44497.js');
|
|
25
26
|
var CheckboxGroup = require('./CheckboxGroup-f459e2fd.js');
|
|
26
27
|
var ConfigurableInput = require('./ConfigurableInput-ebdcf80b.js');
|
|
27
28
|
var stateAbbreviationLookup = require('./stateAbbreviationLookup.cjs');
|
|
28
29
|
var usCounties = require('./usCounties.cjs');
|
|
29
30
|
var isUSStatesEnum = require('./isUSStatesEnum.cjs');
|
|
30
|
-
var DropdownInput = require('./DropdownInput-
|
|
31
|
+
var DropdownInput = require('./DropdownInput-97680e8b.js');
|
|
31
32
|
var CreditCardInput = require('./CreditCardInput-93fc83fc.js');
|
|
32
33
|
var InlineCreditCardInput = require('./InlineCreditCardInput-e860f22b.js');
|
|
33
34
|
var CurrencyInput = require('./CurrencyInput-b92891ab.js');
|
|
@@ -142,13 +143,13 @@ var CheckboxField = function (_a) {
|
|
|
142
143
|
var center = options.center, leftLabel = options.leftLabel, onCheckboxClick = options.onCheckboxClick;
|
|
143
144
|
var InputWrap = leftLabels ? FormWrapper.InputBox : e.Fragment;
|
|
144
145
|
return (jsxRuntime.jsxs(FormWrapper.FieldBox, tslib_es6.__assign({ "$fade": fade, "$fieldWidth": leftLabels ? undefined : width, "$leftLabelLayout": leftLabels, "$leftLabelWidth": leftLabelWidth, "$leftLabelsRightGutter": leftLabelsRightGutter, "$rowGap": rowGap }, { children: [leftLabels && (jsxRuntime.jsx(FormWrapper.LeftGutter, tslib_es6.__assign({ "$topPadding": 2 }, { children: jsxRuntime.jsx(FormWrapper.LeftLabel, tslib_es6.__assign({ "$textColor": disabled ? theme.input.disabledLabelColor : theme.input.leftLabelColor }, { children: leftLabel }), void 0) }), void 0)), jsxRuntime.jsx(InputWrap, { children: jsxRuntime.jsx(CheckboxItem.CheckboxItem, tslib_es6.__assign({}, options, { active: !!values[name], center: center, disabled: disabled, label: fieldLabel || name, maxLabelWidth: width, name: name, onClick: function (event) {
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
146
|
+
ReactDOM.flushSync(function () {
|
|
147
|
+
handleChange(event);
|
|
148
|
+
onCheckboxClick === null || onCheckboxClick === void 0 ? void 0 : onCheckboxClick(event);
|
|
149
|
+
setHasValues(FormWrapper.formHasValues(values));
|
|
150
|
+
});
|
|
148
151
|
if (submitOnBlur) {
|
|
149
|
-
|
|
150
|
-
submitForm(event);
|
|
151
|
-
}, 50);
|
|
152
|
+
submitForm(event);
|
|
152
153
|
}
|
|
153
154
|
}, value: name }), void 0) }, void 0)] }), void 0));
|
|
154
155
|
};
|
|
@@ -163,13 +164,13 @@ var CheckboxGroupField = function (_a) {
|
|
|
163
164
|
var validationMessage = errors[name];
|
|
164
165
|
var InputWrap = leftLabels ? FormWrapper.InputBox : e.Fragment;
|
|
165
166
|
return (jsxRuntime.jsxs(FormWrapper.FieldBox, tslib_es6.__assign({ "$fade": fade, "$fieldWidth": leftLabels ? undefined : width, "$leftLabelLayout": leftLabels, "$leftLabelWidth": leftLabelWidth, "$leftLabelsRightGutter": leftLabelsRightGutter, "$rowGap": rowGap }, { children: [leftLabels && (jsxRuntime.jsxs(FormWrapper.LeftGutter, { children: [jsxRuntime.jsxs(FormWrapper.LeftLabel, tslib_es6.__assign({ "$textColor": disabled ? theme.input.disabledLabelColor : theme.input.leftLabelColor }, { children: [fieldLabel || name, required && !disabled && (jsxRuntime.jsx(Inputs.Asterisk, tslib_es6.__assign({ "aria-label": "Required", "$asteriskColor": theme.input.asteriskColor }, { children: "*" }), void 0))] }), void 0), helperText && jsxRuntime.jsx(FormWrapper.HelperTextGrid, { children: helperText }, void 0)] }, void 0)), jsxRuntime.jsx(InputWrap, tslib_es6.__assign({}, (leftLabels ? { $switchSpacing: true } : {}), { children: jsxRuntime.jsx(CheckboxGroup.CheckboxGroup, tslib_es6.__assign({}, options, { activeValues: values[name] || [], disableGroup: disabled, helperText: leftLabels ? undefined : helperText, label: leftLabels ? undefined : fieldLabel || name, maxLabelWidth: width, name: name, noBottomPadding: leftLabels, onClick: function (event) {
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
167
|
+
ReactDOM.flushSync(function () {
|
|
168
|
+
handleChange(event);
|
|
169
|
+
onCheckboxClick === null || onCheckboxClick === void 0 ? void 0 : onCheckboxClick(event);
|
|
170
|
+
setHasValues(FormWrapper.formHasValues(values));
|
|
171
|
+
});
|
|
169
172
|
if (submitOnBlur) {
|
|
170
|
-
|
|
171
|
-
submitForm(event);
|
|
172
|
-
}, 50);
|
|
173
|
+
submitForm(event);
|
|
173
174
|
}
|
|
174
175
|
}, required: required && !disabled, showValidationMessage: !leftLabels && showValidationMessage, validationMessage: validationMessage }), void 0) }), void 0), leftLabels && (jsxRuntime.jsx(FormWrapper.RightGutter, tslib_es6.__assign({ "$switchSpacing": true }, { children: jsxRuntime.jsx(FormWrapper.ValidationTextGrid, tslib_es6.__assign({ "$showValidationMessage": showValidationMessage, "$switchSpacing": true }, { children: validationMessage }), void 0) }), void 0))] }), void 0));
|
|
175
176
|
};
|
|
@@ -191,14 +192,14 @@ var ConfigurableInputField = function (_a) {
|
|
|
191
192
|
activeIdsObj[name] = id;
|
|
192
193
|
setConfigurableInputFieldActiveIds(activeIdsObj);
|
|
193
194
|
}, onInputBlur: function (event) {
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
195
|
+
ReactDOM.flushSync(function () {
|
|
196
|
+
setSubmitAttempt(false);
|
|
197
|
+
handleBlur(event);
|
|
198
|
+
onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(event);
|
|
199
|
+
setHasValues(FormWrapper.formHasValues(values));
|
|
200
|
+
});
|
|
198
201
|
if (submitOnBlur) {
|
|
199
|
-
|
|
200
|
-
submitForm(event);
|
|
201
|
-
}, 50);
|
|
202
|
+
submitForm(event);
|
|
202
203
|
}
|
|
203
204
|
}, required: required && !disabled, showValidationMessage: showValidationMessage }, (leftLabels ? {} : { validationMessage: validationMessage }), { value: values[name] }), void 0) }, void 0), leftLabels && (jsxRuntime.jsx(FormWrapper.RightGutter, { children: jsxRuntime.jsx(FormWrapper.ValidationTextGrid, tslib_es6.__assign({ "$showValidationMessage": showValidationMessage }, { children: validationMessage }), void 0) }, void 0))] }), void 0));
|
|
204
205
|
};
|
|
@@ -230,8 +231,10 @@ var CountySelectField = function (_a) {
|
|
|
230
231
|
}
|
|
231
232
|
}, onSelect: function (option) {
|
|
232
233
|
if (FormFieldTypeEnum.isSelectOptionType(option)) {
|
|
233
|
-
|
|
234
|
-
|
|
234
|
+
ReactDOM.flushSync(function () {
|
|
235
|
+
handleChange({ target: { value: option === null || option === void 0 ? void 0 : option.value, name: name } });
|
|
236
|
+
onSelect === null || onSelect === void 0 ? void 0 : onSelect(option);
|
|
237
|
+
});
|
|
235
238
|
if (submitOnBlur) {
|
|
236
239
|
setTimeout(function () {
|
|
237
240
|
submitForm({ target: { value: option === null || option === void 0 ? void 0 : option.value, name: name } });
|
|
@@ -261,14 +264,14 @@ var CreditCardField = function (_a) {
|
|
|
261
264
|
handleChange(event);
|
|
262
265
|
onChange === null || onChange === void 0 ? void 0 : onChange(event);
|
|
263
266
|
}, onInputBlur: function (event) {
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
267
|
+
ReactDOM.flushSync(function () {
|
|
268
|
+
setSubmitAttempt(false);
|
|
269
|
+
handleBlur(event);
|
|
270
|
+
onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(event);
|
|
271
|
+
setHasValues(FormWrapper.formHasValues(values));
|
|
272
|
+
});
|
|
268
273
|
if (submitOnBlur) {
|
|
269
|
-
|
|
270
|
-
submitForm(event);
|
|
271
|
-
}, 50);
|
|
274
|
+
submitForm(event);
|
|
272
275
|
}
|
|
273
276
|
}, required: required && !disabled, showValidationMessage: showValidationMessage }, (leftLabels ? {} : { validationMessage: validationMessage }), { value: value || "" }), void 0) }, void 0), leftLabels && (jsxRuntime.jsx(FormWrapper.RightGutter, { children: jsxRuntime.jsx(FormWrapper.ValidationTextGrid, tslib_es6.__assign({ "$showValidationMessage": showValidationMessage }, { children: validationMessage }), void 0) }, void 0))] }), void 0));
|
|
274
277
|
};
|
|
@@ -302,13 +305,13 @@ var CurrencyField = function (_a) {
|
|
|
302
305
|
else if (numericValue !== undefined) {
|
|
303
306
|
numericValue = Number.MAX_SAFE_INTEGER;
|
|
304
307
|
}
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
+
ReactDOM.flushSync(function () {
|
|
309
|
+
handleBlur({ target: { value: numericValue, name: name } });
|
|
310
|
+
onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(event);
|
|
311
|
+
setHasValues(FormWrapper.formHasValues(values));
|
|
312
|
+
});
|
|
308
313
|
if (submitOnBlur) {
|
|
309
|
-
|
|
310
|
-
submitForm({ target: { value: numericValue, name: name } });
|
|
311
|
-
}, 50);
|
|
314
|
+
submitForm({ target: { value: numericValue, name: name } });
|
|
312
315
|
}
|
|
313
316
|
}, required: required && !disabled, showValidationMessage: showValidationMessage }, (leftLabels ? {} : { validationMessage: validationMessage }), { value: values[name] }), void 0) }, void 0), leftLabels && (jsxRuntime.jsx(FormWrapper.RightGutter, { children: jsxRuntime.jsx(FormWrapper.ValidationTextGrid, tslib_es6.__assign({ "$showValidationMessage": showValidationMessage }, { children: validationMessage }), void 0) }, void 0))] }), void 0));
|
|
314
317
|
};
|
|
@@ -375,7 +378,7 @@ var toggleActiveByValue = function (_a) {
|
|
|
375
378
|
};
|
|
376
379
|
|
|
377
380
|
var DescriptiveDropdownInputField = function (_a) {
|
|
378
|
-
var fade = _a.fade, field = _a.field, formikProps = _a.formikProps, leftLabels = _a.leftLabels, leftLabelsRightGutter = _a.leftLabelsRightGutter, leftLabelWidth = _a.leftLabelWidth, observeScrollRef = _a.observeScrollRef, rowGap = _a.rowGap, setHasValues = _a.setHasValues
|
|
381
|
+
var fade = _a.fade, field = _a.field, formikProps = _a.formikProps, leftLabels = _a.leftLabels, leftLabelsRightGutter = _a.leftLabelsRightGutter, leftLabelWidth = _a.leftLabelWidth, observeScrollRef = _a.observeScrollRef, rowGap = _a.rowGap, setHasValues = _a.setHasValues; _a.setSubmitAttempt; var submitAttempt = _a.submitAttempt, submitOnBlur = _a.submitOnBlur;
|
|
379
382
|
var theme = styled.useTheme();
|
|
380
383
|
var values = formikProps.values, errors = formikProps.errors, touched = formikProps.touched, handleChange = formikProps.handleChange, submitForm = formikProps.submitForm;
|
|
381
384
|
var _b = field.disabled, disabled = _b === void 0 ? false : _b, fieldLabel = field.fieldLabel, name = field.name, options = field.options, required = field.required, width = field.width;
|
|
@@ -400,15 +403,14 @@ var DescriptiveDropdownInputField = function (_a) {
|
|
|
400
403
|
}
|
|
401
404
|
}, [menuOptions, switchType]);
|
|
402
405
|
var toggleOption = function (option) {
|
|
403
|
-
setSubmitAttempt(false);
|
|
404
406
|
var updatedOptions = toggleActiveByValue({ array: localOptions, value: option.value });
|
|
405
407
|
var arrayOfIds = addOrRemoveById.pluckActiveIds({ array: updatedOptions, idKey: "value" });
|
|
406
|
-
|
|
407
|
-
|
|
408
|
+
ReactDOM.flushSync(function () {
|
|
409
|
+
handleChange({ target: { value: arrayOfIds, name: name } });
|
|
410
|
+
onSelect === null || onSelect === void 0 ? void 0 : onSelect(option);
|
|
411
|
+
});
|
|
408
412
|
if (submitOnBlur) {
|
|
409
|
-
|
|
410
|
-
submitForm({ target: { value: arrayOfIds, name: name } });
|
|
411
|
-
}, 50);
|
|
413
|
+
submitForm({ target: { value: arrayOfIds, name: name } });
|
|
412
414
|
}
|
|
413
415
|
};
|
|
414
416
|
return (jsxRuntime.jsxs(FormWrapper.FieldBox, tslib_es6.__assign({ "$fade": fade, "$fieldWidth": leftLabels ? undefined : width, "$leftLabelLayout": leftLabels, "$leftLabelWidth": leftLabelWidth, "$leftLabelsRightGutter": leftLabelsRightGutter, "$rowGap": rowGap }, { children: [leftLabels && (jsxRuntime.jsxs(FormWrapper.LeftGutter, { children: [jsxRuntime.jsxs(FormWrapper.LeftLabel, tslib_es6.__assign({ "$textColor": disabled ? theme.input.disabledLabelColor : theme.input.leftLabelColor }, { children: [fieldLabel || name, required && !disabled && (jsxRuntime.jsx(Inputs.Asterisk, tslib_es6.__assign({ "aria-label": "Required", "$asteriskColor": theme.input.asteriskColor }, { children: "*" }), void 0))] }), void 0), helperText && jsxRuntime.jsx(FormWrapper.HelperTextGrid, { children: helperText }, void 0)] }, void 0)), jsxRuntime.jsx(InputWrap, { children: jsxRuntime.jsx(DescriptiveDropdownInput.DescriptiveDropdownInput, tslib_es6.__assign({}, options, (switchType === SwitchTypeEnum.SwitchTypeEnum.Radio ? { activeRadioId: values[name] } : {}), { clearTag: function (_a) {
|
|
@@ -416,13 +418,13 @@ var DescriptiveDropdownInputField = function (_a) {
|
|
|
416
418
|
return toggleOption(tag);
|
|
417
419
|
}, disabled: disabled, inline: leftLabels, inputWidth: leftLabels ? width : undefined, options: localOptions }, (leftLabels ? {} : { inputLabel: fieldLabel || name }), { observeScrollRef: observeScrollRef, onSelect: function (option) {
|
|
418
420
|
if (isRadio) {
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
421
|
+
ReactDOM.flushSync(function () {
|
|
422
|
+
handleChange({ target: { value: option.value, name: name } });
|
|
423
|
+
onSelect === null || onSelect === void 0 ? void 0 : onSelect(option);
|
|
424
|
+
setHasValues(FormWrapper.formHasValues(values));
|
|
425
|
+
});
|
|
422
426
|
if (submitOnBlur) {
|
|
423
|
-
|
|
424
|
-
submitForm({ target: { value: option.value, name: name } });
|
|
425
|
-
}, 50);
|
|
427
|
+
submitForm({ target: { value: option.value, name: name } });
|
|
426
428
|
}
|
|
427
429
|
}
|
|
428
430
|
else if (FormFieldTypeEnum.isSwitchMenuOptionsType(option)) {
|
|
@@ -445,14 +447,14 @@ var EmailField = function (_a) {
|
|
|
445
447
|
handleChange(event);
|
|
446
448
|
onChange === null || onChange === void 0 ? void 0 : onChange(event);
|
|
447
449
|
}, onInputBlur: function (event) {
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
450
|
+
ReactDOM.flushSync(function () {
|
|
451
|
+
setSubmitAttempt(false);
|
|
452
|
+
handleBlur(event);
|
|
453
|
+
onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(event);
|
|
454
|
+
setHasValues(FormWrapper.formHasValues(values));
|
|
455
|
+
});
|
|
452
456
|
if (submitOnBlur) {
|
|
453
|
-
|
|
454
|
-
submitForm(event);
|
|
455
|
-
}, 50);
|
|
457
|
+
submitForm(event);
|
|
456
458
|
}
|
|
457
459
|
}, required: required && !disabled, showValidationMessage: showValidationMessage }, (leftLabels ? {} : { validationMessage: validationMessage }), { value: values[name] }), void 0) }, void 0), leftLabels && (jsxRuntime.jsx(FormWrapper.RightGutter, { children: jsxRuntime.jsx(FormWrapper.ValidationTextGrid, tslib_es6.__assign({ "$showValidationMessage": showValidationMessage }, { children: validationMessage }), void 0) }, void 0))] }), void 0));
|
|
458
460
|
};
|
|
@@ -482,14 +484,14 @@ var PasswordField = function (_a) {
|
|
|
482
484
|
handleChange(event);
|
|
483
485
|
onChange === null || onChange === void 0 ? void 0 : onChange(event);
|
|
484
486
|
}, onInputBlur: function (event) {
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
487
|
+
ReactDOM.flushSync(function () {
|
|
488
|
+
setSubmitAttempt(false);
|
|
489
|
+
handleBlur(event);
|
|
490
|
+
onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(event);
|
|
491
|
+
setHasValues(FormWrapper.formHasValues(values));
|
|
492
|
+
});
|
|
489
493
|
if (submitOnBlur) {
|
|
490
|
-
|
|
491
|
-
submitForm(event);
|
|
492
|
-
}, 50);
|
|
494
|
+
submitForm(event);
|
|
493
495
|
}
|
|
494
496
|
}, required: required && !disabled, showValidationMessage: showValidationMessage }, (leftLabels ? {} : { validationMessage: validationMessage }), { value: values[name] }), void 0) }, void 0), leftLabels && (jsxRuntime.jsx(FormWrapper.RightGutter, { children: jsxRuntime.jsx(FormWrapper.ValidationTextGrid, tslib_es6.__assign({ "$showValidationMessage": showValidationMessage }, { children: validationMessage }), void 0) }, void 0))] }), void 0));
|
|
495
497
|
};
|
|
@@ -513,16 +515,16 @@ var PhoneField = function (_a) {
|
|
|
513
515
|
handleChange(event);
|
|
514
516
|
onChange === null || onChange === void 0 ? void 0 : onChange(event);
|
|
515
517
|
}, onInputBlur: function (event) {
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
518
|
+
ReactDOM.flushSync(function () {
|
|
519
|
+
var _a;
|
|
520
|
+
setSubmitAttempt(false);
|
|
521
|
+
setFieldValue(name, (_a = values[name]) !== null && _a !== void 0 ? _a : "");
|
|
522
|
+
handleBlur(event);
|
|
523
|
+
onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(event);
|
|
524
|
+
setHasValues(FormWrapper.formHasValues(values));
|
|
525
|
+
});
|
|
522
526
|
if (submitOnBlur) {
|
|
523
|
-
|
|
524
|
-
submitForm(event);
|
|
525
|
-
}, 50);
|
|
527
|
+
submitForm(event);
|
|
526
528
|
}
|
|
527
529
|
}, required: required && !disabled, showValidationMessage: showValidationMessage }, (leftLabels ? {} : { validationMessage: validationMessage }), { value: value !== null && value !== void 0 ? value : "" }), void 0) }, void 0), leftLabels && (jsxRuntime.jsx(FormWrapper.RightGutter, { children: jsxRuntime.jsx(FormWrapper.ValidationTextGrid, tslib_es6.__assign({ "$showValidationMessage": showValidationMessage }, { children: validationMessage }), void 0) }, void 0))] }), void 0));
|
|
528
530
|
};
|
|
@@ -592,22 +594,22 @@ var MultiSelectField = function (_a) {
|
|
|
592
594
|
return (jsxRuntime.jsxs(FormWrapper.FieldBox, tslib_es6.__assign({ role: "group", "$fade": fade, "$fieldWidth": leftLabels ? undefined : width, "$leftLabelLayout": leftLabels, "$leftLabelWidth": leftLabelWidth, "$leftLabelsRightGutter": leftLabelsRightGutter, "$rowGap": rowGap }, { children: [leftLabels && (jsxRuntime.jsxs(FormWrapper.LeftGutter, { children: [jsxRuntime.jsxs(FormWrapper.LeftLabel, tslib_es6.__assign({ "$textColor": disabled ? theme.input.disabledLabelColor : theme.input.leftLabelColor }, { children: [fieldLabel || name, required && !disabled && (jsxRuntime.jsx(Inputs.Asterisk, tslib_es6.__assign({ "aria-label": "Required", "$asteriskColor": theme.input.asteriskColor }, { children: "*" }), void 0))] }), void 0), helperText && jsxRuntime.jsx(FormWrapper.HelperTextGrid, { children: helperText }, void 0)] }, void 0)), jsxRuntime.jsx(InputWrap, { children: jsxRuntime.jsx(MultiSelect.MultiSelect, tslib_es6.__assign({}, options, { activeIds: currentOptionIds, clearTag: function (response) {
|
|
593
595
|
var _a;
|
|
594
596
|
var updatedValues = addOrRemoveById.removeString({ array: currentOptionIds, string: (_a = response.tag) === null || _a === void 0 ? void 0 : _a.value });
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
597
|
+
ReactDOM.flushSync(function () {
|
|
598
|
+
clearTag === null || clearTag === void 0 ? void 0 : clearTag(response);
|
|
599
|
+
handleChange({ target: { value: updatedValues, name: name } });
|
|
600
|
+
setHasValues(FormWrapper.formHasValues(values));
|
|
601
|
+
});
|
|
598
602
|
if (submitOnBlur) {
|
|
599
|
-
|
|
600
|
-
submitForm({ target: { value: updatedValues, name: name } });
|
|
601
|
-
}, 50);
|
|
603
|
+
submitForm({ target: { value: updatedValues, name: name } });
|
|
602
604
|
}
|
|
603
605
|
}, clearAll: clearAll
|
|
604
606
|
? function () {
|
|
605
|
-
|
|
606
|
-
|
|
607
|
+
ReactDOM.flushSync(function () {
|
|
608
|
+
handleChange({ target: { value: [], name: name } });
|
|
609
|
+
setHasValues(FormWrapper.formHasValues(values));
|
|
610
|
+
});
|
|
607
611
|
if (submitOnBlur) {
|
|
608
|
-
|
|
609
|
-
submitForm({ target: { value: [], name: name } });
|
|
610
|
-
}, 50);
|
|
612
|
+
submitForm({ target: { value: [], name: name } });
|
|
611
613
|
}
|
|
612
614
|
}
|
|
613
615
|
: undefined, disabled: disabled,
|
|
@@ -616,13 +618,13 @@ var MultiSelectField = function (_a) {
|
|
|
616
618
|
, inline: leftLabels, inputLabel: fieldLabel || name, observeScrollRef: observeScrollRef, options: selectOptions || [], onClick: onInputClick, onSelect: function (option) {
|
|
617
619
|
if (FormFieldTypeEnum.isSelectOptionType(option)) {
|
|
618
620
|
var updatedValues_1 = addOrRemoveById.addOrRemoveString({ array: currentOptionIds, string: option === null || option === void 0 ? void 0 : option.value });
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
621
|
+
ReactDOM.flushSync(function () {
|
|
622
|
+
handleChange({ target: { value: updatedValues_1, name: name } });
|
|
623
|
+
onSelect === null || onSelect === void 0 ? void 0 : onSelect(option);
|
|
624
|
+
setHasValues(FormWrapper.formHasValues(values));
|
|
625
|
+
});
|
|
622
626
|
if (submitOnBlur) {
|
|
623
|
-
|
|
624
|
-
submitForm({ target: { value: updatedValues_1, name: name } });
|
|
625
|
-
}, 50);
|
|
627
|
+
submitForm({ target: { value: updatedValues_1, name: name } });
|
|
626
628
|
}
|
|
627
629
|
}
|
|
628
630
|
}, required: required && !disabled, showValidationMessage: showValidationMessage, validationMessage: validationMessage }), void 0) }, void 0), leftLabels && (jsxRuntime.jsx(FormWrapper.RightGutter, { children: jsxRuntime.jsx(FormWrapper.ValidationTextGrid, tslib_es6.__assign({ "$showValidationMessage": showValidationMessage }, { children: validationMessage }), void 0) }, void 0))] }), void 0));
|
|
@@ -642,14 +644,14 @@ var NumberField = function (_a) {
|
|
|
642
644
|
handleChange(event);
|
|
643
645
|
onChange === null || onChange === void 0 ? void 0 : onChange(event);
|
|
644
646
|
}, onInputBlur: function (event) {
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
647
|
+
ReactDOM.flushSync(function () {
|
|
648
|
+
setSubmitAttempt(false);
|
|
649
|
+
handleBlur(event);
|
|
650
|
+
onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(event);
|
|
651
|
+
setHasValues(FormWrapper.formHasValues(values));
|
|
652
|
+
});
|
|
649
653
|
if (submitOnBlur) {
|
|
650
|
-
|
|
651
|
-
submitForm(event);
|
|
652
|
-
}, 50);
|
|
654
|
+
submitForm(event);
|
|
653
655
|
}
|
|
654
656
|
}, required: required && !disabled, showValidationMessage: showValidationMessage }, (leftLabels ? {} : { validationMessage: validationMessage }), { value: values[name] }), void 0) }, void 0), leftLabels && (jsxRuntime.jsx(FormWrapper.RightGutter, { children: jsxRuntime.jsx(FormWrapper.ValidationTextGrid, tslib_es6.__assign({ "$showValidationMessage": showValidationMessage }, { children: validationMessage }), void 0) }, void 0))] }), void 0));
|
|
655
657
|
};
|
|
@@ -664,13 +666,13 @@ var RadioGroupField = function (_a) {
|
|
|
664
666
|
var validationMessage = errors[name];
|
|
665
667
|
var InputWrap = leftLabels ? FormWrapper.InputBox : e.Fragment;
|
|
666
668
|
return (jsxRuntime.jsxs(FormWrapper.FieldBox, tslib_es6.__assign({ role: "group", "$fade": fade, "$fieldWidth": leftLabels ? undefined : width, "$leftLabelLayout": leftLabels, "$leftLabelWidth": leftLabelWidth, "$leftLabelsRightGutter": leftLabelsRightGutter, "$rowGap": rowGap }, { children: [leftLabels && (jsxRuntime.jsxs(FormWrapper.LeftGutter, { children: [jsxRuntime.jsxs(FormWrapper.LeftLabel, tslib_es6.__assign({ "$textColor": disabled ? theme.input.disabledLabelColor : theme.input.leftLabelColor }, { children: [fieldLabel || name, required && !disabled && (jsxRuntime.jsx(Inputs.Asterisk, tslib_es6.__assign({ "aria-label": "Required", "$asteriskColor": theme.input.asteriskColor }, { children: "*" }), void 0))] }), void 0), helperText && jsxRuntime.jsx(FormWrapper.HelperTextGrid, { children: helperText }, void 0)] }, void 0)), jsxRuntime.jsx(InputWrap, tslib_es6.__assign({}, (leftLabels ? { $switchSpacing: true } : {}), { children: jsxRuntime.jsx(RadioGroup.RadioGroup, tslib_es6.__assign({}, options, { activeId: values[name] || "", helperText: leftLabels ? undefined : helperText, disableGroup: disabled, maxLabelWidth: width, name: name, noBottomPadding: leftLabels, onRadioClick: function (event) {
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
669
|
+
ReactDOM.flushSync(function () {
|
|
670
|
+
handleChange(event);
|
|
671
|
+
onRadioClick === null || onRadioClick === void 0 ? void 0 : onRadioClick(event);
|
|
672
|
+
setHasValues(FormWrapper.formHasValues(values));
|
|
673
|
+
});
|
|
670
674
|
if (submitOnBlur) {
|
|
671
|
-
|
|
672
|
-
submitForm(event);
|
|
673
|
-
}, 50);
|
|
675
|
+
submitForm(event);
|
|
674
676
|
}
|
|
675
677
|
}, radioLabel: leftLabels ? undefined : fieldLabel || name, required: required && !disabled, showValidationMessage: !leftLabels && showValidationMessage, validationMessage: validationMessage }), void 0) }), void 0), leftLabels && (jsxRuntime.jsx(FormWrapper.RightGutter, tslib_es6.__assign({ "$switchSpacing": true }, { children: jsxRuntime.jsx(FormWrapper.ValidationTextGrid, tslib_es6.__assign({ "$showValidationMessage": showValidationMessage, "$switchSpacing": true }, { children: validationMessage }), void 0) }), void 0))] }), void 0));
|
|
676
678
|
};
|
|
@@ -692,9 +694,11 @@ var SelectField = function (_a) {
|
|
|
692
694
|
}
|
|
693
695
|
}, onSelect: function (option) {
|
|
694
696
|
if (FormFieldTypeEnum.isSelectOptionType(option)) {
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
697
|
+
ReactDOM.flushSync(function () {
|
|
698
|
+
handleChange({ target: { value: option === null || option === void 0 ? void 0 : option.value, name: name } });
|
|
699
|
+
onSelect === null || onSelect === void 0 ? void 0 : onSelect(option);
|
|
700
|
+
setHasValues(FormWrapper.formHasValues(values));
|
|
701
|
+
});
|
|
698
702
|
if (submitOnBlur) {
|
|
699
703
|
setTimeout(function () {
|
|
700
704
|
submitForm({ target: { value: option === null || option === void 0 ? void 0 : option.value, name: name } });
|
|
@@ -725,14 +729,14 @@ var SocialSecurityField = function (_a) {
|
|
|
725
729
|
handleChange(event);
|
|
726
730
|
onChange === null || onChange === void 0 ? void 0 : onChange(event);
|
|
727
731
|
}, onInputBlur: function (event) {
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
+
ReactDOM.flushSync(function () {
|
|
733
|
+
setSubmitAttempt(false);
|
|
734
|
+
handleBlur(event);
|
|
735
|
+
onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(event);
|
|
736
|
+
setHasValues(FormWrapper.formHasValues(values));
|
|
737
|
+
});
|
|
732
738
|
if (submitOnBlur) {
|
|
733
|
-
|
|
734
|
-
submitForm(event);
|
|
735
|
-
}, 50);
|
|
739
|
+
submitForm(event);
|
|
736
740
|
}
|
|
737
741
|
}, required: required && !disabled, showValidationMessage: showValidationMessage }, (leftLabels ? {} : { validationMessage: validationMessage }), { value: value }), void 0) }, void 0), leftLabels && (jsxRuntime.jsx(FormWrapper.RightGutter, { children: jsxRuntime.jsx(FormWrapper.ValidationTextGrid, tslib_es6.__assign({ "$showValidationMessage": showValidationMessage }, { children: validationMessage }), void 0) }, void 0))] }), void 0));
|
|
738
742
|
};
|
|
@@ -767,12 +771,14 @@ var StateSelectField = function (_a) {
|
|
|
767
771
|
}
|
|
768
772
|
}, onSelect: function (option) {
|
|
769
773
|
if (FormFieldTypeEnum.isSelectOptionType(option)) {
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
774
|
+
ReactDOM.flushSync(function () {
|
|
775
|
+
handleChange({ target: { value: option === null || option === void 0 ? void 0 : option.value, name: name } });
|
|
776
|
+
if (countyFieldName) {
|
|
777
|
+
handleChange({ target: { value: undefined, name: countyFieldName } });
|
|
778
|
+
}
|
|
779
|
+
onSelect === null || onSelect === void 0 ? void 0 : onSelect(option);
|
|
780
|
+
setHasValues(FormWrapper.formHasValues(values));
|
|
781
|
+
});
|
|
776
782
|
if (submitOnBlur) {
|
|
777
783
|
setTimeout(function () {
|
|
778
784
|
submitForm({ target: { value: option === null || option === void 0 ? void 0 : option.value, name: name } });
|
|
@@ -796,14 +802,14 @@ var TextField = function (_a) {
|
|
|
796
802
|
handleChange(event);
|
|
797
803
|
onChange === null || onChange === void 0 ? void 0 : onChange(event);
|
|
798
804
|
}, onInputBlur: function (event) {
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
805
|
+
ReactDOM.flushSync(function () {
|
|
806
|
+
setSubmitAttempt(false);
|
|
807
|
+
handleBlur(event);
|
|
808
|
+
onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(event);
|
|
809
|
+
setHasValues(FormWrapper.formHasValues(values));
|
|
810
|
+
});
|
|
803
811
|
if (submitOnBlur) {
|
|
804
|
-
|
|
805
|
-
submitForm(event);
|
|
806
|
-
}, 50);
|
|
812
|
+
submitForm(event);
|
|
807
813
|
}
|
|
808
814
|
}, required: required && !disabled, showValidationMessage: showValidationMessage }, (leftLabels ? {} : { validationMessage: validationMessage }), { value: values[name] }), void 0) }, void 0), leftLabels && (jsxRuntime.jsx(FormWrapper.RightGutter, { children: jsxRuntime.jsx(FormWrapper.ValidationTextGrid, tslib_es6.__assign({ "$showValidationMessage": showValidationMessage }, { children: validationMessage }), void 0) }, void 0))] }), void 0));
|
|
809
815
|
};
|
|
@@ -894,13 +900,13 @@ var ToggleField = function (_a) {
|
|
|
894
900
|
var center = options.center, leftLabel = options.leftLabel, onToggleClick = options.onToggleClick;
|
|
895
901
|
var InputWrap = leftLabels ? FormWrapper.InputBox : e.Fragment;
|
|
896
902
|
return (jsxRuntime.jsxs(FormWrapper.FieldBox, tslib_es6.__assign({ "$fade": fade, "$fieldWidth": leftLabels ? undefined : width, "$leftLabelLayout": leftLabels, "$leftLabelWidth": leftLabelWidth, "$leftLabelsRightGutter": leftLabelsRightGutter, "$rowGap": rowGap }, { children: [leftLabels && (jsxRuntime.jsx(FormWrapper.LeftGutter, tslib_es6.__assign({ "$topPadding": 0 }, { children: jsxRuntime.jsx(FormWrapper.LeftLabel, tslib_es6.__assign({ "$textColor": disabled ? theme.input.disabledLabelColor : theme.input.leftLabelColor }, { children: leftLabel }), void 0) }), void 0)), jsxRuntime.jsx(InputWrap, { children: jsxRuntime.jsx(ToggleItem.ToggleItem, tslib_es6.__assign({}, options, { active: !!values[name], center: center, clickPadding: "0 17px 0 0", disabled: disabled, label: fieldLabel || name, maxLabelWidth: width, name: name, onToggle: function (event) {
|
|
897
|
-
|
|
898
|
-
|
|
899
|
-
|
|
903
|
+
ReactDOM.flushSync(function () {
|
|
904
|
+
handleChange(event); // include name here
|
|
905
|
+
onToggleClick === null || onToggleClick === void 0 ? void 0 : onToggleClick(event);
|
|
906
|
+
setHasValues(FormWrapper.formHasValues(values));
|
|
907
|
+
});
|
|
900
908
|
if (submitOnBlur) {
|
|
901
|
-
|
|
902
|
-
submitForm(event);
|
|
903
|
-
}, 50);
|
|
909
|
+
submitForm(event);
|
|
904
910
|
}
|
|
905
911
|
}, value: name }), void 0) }, void 0)] }), void 0));
|
|
906
912
|
};
|
|
@@ -1001,14 +1007,14 @@ var TextareaField = function (_a) {
|
|
|
1001
1007
|
handleChange(event);
|
|
1002
1008
|
onChange === null || onChange === void 0 ? void 0 : onChange(event);
|
|
1003
1009
|
}, onInputBlur: function (event) {
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
|
|
1010
|
+
ReactDOM.flushSync(function () {
|
|
1011
|
+
setSubmitAttempt(false);
|
|
1012
|
+
handleBlur(event);
|
|
1013
|
+
onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(event);
|
|
1014
|
+
setHasValues(FormWrapper.formHasValues(values));
|
|
1015
|
+
});
|
|
1008
1016
|
if (submitOnBlur) {
|
|
1009
|
-
|
|
1010
|
-
submitForm(event);
|
|
1011
|
-
}, 50);
|
|
1017
|
+
submitForm(event);
|
|
1012
1018
|
}
|
|
1013
1019
|
}, required: required && !disabled, showValidationMessage: showValidationMessage, validationMessage: validationMessage, value: values[name] || "" }), void 0) }), void 0), leftLabels && (jsxRuntime.jsx(FormWrapper.RightGutter, tslib_es6.__assign({ "$switchSpacing": true }, { children: jsxRuntime.jsx(FormWrapper.ValidationTextGrid, tslib_es6.__assign({ "$showValidationMessage": showValidationMessage, "$switchSpacing": true }, { children: validationMessage }), void 0) }), void 0))] }), void 0));
|
|
1014
1020
|
};
|
|
@@ -1023,13 +1029,13 @@ var ToggleGroupField = function (_a) {
|
|
|
1023
1029
|
var validationMessage = errors[name];
|
|
1024
1030
|
var InputWrap = leftLabels ? FormWrapper.InputBox : e.Fragment;
|
|
1025
1031
|
return (jsxRuntime.jsxs(FormWrapper.FieldBox, tslib_es6.__assign({ "$fade": fade, "$fieldWidth": leftLabels ? undefined : width, "$leftLabelLayout": leftLabels, "$leftLabelWidth": leftLabelWidth, "$leftLabelsRightGutter": leftLabelsRightGutter, "$rowGap": rowGap }, { children: [leftLabels && (jsxRuntime.jsxs(FormWrapper.LeftGutter, { children: [jsxRuntime.jsxs(FormWrapper.LeftLabel, tslib_es6.__assign({ "$textColor": disabled ? theme.input.disabledLabelColor : theme.input.leftLabelColor }, { children: [fieldLabel || name, required && !disabled && (jsxRuntime.jsx(Inputs.Asterisk, tslib_es6.__assign({ "aria-label": "Required", "$asteriskColor": theme.input.asteriskColor }, { children: "*" }), void 0))] }), void 0), helperText && jsxRuntime.jsx(FormWrapper.HelperTextGrid, { children: helperText }, void 0)] }, void 0)), jsxRuntime.jsx(InputWrap, tslib_es6.__assign({}, (leftLabels ? { $topPadding: 7 } : {}), { children: jsxRuntime.jsx(ToggleGroup.ToggleGroup, tslib_es6.__assign({}, options, { activeValues: values[name] || [], disableGroup: disabled, helperText: leftLabels ? undefined : helperText, maxLabelWidth: width, name: name, noBottomPadding: leftLabels, onToggle: function (event) {
|
|
1026
|
-
|
|
1027
|
-
|
|
1028
|
-
|
|
1032
|
+
ReactDOM.flushSync(function () {
|
|
1033
|
+
handleChange(event);
|
|
1034
|
+
onToggleClick === null || onToggleClick === void 0 ? void 0 : onToggleClick(event);
|
|
1035
|
+
setHasValues(FormWrapper.formHasValues(values));
|
|
1036
|
+
});
|
|
1029
1037
|
if (submitOnBlur) {
|
|
1030
|
-
|
|
1031
|
-
submitForm(event);
|
|
1032
|
-
}, 50);
|
|
1038
|
+
submitForm(event);
|
|
1033
1039
|
}
|
|
1034
1040
|
}, required: required && !disabled, showValidationMessage: !leftLabels && showValidationMessage, toggleGroupLabel: leftLabels ? undefined : fieldLabel || name, validationMessage: validationMessage }), void 0) }), void 0), leftLabels && (jsxRuntime.jsx(FormWrapper.RightGutter, tslib_es6.__assign({ "$switchSpacing": true }, { children: jsxRuntime.jsx(FormWrapper.ValidationTextGrid, tslib_es6.__assign({ "$showValidationMessage": showValidationMessage, "$switchSpacing": true }, { children: validationMessage }), void 0) }), void 0))] }), void 0));
|
|
1035
1041
|
};
|
|
@@ -1223,4 +1229,4 @@ FormikContainer.defaultProps = {
|
|
|
1223
1229
|
};
|
|
1224
1230
|
|
|
1225
1231
|
exports.FormikContainer = FormikContainer;
|
|
1226
|
-
//# sourceMappingURL=FormikContainer-
|
|
1232
|
+
//# sourceMappingURL=FormikContainer-7d56cc6c.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormikContainer-
|
|
1
|
+
{"version":3,"file":"FormikContainer-7d56cc6c.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/cjs/PhoneCell.cjs
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
require('./tslib.es6-e6f346c4.js');
|
|
6
6
|
require('react/jsx-runtime');
|
|
7
7
|
require('./pressedEnter.cjs');
|
|
8
|
-
require('./Table-
|
|
8
|
+
require('./Table-88e8b0f6.js');
|
|
9
9
|
require('./BodyLEmphasis.cjs');
|
|
10
10
|
require('./northAmericanPhoneMask.cjs');
|
|
11
11
|
require('./Checkbox-4a796c16.js');
|
|
@@ -75,7 +75,7 @@ require('./SlideIn-d48d0569.js');
|
|
|
75
75
|
require('./InlineCurrencyInput-b015e420.js');
|
|
76
76
|
require('./InlinePhoneInput-41af2620.js');
|
|
77
77
|
require('./Phone.cjs');
|
|
78
|
-
require('./DropdownInput-
|
|
78
|
+
require('./DropdownInput-97680e8b.js');
|
|
79
79
|
require('./InputButton.cjs');
|
|
80
80
|
require('./InlineInputButton.cjs');
|
|
81
81
|
require('./isUSStatesEnum.cjs');
|
|
@@ -13,7 +13,7 @@ var Input = require('./Input-76281eb1.js');
|
|
|
13
13
|
var InlineInput = require('./InlineInput-840faf4d.js');
|
|
14
14
|
var PhoneInput = require('./PhoneInput-6f325524.js');
|
|
15
15
|
var e = require('react');
|
|
16
|
-
var DropdownInput = require('./DropdownInput-
|
|
16
|
+
var DropdownInput = require('./DropdownInput-97680e8b.js');
|
|
17
17
|
var types = require('./types-d22620c0.js');
|
|
18
18
|
require('./Button.cjs');
|
|
19
19
|
var PrimaryButton = require('./PrimaryButton.cjs');
|
|
@@ -354,4 +354,4 @@ RJSForm.defaultProps = {
|
|
|
354
354
|
};
|
|
355
355
|
|
|
356
356
|
exports.RJSForm = RJSForm;
|
|
357
|
-
//# sourceMappingURL=RJSForm-
|
|
357
|
+
//# sourceMappingURL=RJSForm-577f5734.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RJSForm-
|
|
1
|
+
{"version":3,"file":"RJSForm-577f5734.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/cjs/RJSForm.cjs
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var RJSForm = require('./RJSForm-
|
|
5
|
+
var RJSForm = require('./RJSForm-577f5734.js');
|
|
6
6
|
var types = require('./types-d22620c0.js');
|
|
7
7
|
require('./tslib.es6-e6f346c4.js');
|
|
8
8
|
require('react/jsx-runtime');
|
|
@@ -71,7 +71,7 @@ require('./PhoneInput-6f325524.js');
|
|
|
71
71
|
require('./InlinePhoneInput-41af2620.js');
|
|
72
72
|
require('./northAmericanPhoneMask.cjs');
|
|
73
73
|
require('./Phone.cjs');
|
|
74
|
-
require('./DropdownInput-
|
|
74
|
+
require('./DropdownInput-97680e8b.js');
|
|
75
75
|
require('./InputButton.cjs');
|
|
76
76
|
require('./InlineInputButton.cjs');
|
|
77
77
|
require('./isUSStatesEnum.cjs');
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var tslib_es6 = require('./tslib.es6-e6f346c4.js');
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var usStates = require('./usStates.cjs');
|
|
6
|
-
var DropdownInput = require('./DropdownInput-
|
|
6
|
+
var DropdownInput = require('./DropdownInput-97680e8b.js');
|
|
7
7
|
|
|
8
8
|
var StateDropdown = function (props) {
|
|
9
9
|
var abbreviatedStateNames = props.abbreviatedStateNames, hideSearch = props.hideSearch, inputLabel = props.inputLabel, inputWidth = props.inputWidth;
|
|
@@ -17,4 +17,4 @@ StateDropdown.defaultProps = {
|
|
|
17
17
|
};
|
|
18
18
|
|
|
19
19
|
exports.StateDropdown = StateDropdown;
|
|
20
|
-
//# sourceMappingURL=StateDropdown-
|
|
20
|
+
//# sourceMappingURL=StateDropdown-685a7fcd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StateDropdown-685a7fcd.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
|