@digigov/form 1.0.0-079f34f3d → 1.0.0-23c81d9f
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/{es/Field/FieldBase.js → Field/FieldBase/index.js} +1 -1
- package/Field/FieldBase/package.json +6 -0
- package/{esm/Field/FieldBaseContainer.js → Field/FieldBaseContainer/index.js} +1 -1
- package/Field/FieldBaseContainer/package.json +6 -0
- package/{es/Field/FieldConditional.js → Field/FieldConditional/index.js} +2 -2
- package/Field/FieldConditional/package.json +6 -0
- package/Field/index.js +18 -45
- package/Field/package.json +6 -0
- package/Field/types/package.json +6 -0
- package/{es/Field/utils.js → Field/utils/index.js} +14 -9
- package/Field/utils/package.json +6 -0
- package/FieldArray/FieldArray.stories/index.js +8 -0
- package/FieldArray/FieldArray.stories/package.json +6 -0
- package/{esm/FieldArray/__stories__/Default.js → FieldArray/__stories__/Default/index.js} +1 -1
- package/FieldArray/__stories__/Default/package.json +6 -0
- package/{es/FieldArray/__stories__/WithExactLength.js → FieldArray/__stories__/WithExactLength/index.js} +1 -1
- package/FieldArray/__stories__/WithExactLength/package.json +6 -0
- package/FieldArray/index.js +19 -41
- package/FieldArray/package.json +6 -0
- package/FieldObject/index.js +16 -41
- package/FieldObject/package.json +6 -0
- package/{esm/Fieldset/FieldsetWithContext.js → Fieldset/FieldsetWithContext/index.js} +3 -3
- package/Fieldset/FieldsetWithContext/package.json +6 -0
- package/Fieldset/index.js +21 -51
- package/Fieldset/package.json +6 -0
- package/Fieldset/types/package.json +6 -0
- package/Form.stories/package.json +6 -0
- package/{es/FormBuilder/FormBuilder.js → FormBuilder/FormBuilder/index.js} +5 -5
- package/FormBuilder/FormBuilder/package.json +6 -0
- package/FormBuilder/FormBuilder.stories/index.js +7 -0
- package/FormBuilder/FormBuilder.stories/package.json +6 -0
- package/{es/FormBuilder/__stories__/Default.js → FormBuilder/__stories__/Default/index.js} +1 -1
- package/FormBuilder/__stories__/Default/package.json +6 -0
- package/FormBuilder/index.js +2 -11
- package/FormBuilder/package.json +6 -0
- package/FormContext/package.json +6 -0
- package/MultiplicityField/MultiplicityField.stories/index.js +12 -0
- package/MultiplicityField/MultiplicityField.stories/package.json +6 -0
- package/{es/MultiplicityField/__stories__/Default.js → MultiplicityField/__stories__/Default/index.js} +1 -1
- package/MultiplicityField/__stories__/Default/package.json +6 -0
- package/MultiplicityField/__stories__/PreviewDisplay/package.json +6 -0
- package/{es/MultiplicityField/__stories__/WithExactLength.js → MultiplicityField/__stories__/WithExactLength/index.js} +1 -1
- package/MultiplicityField/__stories__/WithExactLength/package.json +6 -0
- package/{es/MultiplicityField/__stories__/WithMaxLength.js → MultiplicityField/__stories__/WithMaxLength/index.js} +1 -1
- package/MultiplicityField/__stories__/WithMaxLength/package.json +6 -0
- package/{esm/MultiplicityField/__stories__/WithMinAndMaxLength.js → MultiplicityField/__stories__/WithMinAndMaxLength/index.js} +1 -1
- package/MultiplicityField/__stories__/WithMinAndMaxLength/package.json +6 -0
- package/{esm/MultiplicityField/__stories__/WithMinLength.js → MultiplicityField/__stories__/WithMinLength/index.js} +1 -1
- package/MultiplicityField/__stories__/WithMinLength/package.json +6 -0
- package/{esm/MultiplicityField/add-objects.js → MultiplicityField/add-objects/index.js} +3 -3
- package/MultiplicityField/add-objects/package.json +6 -0
- package/MultiplicityField/index.js +26 -55
- package/MultiplicityField/package.json +6 -0
- package/{es/Questions/Questions.js → Questions/Questions/index.js} +2 -2
- package/Questions/Questions/package.json +6 -0
- package/Questions/Questions.stories/index.js +7 -0
- package/Questions/Questions.stories/package.json +6 -0
- package/Questions/QuestionsContext/package.json +6 -0
- package/{esm/Questions/Step/ReviewStep.js → Questions/Step/ReviewStep/index.js} +3 -3
- package/Questions/Step/ReviewStep/package.json +6 -0
- package/{es/Questions/Step/Step.js → Questions/Step/Step/index.js} +3 -3
- package/Questions/Step/Step/package.json +6 -0
- package/{esm/Questions/Step/StepArrayReview.js → Questions/Step/StepArrayReview/index.js} +6 -6
- package/Questions/Step/StepArrayReview/package.json +6 -0
- package/Questions/Step/StepContext/package.json +6 -0
- package/{esm/Questions/Step/StepDescription.js → Questions/Step/StepDescription/index.js} +1 -1
- package/Questions/Step/StepDescription/package.json +6 -0
- package/{esm/Questions/Step/StepForm.js → Questions/Step/StepForm/index.js} +4 -4
- package/Questions/Step/StepForm/package.json +6 -0
- package/Questions/Step/StepQuote/package.json +6 -0
- package/{esm/Questions/Step/StepTitle.js → Questions/Step/StepTitle/index.js} +1 -1
- package/Questions/Step/StepTitle/package.json +6 -0
- package/Questions/Step/getAddMoreFields/package.json +6 -0
- package/Questions/Step/index.d.ts +4 -4
- package/Questions/Step/index.js +13 -153
- package/Questions/Step/package.json +6 -0
- package/Questions/Step/types/package.json +6 -0
- package/{es/Questions/__stories__/Default.js → Questions/__stories__/Default/index.js} +2 -2
- package/Questions/__stories__/Default/package.json +6 -0
- package/Questions/getNextStep/package.json +6 -0
- package/Questions/index.js +3 -25
- package/{esm/Questions/index.spec.js → Questions/index.spec/index.js} +3 -3
- package/Questions/index.spec/package.json +6 -0
- package/Questions/package.json +6 -0
- package/Questions/types/package.json +6 -0
- package/{Field/FieldBase.js → cjs/Field/FieldBase/index.js} +1 -1
- package/{Field/FieldBaseContainer.js → cjs/Field/FieldBaseContainer/index.js} +8 -8
- package/{Field/FieldConditional.js → cjs/Field/FieldConditional/index.js} +2 -2
- package/cjs/Field/index.js +103 -0
- package/{Field/utils.js → cjs/Field/utils/index.js} +15 -9
- package/{FieldArray/FieldArray.stories.js → cjs/FieldArray/FieldArray.stories/index.js} +4 -4
- package/{FieldArray/__stories__/Default.js → cjs/FieldArray/__stories__/Default/index.js} +6 -6
- package/{FieldArray/__stories__/WithExactLength.js → cjs/FieldArray/__stories__/WithExactLength/index.js} +6 -6
- package/cjs/FieldArray/index.js +87 -0
- package/cjs/FieldObject/index.js +83 -0
- package/{Fieldset/FieldsetWithContext.js → cjs/Fieldset/FieldsetWithContext/index.js} +6 -6
- package/cjs/Fieldset/index.js +64 -0
- package/{FormBuilder/FormBuilder.js → cjs/FormBuilder/FormBuilder/index.js} +6 -6
- package/{FormBuilder/FormBuilder.stories.js → cjs/FormBuilder/FormBuilder.stories/index.js} +3 -3
- package/{FormBuilder/__stories__/Default.js → cjs/FormBuilder/__stories__/Default/index.js} +4 -4
- package/cjs/FormBuilder/index.js +11 -0
- package/{MultiplicityField/MultiplicityField.stories.js → cjs/MultiplicityField/MultiplicityField.stories/index.js} +8 -8
- package/{MultiplicityField/__stories__/Default.js → cjs/MultiplicityField/__stories__/Default/index.js} +6 -6
- package/{MultiplicityField/__stories__/PreviewDisplay.js → cjs/MultiplicityField/__stories__/PreviewDisplay/index.js} +4 -4
- package/{MultiplicityField/__stories__/WithExactLength.js → cjs/MultiplicityField/__stories__/WithExactLength/index.js} +6 -6
- package/{MultiplicityField/__stories__/WithMaxLength.js → cjs/MultiplicityField/__stories__/WithMaxLength/index.js} +6 -6
- package/{MultiplicityField/__stories__/WithMinAndMaxLength.js → cjs/MultiplicityField/__stories__/WithMinAndMaxLength/index.js} +6 -6
- package/{MultiplicityField/__stories__/WithMinLength.js → cjs/MultiplicityField/__stories__/WithMinLength/index.js} +6 -6
- package/{MultiplicityField/add-objects.js → cjs/MultiplicityField/add-objects/index.js} +6 -6
- package/cjs/MultiplicityField/index.js +143 -0
- package/{Questions/Questions.js → cjs/Questions/Questions/index.js} +2 -2
- package/{Questions/Questions.stories.js → cjs/Questions/Questions.stories/index.js} +3 -3
- package/{Questions/Step/ReviewStep.js → cjs/Questions/Step/ReviewStep/index.js} +7 -7
- package/{Questions/Step/Step.js → cjs/Questions/Step/Step/index.js} +3 -3
- package/{Questions/Step/StepArrayReview.js → cjs/Questions/Step/StepArrayReview/index.js} +10 -10
- package/{Questions/Step/StepDescription.js → cjs/Questions/Step/StepDescription/index.js} +3 -3
- package/{Questions/Step/StepForm.js → cjs/Questions/Step/StepForm/index.js} +6 -6
- package/{Questions/Step/StepQuote.js → cjs/Questions/Step/StepQuote/index.js} +1 -1
- package/{Questions/Step/StepTitle.js → cjs/Questions/Step/StepTitle/index.js} +6 -6
- package/cjs/Questions/Step/index.js +170 -0
- package/{Questions/__stories__/Default.js → cjs/Questions/__stories__/Default/index.js} +19 -19
- package/cjs/Questions/index.js +25 -0
- package/{Questions/index.spec.js → cjs/Questions/index.spec/index.js} +9 -9
- package/cjs/index.js +28 -0
- package/{inputs/AutoComplete/AutoComplete.stories.js → cjs/inputs/AutoComplete/AutoComplete.stories/index.js} +3 -3
- package/{inputs/AutoComplete/__stories__/Default.js → cjs/inputs/AutoComplete/__stories__/Default/index.js} +4 -4
- package/cjs/inputs/AutoComplete/index.js +68 -0
- package/{inputs/Checkboxes/Checkboxes.stories.js → cjs/inputs/Checkboxes/Checkboxes.stories/index.js} +5 -5
- package/{inputs/Checkboxes/__stories__/Conditional.js → cjs/inputs/Checkboxes/__stories__/Conditional/index.js} +4 -4
- package/{inputs/Checkboxes/__stories__/Default.js → cjs/inputs/Checkboxes/__stories__/Default/index.js} +4 -4
- package/{inputs/Checkboxes/__stories__/WithDivider.js → cjs/inputs/Checkboxes/__stories__/WithDivider/index.js} +4 -4
- package/cjs/inputs/Checkboxes/index.js +127 -0
- package/{inputs/DateInput/DateInput.stories.js → cjs/inputs/DateInput/DateInput.stories/index.js} +3 -3
- package/{inputs/DateInput/__stories__/Default.js → cjs/inputs/DateInput/__stories__/Default/index.js} +4 -22
- package/cjs/inputs/DateInput/index.js +181 -0
- package/{inputs/FileInput/FileInput.stories.js → cjs/inputs/FileInput/FileInput.stories/index.js} +3 -3
- package/{inputs/FileInput/__stories__/Default.js → cjs/inputs/FileInput/__stories__/Default/index.js} +4 -4
- package/cjs/inputs/FileInput/index.js +92 -0
- package/cjs/inputs/ImageInput/ImageInput.stories/index.js +59 -0
- package/cjs/inputs/ImageInput/ImageInput.stories.playwright.json +77 -0
- package/cjs/inputs/ImageInput/__stories__/Default/index.js +51 -0
- package/cjs/inputs/ImageInput/__stories__/WithInvalidImageDimension/index.js +59 -0
- package/cjs/inputs/ImageInput/__stories__/WithInvalidImageSize/index.js +56 -0
- package/cjs/inputs/ImageInput/index.js +116 -0
- package/{inputs/Input/Input.stories.js → cjs/inputs/Input/Input.stories/index.js} +11 -11
- package/{inputs/Input/__stories__/AFM.js → cjs/inputs/Input/__stories__/AFM/index.js} +4 -4
- package/{inputs/Input/__stories__/Boolean.js → cjs/inputs/Input/__stories__/Boolean/index.js} +4 -4
- package/{inputs/Input/__stories__/Default.js → cjs/inputs/Input/__stories__/Default/index.js} +4 -4
- package/{inputs/Input/__stories__/IBAN.js → cjs/inputs/Input/__stories__/IBAN/index.js} +4 -4
- package/{inputs/Input/__stories__/Integer.js → cjs/inputs/Input/__stories__/Integer/index.js} +5 -5
- package/{inputs/Input/__stories__/MobilePhone.js → cjs/inputs/Input/__stories__/MobilePhone/index.js} +4 -4
- package/{inputs/Input/__stories__/PhoneNumber.js → cjs/inputs/Input/__stories__/PhoneNumber/index.js} +4 -4
- package/{inputs/Input/__stories__/PostalCode.js → cjs/inputs/Input/__stories__/PostalCode/index.js} +4 -4
- package/{inputs/Input/__stories__/TextWithCharacterLimit.js → cjs/inputs/Input/__stories__/TextWithCharacterLimit/index.js} +5 -5
- package/cjs/inputs/Input/index.js +96 -0
- package/{inputs/Label/Label.stories.js → cjs/inputs/Label/Label.stories/index.js} +3 -3
- package/{inputs/Label/__stories__/Default.js → cjs/inputs/Label/__stories__/Default/index.js} +5 -5
- package/cjs/inputs/Label/index.js +41 -0
- package/{inputs/OtpInput/OtpInput.stories.js → cjs/inputs/OtpInput/OtpInput.stories/index.js} +3 -3
- package/{inputs/OtpInput/__stories__/Default.js → cjs/inputs/OtpInput/__stories__/Default/index.js} +5 -5
- package/cjs/inputs/OtpInput/index.js +182 -0
- package/{inputs/Radio/Radio.stories.js → cjs/inputs/Radio/Radio.stories/index.js} +5 -5
- package/{inputs/Radio/__stories__/Conditional.js → cjs/inputs/Radio/__stories__/Conditional/index.js} +4 -4
- package/{inputs/Radio/__stories__/Default.js → cjs/inputs/Radio/__stories__/Default/index.js} +5 -5
- package/{inputs/Radio/__stories__/WithDivider.js → cjs/inputs/Radio/__stories__/WithDivider/index.js} +5 -5
- package/cjs/inputs/Radio/index.js +82 -0
- package/{inputs/Select/Select.stories.js → cjs/inputs/Select/Select.stories/index.js} +3 -3
- package/{inputs/Select/__stories__/Default.js → cjs/inputs/Select/__stories__/Default/index.js} +5 -5
- package/cjs/inputs/Select/index.js +49 -0
- package/cjs/inputs/index.js +79 -0
- package/{internal.js → cjs/internal/index.js} +20 -20
- package/{registry.js → cjs/registry/index.js} +65 -59
- package/{es → cjs}/validators/index.js +63 -26
- package/{validators/utils/file.js → cjs/validators/utils/file/index.js} +4 -2
- package/{es/MultiplicityField/add-objects.js → cjs/validators/utils/image/index.js} +161 -153
- package/cjs/validators/utils/index.js +243 -0
- package/{validators/validators.spec.js → cjs/validators/validators.spec/index.js} +1 -1
- package/index.js +8 -28
- package/inputs/AutoComplete/AutoComplete.stories/index.js +7 -0
- package/inputs/AutoComplete/AutoComplete.stories/package.json +6 -0
- package/{es/inputs/AutoComplete/__stories__/Default.js → inputs/AutoComplete/__stories__/Default/index.js} +2 -2
- package/inputs/AutoComplete/__stories__/Default/package.json +6 -0
- package/inputs/AutoComplete/index.js +12 -35
- package/inputs/AutoComplete/package.json +6 -0
- package/inputs/Checkboxes/Checkboxes.stories/index.js +9 -0
- package/inputs/Checkboxes/Checkboxes.stories/package.json +6 -0
- package/{esm/inputs/Checkboxes/__stories__/Conditional.js → inputs/Checkboxes/__stories__/Conditional/index.js} +1 -1
- package/inputs/Checkboxes/__stories__/Conditional/package.json +6 -0
- package/{es/inputs/Checkboxes/__stories__/Default.js → inputs/Checkboxes/__stories__/Default/index.js} +1 -1
- package/inputs/Checkboxes/__stories__/Default/package.json +6 -0
- package/{es/inputs/Checkboxes/__stories__/WithDivider.js → inputs/Checkboxes/__stories__/WithDivider/index.js} +1 -1
- package/inputs/Checkboxes/__stories__/WithDivider/package.json +6 -0
- package/inputs/Checkboxes/index.js +25 -52
- package/inputs/Checkboxes/package.json +6 -0
- package/inputs/DateInput/DateInput.stories/index.js +7 -0
- package/inputs/DateInput/DateInput.stories/package.json +6 -0
- package/{esm/inputs/DateInput/__stories__/Default.js → inputs/DateInput/__stories__/Default/index.js} +1 -19
- package/inputs/DateInput/__stories__/Default/package.json +6 -0
- package/inputs/DateInput/index.js +26 -52
- package/inputs/DateInput/package.json +6 -0
- package/inputs/FileInput/FileInput.stories/index.js +7 -0
- package/inputs/FileInput/FileInput.stories/package.json +6 -0
- package/{esm/inputs/FileInput/__stories__/Default.js → inputs/FileInput/__stories__/Default/index.js} +1 -1
- package/inputs/FileInput/__stories__/Default/package.json +6 -0
- package/inputs/FileInput/index.d.ts +3 -1
- package/inputs/FileInput/index.js +22 -52
- package/inputs/FileInput/package.json +6 -0
- package/inputs/ImageInput/ImageInput.stories/index.js +9 -0
- package/inputs/ImageInput/ImageInput.stories/package.json +6 -0
- package/inputs/ImageInput/ImageInput.stories.d.ts +10 -0
- package/inputs/ImageInput/ImageInput.stories.playwright.json +77 -0
- package/{es/inputs/OtpInput/__stories__/Default.js → inputs/ImageInput/__stories__/Default/index.js} +4 -5
- package/inputs/ImageInput/__stories__/Default/package.json +6 -0
- package/inputs/ImageInput/__stories__/Default.d.ts +2 -0
- package/inputs/ImageInput/__stories__/WithInvalidImageDimension/index.js +38 -0
- package/inputs/ImageInput/__stories__/WithInvalidImageDimension/package.json +6 -0
- package/inputs/ImageInput/__stories__/WithInvalidImageDimension.d.ts +2 -0
- package/inputs/ImageInput/__stories__/WithInvalidImageSize/index.js +35 -0
- package/inputs/ImageInput/__stories__/WithInvalidImageSize/package.json +6 -0
- package/inputs/ImageInput/__stories__/WithInvalidImageSize.d.ts +2 -0
- package/inputs/ImageInput/index.d.ts +25 -0
- package/inputs/ImageInput/index.js +83 -0
- package/inputs/ImageInput/package.json +6 -0
- package/inputs/Input/Input.stories/index.js +15 -0
- package/inputs/Input/Input.stories/package.json +6 -0
- package/{esm/inputs/Input/__stories__/AFM.js → inputs/Input/__stories__/AFM/index.js} +1 -1
- package/inputs/Input/__stories__/AFM/package.json +6 -0
- package/{esm/inputs/Input/__stories__/Boolean.js → inputs/Input/__stories__/Boolean/index.js} +1 -1
- package/inputs/Input/__stories__/Boolean/package.json +6 -0
- package/{esm/inputs/Input/__stories__/Default.js → inputs/Input/__stories__/Default/index.js} +1 -1
- package/inputs/Input/__stories__/Default/package.json +6 -0
- package/{esm/inputs/Input/__stories__/IBAN.js → inputs/Input/__stories__/IBAN/index.js} +1 -1
- package/inputs/Input/__stories__/IBAN/package.json +6 -0
- package/{es/inputs/Input/__stories__/Integer.js → inputs/Input/__stories__/Integer/index.js} +1 -1
- package/inputs/Input/__stories__/Integer/package.json +6 -0
- package/{esm/inputs/Input/__stories__/MobilePhone.js → inputs/Input/__stories__/MobilePhone/index.js} +1 -1
- package/inputs/Input/__stories__/MobilePhone/package.json +6 -0
- package/{es/inputs/Input/__stories__/PhoneNumber.js → inputs/Input/__stories__/PhoneNumber/index.js} +1 -1
- package/inputs/Input/__stories__/PhoneNumber/package.json +6 -0
- package/{esm/inputs/Input/__stories__/PostalCode.js → inputs/Input/__stories__/PostalCode/index.js} +1 -1
- package/inputs/Input/__stories__/PostalCode/package.json +6 -0
- package/{es/inputs/Input/__stories__/TextWithCharacterLimit.js → inputs/Input/__stories__/TextWithCharacterLimit/index.js} +1 -1
- package/inputs/Input/__stories__/TextWithCharacterLimit/package.json +6 -0
- package/inputs/Input/index.js +19 -40
- package/inputs/Input/package.json +6 -0
- package/inputs/Label/Label.stories/index.js +7 -0
- package/inputs/Label/Label.stories/package.json +6 -0
- package/{esm/inputs/Label/__stories__/Default.js → inputs/Label/__stories__/Default/index.js} +1 -1
- package/inputs/Label/__stories__/Default/package.json +6 -0
- package/inputs/Label/index.js +9 -25
- package/inputs/Label/package.json +6 -0
- package/inputs/OtpInput/OtpInput.stories/index.js +7 -0
- package/inputs/OtpInput/OtpInput.stories/package.json +6 -0
- package/{esm/inputs/OtpInput/__stories__/Default.js → inputs/OtpInput/__stories__/Default/index.js} +1 -1
- package/inputs/OtpInput/__stories__/Default/package.json +6 -0
- package/inputs/OtpInput/index.js +28 -53
- package/inputs/OtpInput/package.json +6 -0
- package/inputs/Radio/Radio.stories/index.js +9 -0
- package/inputs/Radio/Radio.stories/package.json +6 -0
- package/{es/inputs/Radio/__stories__/Conditional.js → inputs/Radio/__stories__/Conditional/index.js} +1 -1
- package/inputs/Radio/__stories__/Conditional/package.json +6 -0
- package/{es/inputs/Radio/__stories__/Default.js → inputs/Radio/__stories__/Default/index.js} +2 -2
- package/inputs/Radio/__stories__/Default/package.json +6 -0
- package/{es/inputs/Radio/__stories__/WithDivider.js → inputs/Radio/__stories__/WithDivider/index.js} +2 -2
- package/inputs/Radio/__stories__/WithDivider/package.json +6 -0
- package/inputs/Radio/index.js +24 -45
- package/inputs/Radio/package.json +6 -0
- package/inputs/Select/Select.stories/index.js +7 -0
- package/inputs/Select/Select.stories/package.json +6 -0
- package/{esm/inputs/Select/__stories__/Default.js → inputs/Select/__stories__/Default/index.js} +2 -2
- package/inputs/Select/__stories__/Default/package.json +6 -0
- package/inputs/Select/index.js +12 -29
- package/inputs/Select/package.json +6 -0
- package/inputs/index.d.ts +1 -0
- package/inputs/index.js +9 -71
- package/inputs/package.json +6 -0
- package/internal/index.js +34 -0
- package/internal/package.json +6 -0
- package/package.json +6 -6
- package/{esm/registry.js → registry/index.js} +63 -59
- package/registry/package.json +6 -0
- package/registry.d.ts +2 -0
- package/src/Field/utils.ts +5 -0
- package/src/Questions/Step/index.ts +4 -4
- package/src/inputs/DateInput/__stories__/Default.tsx +0 -16
- package/src/inputs/FileInput/index.tsx +4 -1
- package/src/inputs/ImageInput/ImageInput.stories.js +10 -0
- package/src/inputs/ImageInput/ImageInput.stories.playwright.json +77 -0
- package/src/inputs/ImageInput/__stories__/Default.tsx +31 -0
- package/src/inputs/ImageInput/__stories__/WithInvalidImageDimension.tsx +40 -0
- package/src/inputs/ImageInput/__stories__/WithInvalidImageSize.tsx +36 -0
- package/src/inputs/ImageInput/index.tsx +101 -0
- package/src/inputs/Radio/__stories__/Default.tsx +1 -1
- package/src/inputs/Radio/__stories__/WithDivider.tsx +1 -1
- package/src/inputs/Select/__stories__/Default.tsx +1 -1
- package/src/inputs/index.ts +1 -0
- package/src/registry.js +4 -0
- package/src/types.tsx +20 -18
- package/src/validators/index.ts +15 -1
- package/src/validators/utils/file.ts +2 -2
- package/src/validators/utils/image.ts +80 -0
- package/src/validators/utils/index.ts +1 -0
- package/types/package.json +6 -0
- package/types.d.ts +2 -1
- package/utils/package.json +6 -0
- package/validators/index.js +35 -54
- package/validators/package.json +6 -0
- package/validators/types/package.json +6 -0
- package/validators/utils/afm/package.json +6 -0
- package/{es/validators/utils/file.js → validators/utils/file/index.js} +4 -2
- package/validators/utils/file/package.json +6 -0
- package/validators/utils/iban/package.json +6 -0
- package/{esm/utils.js → validators/utils/image/index.js} +143 -87
- package/validators/utils/image/package.json +6 -0
- package/validators/utils/image.d.ts +3 -0
- package/validators/utils/index.d.ts +1 -0
- package/validators/utils/index.js +13 -139
- package/validators/utils/int/package.json +6 -0
- package/validators/utils/number/package.json +6 -0
- package/validators/utils/otp/package.json +6 -0
- package/validators/utils/package.json +6 -0
- package/validators/utils/phone/package.json +6 -0
- package/validators/utils/postal_code/package.json +6 -0
- package/validators/utils/text_limit/package.json +6 -0
- package/validators/utils/uuid4/package.json +6 -0
- package/{esm/validators/validators.spec.js → validators/validators.spec/index.js} +1 -1
- package/validators/validators.spec/package.json +6 -0
- package/es/Field/FieldBaseContainer.js +0 -43
- package/es/Field/index.js +0 -76
- package/es/FieldArray/FieldArray.stories.js +0 -8
- package/es/FieldArray/__stories__/Default.js +0 -90
- package/es/FieldArray/index.js +0 -65
- package/es/FieldObject/index.js +0 -58
- package/es/Fieldset/FieldsetWithContext.js +0 -41
- package/es/Fieldset/index.js +0 -34
- package/es/FormBuilder/FormBuilder.stories.js +0 -7
- package/es/FormBuilder/index.js +0 -2
- package/es/MultiplicityField/MultiplicityField.stories.js +0 -12
- package/es/MultiplicityField/__stories__/WithMinAndMaxLength.js +0 -96
- package/es/MultiplicityField/__stories__/WithMinLength.js +0 -95
- package/es/MultiplicityField/index.js +0 -114
- package/es/Questions/Questions.stories.js +0 -7
- package/es/Questions/Step/ReviewStep.js +0 -53
- package/es/Questions/Step/StepArrayReview.js +0 -50
- package/es/Questions/Step/StepDescription.js +0 -27
- package/es/Questions/Step/StepForm.js +0 -48
- package/es/Questions/Step/StepTitle.js +0 -44
- package/es/Questions/Step/index.js +0 -13
- package/es/Questions/index.js +0 -3
- package/es/Questions/index.spec.js +0 -62
- package/es/index.js +0 -3
- package/es/inputs/AutoComplete/AutoComplete.stories.js +0 -7
- package/es/inputs/AutoComplete/index.js +0 -45
- package/es/inputs/Checkboxes/Checkboxes.stories.js +0 -9
- package/es/inputs/Checkboxes/__stories__/Conditional.js +0 -95
- package/es/inputs/Checkboxes/index.js +0 -100
- package/es/inputs/DateInput/DateInput.stories.js +0 -7
- package/es/inputs/DateInput/__stories__/Default.js +0 -43
- package/es/inputs/DateInput/index.js +0 -155
- package/es/inputs/FileInput/FileInput.stories.js +0 -7
- package/es/inputs/FileInput/__stories__/Default.js +0 -22
- package/es/inputs/FileInput/index.js +0 -62
- package/es/inputs/Input/Input.stories.js +0 -15
- package/es/inputs/Input/__stories__/AFM.js +0 -24
- package/es/inputs/Input/__stories__/Boolean.js +0 -25
- package/es/inputs/Input/__stories__/Default.js +0 -25
- package/es/inputs/Input/__stories__/IBAN.js +0 -25
- package/es/inputs/Input/__stories__/MobilePhone.js +0 -24
- package/es/inputs/Input/__stories__/PostalCode.js +0 -27
- package/es/inputs/Input/index.js +0 -75
- package/es/inputs/Label/Label.stories.js +0 -7
- package/es/inputs/Label/__stories__/Default.js +0 -29
- package/es/inputs/Label/index.js +0 -25
- package/es/inputs/OtpInput/OtpInput.stories.js +0 -7
- package/es/inputs/OtpInput/index.js +0 -157
- package/es/inputs/Radio/Radio.stories.js +0 -9
- package/es/inputs/Radio/index.js +0 -61
- package/es/inputs/Select/Select.stories.js +0 -7
- package/es/inputs/Select/__stories__/Default.js +0 -53
- package/es/inputs/Select/index.js +0 -32
- package/es/inputs/index.js +0 -8
- package/es/internal.js +0 -34
- package/es/registry.js +0 -136
- package/es/validators/utils/index.js +0 -102
- package/es/validators/validators.spec.js +0 -85
- package/esm/Field/FieldBase.js +0 -84
- package/esm/Field/FieldConditional.js +0 -62
- package/esm/Field/index.js +0 -76
- package/esm/Field/index.mdx +0 -6
- package/esm/Field/types.js +0 -1
- package/esm/Field/utils.js +0 -162
- package/esm/FieldArray/FieldArray.stories.js +0 -8
- package/esm/FieldArray/FieldArray.stories.playwright.json +0 -353
- package/esm/FieldArray/__stories__/WithExactLength.js +0 -90
- package/esm/FieldArray/index.js +0 -65
- package/esm/FieldObject/index.js +0 -58
- package/esm/Fieldset/index.js +0 -34
- package/esm/Fieldset/types.js +0 -1
- package/esm/Form.stories.js +0 -3
- package/esm/FormBuilder/FormBuilder.js +0 -160
- package/esm/FormBuilder/FormBuilder.mdx +0 -256
- package/esm/FormBuilder/FormBuilder.stories.js +0 -7
- package/esm/FormBuilder/FormBuilder.stories.playwright.json +0 -52
- package/esm/FormBuilder/__stories__/Default.js +0 -28
- package/esm/FormBuilder/index.js +0 -2
- package/esm/FormContext.js +0 -5
- package/esm/MultiplicityField/MultiplicityField.mdx +0 -590
- package/esm/MultiplicityField/MultiplicityField.stories.js +0 -12
- package/esm/MultiplicityField/MultiplicityField.stories.playwright.json +0 -1370
- package/esm/MultiplicityField/__stories__/Default.js +0 -97
- package/esm/MultiplicityField/__stories__/PreviewDisplay.js +0 -83
- package/esm/MultiplicityField/__stories__/WithExactLength.js +0 -92
- package/esm/MultiplicityField/__stories__/WithMaxLength.js +0 -95
- package/esm/MultiplicityField/index.js +0 -114
- package/esm/Questions/Questions.js +0 -84
- package/esm/Questions/Questions.stories.js +0 -7
- package/esm/Questions/QuestionsContext.js +0 -11
- package/esm/Questions/Step/Step.js +0 -69
- package/esm/Questions/Step/StepContext.js +0 -27
- package/esm/Questions/Step/StepQuote.js +0 -11
- package/esm/Questions/Step/getAddMoreFields.js +0 -22
- package/esm/Questions/Step/index.js +0 -13
- package/esm/Questions/Step/types.js +0 -1
- package/esm/Questions/__snapshots__/index.spec.tsx.snap +0 -596
- package/esm/Questions/__stories__/Default.js +0 -108
- package/esm/Questions/getNextStep.js +0 -23
- package/esm/Questions/index.js +0 -3
- package/esm/Questions/index.mdx +0 -415
- package/esm/Questions/types.js +0 -1
- package/esm/create-simple-form.mdx +0 -539
- package/esm/index.js +0 -8
- package/esm/index.mdx +0 -51
- package/esm/inputs/AutoComplete/AutoComplete.stories.js +0 -7
- package/esm/inputs/AutoComplete/__stories__/Default.js +0 -49
- package/esm/inputs/AutoComplete/index.js +0 -45
- package/esm/inputs/Checkboxes/Checkboxes.stories.js +0 -9
- package/esm/inputs/Checkboxes/Checkboxes.stories.playwright.json +0 -85
- package/esm/inputs/Checkboxes/__stories__/Default.js +0 -42
- package/esm/inputs/Checkboxes/__stories__/WithDivider.js +0 -43
- package/esm/inputs/Checkboxes/index.js +0 -100
- package/esm/inputs/Checkboxes/index.mdx +0 -0
- package/esm/inputs/DateInput/DateInput.stories.js +0 -7
- package/esm/inputs/DateInput/DateInput.stories.playwright.json +0 -72
- package/esm/inputs/DateInput/index.js +0 -155
- package/esm/inputs/FileInput/FileInput.stories.js +0 -7
- package/esm/inputs/FileInput/FileInput.stories.playwright.json +0 -75
- package/esm/inputs/FileInput/index.js +0 -62
- package/esm/inputs/Input/Input.stories.js +0 -15
- package/esm/inputs/Input/Input.stories.playwright.json +0 -376
- package/esm/inputs/Input/__stories__/Integer.js +0 -33
- package/esm/inputs/Input/__stories__/PhoneNumber.js +0 -24
- package/esm/inputs/Input/__stories__/TextWithCharacterLimit.js +0 -31
- package/esm/inputs/Input/index.js +0 -75
- package/esm/inputs/Input/index.mdx +0 -8
- package/esm/inputs/Label/Label.stories.js +0 -7
- package/esm/inputs/Label/Label.stories.playwright.json +0 -40
- package/esm/inputs/Label/index.js +0 -25
- package/esm/inputs/Label/index.mdx +0 -0
- package/esm/inputs/OtpInput/OtpInput.stories.js +0 -7
- package/esm/inputs/OtpInput/index.js +0 -157
- package/esm/inputs/Radio/Radio.stories.js +0 -9
- package/esm/inputs/Radio/Radio.stories.playwright.json +0 -73
- package/esm/inputs/Radio/__stories__/Conditional.js +0 -95
- package/esm/inputs/Radio/__stories__/Default.js +0 -47
- package/esm/inputs/Radio/__stories__/WithDivider.js +0 -48
- package/esm/inputs/Radio/index.js +0 -61
- package/esm/inputs/Radio/index.mdx +0 -0
- package/esm/inputs/Select/Select.stories.js +0 -7
- package/esm/inputs/Select/Select.stories.playwright.json +0 -22
- package/esm/inputs/Select/index.js +0 -32
- package/esm/inputs/index.js +0 -8
- package/esm/installation.mdx +0 -68
- package/esm/internal.js +0 -34
- package/esm/types.js +0 -1
- package/esm/validators/index.js +0 -186
- package/esm/validators/types.js +0 -1
- package/esm/validators/utils/afm.js +0 -35
- package/esm/validators/utils/file.js +0 -52
- package/esm/validators/utils/iban.js +0 -123
- package/esm/validators/utils/index.js +0 -102
- package/esm/validators/utils/int.js +0 -20
- package/esm/validators/utils/number.js +0 -16
- package/esm/validators/utils/otp.js +0 -26
- package/esm/validators/utils/phone.js +0 -122
- package/esm/validators/utils/postal_code.js +0 -29
- package/esm/validators/utils/text_limit.js +0 -54
- package/esm/validators/utils/uuid4.js +0 -20
- /package/{es/Field/types.js → Field/types/index.js} +0 -0
- /package/{es/Fieldset/types.js → Fieldset/types/index.js} +0 -0
- /package/{es/Form.stories.js → Form.stories/index.js} +0 -0
- /package/{es/FormContext.js → FormContext/index.js} +0 -0
- /package/{es/MultiplicityField/__stories__/PreviewDisplay.js → MultiplicityField/__stories__/PreviewDisplay/index.js} +0 -0
- /package/{es/Questions/QuestionsContext.js → Questions/QuestionsContext/index.js} +0 -0
- /package/{es/Questions/Step/StepContext.js → Questions/Step/StepContext/index.js} +0 -0
- /package/{es/Questions/Step/StepQuote.js → Questions/Step/StepQuote/index.js} +0 -0
- /package/{es/Questions/Step/getAddMoreFields.js → Questions/Step/getAddMoreFields/index.js} +0 -0
- /package/{es/Questions/Step/types.js → Questions/Step/types/index.js} +0 -0
- /package/{es/Questions/getNextStep.js → Questions/getNextStep/index.js} +0 -0
- /package/{es/Questions/types.js → Questions/types/index.js} +0 -0
- /package/{es → cjs}/Field/index.mdx +0 -0
- /package/{Field/types.js → cjs/Field/types/index.js} +0 -0
- /package/{es → cjs}/FieldArray/FieldArray.stories.playwright.json +0 -0
- /package/{Fieldset/types.js → cjs/Fieldset/types/index.js} +0 -0
- /package/{Form.stories.js → cjs/Form.stories/index.js} +0 -0
- /package/{es → cjs}/FormBuilder/FormBuilder.mdx +0 -0
- /package/{es → cjs}/FormBuilder/FormBuilder.stories.playwright.json +0 -0
- /package/{FormContext.js → cjs/FormContext/index.js} +0 -0
- /package/{es → cjs}/MultiplicityField/MultiplicityField.mdx +0 -0
- /package/{es → cjs}/MultiplicityField/MultiplicityField.stories.playwright.json +0 -0
- /package/{Questions/QuestionsContext.js → cjs/Questions/QuestionsContext/index.js} +0 -0
- /package/{Questions/Step/StepContext.js → cjs/Questions/Step/StepContext/index.js} +0 -0
- /package/{Questions/Step/getAddMoreFields.js → cjs/Questions/Step/getAddMoreFields/index.js} +0 -0
- /package/{Questions/Step/types.js → cjs/Questions/Step/types/index.js} +0 -0
- /package/{es → cjs}/Questions/__snapshots__/index.spec.tsx.snap +0 -0
- /package/{Questions/getNextStep.js → cjs/Questions/getNextStep/index.js} +0 -0
- /package/{es → cjs}/Questions/index.mdx +0 -0
- /package/{Questions/types.js → cjs/Questions/types/index.js} +0 -0
- /package/{es → cjs}/create-simple-form.mdx +0 -0
- /package/{es → cjs}/index.mdx +0 -0
- /package/{es → cjs}/inputs/Checkboxes/Checkboxes.stories.playwright.json +0 -0
- /package/{es → cjs}/inputs/Checkboxes/index.mdx +0 -0
- /package/{es → cjs}/inputs/DateInput/DateInput.stories.playwright.json +0 -0
- /package/{es → cjs}/inputs/FileInput/FileInput.stories.playwright.json +0 -0
- /package/{es → cjs}/inputs/Input/Input.stories.playwright.json +0 -0
- /package/{es → cjs}/inputs/Input/index.mdx +0 -0
- /package/{es → cjs}/inputs/Label/Label.stories.playwright.json +0 -0
- /package/{es → cjs}/inputs/Label/index.mdx +0 -0
- /package/{es → cjs}/inputs/Radio/Radio.stories.playwright.json +0 -0
- /package/{es → cjs}/inputs/Radio/index.mdx +0 -0
- /package/{es → cjs}/inputs/Select/Select.stories.playwright.json +0 -0
- /package/{es → cjs}/installation.mdx +0 -0
- /package/{types.js → cjs/types/index.js} +0 -0
- /package/{utils.js → cjs/utils/index.js} +0 -0
- /package/{validators/types.js → cjs/validators/types/index.js} +0 -0
- /package/{validators/utils/afm.js → cjs/validators/utils/afm/index.js} +0 -0
- /package/{validators/utils/iban.js → cjs/validators/utils/iban/index.js} +0 -0
- /package/{validators/utils/int.js → cjs/validators/utils/int/index.js} +0 -0
- /package/{validators/utils/number.js → cjs/validators/utils/number/index.js} +0 -0
- /package/{validators/utils/otp.js → cjs/validators/utils/otp/index.js} +0 -0
- /package/{validators/utils/phone.js → cjs/validators/utils/phone/index.js} +0 -0
- /package/{validators/utils/postal_code.js → cjs/validators/utils/postal_code/index.js} +0 -0
- /package/{validators/utils/text_limit.js → cjs/validators/utils/text_limit/index.js} +0 -0
- /package/{validators/utils/uuid4.js → cjs/validators/utils/uuid4/index.js} +0 -0
- /package/{es/types.js → types/index.js} +0 -0
- /package/{es/utils.js → utils/index.js} +0 -0
- /package/{es/validators/types.js → validators/types/index.js} +0 -0
- /package/{es/validators/utils/afm.js → validators/utils/afm/index.js} +0 -0
- /package/{es/validators/utils/iban.js → validators/utils/iban/index.js} +0 -0
- /package/{es/validators/utils/int.js → validators/utils/int/index.js} +0 -0
- /package/{es/validators/utils/number.js → validators/utils/number/index.js} +0 -0
- /package/{es/validators/utils/otp.js → validators/utils/otp/index.js} +0 -0
- /package/{es/validators/utils/phone.js → validators/utils/phone/index.js} +0 -0
- /package/{es/validators/utils/postal_code.js → validators/utils/postal_code/index.js} +0 -0
- /package/{es/validators/utils/text_limit.js → validators/utils/text_limit/index.js} +0 -0
- /package/{es/validators/utils/uuid4.js → validators/utils/uuid4/index.js} +0 -0
|
@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
|
|
|
3
3
|
var _excluded = ["required", "name", "component", "wrapper", "control", "type", "controlled", "enabled", "editable", "defaultValue", "label", "extra", "layout", "error", "register"];
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { Controller } from 'react-hook-form';
|
|
6
|
-
import FieldBaseContainer from
|
|
6
|
+
import FieldBaseContainer from "./FieldBaseContainer";
|
|
7
7
|
export var FieldBase = function FieldBase(props) {
|
|
8
8
|
var required = props.required,
|
|
9
9
|
name = props.name,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import Label from
|
|
3
|
+
import Label from "../inputs/Label";
|
|
4
4
|
import ErrorMessage from '@digigov/react-core/ErrorMessage';
|
|
5
5
|
import FieldContainer from '@digigov/react-core/FieldContainer';
|
|
6
6
|
import CoreFieldset from '@digigov/react-core/Fieldset';
|
|
@@ -2,8 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { useWatch } from 'react-hook-form';
|
|
5
|
-
import { FieldBase } from
|
|
6
|
-
import { evaluateFieldWithConditions } from
|
|
5
|
+
import { FieldBase } from "./FieldBase";
|
|
6
|
+
import { evaluateFieldWithConditions } from "./utils";
|
|
7
7
|
var ChildFieldMemo = /*#__PURE__*/React.memo(function ChildField(_ref) {
|
|
8
8
|
var dependencies = _ref.dependencies,
|
|
9
9
|
field = _ref.field,
|
package/Field/index.js
CHANGED
|
@@ -1,42 +1,18 @@
|
|
|
1
|
-
|
|
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"] = exports.Field = void 0;
|
|
11
|
-
|
|
12
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
-
|
|
16
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
-
|
|
18
|
-
var _FieldBase = require("@digigov/form/Field/FieldBase");
|
|
19
|
-
|
|
20
|
-
var _FieldConditional = _interopRequireDefault(require("@digigov/form/Field/FieldConditional"));
|
|
21
|
-
|
|
22
|
-
var _utils = require("@digigov/form/Field/utils");
|
|
23
|
-
|
|
24
|
-
var _FieldArray = _interopRequireDefault(require("@digigov/form/FieldArray"));
|
|
25
|
-
|
|
26
|
-
var _MultiplicityField = _interopRequireDefault(require("@digigov/form/MultiplicityField"));
|
|
27
|
-
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
28
3
|
var _excluded = ["name", "children"];
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
4
|
+
import React, { useMemo } from 'react';
|
|
5
|
+
import { FieldBase } from "./FieldBase";
|
|
6
|
+
import FieldConditional from "./FieldConditional";
|
|
7
|
+
import { useField, calculateField } from "./utils";
|
|
8
|
+
import FieldArray from "../FieldArray";
|
|
9
|
+
import Multiplicity from "../MultiplicityField";
|
|
10
|
+
export var Field = function Field(_ref) {
|
|
35
11
|
var name = _ref.name,
|
|
36
12
|
children = _ref.children,
|
|
37
|
-
customField = (
|
|
13
|
+
customField = _objectWithoutProperties(_ref, _excluded);
|
|
38
14
|
|
|
39
|
-
var _useField =
|
|
15
|
+
var _useField = useField(name, customField !== null && customField !== void 0 && customField.type ? customField : null),
|
|
40
16
|
field = _useField.field,
|
|
41
17
|
control = _useField.control,
|
|
42
18
|
register = _useField.register,
|
|
@@ -50,12 +26,12 @@ var Field = function Field(_ref) {
|
|
|
50
26
|
trigger = _useField.trigger,
|
|
51
27
|
clearErrors = _useField.clearErrors;
|
|
52
28
|
|
|
53
|
-
var calculatedField =
|
|
54
|
-
return
|
|
29
|
+
var calculatedField = useMemo(function () {
|
|
30
|
+
return calculateField(children, field, componentRegistry);
|
|
55
31
|
}, [field]);
|
|
56
32
|
|
|
57
33
|
if (calculatedField.condition) {
|
|
58
|
-
return /*#__PURE__*/
|
|
34
|
+
return /*#__PURE__*/React.createElement(FieldConditional, {
|
|
59
35
|
control: control,
|
|
60
36
|
reset: reset,
|
|
61
37
|
register: register,
|
|
@@ -66,7 +42,7 @@ var Field = function Field(_ref) {
|
|
|
66
42
|
|
|
67
43
|
if (calculatedField.type === 'array' && !calculatedField.multiplicity) {
|
|
68
44
|
calculatedField.name = name;
|
|
69
|
-
return /*#__PURE__*/
|
|
45
|
+
return /*#__PURE__*/React.createElement(FieldArray, _extends({
|
|
70
46
|
control: control,
|
|
71
47
|
register: register,
|
|
72
48
|
error: error,
|
|
@@ -76,7 +52,7 @@ var Field = function Field(_ref) {
|
|
|
76
52
|
|
|
77
53
|
if (calculatedField.type === 'array' && calculatedField.multiplicity === true) {
|
|
78
54
|
calculatedField.name = name;
|
|
79
|
-
return /*#__PURE__*/
|
|
55
|
+
return /*#__PURE__*/React.createElement(Multiplicity, _extends({
|
|
80
56
|
control: control,
|
|
81
57
|
register: register,
|
|
82
58
|
trigger: trigger,
|
|
@@ -89,7 +65,7 @@ var Field = function Field(_ref) {
|
|
|
89
65
|
}, calculatedField));
|
|
90
66
|
}
|
|
91
67
|
|
|
92
|
-
return /*#__PURE__*/
|
|
68
|
+
return /*#__PURE__*/React.createElement(FieldBase, _extends({}, calculatedField, {
|
|
93
69
|
name: name,
|
|
94
70
|
control: control,
|
|
95
71
|
register: register,
|
|
@@ -97,7 +73,4 @@ var Field = function Field(_ref) {
|
|
|
97
73
|
error: error
|
|
98
74
|
}));
|
|
99
75
|
};
|
|
100
|
-
|
|
101
|
-
exports.Field = Field;
|
|
102
|
-
var _default = Field;
|
|
103
|
-
exports["default"] = _default;
|
|
76
|
+
export default Field;
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import { lazy, useContext, useMemo } from 'react';
|
|
3
|
-
import { FormContext } from
|
|
4
|
-
import Checkboxes from
|
|
5
|
-
import DateInput from
|
|
6
|
-
import FileInput from
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
3
|
+
import { FormContext } from "../FormContext";
|
|
4
|
+
import Checkboxes from "../inputs/Checkboxes";
|
|
5
|
+
import DateInput from "../inputs/DateInput";
|
|
6
|
+
import FileInput from "../inputs/FileInput";
|
|
7
|
+
import ImageInput from "../inputs/ImageInput";
|
|
8
|
+
import Input from "../inputs/Input";
|
|
9
|
+
import OtpInput from "../inputs/OtpInput";
|
|
10
|
+
import Radio from "../inputs/Radio";
|
|
11
|
+
import Select from "../inputs/Select";
|
|
11
12
|
var AutoComplete = /*#__PURE__*/lazy(function () {
|
|
12
|
-
return import(
|
|
13
|
+
return import("../inputs/AutoComplete");
|
|
13
14
|
});
|
|
14
15
|
var FIELD_COMPONENTS = {
|
|
15
16
|
text: {
|
|
@@ -22,6 +23,10 @@ var FIELD_COMPONENTS = {
|
|
|
22
23
|
wrapper: 'fieldset',
|
|
23
24
|
component: FileInput
|
|
24
25
|
},
|
|
26
|
+
image: {
|
|
27
|
+
wrapper: 'fieldset',
|
|
28
|
+
component: ImageInput
|
|
29
|
+
},
|
|
25
30
|
date: {
|
|
26
31
|
wrapper: 'fieldset',
|
|
27
32
|
controlled: true,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import FormBuilder, { Field } from
|
|
3
|
+
import FormBuilder, { Field } from "../..";
|
|
4
4
|
import { Button } from '@digigov/ui/form/Button';
|
|
5
5
|
var fields = [{
|
|
6
6
|
key: 'string',
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import FormBuilder, { Field } from
|
|
3
|
+
import FormBuilder, { Field } from "../..";
|
|
4
4
|
import { Button } from '@digigov/ui/form/Button';
|
|
5
5
|
var fields = [{
|
|
6
6
|
key: 'string',
|
package/FieldArray/index.js
CHANGED
|
@@ -1,33 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = exports.FieldArray = void 0;
|
|
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 _reactHookForm = require("react-hook-form");
|
|
17
|
-
|
|
18
|
-
var _FieldBaseContainer = _interopRequireDefault(require("@digigov/form/Field/FieldBaseContainer"));
|
|
19
|
-
|
|
20
|
-
var _FieldObject = _interopRequireDefault(require("@digigov/form/FieldObject"));
|
|
21
|
-
|
|
22
|
-
var _Fieldset = require("@digigov/form/Fieldset");
|
|
23
|
-
|
|
24
|
-
var _Fieldset2 = _interopRequireDefault(require("@digigov/react-core/Fieldset"));
|
|
25
|
-
|
|
26
|
-
var _ui = require("@digigov/ui");
|
|
27
|
-
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
28
3
|
var _excluded = ["name", "register", "control", "formState", "error", "layout", "label"];
|
|
29
|
-
|
|
30
|
-
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { useFieldArray } from 'react-hook-form';
|
|
6
|
+
import FieldContainer from "../Field/FieldBaseContainer";
|
|
7
|
+
import FieldObject from "../FieldObject";
|
|
8
|
+
import { FieldsetLabel } from "../Fieldset";
|
|
9
|
+
import Fieldset from '@digigov/react-core/Fieldset';
|
|
10
|
+
import { Button, Card, Hint } from '@digigov/ui';
|
|
11
|
+
export var FieldArray = function FieldArray(_ref) {
|
|
31
12
|
var _customField$extra, _customField$extra$la, _customField$extra4, _customField$extra4$l;
|
|
32
13
|
|
|
33
14
|
var name = _ref.name,
|
|
@@ -37,9 +18,9 @@ var FieldArray = function FieldArray(_ref) {
|
|
|
37
18
|
error = _ref.error,
|
|
38
19
|
layout = _ref.layout,
|
|
39
20
|
label = _ref.label,
|
|
40
|
-
customField = (
|
|
21
|
+
customField = _objectWithoutProperties(_ref, _excluded);
|
|
41
22
|
|
|
42
|
-
var _useFieldArray =
|
|
23
|
+
var _useFieldArray = useFieldArray({
|
|
43
24
|
control: control,
|
|
44
25
|
name: name
|
|
45
26
|
}),
|
|
@@ -47,32 +28,32 @@ var FieldArray = function FieldArray(_ref) {
|
|
|
47
28
|
append = _useFieldArray.append,
|
|
48
29
|
remove = _useFieldArray.remove;
|
|
49
30
|
|
|
50
|
-
return /*#__PURE__*/
|
|
31
|
+
return /*#__PURE__*/React.createElement(FieldContainer, {
|
|
51
32
|
label: label,
|
|
52
33
|
layout: layout,
|
|
53
34
|
error: formState.isSubmitted && !formState.isSubmitting && error !== null && error !== void 0 && error.message && error ? error : undefined,
|
|
54
35
|
wrapper: "fieldset",
|
|
55
36
|
name: name
|
|
56
|
-
}, fields.length === 0 && /*#__PURE__*/
|
|
37
|
+
}, fields.length === 0 && /*#__PURE__*/React.createElement(Hint, null, (_customField$extra = customField.extra) === null || _customField$extra === void 0 ? void 0 : (_customField$extra$la = _customField$extra.label.object) === null || _customField$extra$la === void 0 ? void 0 : _customField$extra$la.nothing_added), fields.map(function (field, index) {
|
|
57
38
|
var _customField$extra2, _customField$extra3;
|
|
58
39
|
|
|
59
|
-
return /*#__PURE__*/
|
|
40
|
+
return /*#__PURE__*/React.createElement(Card, {
|
|
60
41
|
variant: "border",
|
|
61
42
|
key: field.id
|
|
62
|
-
}, /*#__PURE__*/
|
|
43
|
+
}, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLabel, null, (_customField$extra2 = customField.extra) === null || _customField$extra2 === void 0 ? void 0 : _customField$extra2.label.object.title, " ", index + 1), /*#__PURE__*/React.createElement(FieldObject, _extends({
|
|
63
44
|
name: "".concat(name, ".").concat(index),
|
|
64
45
|
error: Array.isArray(error) && error[index],
|
|
65
46
|
formState: formState,
|
|
66
47
|
register: register,
|
|
67
48
|
control: control
|
|
68
|
-
}, (_customField$extra3 = customField.extra) === null || _customField$extra3 === void 0 ? void 0 : _customField$extra3.of)), /*#__PURE__*/
|
|
49
|
+
}, (_customField$extra3 = customField.extra) === null || _customField$extra3 === void 0 ? void 0 : _customField$extra3.of)), /*#__PURE__*/React.createElement(Button, {
|
|
69
50
|
type: "button",
|
|
70
51
|
color: "warning",
|
|
71
52
|
onClick: function onClick() {
|
|
72
53
|
return remove(index);
|
|
73
54
|
}
|
|
74
55
|
}, "Remove")));
|
|
75
|
-
}), /*#__PURE__*/
|
|
56
|
+
}), /*#__PURE__*/React.createElement(Button, {
|
|
76
57
|
type: "button",
|
|
77
58
|
color: "secondary",
|
|
78
59
|
onClick: function onClick(ev) {
|
|
@@ -81,7 +62,4 @@ var FieldArray = function FieldArray(_ref) {
|
|
|
81
62
|
}
|
|
82
63
|
}, (_customField$extra4 = customField.extra) === null || _customField$extra4 === void 0 ? void 0 : (_customField$extra4$l = _customField$extra4.label.object) === null || _customField$extra4$l === void 0 ? void 0 : _customField$extra4$l.add));
|
|
83
64
|
};
|
|
84
|
-
|
|
85
|
-
exports.FieldArray = FieldArray;
|
|
86
|
-
var _default = FieldArray;
|
|
87
|
-
exports["default"] = _default;
|
|
65
|
+
export default FieldArray;
|
package/FieldObject/index.js
CHANGED
|
@@ -1,33 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
});
|
|
10
|
-
exports["default"] = exports.FieldObject = void 0;
|
|
11
|
-
|
|
12
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
|
-
var _FieldBase = require("@digigov/form/Field/FieldBase");
|
|
17
|
-
|
|
18
|
-
var _utils = require("@digigov/form/Field/utils");
|
|
19
|
-
|
|
20
|
-
var _Fieldset = _interopRequireWildcard(require("@digigov/form/Fieldset"));
|
|
21
|
-
|
|
22
|
-
var _reactCore = require("@digigov/react-core");
|
|
23
|
-
|
|
24
|
-
var _i18n = require("@digigov/ui/i18n");
|
|
25
|
-
|
|
26
|
-
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); }
|
|
27
|
-
|
|
28
|
-
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; }
|
|
29
|
-
|
|
30
|
-
var FieldObject = function FieldObject(_ref) {
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
import React, { useMemo } from 'react';
|
|
3
|
+
import { FieldBase } from "../Field/FieldBase";
|
|
4
|
+
import { calculateField } from "../Field/utils";
|
|
5
|
+
import Fieldset, { FieldsetCaption } from "../Fieldset";
|
|
6
|
+
import { FieldsetLegend } from '@digigov/react-core';
|
|
7
|
+
import { useTranslation } from '@digigov/ui/i18n';
|
|
8
|
+
export var FieldObject = function FieldObject(_ref) {
|
|
31
9
|
var name = _ref.name,
|
|
32
10
|
label = _ref.label,
|
|
33
11
|
extra = _ref.extra,
|
|
@@ -36,13 +14,13 @@ var FieldObject = function FieldObject(_ref) {
|
|
|
36
14
|
reset = _ref.reset,
|
|
37
15
|
formState = _ref.formState;
|
|
38
16
|
|
|
39
|
-
var _useTranslation =
|
|
17
|
+
var _useTranslation = useTranslation(),
|
|
40
18
|
t = _useTranslation.t;
|
|
41
19
|
|
|
42
|
-
return /*#__PURE__*/
|
|
20
|
+
return /*#__PURE__*/React.createElement(Fieldset, null, (label === null || label === void 0 ? void 0 : label.primary) && /*#__PURE__*/React.createElement(FieldsetLegend, {
|
|
43
21
|
size: "sm"
|
|
44
|
-
}, t(label.primary)), (label === null || label === void 0 ? void 0 : label.secondary) && /*#__PURE__*/
|
|
45
|
-
return /*#__PURE__*/
|
|
22
|
+
}, t(label.primary)), (label === null || label === void 0 ? void 0 : label.secondary) && /*#__PURE__*/React.createElement(FieldsetCaption, null, t(label.secondary)), extra === null || extra === void 0 ? void 0 : extra.fields.map(function (field) {
|
|
23
|
+
return /*#__PURE__*/React.createElement(FieldObjectItem, {
|
|
46
24
|
key: "".concat(name, ".").concat(field.key),
|
|
47
25
|
name: "".concat(name, ".").concat(field.key),
|
|
48
26
|
control: control,
|
|
@@ -55,8 +33,6 @@ var FieldObject = function FieldObject(_ref) {
|
|
|
55
33
|
}));
|
|
56
34
|
};
|
|
57
35
|
|
|
58
|
-
exports.FieldObject = FieldObject;
|
|
59
|
-
|
|
60
36
|
var FieldObjectItem = function FieldObjectItem(_ref2) {
|
|
61
37
|
var name = _ref2.name,
|
|
62
38
|
children = _ref2.children,
|
|
@@ -66,11 +42,11 @@ var FieldObjectItem = function FieldObjectItem(_ref2) {
|
|
|
66
42
|
formState = _ref2.formState,
|
|
67
43
|
reset = _ref2.reset,
|
|
68
44
|
register = _ref2.register;
|
|
69
|
-
var calculatedField =
|
|
70
|
-
return
|
|
45
|
+
var calculatedField = useMemo(function () {
|
|
46
|
+
return calculateField(children, field);
|
|
71
47
|
}, [field]);
|
|
72
48
|
var customError = error ? error : formState === null || formState === void 0 ? void 0 : formState.errors[name];
|
|
73
|
-
return /*#__PURE__*/
|
|
49
|
+
return /*#__PURE__*/React.createElement(FieldBase, _extends({}, calculatedField, {
|
|
74
50
|
name: name,
|
|
75
51
|
control: control,
|
|
76
52
|
reset: reset,
|
|
@@ -79,5 +55,4 @@ var FieldObjectItem = function FieldObjectItem(_ref2) {
|
|
|
79
55
|
}));
|
|
80
56
|
};
|
|
81
57
|
|
|
82
|
-
|
|
83
|
-
exports["default"] = _default;
|
|
58
|
+
export default FieldObject;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useContext, useMemo } from 'react';
|
|
2
|
-
import Field from
|
|
3
|
-
import { Fieldset, FieldsetLabel, FieldsetCaption, FieldsetBody } from
|
|
4
|
-
import { FormContext } from
|
|
2
|
+
import Field from "../Field";
|
|
3
|
+
import { Fieldset, FieldsetLabel, FieldsetCaption, FieldsetBody } from "./";
|
|
4
|
+
import { FormContext } from "../FormContext";
|
|
5
5
|
import { useTranslation } from '@digigov/ui/i18n';
|
|
6
6
|
export var FieldsetWithContext = function FieldsetWithContext(_ref) {
|
|
7
7
|
var name = _ref.name;
|
package/Fieldset/index.js
CHANGED
|
@@ -1,64 +1,34 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
Object.defineProperty(exports, "Fieldset", {
|
|
9
|
-
enumerable: true,
|
|
10
|
-
get: function get() {
|
|
11
|
-
return _Fieldset["default"];
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
|
-
exports["default"] = exports.FieldsetLabel = exports.FieldsetCaption = exports.FieldsetBody = void 0;
|
|
15
|
-
|
|
16
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
17
|
-
|
|
18
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
19
|
-
|
|
20
|
-
var _react = _interopRequireDefault(require("react"));
|
|
21
|
-
|
|
22
|
-
var _Fieldset = _interopRequireDefault(require("@digigov/react-core/Fieldset"));
|
|
23
|
-
|
|
24
|
-
var _FieldsetLegend = _interopRequireDefault(require("@digigov/react-core/FieldsetLegend"));
|
|
25
|
-
|
|
26
|
-
var _Hint = _interopRequireDefault(require("@digigov/react-core/Hint"));
|
|
27
|
-
|
|
28
|
-
var _Grid = _interopRequireDefault(require("@digigov/ui/layouts/Grid"));
|
|
29
|
-
|
|
30
|
-
var _NormalText = _interopRequireDefault(require("@digigov/ui/typography/NormalText"));
|
|
31
|
-
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
32
3
|
var _excluded = ["children"],
|
|
33
4
|
_excluded2 = ["children"];
|
|
34
|
-
|
|
35
|
-
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import Fieldset from '@digigov/react-core/Fieldset';
|
|
7
|
+
import FieldsetLegend from '@digigov/react-core/FieldsetLegend';
|
|
8
|
+
import Hint from '@digigov/react-core/Hint';
|
|
9
|
+
import Grid from '@digigov/ui/layouts/Grid';
|
|
10
|
+
import NormalText from '@digigov/ui/typography/NormalText';
|
|
11
|
+
export var FieldsetLabel = function FieldsetLabel(_ref) {
|
|
36
12
|
var children = _ref.children,
|
|
37
|
-
props = (
|
|
38
|
-
|
|
13
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
14
|
+
|
|
15
|
+
return /*#__PURE__*/React.createElement(FieldsetLegend, _extends({
|
|
39
16
|
heading: true,
|
|
40
17
|
size: "xl"
|
|
41
18
|
}, props), children);
|
|
42
19
|
};
|
|
43
|
-
|
|
44
|
-
exports.FieldsetLabel = FieldsetLabel;
|
|
45
|
-
|
|
46
|
-
var FieldsetCaption = function FieldsetCaption(_ref2) {
|
|
20
|
+
export var FieldsetCaption = function FieldsetCaption(_ref2) {
|
|
47
21
|
var children = _ref2.children,
|
|
48
|
-
props = (
|
|
49
|
-
return /*#__PURE__*/_react["default"].createElement(_Hint["default"], props, children);
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
exports.FieldsetCaption = FieldsetCaption;
|
|
22
|
+
props = _objectWithoutProperties(_ref2, _excluded2);
|
|
53
23
|
|
|
54
|
-
|
|
24
|
+
return /*#__PURE__*/React.createElement(Hint, props, children);
|
|
25
|
+
};
|
|
26
|
+
export var FieldsetBody = function FieldsetBody(_ref3) {
|
|
55
27
|
var children = _ref3.children;
|
|
56
|
-
return /*#__PURE__*/
|
|
28
|
+
return /*#__PURE__*/React.createElement(Grid, {
|
|
57
29
|
item: true,
|
|
58
30
|
xs: 12
|
|
59
|
-
}, /*#__PURE__*/
|
|
31
|
+
}, /*#__PURE__*/React.createElement(NormalText, null, children));
|
|
60
32
|
};
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
var _default = _Fieldset["default"];
|
|
64
|
-
exports["default"] = _default;
|
|
33
|
+
export { Fieldset };
|
|
34
|
+
export default Fieldset;
|
|
@@ -7,11 +7,11 @@ var _excluded = ["onSubmit", "children", "registerField", "fieldsMap", "fieldset
|
|
|
7
7
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
8
8
|
import React, { useCallback, useRef } from 'react';
|
|
9
9
|
import { useForm } from 'react-hook-form';
|
|
10
|
-
import Field from
|
|
11
|
-
import Fieldset from
|
|
12
|
-
import { FormContext } from
|
|
13
|
-
import { yupResolver } from
|
|
14
|
-
import { useValidationSchema } from
|
|
10
|
+
import Field from "../Field";
|
|
11
|
+
import Fieldset from "../Fieldset";
|
|
12
|
+
import { FormContext } from "../FormContext";
|
|
13
|
+
import { yupResolver } from "../utils";
|
|
14
|
+
import { useValidationSchema } from "../validators";
|
|
15
15
|
import { Form } from '@digigov/react-core/Form';
|
|
16
16
|
export var FormBase = /*#__PURE__*/React.forwardRef(function FormBase(_ref, ref) {
|
|
17
17
|
var onSubmit = _ref.onSubmit,
|