envoc-form 3.1.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 -20
- 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 -174
- 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 -100
- 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 -2
- 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 -3
- package/es/Form/index.js +0 -3
- package/es/FormGroup.js +0 -22
- package/es/FormGroupWrapper.js +0 -22
- package/es/FormInput/FormInput.js +0 -206
- 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/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 -128
- 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 -13
- 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 -23
- package/lib/Form/index.js +0 -23
- package/lib/FormGroup.js +0 -33
- package/lib/FormGroupWrapper.js +0 -37
- package/lib/FormInput/FormInput.js +0 -229
- 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/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 -152
- 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 -2
- 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 -4
- 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 -3
- package/src/FormGroup.js +0 -30
- package/src/FormGroupWrapper.js +0 -28
- package/src/FormInput/FormInput.js +0 -145
- 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/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 -122
- 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 -45
- 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,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,152 +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 _react = _interopRequireWildcard(require("react"));
|
20
|
-
|
21
|
-
var _reactSelect = _interopRequireDefault(require("react-select"));
|
22
|
-
|
23
|
-
var _excluded = ["className", "meta", "disabled", "onSelected", "onChange", "onBlur", "value", "options", "defaultValue", "defaultIndex"];
|
24
|
-
|
25
|
-
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); }
|
26
|
-
|
27
|
-
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; }
|
28
|
-
|
29
|
-
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; }
|
30
|
-
|
31
|
-
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; }
|
32
|
-
|
33
|
-
var overrideTheme = function overrideTheme(theme) {
|
34
|
-
return _objectSpread(_objectSpread({}, theme), {}, {
|
35
|
-
borderRadius: 0,
|
36
|
-
spacing: Object.assign({}, _objectSpread({}, theme.spacing), {
|
37
|
-
baseUnit: 2,
|
38
|
-
controlHeight: 35
|
39
|
-
})
|
40
|
-
});
|
41
|
-
};
|
42
|
-
|
43
|
-
exports.overrideTheme = overrideTheme;
|
44
|
-
var red = '#f86c6b';
|
45
|
-
var inputBorderColor = '#c2cfd6';
|
46
|
-
var inputBorderColorFocused = '#8ad4ee';
|
47
|
-
var inputBoxShadowFocused = '0 0 0 0.2rem rgba(32, 168, 216, 0.25)';
|
48
|
-
var customStyles = {
|
49
|
-
control: function control(provided, _ref) {
|
50
|
-
var isFocused = _ref.isFocused,
|
51
|
-
selectProps = _ref.selectProps;
|
52
|
-
return _objectSpread(_objectSpread({}, provided), {}, {
|
53
|
-
paddingLeft: '7px',
|
54
|
-
'&:hover': {
|
55
|
-
borderColor: isFocused ? inputBorderColorFocused : inputBorderColor
|
56
|
-
},
|
57
|
-
borderColor: selectProps.hasErrors ? red : isFocused ? inputBorderColorFocused : inputBorderColor,
|
58
|
-
boxShadow: isFocused ? inputBoxShadowFocused : ''
|
59
|
-
});
|
60
|
-
},
|
61
|
-
menu: function menu(provided) {
|
62
|
-
return _objectSpread(_objectSpread({}, provided), {}, {
|
63
|
-
zIndex: 3
|
64
|
-
});
|
65
|
-
}
|
66
|
-
}; // internal to forms use only
|
67
|
-
|
68
|
-
exports.customStyles = customStyles;
|
69
|
-
|
70
|
-
function ReactSelectInput(_ref2) {
|
71
|
-
var className = _ref2.className,
|
72
|
-
meta = _ref2.meta,
|
73
|
-
disabled = _ref2.disabled,
|
74
|
-
onSelected = _ref2.onSelected,
|
75
|
-
onChange = _ref2.onChange,
|
76
|
-
onBlur = _ref2.onBlur,
|
77
|
-
value = _ref2.value,
|
78
|
-
options = _ref2.options,
|
79
|
-
defaultValue = _ref2.defaultValue,
|
80
|
-
defaultIndex = _ref2.defaultIndex,
|
81
|
-
props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
|
82
|
-
var selectedItems = getSelectedItems();
|
83
|
-
var onSelectedRef = (0, _react.useRef)(onSelected);
|
84
|
-
onSelectedRef.current = onSelected;
|
85
|
-
(0, _react.useEffect)(function () {
|
86
|
-
onSelectedRef.current && onSelectedRef.current(selectedItems);
|
87
|
-
}, [selectedItems]);
|
88
|
-
return /*#__PURE__*/_react["default"].createElement(_reactSelect["default"], (0, _extends2["default"])({}, props, {
|
89
|
-
options: options,
|
90
|
-
isDisabled: disabled,
|
91
|
-
hasErrors: meta.error,
|
92
|
-
getOptionLabel: function getOptionLabel(option) {
|
93
|
-
return option.label;
|
94
|
-
},
|
95
|
-
getOptionValue: getOptionValue,
|
96
|
-
value: selectedItems,
|
97
|
-
onChange: handleChange,
|
98
|
-
className: "react-select-input",
|
99
|
-
theme: overrideTheme,
|
100
|
-
styles: customStyles,
|
101
|
-
menuPortalTarget: document.body,
|
102
|
-
menuPlacement: "auto"
|
103
|
-
}));
|
104
|
-
|
105
|
-
function getOptionValue(option) {
|
106
|
-
if (typeof props.getOptionValue === 'function') {
|
107
|
-
return props.getOptionValue(option);
|
108
|
-
} else {
|
109
|
-
return option.value;
|
110
|
-
}
|
111
|
-
}
|
112
|
-
|
113
|
-
function getSelectedItems() {
|
114
|
-
if (defaultValue !== undefined && value === '') {
|
115
|
-
value = defaultValue;
|
116
|
-
onChange(defaultValue);
|
117
|
-
}
|
118
|
-
|
119
|
-
if (defaultIndex !== undefined && value === '') {
|
120
|
-
var item = options[defaultIndex];
|
121
|
-
onChange(getOptionValue(item));
|
122
|
-
return item;
|
123
|
-
}
|
124
|
-
|
125
|
-
var valueIsArray = Array.isArray(value);
|
126
|
-
var matches = options.filter(function (x) {
|
127
|
-
if (valueIsArray) {
|
128
|
-
return value.includes(getOptionValue(x));
|
129
|
-
} else {
|
130
|
-
return value === getOptionValue(x);
|
131
|
-
}
|
132
|
-
});
|
133
|
-
|
134
|
-
if (matches.length < 1) {
|
135
|
-
return null;
|
136
|
-
}
|
137
|
-
|
138
|
-
return matches;
|
139
|
-
}
|
140
|
-
|
141
|
-
function handleChange(e) {
|
142
|
-
if (e == null) {
|
143
|
-
onChange(null);
|
144
|
-
} else if (Array.isArray(e)) {
|
145
|
-
onChange(e.map(function (x) {
|
146
|
-
return x.value;
|
147
|
-
}));
|
148
|
-
} else {
|
149
|
-
onChange(e.value);
|
150
|
-
}
|
151
|
-
}
|
152
|
-
}
|
@@ -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;
|
@@ -1,135 +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"] = useStandardFormInput;
|
9
|
-
|
10
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
11
|
-
|
12
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
13
|
-
|
14
|
-
var _formik = require("formik");
|
15
|
-
|
16
|
-
var _react = require("react");
|
17
|
-
|
18
|
-
var _NestedFormFieldContext = _interopRequireDefault(require("./NestedFormFieldContext"));
|
19
|
-
|
20
|
-
var _Form = require("./Form");
|
21
|
-
|
22
|
-
var _excluded = ["id", "name", "disabled", "validate", "normalize"],
|
23
|
-
_excluded2 = ["onChange", "value"];
|
24
|
-
|
25
|
-
// provides a consistent way to deal with all form fields (non array)
|
26
|
-
function useStandardFormInput(_ref) {
|
27
|
-
var providedId = _ref.id,
|
28
|
-
providedName = _ref.name,
|
29
|
-
disabled = _ref.disabled,
|
30
|
-
validate = _ref.validate,
|
31
|
-
normalize = _ref.normalize,
|
32
|
-
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
33
|
-
|
34
|
-
// because the formik errors are evaluated all at the same time we need to keep server errors separate
|
35
|
-
var _useContext = (0, _react.useContext)(_Form.ServerErrorContext),
|
36
|
-
getServerError = _useContext.getError,
|
37
|
-
setServerError = _useContext.setError; // ensure that form section values are obeyed, e.g. homeAddress.zipCode
|
38
|
-
|
39
|
-
|
40
|
-
var parentFormFieldContext = (0, _react.useContext)(_NestedFormFieldContext["default"]);
|
41
|
-
var name = parentFormFieldContext ? "".concat(parentFormFieldContext, ".").concat(providedName) : providedName; // ensure that nested contexts don't have duplicate id issues when an id is specified
|
42
|
-
|
43
|
-
var id = providedId && parentFormFieldContext ? "".concat(parentFormFieldContext, ".").concat(providedId) : providedId; // ensure that our custom validation rules are handled
|
44
|
-
// e.g. we allow arrays of validators
|
45
|
-
|
46
|
-
var _useField = (0, _formik.useField)(Object.assign({
|
47
|
-
name: name,
|
48
|
-
id: id
|
49
|
-
}, props, {
|
50
|
-
validate: callAllValidators
|
51
|
-
})),
|
52
|
-
_useField2 = (0, _slicedToArray2["default"])(_useField, 2),
|
53
|
-
_useField2$ = _useField2[0],
|
54
|
-
formikOnChange = _useField2$.onChange,
|
55
|
-
value = _useField2$.value,
|
56
|
-
formikProps = (0, _objectWithoutProperties2["default"])(_useField2$, _excluded2),
|
57
|
-
meta = _useField2[1];
|
58
|
-
|
59
|
-
var _useFormikContext = (0, _formik.useFormikContext)(),
|
60
|
-
setFieldValue = _useFormikContext.setFieldValue,
|
61
|
-
isSubmitting = _useFormikContext.isSubmitting; // these are the props we expect consumers of this hook to pass directly to the input (or other control)
|
62
|
-
|
63
|
-
|
64
|
-
var inputProps = Object.assign({}, props, formikProps, {
|
65
|
-
// ensure that we don't send a undefined / null - which signals to react that we are uncontrolled
|
66
|
-
// also, pass any direct from server props through normalize without making the form dirty (e.g. phone number)
|
67
|
-
value: value === undefined || value === null ? '' : normalize && normalize(value) || value,
|
68
|
-
// ensure the id is set if not provided
|
69
|
-
id: id ? id : name,
|
70
|
-
// ensure we can handle both events from direct inputs and controlled ones like react select AND normalize
|
71
|
-
onChange: handleChange,
|
72
|
-
onBlur: handleBlur,
|
73
|
-
disabled: disabled
|
74
|
-
});
|
75
|
-
(0, _react.useEffect)(function () {
|
76
|
-
if (!meta.touched && isSubmitting) {
|
77
|
-
// because we do not always register all fields up front.
|
78
|
-
// e.g. formik expects even a 'create' form to have all fields given, at least, blank values
|
79
|
-
// that seems to be how it touches on submit:
|
80
|
-
// see: https://codesandbox.io/s/formik-example-4n7n8 vs https://codesandbox.io/s/formik-example-kttk5
|
81
|
-
// note in particular the change in line 24
|
82
|
-
// thus, we manually touch all fields here by calling onBlur
|
83
|
-
// there is a "setFieldTouched" from useFormikContext but it doesn't appear to work on field arrays
|
84
|
-
handleBlur();
|
85
|
-
}
|
86
|
-
});
|
87
|
-
var resultMeta = Object.assign({}, meta, {
|
88
|
-
error: getServerError(name) || (meta.touched ? meta.error : null)
|
89
|
-
});
|
90
|
-
return [inputProps, resultMeta];
|
91
|
-
|
92
|
-
function handleBlur(e) {
|
93
|
-
// some components are fully controlled and do not return synthetic events on blur
|
94
|
-
if (!e || !e.target) {
|
95
|
-
formikProps.onBlur({
|
96
|
-
target: {
|
97
|
-
name: name
|
98
|
-
}
|
99
|
-
});
|
100
|
-
} else {
|
101
|
-
formikProps.onBlur(e);
|
102
|
-
}
|
103
|
-
}
|
104
|
-
|
105
|
-
function handleChange(e) {
|
106
|
-
if (disabled) {
|
107
|
-
return;
|
108
|
-
} // some components are fully controlled and do not return synthetic events (e.g. ReactSelect) on change
|
109
|
-
// we should handle all our normal cases here to normalize / get the value / etc
|
110
|
-
|
111
|
-
|
112
|
-
var value = e && e.target ? e.target.type === 'checkbox' ? e.target.checked : e.target.value : e;
|
113
|
-
var normalized = normalize ? normalize(value) : value;
|
114
|
-
setFieldValue(name, normalized);
|
115
|
-
setServerError(name, null);
|
116
|
-
}
|
117
|
-
|
118
|
-
function callAllValidators(value) {
|
119
|
-
if (disabled || !validate) {
|
120
|
-
return;
|
121
|
-
}
|
122
|
-
|
123
|
-
if (!Array.isArray(validate)) {
|
124
|
-
return validate(value);
|
125
|
-
}
|
126
|
-
|
127
|
-
for (var i = 0; i < validate.length; i++) {
|
128
|
-
var result = validate[i](value);
|
129
|
-
|
130
|
-
if (result) {
|
131
|
-
return result;
|
132
|
-
}
|
133
|
-
}
|
134
|
-
}
|
135
|
-
}
|
package/lib/utils/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, "objectToFormData", {
|
9
|
-
enumerable: true,
|
10
|
-
get: function get() {
|
11
|
-
return _objectToFormData["default"];
|
12
|
-
}
|
13
|
-
});
|
14
|
-
Object.defineProperty(exports, "objectContainsNonSerializableProperty", {
|
15
|
-
enumerable: true,
|
16
|
-
get: function get() {
|
17
|
-
return _objectContainsNonSerializableProperty["default"];
|
18
|
-
}
|
19
|
-
});
|
20
|
-
|
21
|
-
var _objectToFormData = _interopRequireDefault(require("./objectToFormData"));
|
22
|
-
|
23
|
-
var _objectContainsNonSerializableProperty = _interopRequireDefault(require("./objectContainsNonSerializableProperty"));
|
package/lib/validators/index.js
DELETED
@@ -1,17 +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
|
-
exports["default"] = void 0;
|
9
|
-
|
10
|
-
var validators = _interopRequireWildcard(require("./validators"));
|
11
|
-
|
12
|
-
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); }
|
13
|
-
|
14
|
-
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; }
|
15
|
-
|
16
|
-
var _default = validators;
|
17
|
-
exports["default"] = _default;
|