envoc-form 5.0.3 → 5.0.4-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 +4650 -1250
- package/dist/index.cjs +21523 -0
- package/dist/index.d.ts +575 -0
- package/dist/index.js +21456 -0
- package/package.json +107 -111
- package/dist/css/envoc-form-styles.css +0 -3
- package/dist/css/envoc-form-styles.css.map +0 -1
- package/es/AddressInput/AddressInput.d.ts +0 -24
- package/es/AddressInput/AddressInput.js +0 -20
- package/es/AddressInput/UsStates.d.ts +0 -3
- package/es/AddressInput/UsStates.js +0 -53
- package/es/ConfirmBaseForm/ConfirmBaseForm.d.ts +0 -26
- package/es/ConfirmBaseForm/ConfirmBaseForm.js +0 -42
- package/es/ConfirmDeleteForm/ConfirmDeleteForm.d.ts +0 -24
- package/es/ConfirmDeleteForm/ConfirmDeleteForm.js +0 -60
- package/es/DatePicker/DatePickerGroup.d.ts +0 -13
- package/es/DatePicker/DatePickerGroup.js +0 -87
- package/es/DatePicker/DatePickerHelper.d.ts +0 -3
- package/es/DatePicker/DatePickerHelper.js +0 -1
- package/es/DatePicker/StringDateOnlyPickerGroup.d.ts +0 -9
- package/es/DatePicker/StringDateOnlyPickerGroup.js +0 -29
- package/es/DatePicker/StringDatePickerGroup.d.ts +0 -9
- package/es/DatePicker/StringDatePickerGroup.js +0 -24
- package/es/Field/CustomFieldInputProps.d.ts +0 -7
- package/es/Field/CustomFieldInputProps.js +0 -1
- package/es/Field/CustomFieldMetaProps.d.ts +0 -4
- package/es/Field/CustomFieldMetaProps.js +0 -1
- package/es/Field/Field.d.ts +0 -28
- package/es/Field/Field.js +0 -51
- package/es/Field/FieldErrorScrollTarget.d.ts +0 -2
- package/es/Field/FieldErrorScrollTarget.js +0 -12
- package/es/Field/FieldNameContext.d.ts +0 -3
- package/es/Field/FieldNameContext.js +0 -3
- package/es/Field/FieldSection.d.ts +0 -7
- package/es/Field/FieldSection.js +0 -9
- package/es/Field/InjectedFieldProps.d.ts +0 -7
- package/es/Field/InjectedFieldProps.js +0 -1
- package/es/Field/StandAloneInput.d.ts +0 -13
- package/es/Field/StandAloneInput.js +0 -50
- package/es/Field/useStandardField.d.ts +0 -21
- package/es/Field/useStandardField.js +0 -92
- package/es/FieldArray/FieldArray.d.ts +0 -24
- package/es/FieldArray/FieldArray.js +0 -77
- package/es/File/FileGroup.d.ts +0 -10
- package/es/File/FileGroup.js +0 -53
- package/es/File/FileList.d.ts +0 -5
- package/es/File/FileList.js +0 -10
- package/es/File/humanFileSize.d.ts +0 -1
- package/es/File/humanFileSize.js +0 -6
- package/es/Form/FocusError.d.ts +0 -7
- package/es/Form/FocusError.js +0 -42
- package/es/Form/Form.d.ts +0 -33
- package/es/Form/Form.js +0 -141
- package/es/Form/FormBasedPreventNavigation.d.ts +0 -6
- package/es/Form/FormBasedPreventNavigation.js +0 -20
- package/es/Form/LegacyFormBasedPreventNavigation.d.ts +0 -17
- package/es/Form/LegacyFormBasedPreventNavigation.js +0 -69
- package/es/Form/NewFormBasedPreventNavigation.d.ts +0 -14
- package/es/Form/NewFormBasedPreventNavigation.js +0 -39
- package/es/Form/ServerErrorContext.d.ts +0 -11
- package/es/Form/ServerErrorContext.js +0 -9
- package/es/FormActions.d.ts +0 -12
- package/es/FormActions.js +0 -16
- package/es/FormDefaults.d.ts +0 -4
- package/es/FormDefaults.js +0 -2
- package/es/Group.d.ts +0 -16
- package/es/Group.js +0 -14
- package/es/Input/IconInputGroup.d.ts +0 -12
- package/es/Input/IconInputGroup.js +0 -43
- package/es/Input/InputGroup.d.ts +0 -12
- package/es/Input/InputGroup.js +0 -34
- package/es/Input/MoneyInputGroup.d.ts +0 -9
- package/es/Input/MoneyInputGroup.js +0 -43
- package/es/Input/NumberInputGroup.d.ts +0 -9
- package/es/Input/NumberInputGroup.js +0 -43
- package/es/Input/PhoneNumberInputGroup.d.ts +0 -10
- package/es/Input/PhoneNumberInputGroup.js +0 -47
- package/es/Input/StringInputGroup.d.ts +0 -8
- package/es/Input/StringInputGroup.js +0 -43
- package/es/Normalization/NormalizationFunction.d.ts +0 -4
- package/es/Normalization/NormalizationFunction.js +0 -1
- package/es/Normalization/normalizers.d.ts +0 -4
- package/es/Normalization/normalizers.js +0 -32
- package/es/Select/BooleanSelectGroup.d.ts +0 -7
- package/es/Select/BooleanSelectGroup.js +0 -28
- package/es/Select/NumberSelectGroup.d.ts +0 -9
- package/es/Select/NumberSelectGroup.js +0 -21
- package/es/Select/SelectGroup.d.ts +0 -27
- package/es/Select/SelectGroup.js +0 -65
- package/es/Select/SelectGroupPropsHelper.d.ts +0 -3
- package/es/Select/SelectGroupPropsHelper.js +0 -1
- package/es/Select/StringSelectGroup.d.ts +0 -9
- package/es/Select/StringSelectGroup.js +0 -21
- package/es/StandardFormActions.d.ts +0 -11
- package/es/StandardFormActions.js +0 -14
- package/es/SubmitFormButton.d.ts +0 -10
- package/es/SubmitFormButton.js +0 -40
- package/es/TextArea/TextAreaGroup.d.ts +0 -9
- package/es/TextArea/TextAreaGroup.js +0 -35
- package/es/Validation/ValidatedApiResult.d.ts +0 -6
- package/es/Validation/ValidatedApiResult.js +0 -1
- package/es/Validation/ValidationError.d.ts +0 -5
- package/es/Validation/ValidationError.js +0 -1
- package/es/Validation/ValidationFunction.d.ts +0 -4
- package/es/Validation/ValidationFunction.js +0 -1
- package/es/Validation/validators.d.ts +0 -18
- package/es/Validation/validators.js +0 -77
- package/es/index.d.ts +0 -75
- package/es/index.js +0 -51
- package/es/setupTests.d.ts +0 -1
- package/es/setupTests.js +0 -1
- package/es/utils/objectContainsNonSerializableProperty.d.ts +0 -1
- package/es/utils/objectContainsNonSerializableProperty.js +0 -14
- package/es/utils/objectToFormData.d.ts +0 -10
- package/es/utils/objectToFormData.js +0 -77
- package/es/utils/typeChecks.d.ts +0 -8
- package/es/utils/typeChecks.js +0 -18
- package/lib/AddressInput/AddressInput.d.ts +0 -24
- package/lib/AddressInput/AddressInput.js +0 -26
- package/lib/AddressInput/UsStates.d.ts +0 -3
- package/lib/AddressInput/UsStates.js +0 -55
- package/lib/ConfirmBaseForm/ConfirmBaseForm.d.ts +0 -26
- package/lib/ConfirmBaseForm/ConfirmBaseForm.js +0 -48
- package/lib/ConfirmDeleteForm/ConfirmDeleteForm.d.ts +0 -24
- package/lib/ConfirmDeleteForm/ConfirmDeleteForm.js +0 -66
- package/lib/DatePicker/DatePickerGroup.d.ts +0 -13
- package/lib/DatePicker/DatePickerGroup.js +0 -95
- package/lib/DatePicker/DatePickerHelper.d.ts +0 -3
- package/lib/DatePicker/DatePickerHelper.js +0 -2
- package/lib/DatePicker/StringDateOnlyPickerGroup.d.ts +0 -9
- package/lib/DatePicker/StringDateOnlyPickerGroup.js +0 -35
- package/lib/DatePicker/StringDatePickerGroup.d.ts +0 -9
- package/lib/DatePicker/StringDatePickerGroup.js +0 -30
- package/lib/Field/CustomFieldInputProps.d.ts +0 -7
- package/lib/Field/CustomFieldInputProps.js +0 -2
- package/lib/Field/CustomFieldMetaProps.d.ts +0 -4
- package/lib/Field/CustomFieldMetaProps.js +0 -2
- package/lib/Field/Field.d.ts +0 -28
- package/lib/Field/Field.js +0 -56
- package/lib/Field/FieldErrorScrollTarget.d.ts +0 -2
- package/lib/Field/FieldErrorScrollTarget.js +0 -15
- package/lib/Field/FieldNameContext.d.ts +0 -3
- package/lib/Field/FieldNameContext.js +0 -9
- package/lib/Field/FieldSection.d.ts +0 -7
- package/lib/Field/FieldSection.js +0 -12
- package/lib/Field/InjectedFieldProps.d.ts +0 -7
- package/lib/Field/InjectedFieldProps.js +0 -2
- package/lib/Field/StandAloneInput.d.ts +0 -13
- package/lib/Field/StandAloneInput.js +0 -76
- package/lib/Field/useStandardField.d.ts +0 -21
- package/lib/Field/useStandardField.js +0 -95
- package/lib/FieldArray/FieldArray.d.ts +0 -24
- package/lib/FieldArray/FieldArray.js +0 -83
- package/lib/File/FileGroup.d.ts +0 -10
- package/lib/File/FileGroup.js +0 -58
- package/lib/File/FileList.d.ts +0 -5
- package/lib/File/FileList.js +0 -13
- package/lib/File/humanFileSize.d.ts +0 -1
- package/lib/File/humanFileSize.js +0 -10
- package/lib/Form/FocusError.d.ts +0 -7
- package/lib/Form/FocusError.js +0 -48
- package/lib/Form/Form.d.ts +0 -33
- package/lib/Form/Form.js +0 -147
- package/lib/Form/FormBasedPreventNavigation.d.ts +0 -6
- package/lib/Form/FormBasedPreventNavigation.js +0 -26
- package/lib/Form/LegacyFormBasedPreventNavigation.d.ts +0 -17
- package/lib/Form/LegacyFormBasedPreventNavigation.js +0 -72
- package/lib/Form/NewFormBasedPreventNavigation.d.ts +0 -14
- package/lib/Form/NewFormBasedPreventNavigation.js +0 -42
- package/lib/Form/ServerErrorContext.d.ts +0 -11
- package/lib/Form/ServerErrorContext.js +0 -15
- package/lib/FormActions.d.ts +0 -12
- package/lib/FormActions.js +0 -22
- package/lib/FormDefaults.d.ts +0 -4
- package/lib/FormDefaults.js +0 -5
- package/lib/Group.d.ts +0 -16
- package/lib/Group.js +0 -20
- package/lib/Input/IconInputGroup.d.ts +0 -12
- package/lib/Input/IconInputGroup.js +0 -48
- package/lib/Input/InputGroup.d.ts +0 -12
- package/lib/Input/InputGroup.js +0 -39
- package/lib/Input/MoneyInputGroup.d.ts +0 -9
- package/lib/Input/MoneyInputGroup.js +0 -48
- package/lib/Input/NumberInputGroup.d.ts +0 -9
- package/lib/Input/NumberInputGroup.js +0 -48
- package/lib/Input/PhoneNumberInputGroup.d.ts +0 -10
- package/lib/Input/PhoneNumberInputGroup.js +0 -52
- package/lib/Input/StringInputGroup.d.ts +0 -8
- package/lib/Input/StringInputGroup.js +0 -48
- package/lib/Normalization/NormalizationFunction.d.ts +0 -4
- package/lib/Normalization/NormalizationFunction.js +0 -2
- package/lib/Normalization/normalizers.d.ts +0 -4
- package/lib/Normalization/normalizers.js +0 -37
- package/lib/Select/BooleanSelectGroup.d.ts +0 -7
- package/lib/Select/BooleanSelectGroup.js +0 -35
- package/lib/Select/NumberSelectGroup.d.ts +0 -9
- package/lib/Select/NumberSelectGroup.js +0 -29
- package/lib/Select/SelectGroup.d.ts +0 -27
- package/lib/Select/SelectGroup.js +0 -71
- package/lib/Select/SelectGroupPropsHelper.d.ts +0 -3
- package/lib/Select/SelectGroupPropsHelper.js +0 -2
- package/lib/Select/StringSelectGroup.d.ts +0 -9
- package/lib/Select/StringSelectGroup.js +0 -29
- package/lib/StandardFormActions.d.ts +0 -11
- package/lib/StandardFormActions.js +0 -20
- package/lib/SubmitFormButton.d.ts +0 -10
- package/lib/SubmitFormButton.js +0 -45
- package/lib/TextArea/TextAreaGroup.d.ts +0 -9
- package/lib/TextArea/TextAreaGroup.js +0 -40
- package/lib/Validation/ValidatedApiResult.d.ts +0 -6
- package/lib/Validation/ValidatedApiResult.js +0 -2
- package/lib/Validation/ValidationError.d.ts +0 -5
- package/lib/Validation/ValidationError.js +0 -2
- package/lib/Validation/ValidationFunction.d.ts +0 -4
- package/lib/Validation/ValidationFunction.js +0 -2
- package/lib/Validation/validators.d.ts +0 -18
- package/lib/Validation/validators.js +0 -90
- package/lib/index.d.ts +0 -75
- package/lib/index.js +0 -119
- package/lib/setupTests.d.ts +0 -1
- package/lib/setupTests.js +0 -3
- package/lib/utils/objectContainsNonSerializableProperty.d.ts +0 -1
- package/lib/utils/objectContainsNonSerializableProperty.js +0 -17
- package/lib/utils/objectToFormData.d.ts +0 -10
- package/lib/utils/objectToFormData.js +0 -79
- package/lib/utils/typeChecks.d.ts +0 -8
- package/lib/utils/typeChecks.js +0 -29
- package/src/AddressInput/AddressInput.test.tsx +0 -27
- package/src/AddressInput/AddressInput.tsx +0 -82
- package/src/AddressInput/UsStates.ts +0 -55
- package/src/AddressInput/__snapshots__/AddressInput.test.tsx.snap +0 -182
- package/src/ConfirmBaseForm/ConfirmBaseForm.test.tsx +0 -24
- package/src/ConfirmBaseForm/ConfirmBaseForm.tsx +0 -74
- package/src/ConfirmBaseForm/__snapshots__/ConfirmBaseForm.test.tsx.snap +0 -23
- package/src/ConfirmDeleteForm/ConfirmDeleteForm.test.tsx +0 -24
- package/src/ConfirmDeleteForm/ConfirmDeleteForm.tsx +0 -87
- package/src/ConfirmDeleteForm/__snapshots__/ConfirmDeleteForm.test.tsx.snap +0 -25
- package/src/DatePicker/DatePicker.test.tsx +0 -48
- package/src/DatePicker/DatePickerGroup.tsx +0 -115
- package/src/DatePicker/DatePickerHelper.ts +0 -4
- package/src/DatePicker/StringDateOnlyPickerGroup.tsx +0 -28
- package/src/DatePicker/StringDatePickerGroup.tsx +0 -20
- package/src/DatePicker/__snapshots__/DatePicker.test.tsx.snap +0 -152
- package/src/Field/CustomFieldInputProps.ts +0 -10
- package/src/Field/CustomFieldMetaProps.ts +0 -5
- package/src/Field/Field.tsx +0 -113
- package/src/Field/FieldErrorScrollTarget.tsx +0 -12
- package/src/Field/FieldNameContext.ts +0 -6
- package/src/Field/FieldSection.tsx +0 -18
- package/src/Field/InjectedFieldProps.ts +0 -8
- package/src/Field/StandAloneInput.tsx +0 -55
- package/src/Field/useStandardField.ts +0 -125
- package/src/FieldArray/FieldArray.tsx +0 -154
- package/src/File/FileGroup.test.tsx +0 -35
- package/src/File/FileGroup.tsx +0 -85
- package/src/File/FileList.tsx +0 -21
- package/src/File/__snapshots__/FileGroup.test.tsx.snap +0 -34
- package/src/File/humanFileSize.ts +0 -8
- package/src/Form/FocusError.tsx +0 -55
- package/src/Form/Form.test.tsx +0 -14
- package/src/Form/Form.tsx +0 -237
- package/src/Form/FormBasedPreventNavigation.tsx +0 -56
- package/src/Form/LegacyFormBasedPreventNavigation.tsx +0 -77
- package/src/Form/NewFormBasedPreventNavigation.tsx +0 -59
- package/src/Form/ServerErrorContext.ts +0 -18
- package/src/Form/__snapshots__/Form.test.tsx.snap +0 -10
- package/src/FormActions.tsx +0 -47
- package/src/FormDefaults.ts +0 -2
- package/src/Group.tsx +0 -62
- package/src/Input/IconInputGroup.tsx +0 -54
- package/src/Input/InputGroup.tsx +0 -72
- package/src/Input/MoneyInputGroup.tsx +0 -50
- package/src/Input/NumberInputGroup.tsx +0 -48
- package/src/Input/PhoneNumberInputGroup.tsx +0 -45
- package/src/Input/StringInputGroup.tsx +0 -53
- package/src/Input/__Tests__/IconInputGroup.test.tsx +0 -35
- package/src/Input/__Tests__/MoneyInputGroup.test.tsx +0 -37
- package/src/Input/__Tests__/NumberInputGroup.test.tsx +0 -35
- package/src/Input/__Tests__/PhoneNumberInputGroup.test.tsx +0 -36
- package/src/Input/__Tests__/StringInputGroup.test.tsx +0 -27
- package/src/Input/__Tests__/__snapshots__/IconInputGroup.test.tsx.snap +0 -32
- package/src/Input/__Tests__/__snapshots__/MoneyInputGroup.test.tsx.snap +0 -34
- package/src/Input/__Tests__/__snapshots__/NumberInputGroup.test.tsx.snap +0 -32
- package/src/Input/__Tests__/__snapshots__/PhoneNumberInputGroup.test.tsx.snap +0 -33
- package/src/Input/__Tests__/__snapshots__/StringInputGroup.test.tsx.snap +0 -31
- package/src/Normalization/NormalizationFunction.ts +0 -4
- package/src/Normalization/normalizers.ts +0 -44
- package/src/Select/BooleanSelectGroup.tsx +0 -28
- package/src/Select/NumberSelectGroup.tsx +0 -16
- package/src/Select/SelectGroup.tsx +0 -124
- package/src/Select/SelectGroupPropsHelper.ts +0 -4
- package/src/Select/StringSelectGroup.tsx +0 -16
- package/src/Select/__tests__/BooleanSelectGroup.test.tsx +0 -35
- package/src/Select/__tests__/NumberSelectGroup.test.tsx +0 -87
- package/src/Select/__tests__/StringSelectGroup.test.tsx +0 -89
- package/src/Select/__tests__/__snapshots__/BooleanSelectGroup.test.tsx.snap +0 -98
- package/src/Select/__tests__/__snapshots__/NumberSelectGroup.test.tsx.snap +0 -195
- package/src/Select/__tests__/__snapshots__/StringSelectGroup.test.tsx.snap +0 -195
- package/src/StandardFormActions.tsx +0 -41
- package/src/SubmitFormButton.tsx +0 -54
- package/src/TextArea/TextAreaGroup.tsx +0 -64
- package/src/Validation/ValidatedApiResult.ts +0 -8
- package/src/Validation/ValidationError.ts +0 -6
- package/src/Validation/ValidationFunction.ts +0 -4
- package/src/Validation/validators.test.tsx +0 -81
- package/src/Validation/validators.ts +0 -97
- package/src/__Tests__/FormTestBase.tsx +0 -64
- package/src/__Tests__/RealisticForm.test.tsx +0 -82
- package/src/__Tests__/StandardFormActions.test.tsx +0 -17
- package/src/__Tests__/SubmitFormButton.test.tsx +0 -17
- package/src/__Tests__/__snapshots__/StandardFormActions.test.tsx.snap +0 -27
- package/src/__Tests__/__snapshots__/SubmitFormButton.test.tsx.snap +0 -20
- package/src/__Tests__/index.ts +0 -3
- package/src/_variables.scss +0 -11
- package/src/index.ts +0 -153
- package/src/react-app-env.d.ts +0 -1
- package/src/setupTests.ts +0 -1
- package/src/styles.scss +0 -0
- package/src/utils/objectContainsNonSerializableProperty.test.tsx +0 -49
- package/src/utils/objectContainsNonSerializableProperty.ts +0 -17
- package/src/utils/objectToFormData.test.tsx +0 -76
- package/src/utils/objectToFormData.ts +0 -105
- package/src/utils/typeChecks.ts +0 -18
@@ -1,29 +0,0 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
13
|
-
import DatePickerGroup from './DatePickerGroup';
|
14
|
-
/**
|
15
|
-
* Date picker input that consumes and outputs as a date only string in ISO format `YYYY-MM-DD`.
|
16
|
-
*
|
17
|
-
* Default display to the user is in `MM/DD/YYYY` format.
|
18
|
-
*/
|
19
|
-
export default function StringDatePickerGroup(props) {
|
20
|
-
return _jsx(DatePickerGroup, __assign({}, props, { convert: convertToDateOnly }));
|
21
|
-
}
|
22
|
-
function convertToDateOnly(arg) {
|
23
|
-
var year = new Intl.DateTimeFormat('en', { year: 'numeric' })
|
24
|
-
.format(arg)
|
25
|
-
.padStart(4, '0');
|
26
|
-
var month = new Intl.DateTimeFormat('en', { month: '2-digit' }).format(arg);
|
27
|
-
var day = new Intl.DateTimeFormat('en', { day: '2-digit' }).format(arg);
|
28
|
-
return "".concat(year, "-").concat(month, "-").concat(day);
|
29
|
-
}
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import { DatePickerHelper } from './DatePickerHelper';
|
2
|
-
export interface StringDatePickerGroupProps extends DatePickerHelper<string | undefined | null> {
|
3
|
-
}
|
4
|
-
/**
|
5
|
-
* Date picker input that consumes and outputs as a date only string in ISO format `YYYY-MM-DDTHH:mm:ss.sssZ` or `±YYYYYY-MM-DDTHH:mm:ss.sssZ`
|
6
|
-
*
|
7
|
-
* If you need `YYYY-MM-DD` format use `<StringDateOnlyPickerGroup/>`.
|
8
|
-
*/
|
9
|
-
export default function StringDatePickerGroup(props: StringDatePickerGroupProps): import("react/jsx-runtime").JSX.Element;
|
@@ -1,24 +0,0 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
13
|
-
import DatePickerGroup from './DatePickerGroup';
|
14
|
-
/**
|
15
|
-
* Date picker input that consumes and outputs as a date only string in ISO format `YYYY-MM-DDTHH:mm:ss.sssZ` or `±YYYYYY-MM-DDTHH:mm:ss.sssZ`
|
16
|
-
*
|
17
|
-
* If you need `YYYY-MM-DD` format use `<StringDateOnlyPickerGroup/>`.
|
18
|
-
*/
|
19
|
-
export default function StringDatePickerGroup(props) {
|
20
|
-
return _jsx(DatePickerGroup, __assign({}, props, { convert: convertToDateOnly }));
|
21
|
-
}
|
22
|
-
function convertToDateOnly(arg) {
|
23
|
-
return arg.toISOString();
|
24
|
-
}
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
package/es/Field/Field.d.ts
DELETED
@@ -1,28 +0,0 @@
|
|
1
|
-
import { ComponentProps, ElementType, LegacyRef } from 'react';
|
2
|
-
import { InjectedFieldProps } from './InjectedFieldProps';
|
3
|
-
import { NormalizationFunction } from '../Normalization/NormalizationFunction';
|
4
|
-
import { ValidationFunction } from '../Validation/ValidationFunction';
|
5
|
-
export type RenderComponent<TValue, TRenderComponent extends ElementType> = Partial<ComponentProps<TRenderComponent>> extends Partial<InjectedFieldProps<TValue | undefined | null>> ? TRenderComponent : never;
|
6
|
-
export type RenderComponentProps<TValue, TRenderComponent extends ElementType> = Partial<ComponentProps<TRenderComponent>> extends Partial<InjectedFieldProps<TValue | undefined | null>> ? ComponentProps<TRenderComponent> : never;
|
7
|
-
/** A specific Field instance to be rendered by the given TRenderComponent or by whatever default is reasonable */
|
8
|
-
export type FieldProps<TForm extends object, TProp extends keyof TForm, TRenderComponent extends ElementType> = {
|
9
|
-
/** Name of the field. Used on submission. */
|
10
|
-
name: TProp;
|
11
|
-
/** Component to be rendered. Usually this is a type of input group e.g. `<StringInputGroup/>` */
|
12
|
-
Component: RenderComponent<TForm[TProp], TRenderComponent>;
|
13
|
-
/** Id of the field. */
|
14
|
-
id?: string;
|
15
|
-
/** Whether the field should be disabled. */
|
16
|
-
disabled?: boolean;
|
17
|
-
/** Client side validation functions */
|
18
|
-
validate?: ValidationFunction<TForm[TProp]> | ValidationFunction<TForm[TProp]>[];
|
19
|
-
/** Function to modify the field value without making the form dirty. (e.g. phone number) */
|
20
|
-
normalize?: NormalizationFunction<TForm[TProp]>;
|
21
|
-
} & Omit<RenderComponentProps<TForm[TProp], TRenderComponent>, keyof InjectedFieldProps<TForm[TProp]>>;
|
22
|
-
/**
|
23
|
-
* Renders whatever Component is passed - injecting the formik values needed to finish wiring up that individual field.
|
24
|
-
* Should no Component be used then the default will be provided by the default lookup based on typeof(TForm[TProp])
|
25
|
-
*/
|
26
|
-
declare function Field<TForm extends object, TProp extends keyof TForm, TRenderComponent extends ElementType>({ name, Component, id, disabled, validate, normalize, ...rest }: FieldProps<TForm, TProp, TRenderComponent>, ref: LegacyRef<any>): import("react/jsx-runtime").JSX.Element;
|
27
|
-
declare const _default: typeof Field;
|
28
|
-
export default _default;
|
package/es/Field/Field.js
DELETED
@@ -1,51 +0,0 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
13
|
-
var t = {};
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
15
|
-
t[p] = s[p];
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
-
t[p[i]] = s[p[i]];
|
20
|
-
}
|
21
|
-
return t;
|
22
|
-
};
|
23
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
-
import React from 'react';
|
25
|
-
import { FieldNameContext } from './FieldNameContext';
|
26
|
-
import useStandardFormInput from './useStandardField';
|
27
|
-
import { required as requiredValidator } from '../Validation/validators';
|
28
|
-
/**
|
29
|
-
* Renders whatever Component is passed - injecting the formik values needed to finish wiring up that individual field.
|
30
|
-
* Should no Component be used then the default will be provided by the default lookup based on typeof(TForm[TProp])
|
31
|
-
*/
|
32
|
-
function Field(_a, ref) {
|
33
|
-
var name = _a.name, Component = _a.Component, id = _a.id, disabled = _a.disabled, validate = _a.validate, normalize = _a.normalize, rest = __rest(_a, ["name", "Component", "id", "disabled", "validate", "normalize"]);
|
34
|
-
var _b = useStandardFormInput({
|
35
|
-
name: String(name),
|
36
|
-
id: id,
|
37
|
-
disabled: disabled,
|
38
|
-
validate: validate,
|
39
|
-
normalize: normalize,
|
40
|
-
}), input = _b[0], meta = _b[1];
|
41
|
-
var isRequired = (rest === null || rest === void 0 ? void 0 : rest.required) !== undefined
|
42
|
-
? rest.required
|
43
|
-
: validate === requiredValidator ||
|
44
|
-
(Array.isArray(validate) && validate.includes(requiredValidator));
|
45
|
-
// a bit of a hack so JSX is happy with us
|
46
|
-
var Wrapped = Component;
|
47
|
-
return (_jsx(FieldNameContext.Provider, { value: input.name, children: _jsx(Wrapped, __assign({}, rest, { ref: ref, id: input.id, input: input, meta: meta, required: isRequired, disabled: disabled })) }));
|
48
|
-
}
|
49
|
-
// hack to get forwarded refs to work
|
50
|
-
var FieldWithRef = React.forwardRef(Field);
|
51
|
-
export default FieldWithRef;
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
-
import { useContext } from 'react';
|
3
|
-
import { FieldNameContext } from './FieldNameContext';
|
4
|
-
/** Hidden `<div/>` that acts as an anchor to scroll to when a form error occurs. */
|
5
|
-
export default function FieldErrorScrollTarget() {
|
6
|
-
var name = useContext(FieldNameContext);
|
7
|
-
if (!name) {
|
8
|
-
return null;
|
9
|
-
}
|
10
|
-
var divId = "".concat(name.toLowerCase(), "-error-scroll-target");
|
11
|
-
return _jsx("div", { id: divId, style: { display: 'none' } });
|
12
|
-
}
|
package/es/Field/FieldSection.js
DELETED
@@ -1,9 +0,0 @@
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
-
import { useContext } from 'react';
|
3
|
-
import { FieldNameContext } from './FieldNameContext';
|
4
|
-
export default function FieldSection(_a) {
|
5
|
-
var children = _a.children, name = _a.name;
|
6
|
-
var parentContext = useContext(FieldNameContext);
|
7
|
-
var effectiveValue = parentContext ? "".concat(parentContext, ".").concat(name) : name;
|
8
|
-
return (_jsx(FieldNameContext.Provider, { value: effectiveValue, children: children }));
|
9
|
-
}
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import { CustomFieldInputProps } from './CustomFieldInputProps';
|
2
|
-
import { CustomFieldMetaProps } from './CustomFieldMetaProps';
|
3
|
-
/** Defines what is injected by a Field wrapper of some TRenderComponent */
|
4
|
-
export interface InjectedFieldProps<TValue> {
|
5
|
-
input: CustomFieldInputProps<TValue>;
|
6
|
-
meta: CustomFieldMetaProps<TValue>;
|
7
|
-
}
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import { ElementType } from 'react';
|
2
|
-
import { RenderComponent, RenderComponentProps } from './Field';
|
3
|
-
import { InjectedFieldProps } from './InjectedFieldProps';
|
4
|
-
export type StandAloneInputProps<TValue, TRenderComponent extends ElementType> = {
|
5
|
-
/** Component to render inside of the field. */
|
6
|
-
Component: RenderComponent<TValue, TRenderComponent>;
|
7
|
-
/** Value of the field. */
|
8
|
-
value: TValue;
|
9
|
-
/** Function to change the value of the field. */
|
10
|
-
onChange: (arg: TValue) => void;
|
11
|
-
} & Omit<RenderComponentProps<TValue, TRenderComponent>, keyof InjectedFieldProps<TValue> | 'value' | 'onChange' | 'normalize' | 'validate'>;
|
12
|
-
/** The stand alone version of `<Field/>`. Can use a type of input component outside of a `<Form/>`. */
|
13
|
-
export default function StandAloneInput<TValue, TComponent extends ElementType>(props: StandAloneInputProps<TValue, TComponent>): import("react/jsx-runtime").JSX.Element;
|
@@ -1,50 +0,0 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
13
|
-
var t = {};
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
15
|
-
t[p] = s[p];
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
-
t[p[i]] = s[p[i]];
|
20
|
-
}
|
21
|
-
return t;
|
22
|
-
};
|
23
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
-
import { useRef } from 'react';
|
25
|
-
import * as uuid from 'uuid';
|
26
|
-
/** The stand alone version of `<Field/>`. Can use a type of input component outside of a `<Form/>`. */
|
27
|
-
export default function StandAloneInput(props) {
|
28
|
-
var Component = props.Component, value = props.value, onChange = props.onChange, disabled = props.disabled, rest = __rest(props, ["Component", "value", "onChange", "disabled"]);
|
29
|
-
var handleChange = function (arg) {
|
30
|
-
if (!disabled) {
|
31
|
-
onChange(arg);
|
32
|
-
}
|
33
|
-
};
|
34
|
-
var Wrapped = Component;
|
35
|
-
var idRef = useRef(uuid.v4());
|
36
|
-
var input = {
|
37
|
-
id: idRef.current,
|
38
|
-
name: idRef.current,
|
39
|
-
value: value,
|
40
|
-
onChange: handleChange,
|
41
|
-
onBlur: function () { },
|
42
|
-
};
|
43
|
-
var meta = {
|
44
|
-
warning: undefined,
|
45
|
-
value: value,
|
46
|
-
touched: false,
|
47
|
-
initialTouched: false,
|
48
|
-
};
|
49
|
-
return _jsx(Wrapped, __assign({}, rest, { disabled: disabled, input: input, meta: meta }));
|
50
|
-
}
|
@@ -1,21 +0,0 @@
|
|
1
|
-
import { CustomFieldInputProps } from './CustomFieldInputProps';
|
2
|
-
import { CustomFieldMetaProps } from './CustomFieldMetaProps';
|
3
|
-
import { NormalizationFunction } from '../Normalization/NormalizationFunction';
|
4
|
-
import { ValidationFunction } from '../Validation/ValidationFunction';
|
5
|
-
export interface useStandardFieldProps<TValue> {
|
6
|
-
/** Id of the field. */
|
7
|
-
id?: string;
|
8
|
-
/** Name of the field. */
|
9
|
-
name: string;
|
10
|
-
/** Whether the field should be disabled. */
|
11
|
-
disabled?: boolean;
|
12
|
-
/** Function to validate the field. */
|
13
|
-
validate?: ValidationFunction<TValue> | ValidationFunction<TValue>[];
|
14
|
-
/** Function to modify the field value without making the form dirty. (e.g. phone number) */
|
15
|
-
normalize?: NormalizationFunction<TValue>;
|
16
|
-
}
|
17
|
-
/** Provides a consistent way to deal with all form fields (non array). */
|
18
|
-
export default function useStandardField<TValue>({ id: providedId, name: providedName, disabled, validate, normalize, }: useStandardFieldProps<TValue>): [
|
19
|
-
CustomFieldInputProps<TValue>,
|
20
|
-
CustomFieldMetaProps<TValue>
|
21
|
-
];
|
@@ -1,92 +0,0 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
|
-
import { useContext, useEffect } from 'react';
|
13
|
-
import { useField, useFormikContext } from 'formik';
|
14
|
-
import { FieldNameContext } from './FieldNameContext';
|
15
|
-
import { ServerErrorContext } from '../Form/ServerErrorContext';
|
16
|
-
/** Provides a consistent way to deal with all form fields (non array). */
|
17
|
-
export default function useStandardField(_a) {
|
18
|
-
var providedId = _a.id, providedName = _a.name, disabled = _a.disabled, validate = _a.validate, normalize = _a.normalize;
|
19
|
-
// because the formik errors are evaluated all at the same time we need to keep server errors separate
|
20
|
-
var _b = useContext(ServerErrorContext), getServerError = _b.getError, setServerError = _b.setError;
|
21
|
-
// ensure that form section values are obeyed, e.g. homeAddress.zipCode
|
22
|
-
var fieldNameContextValue = useContext(FieldNameContext);
|
23
|
-
var name = fieldNameContextValue
|
24
|
-
? "".concat(fieldNameContextValue, ".").concat(providedName)
|
25
|
-
: providedName;
|
26
|
-
// ensure that nested contexts don't have duplicate id issues when an id is specified
|
27
|
-
var id = providedId
|
28
|
-
? fieldNameContextValue
|
29
|
-
? "".concat(fieldNameContextValue, ".").concat(providedId)
|
30
|
-
: providedId
|
31
|
-
: name;
|
32
|
-
// ensure that our custom validation rules are handled
|
33
|
-
// e.g. we allow arrays of validators
|
34
|
-
var _c = useField({
|
35
|
-
name: name,
|
36
|
-
id: id ? id : name,
|
37
|
-
disabled: disabled,
|
38
|
-
validate: callAllValidators,
|
39
|
-
}), formikInput = _c[0], formikMeta = _c[1];
|
40
|
-
var _d = useFormikContext(), setFieldTouched = _d.setFieldTouched, setFieldValue = _d.setFieldValue, isSubmitting = _d.isSubmitting;
|
41
|
-
var touched = formikMeta.touched !== false && formikMeta.touched !== undefined;
|
42
|
-
useEffect(function () {
|
43
|
-
if (!touched && isSubmitting) {
|
44
|
-
// because we do not always register all fields up front.
|
45
|
-
// e.g. formik expects even a 'create' form to have all fields given, at least, blank values
|
46
|
-
// It looks like this was going to be a thing: https://github.com/jaredpalmer/formik/issues/691
|
47
|
-
// Formik appears to not have an active maintainer: https://github.com/jaredpalmer/formik/discussions/3526
|
48
|
-
// We previously had a different fix in place using handleBlur, but it was causing an infinite update cycle.
|
49
|
-
// This was noted as existing, but there was a note about it not working for FieldArray (this does appear to work in my testing with FieldArray)
|
50
|
-
setFieldTouched(name);
|
51
|
-
}
|
52
|
-
}, [isSubmitting, name, setFieldTouched, touched]);
|
53
|
-
// these are the props we expect consumers of this hook to pass directly to the input (or other control)
|
54
|
-
var resultInput = {
|
55
|
-
name: formikInput.name,
|
56
|
-
// pass any direct from server props through normalize without making the form dirty (e.g. phone number)
|
57
|
-
value: normalize ? normalize(formikInput.value) : formikInput.value,
|
58
|
-
onChange: handleChange,
|
59
|
-
onBlur: handleBlur,
|
60
|
-
// extensions to formik
|
61
|
-
id: id,
|
62
|
-
};
|
63
|
-
var resultMeta = __assign(__assign({}, formikMeta), { error: getServerError(name) || (touched ? formikMeta.error : undefined),
|
64
|
-
// extensions to formik
|
65
|
-
warning: undefined, touched: touched });
|
66
|
-
return [resultInput, resultMeta];
|
67
|
-
function handleBlur() {
|
68
|
-
formikInput.onBlur({ target: { name: name } });
|
69
|
-
}
|
70
|
-
function handleChange(value) {
|
71
|
-
if (disabled) {
|
72
|
-
return;
|
73
|
-
}
|
74
|
-
var normalized = normalize ? normalize(value) : value;
|
75
|
-
setFieldValue(name, normalized);
|
76
|
-
setServerError(name, undefined);
|
77
|
-
}
|
78
|
-
function callAllValidators(value) {
|
79
|
-
if (disabled || !validate) {
|
80
|
-
return;
|
81
|
-
}
|
82
|
-
if (!Array.isArray(validate)) {
|
83
|
-
return validate(value);
|
84
|
-
}
|
85
|
-
for (var i = 0; i < validate.length; i++) {
|
86
|
-
var result = validate[i](value);
|
87
|
-
if (result) {
|
88
|
-
return result;
|
89
|
-
}
|
90
|
-
}
|
91
|
-
}
|
92
|
-
}
|
@@ -1,24 +0,0 @@
|
|
1
|
-
import { ElementType } from 'react';
|
2
|
-
import { FieldProps } from '../Field/Field';
|
3
|
-
import { ValidationFunction } from '../Validation/ValidationFunction';
|
4
|
-
export type FieldArrayProps<TForm extends object, TProp extends keyof TForm> = TForm[TProp] extends Array<any> | undefined | null ? {
|
5
|
-
/** Name of the field, used on submission. If using codegen this must be the provided dto. */
|
6
|
-
name: TProp;
|
7
|
-
/** Label of the field. */
|
8
|
-
label?: string;
|
9
|
-
/** Whether the field should be disabled. */
|
10
|
-
disabled?: boolean;
|
11
|
-
/** Function to validate the value. */
|
12
|
-
validate?: ValidationFunction<TForm[TProp]> | ValidationFunction<TForm[TProp]>[];
|
13
|
-
children: (formBuilder: ArrayFormBuilderProp<TForm[TProp]>) => JSX.Element;
|
14
|
-
} : never;
|
15
|
-
export type ArrayFormBuilderProp<TValue extends Array<any> | undefined | null> = TValue extends Array<infer TForm> | undefined | null ? TForm extends object ? {
|
16
|
-
Field: <TProp extends keyof TForm, TRenderComponent extends ElementType>(props: FieldProps<TForm, TProp, TRenderComponent>) => JSX.Element;
|
17
|
-
FieldArray: <TProp extends keyof TForm>(props: FieldArrayProps<TForm, TProp>) => JSX.Element;
|
18
|
-
} : never : never;
|
19
|
-
/**
|
20
|
-
* An array of fields that allows the user to add multiple instances of the same field.
|
21
|
-
*
|
22
|
-
* Includes "Add Item" and "Remove Item" buttons to allow the user to speicify the number of fields.
|
23
|
-
*/
|
24
|
-
export default function FieldArray<TForm extends object, TProp extends keyof TForm>({ name, label, validate, disabled, children, ...rest }: FieldArrayProps<TForm, TProp>): import("react/jsx-runtime").JSX.Element;
|
@@ -1,77 +0,0 @@
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
-
var t = {};
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
-
t[p] = s[p];
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
-
t[p[i]] = s[p[i]];
|
9
|
-
}
|
10
|
-
return t;
|
11
|
-
};
|
12
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
13
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
14
|
-
if (ar || !(i in from)) {
|
15
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
16
|
-
ar[i] = from[i];
|
17
|
-
}
|
18
|
-
}
|
19
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
20
|
-
};
|
21
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
22
|
-
import classNames from 'classnames';
|
23
|
-
import Field from '../Field/Field';
|
24
|
-
import { FieldNameContext } from '../Field/FieldNameContext';
|
25
|
-
import useStandardFormInput from '../Field/useStandardField';
|
26
|
-
import { FormDefaults } from '../FormDefaults';
|
27
|
-
/**
|
28
|
-
* An array of fields that allows the user to add multiple instances of the same field.
|
29
|
-
*
|
30
|
-
* Includes "Add Item" and "Remove Item" buttons to allow the user to speicify the number of fields.
|
31
|
-
*/
|
32
|
-
export default function FieldArray(_a) {
|
33
|
-
var _b;
|
34
|
-
var name = _a.name, label = _a.label, validate = _a.validate, disabled = _a.disabled, children = _a.children, rest = __rest(_a, ["name", "label", "validate", "disabled", "children"]);
|
35
|
-
var input = useStandardFormInput({
|
36
|
-
name: String(name),
|
37
|
-
validate: validate,
|
38
|
-
disabled: disabled,
|
39
|
-
})[0];
|
40
|
-
var values = !input.value
|
41
|
-
? []
|
42
|
-
: Array.isArray(input.value)
|
43
|
-
? input.value
|
44
|
-
: [];
|
45
|
-
return (_jsxs("div", { className: FormDefaults.cssClassPrefix + 'field-array', children: [_jsxs("div", { className: FormDefaults.cssClassPrefix + 'field-array-header', children: [_jsx("div", { className: FormDefaults.cssClassPrefix + 'field-array-title', children: label }), _jsx("button", { className: classNames(FormDefaults.cssClassPrefix + 'add-array-item-button', (_b = {}, _b[FormDefaults.cssClassPrefix + 'disabled'] = disabled, _b)), title: "Add Item", type: "button", onClick: addItem, children: "+" })] }), _jsx("div", { className: FormDefaults.cssClassPrefix + 'field-array-body', children: values.map(function (value, index) {
|
46
|
-
var _a, _b;
|
47
|
-
var itemName = "".concat(input.name, "[").concat(index, "]");
|
48
|
-
return (_jsxs("div", { className: classNames(FormDefaults.cssClassPrefix + 'field-array-item', (_a = {},
|
49
|
-
_a[FormDefaults.cssClassPrefix + 'removed'] = value.isDeleted,
|
50
|
-
_a)), role: "listitem", children: [_jsx(FieldNameContext.Provider, { value: itemName, children: children({
|
51
|
-
Field: Field,
|
52
|
-
FieldArray: FieldArray,
|
53
|
-
}) }), _jsx("button", { className: classNames(FormDefaults.cssClassPrefix + 'remove-array-item-button', (_b = {}, _b[FormDefaults.cssClassPrefix + 'disabled'] = disabled, _b)), type: "button", title: "Remove Item", onClick: function () { return removeItem(value); }, children: "-" })] }, (value && value['form-input-array-key']) ||
|
54
|
-
(value && value['id']) ||
|
55
|
-
itemName));
|
56
|
-
}) })] }));
|
57
|
-
function addItem() {
|
58
|
-
if (disabled) {
|
59
|
-
return;
|
60
|
-
}
|
61
|
-
input.onChange(__spreadArray(__spreadArray([], values, true), [{}], false));
|
62
|
-
}
|
63
|
-
function removeItem(item) {
|
64
|
-
if (disabled) {
|
65
|
-
return;
|
66
|
-
}
|
67
|
-
// assumes anything from the server has an 'id' value sent
|
68
|
-
if (!item.id) {
|
69
|
-
input.onChange(values.filter(function (x) { return x !== item; }));
|
70
|
-
return;
|
71
|
-
}
|
72
|
-
var mapped = values.map(function (x) {
|
73
|
-
return x !== item ? x : Object.assign({}, x, { isDeleted: true });
|
74
|
-
});
|
75
|
-
input.onChange(mapped);
|
76
|
-
}
|
77
|
-
}
|
package/es/File/FileGroup.d.ts
DELETED
@@ -1,10 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { InjectedFieldProps } from '../Field/InjectedFieldProps';
|
3
|
-
import { GroupProps } from '../Group';
|
4
|
-
export interface FileGroupProps extends InjectedFieldProps<any | undefined | null>, Omit<GroupProps, keyof InjectedFieldProps<any> | 'children'>, Omit<React.HTMLProps<HTMLInputElement>, keyof InjectedFieldProps<any> | 'children' | 'className' | 'label'> {
|
5
|
-
/** Allow multiple files to be uploaded. */
|
6
|
-
multiple?: boolean | undefined;
|
7
|
-
}
|
8
|
-
/** File upload input group. */
|
9
|
-
declare const FileGroupWithRef: React.ComponentType<FileGroupProps>;
|
10
|
-
export default FileGroupWithRef;
|
package/es/File/FileGroup.js
DELETED
@@ -1,53 +0,0 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
13
|
-
var t = {};
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
15
|
-
t[p] = s[p];
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
-
t[p[i]] = s[p[i]];
|
20
|
-
}
|
21
|
-
return t;
|
22
|
-
};
|
23
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
24
|
-
import React from 'react';
|
25
|
-
import classNames from 'classnames';
|
26
|
-
import FileList from './FileList';
|
27
|
-
import { FormDefaults } from '../FormDefaults';
|
28
|
-
import Group from '../Group';
|
29
|
-
function FileGroup(_a, ref) {
|
30
|
-
var _b;
|
31
|
-
var input = _a.input, meta = _a.meta, label = _a.label, helpText = _a.helpText, className = _a.className, required = _a.required, disabled = _a.disabled, multiple = _a.multiple, rest = __rest(_a, ["input", "meta", "label", "helpText", "className", "required", "disabled", "multiple"]);
|
32
|
-
return (_jsxs(Group, { input: input, meta: meta, label: label, helpText: helpText, className: classNames(className, (_b = {}, _b[FormDefaults.cssClassPrefix + 'multiple'] = multiple, _b), FormDefaults.cssClassPrefix + 'file-group'), required: required, disabled: disabled, children: [_jsx("input", __assign({}, input, rest, { multiple: multiple, onChange: function (e) {
|
33
|
-
var _a, _b;
|
34
|
-
if (!((_b = (_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b.length)) {
|
35
|
-
input.onChange(undefined);
|
36
|
-
}
|
37
|
-
else {
|
38
|
-
var files = [];
|
39
|
-
for (var i = 0; i < e.target.files.length; i++) {
|
40
|
-
files.push(e.target.files[i]);
|
41
|
-
}
|
42
|
-
if (!multiple) {
|
43
|
-
input.onChange(files[0]);
|
44
|
-
}
|
45
|
-
else {
|
46
|
-
input.onChange(files);
|
47
|
-
}
|
48
|
-
}
|
49
|
-
}, value: undefined, ref: ref, type: "file", className: classNames(className, FormDefaults.cssClassPrefix + 'file-group') })), _jsx(FileList, { files: input.value })] }));
|
50
|
-
}
|
51
|
-
/** File upload input group. */
|
52
|
-
var FileGroupWithRef = React.forwardRef(FileGroup);
|
53
|
-
export default FileGroupWithRef;
|
package/es/File/FileList.d.ts
DELETED
package/es/File/FileList.js
DELETED
@@ -1,10 +0,0 @@
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
-
import { FormDefaults } from '../FormDefaults';
|
3
|
-
export default function FileList(_a) {
|
4
|
-
var files = _a.files, rejectedFiles = _a.rejectedFiles;
|
5
|
-
return (_jsx("div", { className: FormDefaults.cssClassPrefix + 'file-list', children: !files ? null : Array.isArray(files) ? (files.map(function (x, i) { return _jsx(File, { file: x }, i); })) : (_jsx(File, { file: files })) }));
|
6
|
-
}
|
7
|
-
function File(_a) {
|
8
|
-
var file = _a.file;
|
9
|
-
return null;
|
10
|
-
}
|
@@ -1 +0,0 @@
|
|
1
|
-
export declare function humanFileSize(size: number): string;
|
package/es/File/humanFileSize.js
DELETED
package/es/Form/FocusError.d.ts
DELETED
@@ -1,7 +0,0 @@
|
|
1
|
-
import { ServerErrorContextProps } from './ServerErrorContext';
|
2
|
-
export interface FocusErrorProps {
|
3
|
-
/** Validation errors that have been received from the server. */
|
4
|
-
serverErrors: ServerErrorContextProps;
|
5
|
-
}
|
6
|
-
/** Function to scroll to the field that has an error. */
|
7
|
-
export default function FocusError(props: FocusErrorProps): null;
|