envoc-form 3.3.0 → 4.0.1-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 +10 -1
- package/dist/css/envoc-form-styles.css +0 -113
- package/dist/css/envoc-form-styles.css.map +1 -1
- package/es/AddressInput/AddressInput.d.ts +15 -0
- package/es/AddressInput/AddressInput.js +21 -97
- package/es/AddressInput/UsStates.d.ts +3 -0
- package/es/AddressInput/UsStates.js +53 -152
- package/es/ConfirmBaseForm/ConfirmBaseForm.d.ts +10 -0
- package/es/ConfirmBaseForm/ConfirmBaseForm.js +35 -43
- package/es/ConfirmDeleteForm/ConfirmDeleteForm.d.ts +11 -0
- package/es/ConfirmDeleteForm/ConfirmDeleteForm.js +54 -40
- package/es/DatePickerInput/DatePickerInput.d.ts +14 -0
- package/es/DatePickerInput/DatePickerInput.js +63 -95
- package/es/Field/CustomFieldInputProps.d.ts +7 -0
- package/es/Field/CustomFieldInputProps.js +1 -0
- package/es/Field/CustomFieldMetaProps.d.ts +4 -0
- package/es/Field/CustomFieldMetaProps.js +1 -0
- package/es/Field/Field.d.ts +22 -0
- package/es/Field/Field.js +46 -0
- package/es/Field/FieldErrorScrollTarget.d.ts +2 -0
- package/es/Field/FieldErrorScrollTarget.js +11 -0
- package/es/Field/FieldNameContext.d.ts +3 -0
- package/es/Field/FieldNameContext.js +3 -0
- package/es/Field/FieldSection.d.ts +7 -0
- package/es/Field/FieldSection.js +20 -0
- package/es/Field/InjectedFieldProps.d.ts +7 -0
- package/es/Field/InjectedFieldProps.js +1 -0
- package/es/Field/useStandardField.d.ts +15 -0
- package/es/Field/useStandardField.js +93 -0
- package/es/FieldArray/FieldArray.d.ts +15 -0
- package/es/FieldArray/FieldArray.js +80 -0
- package/es/File/FileGroup.d.ts +8 -0
- package/es/File/FileGroup.js +50 -0
- package/es/File/FileList.d.ts +6 -0
- package/es/File/FileList.js +20 -0
- package/es/File/humanFileSize.d.ts +1 -0
- package/es/File/humanFileSize.js +6 -0
- package/es/Form/FocusError.d.ts +5 -0
- package/es/Form/FocusError.js +41 -53
- package/es/Form/Form.d.ts +22 -0
- package/es/Form/Form.js +111 -125
- package/es/Form/FormBasedPreventNavigation.d.ts +5 -0
- package/es/Form/FormBasedPreventNavigation.js +53 -30
- package/es/Form/ServerErrorContext.d.ts +10 -0
- package/es/Form/ServerErrorContext.js +8 -6
- package/es/FormActions.d.ts +7 -0
- package/es/FormActions.js +22 -0
- package/es/Group.d.ts +13 -0
- package/es/Group.js +22 -0
- package/es/Input/IconInputGroup.d.ts +9 -0
- package/es/Input/IconInputGroup.js +40 -0
- package/es/Input/InputGroup.d.ts +12 -0
- package/es/Input/InputGroup.js +33 -0
- package/es/Input/MoneyInputGroup.d.ts +7 -0
- package/es/Input/MoneyInputGroup.js +41 -0
- package/es/Input/NumberInputGroup.d.ts +7 -0
- package/es/Input/NumberInputGroup.js +41 -0
- package/es/Input/StringInputGroup.d.ts +7 -0
- package/es/Input/StringInputGroup.js +40 -0
- package/es/Normalization/NormalizationFunction.d.ts +4 -0
- package/es/Normalization/NormalizationFunction.js +1 -0
- package/es/Normalization/normalizers.d.ts +2 -0
- package/es/Normalization/normalizers.js +30 -0
- package/es/Select/BooleanSelectGroup.d.ts +7 -0
- package/es/Select/BooleanSelectGroup.js +27 -0
- package/es/Select/NumberSelectGroup.d.ts +8 -0
- package/es/Select/NumberSelectGroup.js +19 -0
- package/es/Select/SelectGroup.d.ts +22 -0
- package/es/Select/SelectGroup.js +59 -0
- package/es/Select/SelectGroupPropsHelper.d.ts +3 -0
- package/es/Select/SelectGroupPropsHelper.js +1 -0
- package/es/Select/StringSelectGroup.d.ts +8 -0
- package/es/Select/StringSelectGroup.js +19 -0
- package/es/StandardFormActions.d.ts +6 -0
- package/es/StandardFormActions.js +23 -24
- package/es/SubmitFormButton.d.ts +7 -0
- package/es/SubmitFormButton.js +37 -23
- package/es/Validation/ValidatedApiResult.d.ts +6 -0
- package/es/Validation/ValidatedApiResult.js +1 -0
- package/es/Validation/ValidationError.d.ts +5 -0
- package/es/Validation/ValidationError.js +1 -0
- package/es/Validation/ValidationFunction.d.ts +4 -0
- package/es/Validation/ValidationFunction.js +1 -0
- package/es/Validation/validators.d.ts +15 -0
- package/es/Validation/validators.js +73 -0
- package/es/__Tests__/FormTestBase.d.ts +27 -0
- package/es/__Tests__/FormTestBase.js +83 -12
- package/{src/__Tests__/index.js → es/__Tests__/index.d.ts} +0 -0
- package/es/__Tests__/index.js +2 -2
- package/es/index.d.ts +57 -0
- package/es/index.js +41 -25
- package/es/utils/objectContainsNonSerializableProperty.d.ts +1 -0
- package/es/utils/objectContainsNonSerializableProperty.js +14 -16
- package/es/utils/objectToFormData.d.ts +10 -0
- package/es/utils/objectToFormData.js +77 -65
- package/es/utils/typeChecks.d.ts +8 -0
- package/es/utils/typeChecks.js +18 -25
- package/lib/AddressInput/AddressInput.d.ts +15 -0
- package/lib/AddressInput/AddressInput.js +27 -123
- package/lib/AddressInput/UsStates.d.ts +3 -0
- package/lib/AddressInput/UsStates.js +55 -159
- package/lib/ConfirmBaseForm/ConfirmBaseForm.d.ts +10 -0
- package/lib/ConfirmBaseForm/ConfirmBaseForm.js +41 -57
- package/lib/ConfirmDeleteForm/ConfirmDeleteForm.d.ts +11 -0
- package/lib/ConfirmDeleteForm/ConfirmDeleteForm.js +60 -56
- package/lib/DatePickerInput/DatePickerInput.d.ts +14 -0
- package/lib/DatePickerInput/DatePickerInput.js +69 -113
- package/lib/Field/CustomFieldInputProps.d.ts +7 -0
- package/lib/Field/CustomFieldInputProps.js +2 -0
- package/lib/Field/CustomFieldMetaProps.d.ts +4 -0
- package/lib/Field/CustomFieldMetaProps.js +2 -0
- package/lib/Field/Field.d.ts +22 -0
- package/lib/Field/Field.js +51 -0
- package/lib/Field/FieldErrorScrollTarget.d.ts +2 -0
- package/lib/Field/FieldErrorScrollTarget.js +14 -0
- package/lib/Field/FieldNameContext.d.ts +3 -0
- package/lib/Field/FieldNameContext.js +9 -0
- package/lib/Field/FieldSection.d.ts +7 -0
- package/lib/Field/FieldSection.js +23 -0
- package/lib/Field/InjectedFieldProps.d.ts +7 -0
- package/lib/Field/InjectedFieldProps.js +2 -0
- package/lib/Field/useStandardField.d.ts +15 -0
- package/lib/Field/useStandardField.js +96 -0
- package/lib/FieldArray/FieldArray.d.ts +15 -0
- package/lib/FieldArray/FieldArray.js +86 -0
- package/lib/File/FileGroup.d.ts +8 -0
- package/lib/File/FileGroup.js +55 -0
- package/lib/File/FileList.d.ts +6 -0
- package/lib/File/FileList.js +23 -0
- package/lib/File/humanFileSize.d.ts +1 -0
- package/lib/File/humanFileSize.js +10 -0
- package/lib/Form/FocusError.d.ts +5 -0
- package/lib/Form/FocusError.js +47 -66
- package/lib/Form/Form.d.ts +22 -0
- package/lib/Form/Form.js +117 -153
- package/lib/Form/FormBasedPreventNavigation.d.ts +5 -0
- package/lib/Form/FormBasedPreventNavigation.js +56 -39
- package/lib/Form/ServerErrorContext.d.ts +10 -0
- package/lib/Form/ServerErrorContext.js +14 -18
- package/lib/FormActions.d.ts +7 -0
- package/lib/FormActions.js +28 -0
- package/lib/Group.d.ts +13 -0
- package/lib/Group.js +28 -0
- package/lib/Input/IconInputGroup.d.ts +9 -0
- package/lib/Input/IconInputGroup.js +45 -0
- package/lib/Input/InputGroup.d.ts +12 -0
- package/lib/Input/InputGroup.js +38 -0
- package/lib/Input/MoneyInputGroup.d.ts +7 -0
- package/lib/Input/MoneyInputGroup.js +46 -0
- package/lib/Input/NumberInputGroup.d.ts +7 -0
- package/lib/Input/NumberInputGroup.js +46 -0
- package/lib/Input/StringInputGroup.d.ts +7 -0
- package/lib/Input/StringInputGroup.js +45 -0
- package/lib/Normalization/NormalizationFunction.d.ts +4 -0
- package/lib/Normalization/NormalizationFunction.js +2 -0
- package/lib/Normalization/normalizers.d.ts +2 -0
- package/lib/Normalization/normalizers.js +35 -0
- package/lib/Select/BooleanSelectGroup.d.ts +7 -0
- package/lib/Select/BooleanSelectGroup.js +34 -0
- package/lib/Select/NumberSelectGroup.d.ts +8 -0
- package/lib/Select/NumberSelectGroup.js +27 -0
- package/lib/Select/SelectGroup.d.ts +22 -0
- package/lib/Select/SelectGroup.js +65 -0
- package/lib/Select/SelectGroupPropsHelper.d.ts +3 -0
- package/lib/Select/SelectGroupPropsHelper.js +2 -0
- package/lib/Select/StringSelectGroup.d.ts +8 -0
- package/lib/Select/StringSelectGroup.js +27 -0
- package/lib/StandardFormActions.d.ts +6 -0
- package/lib/StandardFormActions.js +29 -37
- package/lib/SubmitFormButton.d.ts +7 -0
- package/lib/SubmitFormButton.js +42 -38
- package/lib/Validation/ValidatedApiResult.d.ts +6 -0
- package/lib/Validation/ValidatedApiResult.js +2 -0
- package/lib/Validation/ValidationError.d.ts +5 -0
- package/lib/Validation/ValidationError.js +2 -0
- package/lib/Validation/ValidationFunction.d.ts +4 -0
- package/lib/Validation/ValidationFunction.js +2 -0
- package/lib/Validation/validators.d.ts +15 -0
- package/lib/Validation/validators.js +86 -0
- package/lib/__Tests__/FormTestBase.d.ts +27 -0
- package/lib/__Tests__/FormTestBase.js +86 -25
- package/lib/__Tests__/index.d.ts +2 -0
- package/lib/__Tests__/index.js +8 -15
- package/lib/index.d.ts +57 -0
- package/lib/index.js +101 -262
- package/lib/utils/objectContainsNonSerializableProperty.d.ts +1 -0
- package/lib/utils/objectContainsNonSerializableProperty.js +17 -24
- package/lib/utils/objectToFormData.d.ts +10 -0
- package/lib/utils/objectToFormData.js +79 -73
- package/lib/utils/typeChecks.d.ts +8 -0
- package/lib/utils/typeChecks.js +29 -58
- package/package.json +106 -101
- package/src/AddressInput/{AddesssInput.test.js → AddressInput.test.tsx} +7 -3
- package/src/AddressInput/AddressInput.tsx +72 -0
- package/src/AddressInput/{UsStates.js → UsStates.ts} +3 -1
- package/src/AddressInput/__snapshots__/AddressInput.test.tsx.snap +175 -0
- package/src/ConfirmBaseForm/ConfirmBaseForm.test.tsx +24 -0
- package/src/ConfirmBaseForm/ConfirmBaseForm.tsx +50 -0
- package/src/ConfirmBaseForm/__snapshots__/{ConfirmBaseForm.test.js.snap → ConfirmBaseForm.test.tsx.snap} +2 -2
- package/src/ConfirmDeleteForm/{ConfirmDeleteForm.test.js → ConfirmDeleteForm.test.tsx} +3 -3
- package/src/ConfirmDeleteForm/ConfirmDeleteForm.tsx +67 -0
- package/src/ConfirmDeleteForm/__snapshots__/{ConfirmDeleteForm.test.js.snap → ConfirmDeleteForm.test.tsx.snap} +2 -2
- package/src/DatePickerInput/DatePickerInput.test.tsx +48 -0
- package/src/DatePickerInput/DatePickerInput.tsx +85 -0
- package/src/DatePickerInput/__snapshots__/DatePickerInput.test.tsx.snap +151 -0
- package/src/Field/CustomFieldInputProps.ts +10 -0
- package/src/Field/CustomFieldMetaProps.ts +5 -0
- package/src/Field/Field.tsx +90 -0
- package/src/Field/FieldErrorScrollTarget.tsx +11 -0
- package/src/Field/FieldNameContext.ts +6 -0
- package/src/Field/FieldSection.tsx +18 -0
- package/src/Field/InjectedFieldProps.ts +8 -0
- package/src/Field/useStandardField.ts +121 -0
- package/src/FieldArray/FieldArray.tsx +133 -0
- package/src/File/FileGroup.test.tsx +35 -0
- package/src/File/FileGroup.tsx +71 -0
- package/src/File/FileList.tsx +19 -0
- package/src/File/__snapshots__/FileGroup.test.tsx.snap +32 -0
- package/src/File/humanFileSize.ts +8 -0
- package/src/Form/{FocusError.js → FocusError.tsx} +10 -6
- package/src/Form/Form.test.tsx +14 -0
- package/src/Form/{Form.js → Form.tsx} +71 -31
- package/src/Form/FormBasedPreventNavigation.tsx +74 -0
- package/src/Form/ServerErrorContext.ts +17 -0
- package/src/Form/__snapshots__/{Form.test.js.snap → Form.test.tsx.snap} +1 -1
- package/src/FormActions.tsx +34 -0
- package/src/Group.tsx +43 -0
- package/src/Input/IconInputGroup.tsx +48 -0
- package/src/Input/InputGroup.tsx +57 -0
- package/src/Input/MoneyInputGroup.tsx +44 -0
- package/src/Input/NumberInputGroup.tsx +42 -0
- package/src/Input/StringInputGroup.tsx +40 -0
- package/src/Input/__Tests__/IconInputGroup.test.tsx +35 -0
- package/src/Input/__Tests__/MoneyInputGroup.test.tsx +37 -0
- package/src/Input/__Tests__/NumberInputGroup.test.tsx +35 -0
- package/src/Input/__Tests__/StringInputGroup.test.tsx +27 -0
- package/src/Input/__Tests__/__snapshots__/IconInputGroup.test.tsx.snap +29 -0
- package/src/Input/__Tests__/__snapshots__/MoneyInputGroup.test.tsx.snap +31 -0
- package/src/Input/__Tests__/__snapshots__/NumberInputGroup.test.tsx.snap +29 -0
- package/src/Input/__Tests__/__snapshots__/StringInputGroup.test.tsx.snap +28 -0
- package/src/Normalization/NormalizationFunction.ts +4 -0
- package/src/{normalizers.js → Normalization/normalizers.ts} +5 -5
- package/src/Select/BooleanSelectGroup.tsx +27 -0
- package/src/Select/NumberSelectGroup.tsx +14 -0
- package/src/Select/SelectGroup.tsx +106 -0
- package/src/Select/SelectGroupPropsHelper.ts +4 -0
- package/src/Select/StringSelectGroup.tsx +14 -0
- package/src/Select/__tests__/BooleanSelectGroup.test.tsx +35 -0
- package/src/Select/__tests__/NumberSelectGroup.test.tsx +87 -0
- package/src/Select/__tests__/StringSelectGroup.test.tsx +89 -0
- package/src/Select/__tests__/__snapshots__/BooleanSelectGroup.test.tsx.snap +99 -0
- package/src/Select/__tests__/__snapshots__/NumberSelectGroup.test.tsx.snap +197 -0
- package/src/Select/__tests__/__snapshots__/StringSelectGroup.test.tsx.snap +197 -0
- package/src/{StandardFormActions.js → StandardFormActions.tsx} +12 -6
- package/src/SubmitFormButton.tsx +44 -0
- package/src/Validation/ValidatedApiResult.ts +8 -0
- package/src/Validation/ValidationError.ts +6 -0
- package/src/Validation/ValidationFunction.ts +4 -0
- package/src/{validators/validators.test.js → Validation/validators.test.tsx} +6 -4
- package/src/Validation/validators.ts +92 -0
- package/src/__Tests__/FormTestBase.tsx +63 -0
- package/src/__Tests__/{StandardFormActions.test.js → StandardFormActions.test.tsx} +2 -8
- package/src/__Tests__/{SubmitFormButton.test.js → SubmitFormButton.test.tsx} +2 -8
- package/src/__Tests__/__snapshots__/{StandardFormActions.test.js.snap → StandardFormActions.test.tsx.snap} +2 -2
- package/src/__Tests__/__snapshots__/{SubmitFormButton.test.js.snap → SubmitFormButton.test.tsx.snap} +1 -1
- package/src/__Tests__/index.ts +3 -0
- package/src/index.ts +114 -0
- package/src/react-app-env.d.ts +1 -0
- package/src/styles.scss +0 -7
- package/src/utils/{objectContainsNonSerializableProperty.test.js → objectContainsNonSerializableProperty.test.tsx} +0 -0
- package/src/utils/{objectContainsNonSerializableProperty.js → objectContainsNonSerializableProperty.ts} +4 -2
- package/src/utils/{objectToFormData.test.js → objectToFormData.test.tsx} +0 -0
- package/src/utils/{objectToFormData.js → objectToFormData.ts} +29 -13
- package/src/utils/typeChecks.ts +18 -0
- package/es/AddressInput/index.js +0 -3
- package/es/BoolInput/BoolInput.js +0 -10
- package/es/BoolInput/InlineBoolInput.js +0 -10
- package/es/BoolInput/boolOptions.js +0 -8
- package/es/BoolInput/index.js +0 -3
- package/es/ConfirmBaseForm/index.js +0 -2
- package/es/ConfirmDeleteForm/index.js +0 -2
- package/es/DatePickerInput/index.js +0 -2
- package/es/ErrorScrollTarget.js +0 -10
- package/es/FileInput/DefaultFileList.js +0 -36
- package/es/FileInput/DropzoneFileInput.js +0 -58
- package/es/FileInput/FileInput.js +0 -62
- package/es/FileInput/index.js +0 -4
- package/es/Form/index.js +0 -5
- package/es/FormGroup.js +0 -22
- package/es/FormGroupWrapper.js +0 -22
- package/es/FormInput/FormInput.js +0 -212
- package/es/FormInput/index.js +0 -2
- package/es/FormInputArray/FormInputArray.js +0 -225
- package/es/FormInputArray/index.js +0 -2
- package/es/FormSection.js +0 -11
- package/es/IconInput.js +0 -33
- package/es/InlineFormInput/InlineFormInput.js +0 -8
- package/es/InlineFormInput/index.js +0 -2
- package/es/MoneyFormattedInput/MoneyFormattedInput.js +0 -106
- package/es/MoneyFormattedInput/index.js +0 -2
- package/es/MoneyInput/InlineMoneyInput.js +0 -7
- package/es/MoneyInput/MoneyInput.js +0 -7
- package/es/MoneyInput/index.js +0 -3
- package/es/MoneyInput/moneyInputProps.js +0 -13
- package/es/NestedFormFieldContext.js +0 -4
- package/es/ReactSelectField/ReactSelectField.js +0 -162
- package/es/ReactSelectField/index.js +0 -2
- package/es/normalizers.js +0 -39
- package/es/selectors.js +0 -6
- package/es/useStandardFormInput.js +0 -119
- package/es/utils/index.js +0 -3
- package/es/validators/index.js +0 -2
- package/es/validators/validators.js +0 -94
- package/lib/AddressInput/index.js +0 -23
- package/lib/BoolInput/BoolInput.js +0 -23
- package/lib/BoolInput/InlineBoolInput.js +0 -23
- package/lib/BoolInput/boolOptions.js +0 -15
- package/lib/BoolInput/index.js +0 -23
- package/lib/ConfirmBaseForm/index.js +0 -13
- package/lib/ConfirmDeleteForm/index.js +0 -13
- package/lib/DatePickerInput/index.js +0 -13
- package/lib/ErrorScrollTarget.js +0 -20
- package/lib/FileInput/DefaultFileList.js +0 -47
- package/lib/FileInput/DropzoneFileInput.js +0 -75
- package/lib/FileInput/FileInput.js +0 -82
- package/lib/FileInput/index.js +0 -31
- package/lib/Form/index.js +0 -39
- package/lib/FormGroup.js +0 -33
- package/lib/FormGroupWrapper.js +0 -37
- package/lib/FormInput/FormInput.js +0 -236
- package/lib/FormInput/index.js +0 -13
- package/lib/FormInputArray/FormInputArray.js +0 -248
- package/lib/FormInputArray/index.js +0 -13
- package/lib/FormSection.js +0 -28
- package/lib/IconInput.js +0 -51
- package/lib/InlineFormInput/InlineFormInput.js +0 -20
- package/lib/InlineFormInput/index.js +0 -13
- package/lib/MoneyFormattedInput/MoneyFormattedInput.js +0 -126
- package/lib/MoneyFormattedInput/index.js +0 -15
- package/lib/MoneyInput/InlineMoneyInput.js +0 -20
- package/lib/MoneyInput/MoneyInput.js +0 -20
- package/lib/MoneyInput/index.js +0 -23
- package/lib/MoneyInput/moneyInputProps.js +0 -26
- package/lib/NestedFormFieldContext.js +0 -16
- package/lib/ReactSelectField/ReactSelectField.js +0 -187
- package/lib/ReactSelectField/index.js +0 -31
- package/lib/normalizers.js +0 -51
- package/lib/selectors.js +0 -18
- package/lib/useStandardFormInput.js +0 -135
- package/lib/utils/index.js +0 -23
- package/lib/validators/index.js +0 -17
- package/lib/validators/validators.js +0 -130
- package/src/AddressInput/AddressInput.js +0 -73
- package/src/AddressInput/__snapshots__/AddesssInput.test.js.snap +0 -207
- package/src/AddressInput/index.js +0 -3
- package/src/BoolInput/BoolInput.js +0 -7
- package/src/BoolInput/BoolInput.test.js +0 -23
- package/src/BoolInput/InlineBoolInput.js +0 -7
- package/src/BoolInput/__snapshots__/BoolInput.test.js.snap +0 -89
- package/src/BoolInput/boolOptions.js +0 -6
- package/src/BoolInput/index.js +0 -4
- package/src/ConfirmBaseForm/ConfirmBaseForm.js +0 -37
- package/src/ConfirmBaseForm/ConfirmBaseForm.test.js +0 -14
- package/src/ConfirmBaseForm/index.js +0 -2
- package/src/ConfirmDeleteForm/ConfirmDeleteForm.js +0 -39
- package/src/ConfirmDeleteForm/index.js +0 -2
- package/src/DatePickerInput/DatePickerInput.js +0 -49
- package/src/DatePickerInput/DatePickerInput.test.js +0 -74
- package/src/DatePickerInput/__snapshots__/DatePickerInput.test.js.snap +0 -134
- package/src/DatePickerInput/date-picker-input.scss +0 -42
- package/src/DatePickerInput/index.js +0 -3
- package/src/ErrorScrollTarget.js +0 -6
- package/src/FileInput/DefaultFileList.js +0 -39
- package/src/FileInput/DropzoneFileInput.js +0 -56
- package/src/FileInput/DropzoneFileInput.test.js +0 -24
- package/src/FileInput/FileInput.js +0 -77
- package/src/FileInput/FileInput.test.js +0 -24
- package/src/FileInput/__snapshots__/DropzoneFileInput.test.js.snap +0 -57
- package/src/FileInput/__snapshots__/FileInput.test.js.snap +0 -58
- package/src/FileInput/file-input.scss +0 -58
- package/src/FileInput/index.js +0 -5
- package/src/Form/Form.test.js +0 -23
- package/src/Form/FormBasedPreventNavigation.js +0 -25
- package/src/Form/ServerErrorContext.js +0 -7
- package/src/Form/index.js +0 -11
- package/src/FormGroup.js +0 -30
- package/src/FormGroupWrapper.js +0 -28
- package/src/FormInput/FormInput.js +0 -148
- package/src/FormInput/FormInput.test.js +0 -66
- package/src/FormInput/__snapshots__/FormInput.test.js.snap +0 -323
- package/src/FormInput/form-input.scss +0 -9
- package/src/FormInput/index.js +0 -2
- package/src/FormInputArray/FormInputArray.js +0 -224
- package/src/FormInputArray/FormInputArray.test.js +0 -108
- package/src/FormInputArray/__snapshots__/FormInputArray.test.js.snap +0 -52
- package/src/FormInputArray/form-input-array.scss +0 -13
- package/src/FormInputArray/index.js +0 -2
- package/src/FormSection.js +0 -13
- package/src/IconInput.js +0 -31
- package/src/InlineFormInput/InlineFormInput.js +0 -6
- package/src/InlineFormInput/InlineFormInput.test.js +0 -23
- package/src/InlineFormInput/__snapshots__/InlineFormInput.test.js.snap +0 -26
- package/src/InlineFormInput/index.js +0 -3
- package/src/InlineFormInput/inline-form-input.scss +0 -3
- package/src/MoneyFormattedInput/MoneyFormattedInput.js +0 -115
- package/src/MoneyFormattedInput/index.js +0 -3
- package/src/MoneyInput/InlineMoneyInput.js +0 -7
- package/src/MoneyInput/MoneyInput.js +0 -7
- package/src/MoneyInput/MoneyInputs.test.js +0 -43
- package/src/MoneyInput/__snapshots__/MoneyInputs.test.js.snap +0 -81
- package/src/MoneyInput/index.js +0 -4
- package/src/MoneyInput/money-input.scss +0 -3
- package/src/MoneyInput/moneyInputProps.js +0 -12
- package/src/NestedFormFieldContext.js +0 -6
- package/src/ReactSelectField/ReactSelectField.js +0 -155
- package/src/ReactSelectField/index.js +0 -6
- package/src/ReactSelectField/react-select-field.scss +0 -5
- package/src/SubmitFormButton.js +0 -28
- package/src/__Tests__/FormTestBase.js +0 -14
- package/src/__Tests__/IconInput.test.js +0 -23
- package/src/__Tests__/__snapshots__/IconInput.test.js.snap +0 -38
- package/src/index.js +0 -70
- package/src/selectors.js +0 -3
- package/src/useStandardFormInput.js +0 -118
- package/src/utils/index.js +0 -3
- package/src/utils/typeChecks.js +0 -18
- package/src/validators/index.js +0 -2
- package/src/validators/validators.js +0 -93
package/lib/IconInput.js
DELETED
@@ -1,51 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
6
|
-
value: true
|
7
|
-
});
|
8
|
-
exports["default"] = IconInput;
|
9
|
-
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11
|
-
|
12
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
13
|
-
|
14
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
15
|
-
|
16
|
-
var _react = _interopRequireDefault(require("react"));
|
17
|
-
|
18
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
19
|
-
|
20
|
-
var _reactstrap = require("reactstrap");
|
21
|
-
|
22
|
-
var _useStandardFormInput3 = _interopRequireDefault(require("./useStandardFormInput"));
|
23
|
-
|
24
|
-
var _excluded = ["className", "icon", "helpText"];
|
25
|
-
|
26
|
-
function IconInput(_ref) {
|
27
|
-
var className = _ref.className,
|
28
|
-
icon = _ref.icon,
|
29
|
-
helpText = _ref.helpText,
|
30
|
-
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
31
|
-
|
32
|
-
var _useStandardFormInput = (0, _useStandardFormInput3["default"])(props),
|
33
|
-
_useStandardFormInput2 = (0, _slicedToArray2["default"])(_useStandardFormInput, 2),
|
34
|
-
input = _useStandardFormInput2[0],
|
35
|
-
meta = _useStandardFormInput2[1];
|
36
|
-
|
37
|
-
return /*#__PURE__*/_react["default"].createElement(_reactstrap.InputGroup, {
|
38
|
-
className: className
|
39
|
-
}, /*#__PURE__*/_react["default"].createElement(_reactstrap.InputGroupAddon, {
|
40
|
-
addonType: "prepend"
|
41
|
-
}, /*#__PURE__*/_react["default"].createElement(_reactstrap.InputGroupText, null, /*#__PURE__*/_react["default"].createElement("i", {
|
42
|
-
className: icon
|
43
|
-
}))), /*#__PURE__*/_react["default"].createElement(_reactstrap.Input, (0, _extends2["default"])({
|
44
|
-
invalid: !!meta.error
|
45
|
-
}, input)), meta.error && /*#__PURE__*/_react["default"].createElement(_reactstrap.FormFeedback, null, meta.error), helpText && /*#__PURE__*/_react["default"].createElement(_reactstrap.FormFeedback, null, helpText));
|
46
|
-
}
|
47
|
-
|
48
|
-
IconInput.propTypes = {
|
49
|
-
icon: _propTypes["default"].string,
|
50
|
-
className: _propTypes["default"].string
|
51
|
-
};
|
@@ -1,20 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
6
|
-
value: true
|
7
|
-
});
|
8
|
-
exports["default"] = InlineFormInput;
|
9
|
-
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11
|
-
|
12
|
-
var _react = _interopRequireDefault(require("react"));
|
13
|
-
|
14
|
-
var _FormInput = _interopRequireDefault(require("../FormInput"));
|
15
|
-
|
16
|
-
function InlineFormInput(props) {
|
17
|
-
return /*#__PURE__*/_react["default"].createElement(_FormInput["default"], (0, _extends2["default"])({
|
18
|
-
className: "inline-form-input col"
|
19
|
-
}, props));
|
20
|
-
}
|
@@ -1,13 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
6
|
-
value: true
|
7
|
-
});
|
8
|
-
exports["default"] = void 0;
|
9
|
-
|
10
|
-
var _InlineFormInput = _interopRequireDefault(require("./InlineFormInput"));
|
11
|
-
|
12
|
-
var _default = _InlineFormInput["default"];
|
13
|
-
exports["default"] = _default;
|
@@ -1,126 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
6
|
-
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
8
|
-
value: true
|
9
|
-
});
|
10
|
-
exports["default"] = MoneyFormattedInput;
|
11
|
-
|
12
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
13
|
-
|
14
|
-
var _react = _interopRequireWildcard(require("react"));
|
15
|
-
|
16
|
-
var _formik = require("formik");
|
17
|
-
|
18
|
-
var _debounce = _interopRequireDefault(require("lodash/debounce"));
|
19
|
-
|
20
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
21
|
-
|
22
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
23
|
-
|
24
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
25
|
-
|
26
|
-
// Money input that will format the value to always have commas, a single decimal, and
|
27
|
-
// exactly two digits after the decimal. This happens after a delay (using debounce).
|
28
|
-
function MoneyFormattedInput(_ref) {
|
29
|
-
var name = _ref.name,
|
30
|
-
onBlur = _ref.onBlur,
|
31
|
-
onChange = _ref.onChange,
|
32
|
-
classname = _ref.classname,
|
33
|
-
_ref$disabled = _ref.disabled,
|
34
|
-
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
35
|
-
_ref$debounceTimer = _ref.debounceTimer,
|
36
|
-
debounceTimer = _ref$debounceTimer === void 0 ? 1500 : _ref$debounceTimer,
|
37
|
-
meta = _ref.meta;
|
38
|
-
|
39
|
-
// The displayed state and formik state are two seperate values that we handle
|
40
|
-
var _useState = (0, _react.useState)(''),
|
41
|
-
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
42
|
-
inputValue = _useState2[0],
|
43
|
-
setInputValue = _useState2[1];
|
44
|
-
|
45
|
-
var _useField = (0, _formik.useField)(name),
|
46
|
-
_useField2 = (0, _slicedToArray2["default"])(_useField, 1),
|
47
|
-
formikValue = _useField2[0].value;
|
48
|
-
|
49
|
-
var handleChangeDebounce = (0, _react.useMemo)(function () {
|
50
|
-
return (0, _debounce["default"])(debouncedUpdateInput, debounceTimer);
|
51
|
-
|
52
|
-
function debouncedUpdateInput(value) {
|
53
|
-
var result = formatToCurrency(value);
|
54
|
-
setInputValue(result !== null && result !== void 0 ? result : ''); // sets value in formik
|
55
|
-
|
56
|
-
onChange(result !== null && result !== void 0 ? result : '');
|
57
|
-
onBlur();
|
58
|
-
}
|
59
|
-
}, [onBlur, onChange]); // Format first render
|
60
|
-
|
61
|
-
(0, _react.useEffect)(function () {
|
62
|
-
var formattedFormikValue = formatToCurrency(formikValue);
|
63
|
-
setInputValue(formattedFormikValue !== null && formattedFormikValue !== void 0 ? formattedFormikValue : '');
|
64
|
-
}, [formikValue]);
|
65
|
-
|
66
|
-
function handleChange(e) {
|
67
|
-
var onlyNumbersDecimalComma = e.target.value.toString().replace(/[^.,0-9]/g, '');
|
68
|
-
setInputValue(onlyNumbersDecimalComma);
|
69
|
-
handleChangeDebounce(onlyNumbersDecimalComma);
|
70
|
-
}
|
71
|
-
|
72
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
|
73
|
-
className: "input-group"
|
74
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
75
|
-
className: "input-group-prepend"
|
76
|
-
}, /*#__PURE__*/_react["default"].createElement("span", {
|
77
|
-
className: "input-group-text"
|
78
|
-
}, "$")), /*#__PURE__*/_react["default"].createElement("input", {
|
79
|
-
name: name,
|
80
|
-
type: "text",
|
81
|
-
value: inputValue,
|
82
|
-
onChange: handleChange,
|
83
|
-
onBlur: onBlur,
|
84
|
-
disabled: disabled,
|
85
|
-
className: (0, _classnames["default"])(classname, meta.error === 'Required' ? 'is-invalid' : '', 'react-select-input money-input form-control')
|
86
|
-
})));
|
87
|
-
}
|
88
|
-
|
89
|
-
function formatToCurrency(value) {
|
90
|
-
if (value === null || value === undefined) {
|
91
|
-
return null;
|
92
|
-
} // 'value' is sometimes a number on first render
|
93
|
-
|
94
|
-
|
95
|
-
var onlyNumbersDecimal = value.toString().replace(/[^.0-9]/g, '');
|
96
|
-
|
97
|
-
if (!onlyNumbersDecimal) {
|
98
|
-
return null;
|
99
|
-
}
|
100
|
-
|
101
|
-
var result = new Intl.NumberFormat('en-US', {
|
102
|
-
style: 'decimal',
|
103
|
-
minimumSignificantDigits: 2,
|
104
|
-
minimumFractionDigits: 2
|
105
|
-
}).format(parseFloat(onlyNumbersDecimal));
|
106
|
-
result = formatTwoDecimalPlaces(result);
|
107
|
-
return result;
|
108
|
-
}
|
109
|
-
|
110
|
-
function formatTwoDecimalPlaces(value) {
|
111
|
-
var decimalIndex = value.indexOf('.'); // If the string doesn't contain a decimal OR
|
112
|
-
// the string contains a single '.' with nothing to the right of the decimal -> append '.00'
|
113
|
-
// Reason: parseFloat will remove '.00' from whole numbers (ex. 350.00 -> 350)
|
114
|
-
|
115
|
-
if (!value.includes('.')) {
|
116
|
-
return value.concat('.00');
|
117
|
-
} // If 2 or more characters to the right of the decimal
|
118
|
-
else if (!!value.charAt(decimalIndex + 2)) {
|
119
|
-
return value.substring(0, decimalIndex + 3);
|
120
|
-
} // If only 1 character to the right of the decimal
|
121
|
-
else if (!!value.charAt(decimalIndex + 1)) {
|
122
|
-
return value.substring(0, decimalIndex + 2).concat('0');
|
123
|
-
}
|
124
|
-
|
125
|
-
return value;
|
126
|
-
}
|
@@ -1,15 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
6
|
-
value: true
|
7
|
-
});
|
8
|
-
Object.defineProperty(exports, "MoneyFormattedInput", {
|
9
|
-
enumerable: true,
|
10
|
-
get: function get() {
|
11
|
-
return _MoneyFormattedInput["default"];
|
12
|
-
}
|
13
|
-
});
|
14
|
-
|
15
|
-
var _MoneyFormattedInput = _interopRequireDefault(require("./MoneyFormattedInput"));
|
@@ -1,20 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
6
|
-
value: true
|
7
|
-
});
|
8
|
-
exports["default"] = InlineMoneyInput;
|
9
|
-
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11
|
-
|
12
|
-
var _react = _interopRequireDefault(require("react"));
|
13
|
-
|
14
|
-
var _InlineFormInput = _interopRequireDefault(require("../InlineFormInput"));
|
15
|
-
|
16
|
-
var _moneyInputProps = _interopRequireDefault(require("./moneyInputProps"));
|
17
|
-
|
18
|
-
function InlineMoneyInput(props) {
|
19
|
-
return /*#__PURE__*/_react["default"].createElement(_InlineFormInput["default"], (0, _extends2["default"])({}, _moneyInputProps["default"], props));
|
20
|
-
}
|
@@ -1,20 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
6
|
-
value: true
|
7
|
-
});
|
8
|
-
exports["default"] = MoneyInput;
|
9
|
-
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11
|
-
|
12
|
-
var _react = _interopRequireDefault(require("react"));
|
13
|
-
|
14
|
-
var _FormInput = _interopRequireDefault(require("../FormInput"));
|
15
|
-
|
16
|
-
var _moneyInputProps = _interopRequireDefault(require("./moneyInputProps"));
|
17
|
-
|
18
|
-
function MoneyInput(props) {
|
19
|
-
return /*#__PURE__*/_react["default"].createElement(_FormInput["default"], (0, _extends2["default"])({}, _moneyInputProps["default"], props));
|
20
|
-
}
|
package/lib/MoneyInput/index.js
DELETED
@@ -1,23 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
6
|
-
value: true
|
7
|
-
});
|
8
|
-
Object.defineProperty(exports, "MoneyInput", {
|
9
|
-
enumerable: true,
|
10
|
-
get: function get() {
|
11
|
-
return _MoneyInput["default"];
|
12
|
-
}
|
13
|
-
});
|
14
|
-
Object.defineProperty(exports, "InlineMoneyInput", {
|
15
|
-
enumerable: true,
|
16
|
-
get: function get() {
|
17
|
-
return _InlineMoneyInput["default"];
|
18
|
-
}
|
19
|
-
});
|
20
|
-
|
21
|
-
var _MoneyInput = _interopRequireDefault(require("./MoneyInput"));
|
22
|
-
|
23
|
-
var _InlineMoneyInput = _interopRequireDefault(require("./InlineMoneyInput"));
|
@@ -1,26 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
6
|
-
value: true
|
7
|
-
});
|
8
|
-
exports["default"] = void 0;
|
9
|
-
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
11
|
-
|
12
|
-
var _reactstrap = require("reactstrap");
|
13
|
-
|
14
|
-
var MoneyPrepend = /*#__PURE__*/_react["default"].createElement(_reactstrap.InputGroupAddon, {
|
15
|
-
addonType: "prepend"
|
16
|
-
}, "$");
|
17
|
-
|
18
|
-
var moneyInputProps = {
|
19
|
-
type: 'number',
|
20
|
-
step: '0.01',
|
21
|
-
min: '0',
|
22
|
-
prepend: MoneyPrepend,
|
23
|
-
className: 'money-input'
|
24
|
-
};
|
25
|
-
var _default = moneyInputProps;
|
26
|
-
exports["default"] = _default;
|
@@ -1,16 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
6
|
-
value: true
|
7
|
-
});
|
8
|
-
exports["default"] = void 0;
|
9
|
-
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
11
|
-
|
12
|
-
// TODO: better name?
|
13
|
-
var NestedFormFieldContext = /*#__PURE__*/_react["default"].createContext();
|
14
|
-
|
15
|
-
var _default = NestedFormFieldContext;
|
16
|
-
exports["default"] = _default;
|
@@ -1,187 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
6
|
-
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
8
|
-
value: true
|
9
|
-
});
|
10
|
-
exports["default"] = ReactSelectInput;
|
11
|
-
exports.customStyles = exports.overrideTheme = void 0;
|
12
|
-
|
13
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
14
|
-
|
15
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
16
|
-
|
17
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
18
|
-
|
19
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
20
|
-
|
21
|
-
var _react = _interopRequireWildcard(require("react"));
|
22
|
-
|
23
|
-
var _reactSelect = _interopRequireDefault(require("react-select"));
|
24
|
-
|
25
|
-
var _excluded = ["className", "meta", "disabled", "onSelected", "onChange", "onBlur", "value", "options", "defaultValue", "defaultIndex"];
|
26
|
-
|
27
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
28
|
-
|
29
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
30
|
-
|
31
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
32
|
-
|
33
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
34
|
-
|
35
|
-
var overrideTheme = function overrideTheme(theme) {
|
36
|
-
return _objectSpread(_objectSpread({}, theme), {}, {
|
37
|
-
borderRadius: 0,
|
38
|
-
spacing: Object.assign({}, _objectSpread({}, theme.spacing), {
|
39
|
-
baseUnit: 2,
|
40
|
-
controlHeight: 35
|
41
|
-
})
|
42
|
-
});
|
43
|
-
};
|
44
|
-
|
45
|
-
exports.overrideTheme = overrideTheme;
|
46
|
-
var red = '#f86c6b';
|
47
|
-
var inputBorderColor = '#c2cfd6';
|
48
|
-
var inputBorderColorFocused = '#8ad4ee';
|
49
|
-
var inputBoxShadowFocused = '0 0 0 0.2rem rgba(32, 168, 216, 0.25)';
|
50
|
-
var placeholderColor = '#9ca3af';
|
51
|
-
var disabledSingleValueColor = '#4b5563';
|
52
|
-
var customStyles = {
|
53
|
-
control: function control(provided, _ref) {
|
54
|
-
var isFocused = _ref.isFocused,
|
55
|
-
selectProps = _ref.selectProps;
|
56
|
-
return _objectSpread(_objectSpread({}, provided), {}, {
|
57
|
-
paddingLeft: '7px',
|
58
|
-
'&:hover': {
|
59
|
-
borderColor: isFocused ? inputBorderColorFocused : inputBorderColor
|
60
|
-
},
|
61
|
-
borderColor: selectProps.hasErrors ? red : isFocused ? inputBorderColorFocused : inputBorderColor,
|
62
|
-
boxShadow: isFocused ? inputBoxShadowFocused : ''
|
63
|
-
});
|
64
|
-
},
|
65
|
-
menu: function menu(provided) {
|
66
|
-
return _objectSpread(_objectSpread({}, provided), {}, {
|
67
|
-
zIndex: 3
|
68
|
-
});
|
69
|
-
},
|
70
|
-
singleValue: function singleValue(provided, state) {
|
71
|
-
var color = state.isDisabled ? disabledSingleValueColor : '';
|
72
|
-
return _objectSpread(_objectSpread({}, provided), {}, {
|
73
|
-
color: color
|
74
|
-
});
|
75
|
-
},
|
76
|
-
placeholder: function placeholder(defaultStyles) {
|
77
|
-
return _objectSpread(_objectSpread({}, defaultStyles), {}, {
|
78
|
-
color: placeholderColor
|
79
|
-
});
|
80
|
-
}
|
81
|
-
}; // internal to forms use only
|
82
|
-
|
83
|
-
exports.customStyles = customStyles;
|
84
|
-
|
85
|
-
function ReactSelectInput(_ref2) {
|
86
|
-
var className = _ref2.className,
|
87
|
-
meta = _ref2.meta,
|
88
|
-
disabled = _ref2.disabled,
|
89
|
-
onSelected = _ref2.onSelected,
|
90
|
-
onChange = _ref2.onChange,
|
91
|
-
_onBlur = _ref2.onBlur,
|
92
|
-
value = _ref2.value,
|
93
|
-
options = _ref2.options,
|
94
|
-
defaultValue = _ref2.defaultValue,
|
95
|
-
defaultIndex = _ref2.defaultIndex,
|
96
|
-
props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
|
97
|
-
var selectedItems = getSelectedItems();
|
98
|
-
var onSelectedRef = (0, _react.useRef)(onSelected);
|
99
|
-
onSelectedRef.current = onSelected;
|
100
|
-
(0, _react.useEffect)(function () {
|
101
|
-
onSelectedRef.current && onSelectedRef.current(selectedItems);
|
102
|
-
}, [selectedItems]);
|
103
|
-
var onBlurRef = (0, _react.useRef)(_onBlur);
|
104
|
-
onBlurRef.current = _onBlur;
|
105
|
-
var touched = meta.touched;
|
106
|
-
(0, _react.useEffect)(function () {
|
107
|
-
if (!touched) return; // without the timer set to 0, if the empty option is selected the required message doesn't appear until clicked away from the select input
|
108
|
-
|
109
|
-
var timerRef = setTimeout(function () {
|
110
|
-
onBlurRef.current && onBlurRef.current();
|
111
|
-
}, 0);
|
112
|
-
return function () {
|
113
|
-
clearTimeout(timerRef);
|
114
|
-
};
|
115
|
-
}, [value, touched]);
|
116
|
-
var classes = (0, _classnames["default"])(className, 'react-select-input', {
|
117
|
-
'is-invalid': !!meta.error,
|
118
|
-
disabled: disabled
|
119
|
-
});
|
120
|
-
return /*#__PURE__*/_react["default"].createElement(_reactSelect["default"], (0, _extends2["default"])({}, props, {
|
121
|
-
options: options,
|
122
|
-
isDisabled: disabled,
|
123
|
-
hasErrors: meta.error,
|
124
|
-
getOptionLabel: function getOptionLabel(option) {
|
125
|
-
return option.label;
|
126
|
-
},
|
127
|
-
getOptionValue: getOptionValue,
|
128
|
-
value: selectedItems,
|
129
|
-
onChange: handleChange,
|
130
|
-
onBlur: function onBlur() {
|
131
|
-
return _onBlur();
|
132
|
-
},
|
133
|
-
className: classes,
|
134
|
-
theme: overrideTheme,
|
135
|
-
styles: customStyles,
|
136
|
-
menuPortalTarget: document.body,
|
137
|
-
menuPlacement: "auto"
|
138
|
-
}));
|
139
|
-
|
140
|
-
function getOptionValue(option) {
|
141
|
-
if (typeof props.getOptionValue === 'function') {
|
142
|
-
return props.getOptionValue(option);
|
143
|
-
} else {
|
144
|
-
return option.value;
|
145
|
-
}
|
146
|
-
}
|
147
|
-
|
148
|
-
function getSelectedItems() {
|
149
|
-
if (defaultValue !== undefined && value === '') {
|
150
|
-
value = defaultValue;
|
151
|
-
onChange(defaultValue);
|
152
|
-
}
|
153
|
-
|
154
|
-
if (defaultIndex !== undefined && value === '') {
|
155
|
-
var item = options[defaultIndex];
|
156
|
-
onChange(getOptionValue(item));
|
157
|
-
return item;
|
158
|
-
}
|
159
|
-
|
160
|
-
var valueIsArray = Array.isArray(value);
|
161
|
-
var matches = options.filter(function (x) {
|
162
|
-
if (valueIsArray) {
|
163
|
-
return value.includes(getOptionValue(x));
|
164
|
-
} else {
|
165
|
-
return value === getOptionValue(x);
|
166
|
-
}
|
167
|
-
});
|
168
|
-
|
169
|
-
if (matches.length < 1) {
|
170
|
-
return null;
|
171
|
-
}
|
172
|
-
|
173
|
-
return matches;
|
174
|
-
}
|
175
|
-
|
176
|
-
function handleChange(e) {
|
177
|
-
if (e == null) {
|
178
|
-
onChange(null);
|
179
|
-
} else if (Array.isArray(e)) {
|
180
|
-
onChange(e.map(function (x) {
|
181
|
-
return x.value;
|
182
|
-
}));
|
183
|
-
} else {
|
184
|
-
onChange(e.value);
|
185
|
-
}
|
186
|
-
}
|
187
|
-
}
|
@@ -1,31 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
4
|
-
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
6
|
-
value: true
|
7
|
-
});
|
8
|
-
Object.defineProperty(exports, "default", {
|
9
|
-
enumerable: true,
|
10
|
-
get: function get() {
|
11
|
-
return _ReactSelectField["default"];
|
12
|
-
}
|
13
|
-
});
|
14
|
-
Object.defineProperty(exports, "overrideTheme", {
|
15
|
-
enumerable: true,
|
16
|
-
get: function get() {
|
17
|
-
return _ReactSelectField.overrideTheme;
|
18
|
-
}
|
19
|
-
});
|
20
|
-
Object.defineProperty(exports, "customStyles", {
|
21
|
-
enumerable: true,
|
22
|
-
get: function get() {
|
23
|
-
return _ReactSelectField.customStyles;
|
24
|
-
}
|
25
|
-
});
|
26
|
-
|
27
|
-
var _ReactSelectField = _interopRequireWildcard(require("./ReactSelectField"));
|
28
|
-
|
29
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
30
|
-
|
31
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
package/lib/normalizers.js
DELETED
@@ -1,51 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.zipCode = exports.phoneNumber = void 0;
|
7
|
-
|
8
|
-
var phoneNumber = function phoneNumber(value) {
|
9
|
-
if (!value) {
|
10
|
-
return value;
|
11
|
-
}
|
12
|
-
|
13
|
-
var onlyNums = value.replace(/[^\d]/g, '');
|
14
|
-
|
15
|
-
if (onlyNums.length <= 3) {
|
16
|
-
return onlyNums;
|
17
|
-
}
|
18
|
-
|
19
|
-
if (onlyNums.length <= 7) {
|
20
|
-
return "".concat(onlyNums.slice(0, 3), "-").concat(onlyNums.slice(3));
|
21
|
-
}
|
22
|
-
|
23
|
-
if (onlyNums.length <= 10) {
|
24
|
-
return "".concat(onlyNums.slice(0, 3), "-").concat(onlyNums.slice(3, 6), "-").concat(onlyNums.slice(6, 10));
|
25
|
-
}
|
26
|
-
|
27
|
-
if (onlyNums.length <= 13) {
|
28
|
-
var countryCodeLength = onlyNums - 10;
|
29
|
-
return "+".concat(onlyNums.slice(0, countryCodeLength), " ").concat(onlyNums.slice(countryCodeLength, 3 + countryCodeLength), "-").concat(onlyNums.slice(3 + countryCodeLength, 6 + countryCodeLength), "-").concat(onlyNums.slice(6 + countryCodeLength, onlyNums.length));
|
30
|
-
}
|
31
|
-
|
32
|
-
return onlyNums;
|
33
|
-
};
|
34
|
-
|
35
|
-
exports.phoneNumber = phoneNumber;
|
36
|
-
|
37
|
-
var zipCode = function zipCode(value) {
|
38
|
-
if (!value) {
|
39
|
-
return value;
|
40
|
-
}
|
41
|
-
|
42
|
-
var onlyNums = value.replace(/[^\d]/g, '');
|
43
|
-
|
44
|
-
if (onlyNums.length > 5) {
|
45
|
-
return onlyNums.substring(0, 5) + '-' + onlyNums.substring(5, 9);
|
46
|
-
}
|
47
|
-
|
48
|
-
return onlyNums;
|
49
|
-
};
|
50
|
-
|
51
|
-
exports.zipCode = zipCode;
|
package/lib/selectors.js
DELETED
@@ -1,18 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.getRegisteredFields = exports.getForm = void 0;
|
7
|
-
|
8
|
-
var getForm = function getForm(state, ownProps) {
|
9
|
-
return state.form[ownProps.form];
|
10
|
-
};
|
11
|
-
|
12
|
-
exports.getForm = getForm;
|
13
|
-
|
14
|
-
var getRegisteredFields = function getRegisteredFields(state, ownProps) {
|
15
|
-
return getForm(state, ownProps) ? getForm(state, ownProps).registeredFields : {};
|
16
|
-
};
|
17
|
-
|
18
|
-
exports.getRegisteredFields = getRegisteredFields;
|