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/Form/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, "default", {
|
9
|
-
enumerable: true,
|
10
|
-
get: function get() {
|
11
|
-
return _Form["default"];
|
12
|
-
}
|
13
|
-
});
|
14
|
-
Object.defineProperty(exports, "ServerErrorContext", {
|
15
|
-
enumerable: true,
|
16
|
-
get: function get() {
|
17
|
-
return _ServerErrorContext["default"];
|
18
|
-
}
|
19
|
-
});
|
20
|
-
|
21
|
-
var _Form = _interopRequireDefault(require("./Form"));
|
22
|
-
|
23
|
-
var _ServerErrorContext = _interopRequireDefault(require("./ServerErrorContext"));
|
package/lib/FormGroup.js
DELETED
@@ -1,33 +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 FormGroup = function FormGroup(_ref) {
|
15
|
-
var label = _ref.label,
|
16
|
-
id = _ref.id,
|
17
|
-
helpText = _ref.helpText,
|
18
|
-
className = _ref.className,
|
19
|
-
style = _ref.style,
|
20
|
-
children = _ref.children,
|
21
|
-
meta = _ref.meta;
|
22
|
-
return /*#__PURE__*/_react["default"].createElement(_reactstrap.FormGroup, {
|
23
|
-
className: className,
|
24
|
-
style: style
|
25
|
-
}, !!meta.warning && /*#__PURE__*/_react["default"].createElement(_reactstrap.Alert, {
|
26
|
-
color: "warning"
|
27
|
-
}, meta.warning), label && /*#__PURE__*/_react["default"].createElement(_reactstrap.Label, {
|
28
|
-
htmlFor: id
|
29
|
-
}, label), children, meta.error && /*#__PURE__*/_react["default"].createElement(_reactstrap.FormFeedback, null, meta.error), helpText && /*#__PURE__*/_react["default"].createElement(_reactstrap.FormText, null, helpText));
|
30
|
-
};
|
31
|
-
|
32
|
-
var _default = FormGroup;
|
33
|
-
exports["default"] = _default;
|
package/lib/FormGroupWrapper.js
DELETED
@@ -1,37 +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"] = FormGroupWrapper;
|
9
|
-
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11
|
-
|
12
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
13
|
-
|
14
|
-
var _react = _interopRequireDefault(require("react"));
|
15
|
-
|
16
|
-
var _reactstrap = require("reactstrap");
|
17
|
-
|
18
|
-
var _FormGroup = _interopRequireDefault(require("./FormGroup"));
|
19
|
-
|
20
|
-
var _ErrorScrollTarget = _interopRequireDefault(require("./ErrorScrollTarget"));
|
21
|
-
|
22
|
-
var _excluded = ["prepend", "append", "Component", "helpText"];
|
23
|
-
|
24
|
-
function FormGroupWrapper(_ref) {
|
25
|
-
var prepend = _ref.prepend,
|
26
|
-
append = _ref.append,
|
27
|
-
Component = _ref.Component,
|
28
|
-
helpText = _ref.helpText,
|
29
|
-
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
30
|
-
var meta = props.meta;
|
31
|
-
return /*#__PURE__*/_react["default"].createElement(_FormGroup["default"], (0, _extends2["default"])({
|
32
|
-
meta: meta,
|
33
|
-
helpText: helpText
|
34
|
-
}, props), /*#__PURE__*/_react["default"].createElement(_ErrorScrollTarget["default"], {
|
35
|
-
name: props.name
|
36
|
-
}), prepend || append ? /*#__PURE__*/_react["default"].createElement(_reactstrap.InputGroup, null, prepend, /*#__PURE__*/_react["default"].createElement(Component, props), append) : /*#__PURE__*/_react["default"].createElement(Component, props));
|
37
|
-
}
|
@@ -1,229 +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"] = FormInput;
|
9
|
-
exports.optionCache = void 0;
|
10
|
-
|
11
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
12
|
-
|
13
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
14
|
-
|
15
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
16
|
-
|
17
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
18
|
-
|
19
|
-
var _react = _interopRequireDefault(require("react"));
|
20
|
-
|
21
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
22
|
-
|
23
|
-
var _reactstrap = require("reactstrap");
|
24
|
-
|
25
|
-
var _lruCache = _interopRequireDefault(require("lru-cache"));
|
26
|
-
|
27
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
28
|
-
|
29
|
-
var _reactTextareaAutosize = _interopRequireDefault(require("react-textarea-autosize"));
|
30
|
-
|
31
|
-
var _envocRequest = require("envoc-request");
|
32
|
-
|
33
|
-
var _FormGroupWrapper = _interopRequireDefault(require("../FormGroupWrapper"));
|
34
|
-
|
35
|
-
var _DatePickerInput = _interopRequireDefault(require("../DatePickerInput"));
|
36
|
-
|
37
|
-
var _ReactSelectField = _interopRequireDefault(require("../ReactSelectField"));
|
38
|
-
|
39
|
-
var _useStandardFormInput3 = _interopRequireDefault(require("../useStandardFormInput"));
|
40
|
-
|
41
|
-
var _FileInput = require("../FileInput");
|
42
|
-
|
43
|
-
var _excluded = ["className", "meta", "helpText"],
|
44
|
-
_excluded2 = ["meta"],
|
45
|
-
_excluded3 = ["includeEmptyOption", "options"],
|
46
|
-
_excluded4 = ["optionsUrl", "includeEmptyOption", "includeOtherOption", "cache", "maxAge"],
|
47
|
-
_excluded5 = ["meta"],
|
48
|
-
_excluded6 = ["helpText", "meta"];
|
49
|
-
|
50
|
-
function FormInput(props) {
|
51
|
-
var _useStandardFormInput = (0, _useStandardFormInput3["default"])(props),
|
52
|
-
_useStandardFormInput2 = (0, _slicedToArray2["default"])(_useStandardFormInput, 2),
|
53
|
-
input = _useStandardFormInput2[0],
|
54
|
-
meta = _useStandardFormInput2[1];
|
55
|
-
|
56
|
-
var className = props.className,
|
57
|
-
hide = props.hide;
|
58
|
-
return /*#__PURE__*/_react["default"].createElement(StandardFieldGroup, (0, _extends2["default"])({}, input, {
|
59
|
-
className: (0, _classnames["default"])({
|
60
|
-
'd-none': hide
|
61
|
-
}, className),
|
62
|
-
meta: meta
|
63
|
-
}));
|
64
|
-
}
|
65
|
-
|
66
|
-
FormInput.propTypes = {
|
67
|
-
id: _propTypes["default"].string,
|
68
|
-
label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
|
69
|
-
name: _propTypes["default"].string.isRequired,
|
70
|
-
placeholder: _propTypes["default"].string,
|
71
|
-
helpText: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object])
|
72
|
-
};
|
73
|
-
|
74
|
-
function StandardFieldGroup(props) {
|
75
|
-
switch (props.type) {
|
76
|
-
case 'date':
|
77
|
-
return /*#__PURE__*/_react["default"].createElement(_FormGroupWrapper["default"], (0, _extends2["default"])({}, props, {
|
78
|
-
Component: DatePicker
|
79
|
-
}));
|
80
|
-
|
81
|
-
case 'select':
|
82
|
-
if (props.optionsUrl) {
|
83
|
-
return /*#__PURE__*/_react["default"].createElement(_FormGroupWrapper["default"], (0, _extends2["default"])({}, props, {
|
84
|
-
Component: RemoteSelect
|
85
|
-
}));
|
86
|
-
} else {
|
87
|
-
return /*#__PURE__*/_react["default"].createElement(_FormGroupWrapper["default"], (0, _extends2["default"])({}, props, {
|
88
|
-
Component: Select
|
89
|
-
}));
|
90
|
-
}
|
91
|
-
|
92
|
-
case 'checkbox':
|
93
|
-
case 'radio':
|
94
|
-
return Checkbox(props);
|
95
|
-
|
96
|
-
case 'file':
|
97
|
-
if (props.dropzone) {
|
98
|
-
return /*#__PURE__*/_react["default"].createElement(_FormGroupWrapper["default"], (0, _extends2["default"])({}, props, {
|
99
|
-
Component: _FileInput.DropzoneFileInput
|
100
|
-
}));
|
101
|
-
}
|
102
|
-
|
103
|
-
return /*#__PURE__*/_react["default"].createElement(_FormGroupWrapper["default"], (0, _extends2["default"])({}, props, {
|
104
|
-
Component: _FileInput.FileInput
|
105
|
-
}));
|
106
|
-
|
107
|
-
case 'textarea':
|
108
|
-
return /*#__PURE__*/_react["default"].createElement(_FormGroupWrapper["default"], (0, _extends2["default"])({}, props, {
|
109
|
-
Component: TextAreaInput
|
110
|
-
}));
|
111
|
-
|
112
|
-
default:
|
113
|
-
return /*#__PURE__*/_react["default"].createElement(_FormGroupWrapper["default"], (0, _extends2["default"])({}, props, {
|
114
|
-
Component: DefaultInput
|
115
|
-
}));
|
116
|
-
}
|
117
|
-
}
|
118
|
-
|
119
|
-
var TextAreaInput = function TextAreaInput(_ref) {
|
120
|
-
var className = _ref.className,
|
121
|
-
meta = _ref.meta,
|
122
|
-
helpText = _ref.helpText,
|
123
|
-
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
124
|
-
return /*#__PURE__*/_react["default"].createElement(_reactTextareaAutosize["default"], (0, _extends2["default"])({
|
125
|
-
cacheMeasurements: true,
|
126
|
-
className: (0, _classnames["default"])(className, 'form-control', meta.error ? 'is-invalid' : '')
|
127
|
-
}, props));
|
128
|
-
};
|
129
|
-
|
130
|
-
var DefaultInput = function DefaultInput(_ref2) {
|
131
|
-
var meta = _ref2.meta,
|
132
|
-
props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
|
133
|
-
return /*#__PURE__*/_react["default"].createElement(_reactstrap.Input, (0, _extends2["default"])({
|
134
|
-
invalid: !!meta.error
|
135
|
-
}, props));
|
136
|
-
};
|
137
|
-
|
138
|
-
var Select = function Select(_ref3) {
|
139
|
-
var _ref3$includeEmptyOpt = _ref3.includeEmptyOption,
|
140
|
-
includeEmptyOption = _ref3$includeEmptyOpt === void 0 ? true : _ref3$includeEmptyOpt,
|
141
|
-
options = _ref3.options,
|
142
|
-
props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded3);
|
143
|
-
var allOptions = includeEmptyOption && !props.isMulti ? [{
|
144
|
-
label: ' ',
|
145
|
-
value: null
|
146
|
-
}].concat((0, _toConsumableArray2["default"])(options)) : options;
|
147
|
-
return /*#__PURE__*/_react["default"].createElement(_ReactSelectField["default"], (0, _extends2["default"])({}, props, {
|
148
|
-
options: allOptions
|
149
|
-
}));
|
150
|
-
}; // low cache value just to prevent the same dropdown from hitting the API at the same time
|
151
|
-
// TODO: global cache provider / "envoc-cache" instead of this static instance
|
152
|
-
|
153
|
-
|
154
|
-
var optionCache = new _lruCache["default"]({
|
155
|
-
max: 500,
|
156
|
-
maxAge: 1000 * 10
|
157
|
-
});
|
158
|
-
exports.optionCache = optionCache;
|
159
|
-
|
160
|
-
var RemoteSelect = function RemoteSelect(_ref4) {
|
161
|
-
var optionsUrl = _ref4.optionsUrl,
|
162
|
-
_ref4$includeEmptyOpt = _ref4.includeEmptyOption,
|
163
|
-
includeEmptyOption = _ref4$includeEmptyOpt === void 0 ? true : _ref4$includeEmptyOpt,
|
164
|
-
_ref4$includeOtherOpt = _ref4.includeOtherOption,
|
165
|
-
includeOtherOption = _ref4$includeOtherOpt === void 0 ? false : _ref4$includeOtherOpt,
|
166
|
-
_ref4$cache = _ref4.cache,
|
167
|
-
cache = _ref4$cache === void 0 ? optionCache : _ref4$cache,
|
168
|
-
_ref4$maxAge = _ref4.maxAge,
|
169
|
-
maxAge = _ref4$maxAge === void 0 ? 1000 * 10 : _ref4$maxAge,
|
170
|
-
props = (0, _objectWithoutProperties2["default"])(_ref4, _excluded4);
|
171
|
-
var request = {
|
172
|
-
method: 'get',
|
173
|
-
url: optionsUrl,
|
174
|
-
cache: cache,
|
175
|
-
maxAge: maxAge,
|
176
|
-
autoExecute: true
|
177
|
-
};
|
178
|
-
var webRequest = (0, _envocRequest.useAxiosRequest)(request);
|
179
|
-
|
180
|
-
if (webRequest.error) {
|
181
|
-
return /*#__PURE__*/_react["default"].createElement(_reactstrap.Alert, {
|
182
|
-
color: "danger"
|
183
|
-
}, "An error occurred while loading.");
|
184
|
-
}
|
185
|
-
|
186
|
-
var options = [];
|
187
|
-
|
188
|
-
if (webRequest.loading) {
|
189
|
-
options.push({
|
190
|
-
label: 'Loading...',
|
191
|
-
value: ''
|
192
|
-
});
|
193
|
-
} else {
|
194
|
-
if (includeEmptyOption && !props.isMulti) {
|
195
|
-
options.push({
|
196
|
-
label: ' ',
|
197
|
-
value: null
|
198
|
-
});
|
199
|
-
}
|
200
|
-
|
201
|
-
options.push.apply(options, (0, _toConsumableArray2["default"])(webRequest.resp.data.result));
|
202
|
-
|
203
|
-
if (includeOtherOption) {
|
204
|
-
options.push({
|
205
|
-
label: 'Other',
|
206
|
-
value: 'other'
|
207
|
-
});
|
208
|
-
}
|
209
|
-
}
|
210
|
-
|
211
|
-
return /*#__PURE__*/_react["default"].createElement(_ReactSelectField["default"], (0, _extends2["default"])({}, props, {
|
212
|
-
options: options
|
213
|
-
}));
|
214
|
-
};
|
215
|
-
|
216
|
-
var DatePicker = function DatePicker(_ref5) {
|
217
|
-
var meta = _ref5.meta,
|
218
|
-
props = (0, _objectWithoutProperties2["default"])(_ref5, _excluded5);
|
219
|
-
return /*#__PURE__*/_react["default"].createElement(_DatePickerInput["default"], (0, _extends2["default"])({}, props, {
|
220
|
-
className: meta.error ? 'is-invalid' : ''
|
221
|
-
}));
|
222
|
-
};
|
223
|
-
|
224
|
-
var Checkbox = function Checkbox(_ref6) {
|
225
|
-
var helpText = _ref6.helpText,
|
226
|
-
meta = _ref6.meta,
|
227
|
-
props = (0, _objectWithoutProperties2["default"])(_ref6, _excluded6);
|
228
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.CustomInput, props), meta.error && /*#__PURE__*/_react["default"].createElement(_reactstrap.FormFeedback, null, meta.error), helpText && /*#__PURE__*/_react["default"].createElement(_reactstrap.FormText, null, helpText));
|
229
|
-
};
|
package/lib/FormInput/index.js
DELETED
@@ -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 _FormInput = _interopRequireDefault(require("./FormInput"));
|
11
|
-
|
12
|
-
var _default = _FormInput["default"];
|
13
|
-
exports["default"] = _default;
|
@@ -1,248 +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"] = FormInputArray;
|
11
|
-
|
12
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
13
|
-
|
14
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
15
|
-
|
16
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
17
|
-
|
18
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
19
|
-
|
20
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
21
|
-
|
22
|
-
var _react = _interopRequireWildcard(require("react"));
|
23
|
-
|
24
|
-
var _uuid = require("uuid");
|
25
|
-
|
26
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
27
|
-
|
28
|
-
var _reactstrap = require("reactstrap");
|
29
|
-
|
30
|
-
var _reactFontawesome = require("@fortawesome/react-fontawesome");
|
31
|
-
|
32
|
-
var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
|
33
|
-
|
34
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
35
|
-
|
36
|
-
var _useStandardFormInput3 = _interopRequireDefault(require("../useStandardFormInput"));
|
37
|
-
|
38
|
-
var _NestedFormFieldContext = _interopRequireDefault(require("../NestedFormFieldContext"));
|
39
|
-
|
40
|
-
var _excluded = ["id", "name", "label", "newItem", "component", "prepend", "disabled", "validate"],
|
41
|
-
_excluded2 = ["className"],
|
42
|
-
_excluded3 = ["className", "children"],
|
43
|
-
_excluded4 = ["children", "className"],
|
44
|
-
_excluded5 = ["children", "className"],
|
45
|
-
_excluded6 = ["children", "className"];
|
46
|
-
|
47
|
-
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); }
|
48
|
-
|
49
|
-
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; }
|
50
|
-
|
51
|
-
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; }
|
52
|
-
|
53
|
-
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; }
|
54
|
-
|
55
|
-
function FormInputArray(_ref) {
|
56
|
-
var id = _ref.id,
|
57
|
-
name = _ref.name,
|
58
|
-
label = _ref.label,
|
59
|
-
newItem = _ref.newItem,
|
60
|
-
Component = _ref.component,
|
61
|
-
Prepend = _ref.prepend,
|
62
|
-
disabled = _ref.disabled,
|
63
|
-
validate = _ref.validate,
|
64
|
-
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
65
|
-
|
66
|
-
var _useStandardFormInput = (0, _useStandardFormInput3["default"])(_objectSpread({
|
67
|
-
id: id,
|
68
|
-
name: name,
|
69
|
-
validate: validate,
|
70
|
-
disabled: disabled
|
71
|
-
}, props)),
|
72
|
-
_useStandardFormInput2 = (0, _slicedToArray2["default"])(_useStandardFormInput, 2),
|
73
|
-
inputProps = _useStandardFormInput2[0],
|
74
|
-
meta = _useStandardFormInput2[1];
|
75
|
-
|
76
|
-
var inputPropsRef = (0, _react.useRef)();
|
77
|
-
|
78
|
-
var _useState = (0, _react.useState)(false),
|
79
|
-
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
80
|
-
hasChangedLength = _useState2[0],
|
81
|
-
setHasChangedLength = _useState2[1];
|
82
|
-
|
83
|
-
inputPropsRef.current = inputProps;
|
84
|
-
var values = inputProps.value || [];
|
85
|
-
var length = values.length;
|
86
|
-
(0, _react.useEffect)(function () {
|
87
|
-
return function () {
|
88
|
-
setHasChangedLength(true);
|
89
|
-
};
|
90
|
-
}, [length, setHasChangedLength]);
|
91
|
-
(0, _react.useEffect)(function () {
|
92
|
-
if (!hasChangedLength) {
|
93
|
-
return;
|
94
|
-
}
|
95
|
-
|
96
|
-
inputPropsRef.current.onBlur();
|
97
|
-
}, [length, hasChangedLength]);
|
98
|
-
return /*#__PURE__*/_react["default"].createElement(_reactstrap.Card, {
|
99
|
-
className: "field-array-card"
|
100
|
-
}, /*#__PURE__*/_react["default"].createElement(CardActionHeader, null, /*#__PURE__*/_react["default"].createElement(CardActionHeader.Title, null, label), /*#__PURE__*/_react["default"].createElement(CardActionHeader.Actions, null, !disabled && /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
|
101
|
-
color: "link",
|
102
|
-
onClick: addItem,
|
103
|
-
title: "Add an additional item",
|
104
|
-
className: "add-array-item"
|
105
|
-
}, /*#__PURE__*/_react["default"].createElement(_reactFontawesome.FontAwesomeIcon, {
|
106
|
-
icon: _freeSolidSvgIcons.faPlus
|
107
|
-
}), " Add New"))), /*#__PURE__*/_react["default"].createElement(_reactstrap.CardBody, null, meta.error && typeof meta.error === 'string' && /*#__PURE__*/_react["default"].createElement(_reactstrap.Row, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Col, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Alert, {
|
108
|
-
className: "field-array-alert",
|
109
|
-
color: "danger"
|
110
|
-
}, meta.error))), Prepend && values.filter(function (x) {
|
111
|
-
return !x.isDeleted;
|
112
|
-
}).length > 0 && /*#__PURE__*/_react["default"].createElement(_reactstrap.Row, {
|
113
|
-
className: (0, _classnames["default"])('input-array-header')
|
114
|
-
}, /*#__PURE__*/_react["default"].createElement(Prepend, null), !disabled && /*#__PURE__*/_react["default"].createElement("div", {
|
115
|
-
className: "remove-array-item"
|
116
|
-
})), values.map(function (value, index) {
|
117
|
-
var itemName = "".concat(inputProps.name, "[").concat(index, "]");
|
118
|
-
return /*#__PURE__*/_react["default"].createElement(_reactstrap.Row, {
|
119
|
-
key: value && value['form-input-array-key'] || value && value['id'] || itemName,
|
120
|
-
className: (0, _classnames["default"])('field-array-item', {
|
121
|
-
removed: value.isDeleted
|
122
|
-
}),
|
123
|
-
role: "listitem"
|
124
|
-
}, /*#__PURE__*/_react["default"].createElement(_NestedFormFieldContext["default"].Provider, {
|
125
|
-
value: itemName
|
126
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
127
|
-
className: "component"
|
128
|
-
}, /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
|
129
|
-
value: value,
|
130
|
-
name: itemName,
|
131
|
-
disabled: disabled
|
132
|
-
}, props)))), !disabled && /*#__PURE__*/_react["default"].createElement("div", {
|
133
|
-
className: "remove-array-item"
|
134
|
-
}, /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
|
135
|
-
color: "link",
|
136
|
-
onClick: function onClick() {
|
137
|
-
return removeItem(index);
|
138
|
-
},
|
139
|
-
title: "Remove Item"
|
140
|
-
}, /*#__PURE__*/_react["default"].createElement(_reactFontawesome.FontAwesomeIcon, {
|
141
|
-
icon: _freeSolidSvgIcons.faTrash
|
142
|
-
}))));
|
143
|
-
})));
|
144
|
-
|
145
|
-
function addItem() {
|
146
|
-
if (disabled) {
|
147
|
-
return;
|
148
|
-
}
|
149
|
-
|
150
|
-
var item = Object.assign({}, newItem, {
|
151
|
-
'form-input-array-key': (0, _uuid.v4)()
|
152
|
-
});
|
153
|
-
var mapped = [].concat((0, _toConsumableArray2["default"])(values), [item]);
|
154
|
-
inputProps.onChange(mapped);
|
155
|
-
}
|
156
|
-
|
157
|
-
function removeItem(index) {
|
158
|
-
if (disabled) {
|
159
|
-
return;
|
160
|
-
}
|
161
|
-
|
162
|
-
var itemToRemove = values[index]; // assumes anything from the server has an 'id' value sent
|
163
|
-
|
164
|
-
if (!itemToRemove.id) {
|
165
|
-
inputProps.onChange(values.filter(function (x) {
|
166
|
-
return x !== itemToRemove;
|
167
|
-
}));
|
168
|
-
return;
|
169
|
-
}
|
170
|
-
|
171
|
-
var mapped = values.map(function (x) {
|
172
|
-
return x !== itemToRemove ? x : Object.assign({}, x, {
|
173
|
-
isDeleted: true
|
174
|
-
});
|
175
|
-
});
|
176
|
-
inputProps.onChange(mapped);
|
177
|
-
}
|
178
|
-
}
|
179
|
-
|
180
|
-
FormInputArray.Header = function (_ref2) {
|
181
|
-
var className = _ref2.className,
|
182
|
-
props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
|
183
|
-
return /*#__PURE__*/_react["default"].createElement(FormInputArray.Column, (0, _extends2["default"])({
|
184
|
-
className: (0, _classnames["default"])('mb-2', className)
|
185
|
-
}, props));
|
186
|
-
};
|
187
|
-
|
188
|
-
FormInputArray.Column = function (_ref3) {
|
189
|
-
var className = _ref3.className,
|
190
|
-
children = _ref3.children,
|
191
|
-
props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded3);
|
192
|
-
return /*#__PURE__*/_react["default"].createElement(_reactstrap.Col, (0, _extends2["default"])({
|
193
|
-
className: (0, _classnames["default"])('d-flex', className)
|
194
|
-
}, props), children);
|
195
|
-
};
|
196
|
-
|
197
|
-
FormInputArray.propTypes = {
|
198
|
-
name: _propTypes["default"].string.isRequired,
|
199
|
-
label: _propTypes["default"].string.isRequired,
|
200
|
-
|
201
|
-
/**
|
202
|
-
* The component to use for each element of the array
|
203
|
-
**/
|
204
|
-
component: _propTypes["default"].func.isRequired,
|
205
|
-
disabled: _propTypes["default"].bool,
|
206
|
-
|
207
|
-
/**
|
208
|
-
* When 'Add Item' is used this object is passed as the default (so you can, as an example, give a default)
|
209
|
-
**/
|
210
|
-
newItem: _propTypes["default"].object,
|
211
|
-
|
212
|
-
/**
|
213
|
-
* Affixes a 'header' above all rows so you can have a grid-like display
|
214
|
-
**/
|
215
|
-
prepend: _propTypes["default"].func,
|
216
|
-
|
217
|
-
/**
|
218
|
-
* standard validator, BUT, will be passed the whole array to validate
|
219
|
-
**/
|
220
|
-
validate: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].func), _propTypes["default"].func])
|
221
|
-
};
|
222
|
-
|
223
|
-
function CardActionHeader(_ref4) {
|
224
|
-
var children = _ref4.children,
|
225
|
-
className = _ref4.className,
|
226
|
-
props = (0, _objectWithoutProperties2["default"])(_ref4, _excluded4);
|
227
|
-
return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
|
228
|
-
className: (0, _classnames["default"])('card-header card-action-header d-flex align-items-baseline', className)
|
229
|
-
}, props), children);
|
230
|
-
}
|
231
|
-
|
232
|
-
CardActionHeader.Title = function Title(_ref5) {
|
233
|
-
var children = _ref5.children,
|
234
|
-
className = _ref5.className,
|
235
|
-
props = (0, _objectWithoutProperties2["default"])(_ref5, _excluded5);
|
236
|
-
return /*#__PURE__*/_react["default"].createElement("strong", (0, _extends2["default"])({
|
237
|
-
className: (0, _classnames["default"])('mr-auto', className)
|
238
|
-
}, props), children);
|
239
|
-
};
|
240
|
-
|
241
|
-
CardActionHeader.Actions = function Actions(_ref6) {
|
242
|
-
var children = _ref6.children,
|
243
|
-
className = _ref6.className,
|
244
|
-
props = (0, _objectWithoutProperties2["default"])(_ref6, _excluded6);
|
245
|
-
return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
|
246
|
-
className: (0, _classnames["default"])('card-action-header-actions', className)
|
247
|
-
}, props), children);
|
248
|
-
};
|
@@ -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 _FormInputArray = _interopRequireDefault(require("./FormInputArray"));
|
11
|
-
|
12
|
-
var _default = _FormInputArray["default"];
|
13
|
-
exports["default"] = _default;
|
package/lib/FormSection.js
DELETED
@@ -1,28 +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"] = FormSection;
|
11
|
-
|
12
|
-
var _react = _interopRequireWildcard(require("react"));
|
13
|
-
|
14
|
-
var _NestedFormFieldContext = _interopRequireDefault(require("./NestedFormFieldContext"));
|
15
|
-
|
16
|
-
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); }
|
17
|
-
|
18
|
-
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; }
|
19
|
-
|
20
|
-
function FormSection(_ref) {
|
21
|
-
var children = _ref.children,
|
22
|
-
name = _ref.name;
|
23
|
-
var parentContext = (0, _react.useContext)(_NestedFormFieldContext["default"]);
|
24
|
-
var effectiveValue = parentContext ? "".concat(parentContext, ".").concat(name) : name;
|
25
|
-
return /*#__PURE__*/_react["default"].createElement(_NestedFormFieldContext["default"].Provider, {
|
26
|
-
value: effectiveValue
|
27
|
-
}, children);
|
28
|
-
}
|