@digigov/form 1.0.0-8ae63a77 → 1.0.0-8b33e4c8
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/Field/FieldBase.js +14 -31
- package/Field/FieldBaseContainer.js +19 -41
- package/Field/FieldConditional.js +14 -33
- package/Field/index.js +18 -45
- package/Field/package.json +6 -0
- package/Field/types.js +1 -5
- package/Field/utils.js +30 -63
- package/FieldArray/FieldArray.stories.js +5 -42
- package/FieldArray/__stories__/Default.js +11 -32
- package/FieldArray/__stories__/WithExactLength.js +11 -32
- 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/Fieldset/FieldsetWithContext.js +13 -35
- package/Fieldset/index.js +21 -51
- package/Fieldset/package.json +6 -0
- package/Fieldset/types.js +1 -5
- package/Form.stories.js +2 -9
- package/FormBuilder/FormBuilder.js +33 -62
- package/FormBuilder/FormBuilder.stories.js +4 -28
- package/FormBuilder/__stories__/Default.js +8 -29
- package/FormBuilder/index.js +2 -11
- package/FormBuilder/package.json +6 -0
- package/FormContext.js +3 -12
- package/MultiplicityField/MultiplicityField.stories.js +9 -98
- package/MultiplicityField/__stories__/Default.js +11 -32
- package/MultiplicityField/__stories__/PreviewDisplay.js +29 -52
- package/MultiplicityField/__stories__/WithExactLength.js +11 -32
- package/MultiplicityField/__stories__/WithMaxLength.js +11 -32
- package/MultiplicityField/__stories__/WithMinAndMaxLength.js +11 -32
- package/MultiplicityField/__stories__/WithMinLength.js +11 -32
- package/MultiplicityField/add-objects.js +25 -49
- package/MultiplicityField/index.js +26 -55
- package/MultiplicityField/package.json +6 -0
- package/Questions/Questions.js +14 -35
- package/Questions/Questions.stories.js +4 -28
- package/Questions/QuestionsContext.js +3 -12
- package/Questions/Step/ReviewStep.js +21 -47
- package/Questions/Step/Step.js +18 -42
- package/Questions/Step/StepArrayReview.js +23 -52
- package/Questions/Step/StepContext.js +3 -13
- package/Questions/Step/StepDescription.js +14 -42
- package/Questions/Step/StepForm.js +19 -45
- package/Questions/Step/StepQuote.js +8 -23
- package/Questions/Step/StepTitle.js +17 -48
- package/Questions/Step/getAddMoreFields.js +2 -11
- package/Questions/Step/index.js +13 -170
- package/Questions/Step/package.json +6 -0
- package/Questions/Step/types.js +1 -5
- package/Questions/__stories__/Default.js +24 -51
- package/Questions/getNextStep.js +1 -8
- package/Questions/index.js +3 -25
- package/Questions/index.spec.js +12 -23
- package/Questions/package.json +6 -0
- package/Questions/types.js +1 -5
- package/{es → cjs}/Field/FieldBase.js +31 -14
- package/cjs/Field/FieldBaseContainer.js +65 -0
- package/cjs/Field/FieldConditional.js +81 -0
- package/cjs/Field/index.js +103 -0
- package/cjs/Field/types.js +5 -0
- package/{es → cjs}/Field/utils.js +63 -30
- package/cjs/FieldArray/FieldArray.stories.js +45 -0
- package/cjs/FieldArray/__stories__/Default.js +111 -0
- package/cjs/FieldArray/__stories__/WithExactLength.js +111 -0
- package/cjs/FieldArray/index.js +87 -0
- package/cjs/FieldObject/index.js +83 -0
- package/cjs/Fieldset/FieldsetWithContext.js +63 -0
- package/cjs/Fieldset/index.js +64 -0
- package/cjs/Fieldset/types.js +5 -0
- package/cjs/Form.stories.js +10 -0
- package/{esm → cjs}/FormBuilder/FormBuilder.js +62 -33
- package/cjs/FormBuilder/FormBuilder.stories.js +31 -0
- package/cjs/FormBuilder/__stories__/Default.js +49 -0
- package/cjs/FormBuilder/index.js +11 -0
- package/cjs/FormContext.js +14 -0
- package/cjs/MultiplicityField/MultiplicityField.stories.js +101 -0
- package/{es → cjs}/MultiplicityField/__stories__/Default.js +32 -11
- package/cjs/MultiplicityField/__stories__/PreviewDisplay.js +106 -0
- package/{esm → cjs}/MultiplicityField/__stories__/WithExactLength.js +32 -11
- package/{es → cjs}/MultiplicityField/__stories__/WithMaxLength.js +32 -11
- package/{es → cjs}/MultiplicityField/__stories__/WithMinAndMaxLength.js +32 -11
- package/{esm → cjs}/MultiplicityField/__stories__/WithMinLength.js +32 -11
- package/{esm → cjs}/MultiplicityField/add-objects.js +49 -25
- package/cjs/MultiplicityField/index.js +143 -0
- package/cjs/Questions/Questions.js +105 -0
- package/cjs/Questions/Questions.stories.js +31 -0
- package/cjs/Questions/QuestionsContext.js +20 -0
- package/cjs/Questions/Step/ReviewStep.js +79 -0
- package/cjs/Questions/Step/Step.js +93 -0
- package/cjs/Questions/Step/StepArrayReview.js +79 -0
- package/{esm → cjs}/Questions/Step/StepContext.js +13 -3
- package/cjs/Questions/Step/StepDescription.js +55 -0
- package/cjs/Questions/Step/StepForm.js +74 -0
- package/cjs/Questions/Step/StepQuote.js +26 -0
- package/cjs/Questions/Step/StepTitle.js +75 -0
- package/{es → cjs}/Questions/Step/getAddMoreFields.js +11 -2
- package/cjs/Questions/Step/index.js +170 -0
- package/cjs/Questions/Step/types.js +5 -0
- package/cjs/Questions/__stories__/Default.js +135 -0
- package/{es → cjs}/Questions/getNextStep.js +8 -1
- package/cjs/Questions/index.js +25 -0
- package/cjs/Questions/index.spec.js +73 -0
- package/cjs/Questions/types.js +5 -0
- package/cjs/index.js +28 -0
- package/cjs/inputs/AutoComplete/AutoComplete.stories.js +31 -0
- package/cjs/inputs/AutoComplete/__stories__/Default.js +71 -0
- package/cjs/inputs/AutoComplete/index.js +68 -0
- package/cjs/inputs/Checkboxes/Checkboxes.stories.js +59 -0
- package/{es → cjs}/inputs/Checkboxes/__stories__/Conditional.js +28 -8
- package/cjs/inputs/Checkboxes/__stories__/Default.js +62 -0
- package/cjs/inputs/Checkboxes/__stories__/WithDivider.js +63 -0
- package/cjs/inputs/Checkboxes/index.js +127 -0
- package/cjs/inputs/DateInput/DateInput.stories.js +31 -0
- package/cjs/inputs/DateInput/__stories__/Default.js +45 -0
- package/cjs/inputs/DateInput/index.js +181 -0
- package/cjs/inputs/FileInput/FileInput.stories.js +31 -0
- package/cjs/inputs/FileInput/__stories__/Default.js +42 -0
- package/cjs/inputs/FileInput/index.js +92 -0
- package/cjs/inputs/Input/Input.stories.js +143 -0
- package/cjs/inputs/Input/__stories__/AFM.js +44 -0
- package/cjs/inputs/Input/__stories__/Boolean.js +45 -0
- package/cjs/inputs/Input/__stories__/Default.js +45 -0
- package/cjs/inputs/Input/__stories__/IBAN.js +45 -0
- package/cjs/inputs/Input/__stories__/Integer.js +53 -0
- package/cjs/inputs/Input/__stories__/MobilePhone.js +44 -0
- package/cjs/inputs/Input/__stories__/PhoneNumber.js +44 -0
- package/cjs/inputs/Input/__stories__/PostalCode.js +47 -0
- package/cjs/inputs/Input/__stories__/TextWithCharacterLimit.js +51 -0
- package/cjs/inputs/Input/index.js +96 -0
- package/cjs/inputs/Label/Label.stories.js +31 -0
- package/cjs/inputs/Label/__stories__/Default.js +49 -0
- package/cjs/inputs/Label/index.js +41 -0
- package/cjs/inputs/OtpInput/OtpInput.stories.js +31 -0
- package/cjs/inputs/OtpInput/__stories__/Default.js +52 -0
- package/cjs/inputs/OtpInput/index.js +182 -0
- package/cjs/inputs/Radio/Radio.stories.js +59 -0
- package/{es → cjs}/inputs/Radio/__stories__/Conditional.js +28 -8
- package/cjs/inputs/Radio/__stories__/Default.js +67 -0
- package/cjs/inputs/Radio/__stories__/WithDivider.js +68 -0
- package/cjs/inputs/Radio/index.js +82 -0
- package/cjs/inputs/Select/Select.stories.js +31 -0
- package/cjs/inputs/Select/__stories__/Default.js +73 -0
- package/cjs/inputs/Select/index.js +49 -0
- package/cjs/inputs/index.js +71 -0
- package/cjs/internal.js +391 -0
- package/cjs/registry.js +208 -0
- package/cjs/types.js +5 -0
- package/{es → cjs}/utils.js +26 -12
- package/{es → cjs}/validators/index.js +54 -26
- package/cjs/validators/types.js +5 -0
- package/{es → cjs}/validators/utils/afm.js +13 -3
- package/{es → cjs}/validators/utils/file.js +12 -2
- package/{esm → cjs}/validators/utils/iban.js +13 -2
- package/cjs/validators/utils/index.js +229 -0
- package/{es → cjs}/validators/utils/int.js +14 -3
- package/cjs/validators/utils/number.js +27 -0
- package/{esm → cjs}/validators/utils/otp.js +14 -3
- package/{esm → cjs}/validators/utils/phone.js +28 -6
- package/{es → cjs}/validators/utils/postal_code.js +14 -3
- package/{esm → cjs}/validators/utils/text_limit.js +14 -3
- package/{es → cjs}/validators/utils/uuid4.js +13 -3
- package/cjs/validators/validators.spec.js +88 -0
- package/index.js +8 -28
- package/inputs/AutoComplete/AutoComplete.stories.js +4 -28
- package/inputs/AutoComplete/__stories__/Default.js +13 -35
- package/inputs/AutoComplete/index.js +12 -35
- package/inputs/AutoComplete/package.json +6 -0
- package/inputs/Checkboxes/Checkboxes.stories.js +6 -56
- package/inputs/Checkboxes/__stories__/Conditional.js +8 -28
- package/inputs/Checkboxes/__stories__/Default.js +8 -28
- package/inputs/Checkboxes/__stories__/WithDivider.js +8 -28
- package/inputs/Checkboxes/index.js +25 -52
- package/inputs/Checkboxes/package.json +6 -0
- package/inputs/DateInput/DateInput.stories.js +4 -28
- package/inputs/DateInput/__stories__/Default.js +8 -28
- package/inputs/DateInput/index.js +26 -52
- package/inputs/DateInput/package.json +6 -0
- package/inputs/FileInput/FileInput.stories.js +4 -28
- package/inputs/FileInput/__stories__/Default.js +8 -28
- package/inputs/FileInput/index.js +22 -52
- package/inputs/FileInput/package.json +6 -0
- package/inputs/Input/Input.stories.js +12 -140
- package/inputs/Input/__stories__/AFM.js +8 -28
- package/inputs/Input/__stories__/Boolean.js +8 -28
- package/inputs/Input/__stories__/Default.js +8 -28
- package/inputs/Input/__stories__/IBAN.js +8 -28
- package/inputs/Input/__stories__/Integer.js +9 -29
- package/inputs/Input/__stories__/MobilePhone.js +8 -28
- package/inputs/Input/__stories__/PhoneNumber.js +8 -28
- package/inputs/Input/__stories__/PostalCode.js +8 -28
- package/inputs/Input/__stories__/TextWithCharacterLimit.js +8 -28
- package/inputs/Input/index.js +19 -40
- package/inputs/Input/package.json +6 -0
- package/inputs/Label/Label.stories.js +4 -28
- package/inputs/Label/__stories__/Default.js +9 -29
- package/inputs/Label/index.js +9 -25
- package/inputs/Label/package.json +6 -0
- package/inputs/OtpInput/OtpInput.stories.js +4 -28
- package/inputs/OtpInput/__stories__/Default.js +9 -30
- package/inputs/OtpInput/index.js +28 -53
- package/inputs/OtpInput/package.json +6 -0
- package/inputs/Radio/Radio.stories.js +6 -56
- package/inputs/Radio/__stories__/Conditional.js +8 -28
- package/inputs/Radio/__stories__/Default.js +8 -28
- package/inputs/Radio/__stories__/WithDivider.js +8 -28
- package/inputs/Radio/index.js +24 -45
- package/inputs/Radio/package.json +6 -0
- package/inputs/Select/Select.stories.js +4 -28
- package/inputs/Select/__stories__/Default.js +8 -28
- package/inputs/Select/index.js +12 -29
- package/inputs/Select/package.json +6 -0
- package/inputs/index.js +8 -71
- package/inputs/package.json +6 -0
- package/internal.js +34 -391
- package/package.json +6 -6
- package/registry.js +61 -133
- package/types.js +1 -5
- package/utils.js +12 -26
- package/validators/index.js +26 -54
- package/validators/package.json +6 -0
- package/validators/types.js +1 -5
- package/validators/utils/afm.js +3 -13
- package/validators/utils/file.js +2 -12
- package/validators/utils/iban.js +2 -13
- package/validators/utils/index.js +12 -139
- package/validators/utils/int.js +3 -14
- package/validators/utils/number.js +3 -14
- package/validators/utils/otp.js +3 -14
- package/validators/utils/package.json +6 -0
- package/validators/utils/phone.js +6 -28
- package/validators/utils/postal_code.js +3 -14
- package/validators/utils/text_limit.js +3 -14
- package/validators/utils/uuid4.js +3 -13
- package/validators/validators.spec.js +29 -32
- package/es/Field/FieldBaseContainer.js +0 -43
- package/es/Field/FieldConditional.js +0 -62
- package/es/Field/index.js +0 -76
- package/es/Field/types.js +0 -1
- package/es/FieldArray/FieldArray.stories.js +0 -8
- package/es/FieldArray/__stories__/Default.js +0 -90
- package/es/FieldArray/__stories__/WithExactLength.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/Fieldset/types.js +0 -1
- package/es/Form.stories.js +0 -3
- package/es/FormBuilder/FormBuilder.js +0 -160
- package/es/FormBuilder/FormBuilder.stories.js +0 -7
- package/es/FormBuilder/__stories__/Default.js +0 -28
- package/es/FormBuilder/index.js +0 -2
- package/es/FormContext.js +0 -5
- package/es/MultiplicityField/MultiplicityField.stories.js +0 -12
- package/es/MultiplicityField/__stories__/PreviewDisplay.js +0 -83
- package/es/MultiplicityField/__stories__/WithExactLength.js +0 -92
- package/es/MultiplicityField/__stories__/WithMinLength.js +0 -95
- package/es/MultiplicityField/add-objects.js +0 -160
- package/es/MultiplicityField/index.js +0 -114
- package/es/Questions/Questions.js +0 -84
- package/es/Questions/Questions.stories.js +0 -7
- package/es/Questions/QuestionsContext.js +0 -11
- package/es/Questions/Step/ReviewStep.js +0 -53
- package/es/Questions/Step/Step.js +0 -69
- package/es/Questions/Step/StepArrayReview.js +0 -50
- package/es/Questions/Step/StepContext.js +0 -27
- package/es/Questions/Step/StepDescription.js +0 -27
- package/es/Questions/Step/StepForm.js +0 -48
- package/es/Questions/Step/StepQuote.js +0 -11
- package/es/Questions/Step/StepTitle.js +0 -44
- package/es/Questions/Step/index.js +0 -13
- package/es/Questions/Step/types.js +0 -1
- package/es/Questions/__stories__/Default.js +0 -108
- package/es/Questions/index.js +0 -3
- package/es/Questions/index.spec.js +0 -62
- package/es/Questions/types.js +0 -1
- package/es/index.js +0 -3
- package/es/inputs/AutoComplete/AutoComplete.stories.js +0 -7
- package/es/inputs/AutoComplete/__stories__/Default.js +0 -49
- package/es/inputs/AutoComplete/index.js +0 -45
- package/es/inputs/Checkboxes/Checkboxes.stories.js +0 -9
- package/es/inputs/Checkboxes/__stories__/Default.js +0 -42
- package/es/inputs/Checkboxes/__stories__/WithDivider.js +0 -43
- 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 -25
- 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__/Integer.js +0 -33
- package/es/inputs/Input/__stories__/MobilePhone.js +0 -24
- package/es/inputs/Input/__stories__/PhoneNumber.js +0 -24
- package/es/inputs/Input/__stories__/PostalCode.js +0 -27
- package/es/inputs/Input/__stories__/TextWithCharacterLimit.js +0 -31
- 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/__stories__/Default.js +0 -31
- package/es/inputs/OtpInput/index.js +0 -157
- package/es/inputs/Radio/Radio.stories.js +0 -9
- package/es/inputs/Radio/__stories__/Default.js +0 -47
- package/es/inputs/Radio/__stories__/WithDivider.js +0 -48
- 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/types.js +0 -1
- package/es/validators/types.js +0 -1
- package/es/validators/utils/iban.js +0 -123
- package/es/validators/utils/index.js +0 -102
- package/es/validators/utils/number.js +0 -16
- package/es/validators/utils/otp.js +0 -26
- package/es/validators/utils/phone.js +0 -122
- package/es/validators/utils/text_limit.js +0 -54
- package/es/validators/validators.spec.js +0 -85
- package/esm/Field/FieldBase.js +0 -84
- package/esm/Field/FieldBaseContainer.js +0 -43
- 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__/Default.js +0 -90
- 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/FieldsetWithContext.js +0 -41
- 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.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__/WithMaxLength.js +0 -95
- package/esm/MultiplicityField/__stories__/WithMinAndMaxLength.js +0 -96
- 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/ReviewStep.js +0 -53
- package/esm/Questions/Step/Step.js +0 -69
- package/esm/Questions/Step/StepArrayReview.js +0 -50
- package/esm/Questions/Step/StepDescription.js +0 -27
- package/esm/Questions/Step/StepForm.js +0 -48
- package/esm/Questions/Step/StepQuote.js +0 -11
- package/esm/Questions/Step/StepTitle.js +0 -44
- 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/index.spec.js +0 -62
- 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__/Conditional.js +0 -95
- 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/__stories__/Default.js +0 -25
- 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/__stories__/Default.js +0 -22
- 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__/AFM.js +0 -24
- package/esm/inputs/Input/__stories__/Boolean.js +0 -25
- package/esm/inputs/Input/__stories__/Default.js +0 -25
- package/esm/inputs/Input/__stories__/IBAN.js +0 -25
- package/esm/inputs/Input/__stories__/Integer.js +0 -33
- package/esm/inputs/Input/__stories__/MobilePhone.js +0 -24
- package/esm/inputs/Input/__stories__/PhoneNumber.js +0 -24
- package/esm/inputs/Input/__stories__/PostalCode.js +0 -27
- 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/__stories__/Default.js +0 -29
- 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/__stories__/Default.js +0 -31
- 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/__stories__/Default.js +0 -53
- 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/registry.js +0 -136
- package/esm/types.js +0 -1
- package/esm/utils.js +0 -99
- 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/index.js +0 -102
- package/esm/validators/utils/int.js +0 -20
- package/esm/validators/utils/number.js +0 -16
- package/esm/validators/utils/postal_code.js +0 -29
- package/esm/validators/utils/uuid4.js +0 -20
- package/esm/validators/validators.spec.js +0 -85
- /package/{es → cjs}/Field/index.mdx +0 -0
- /package/{es → cjs}/FieldArray/FieldArray.stories.playwright.json +0 -0
- /package/{es → cjs}/FormBuilder/FormBuilder.mdx +0 -0
- /package/{es → cjs}/FormBuilder/FormBuilder.stories.playwright.json +0 -0
- /package/{es → cjs}/MultiplicityField/MultiplicityField.mdx +0 -0
- /package/{es → cjs}/MultiplicityField/MultiplicityField.stories.playwright.json +0 -0
- /package/{es → cjs}/Questions/__snapshots__/index.spec.tsx.snap +0 -0
- /package/{es → cjs}/Questions/index.mdx +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
|
@@ -0,0 +1,87 @@
|
|
|
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"] = 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("../Field/FieldBaseContainer"));
|
|
19
|
+
|
|
20
|
+
var _FieldObject = _interopRequireDefault(require("../FieldObject"));
|
|
21
|
+
|
|
22
|
+
var _Fieldset = require("../Fieldset");
|
|
23
|
+
|
|
24
|
+
var _Fieldset2 = _interopRequireDefault(require("@digigov/react-core/Fieldset"));
|
|
25
|
+
|
|
26
|
+
var _ui = require("@digigov/ui");
|
|
27
|
+
|
|
28
|
+
var _excluded = ["name", "register", "control", "formState", "error", "layout", "label"];
|
|
29
|
+
|
|
30
|
+
var FieldArray = function FieldArray(_ref) {
|
|
31
|
+
var _customField$extra, _customField$extra$la, _customField$extra4, _customField$extra4$l;
|
|
32
|
+
|
|
33
|
+
var name = _ref.name,
|
|
34
|
+
register = _ref.register,
|
|
35
|
+
control = _ref.control,
|
|
36
|
+
formState = _ref.formState,
|
|
37
|
+
error = _ref.error,
|
|
38
|
+
layout = _ref.layout,
|
|
39
|
+
label = _ref.label,
|
|
40
|
+
customField = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
41
|
+
|
|
42
|
+
var _useFieldArray = (0, _reactHookForm.useFieldArray)({
|
|
43
|
+
control: control,
|
|
44
|
+
name: name
|
|
45
|
+
}),
|
|
46
|
+
fields = _useFieldArray.fields,
|
|
47
|
+
append = _useFieldArray.append,
|
|
48
|
+
remove = _useFieldArray.remove;
|
|
49
|
+
|
|
50
|
+
return /*#__PURE__*/_react["default"].createElement(_FieldBaseContainer["default"], {
|
|
51
|
+
label: label,
|
|
52
|
+
layout: layout,
|
|
53
|
+
error: formState.isSubmitted && !formState.isSubmitting && error !== null && error !== void 0 && error.message && error ? error : undefined,
|
|
54
|
+
wrapper: "fieldset",
|
|
55
|
+
name: name
|
|
56
|
+
}, fields.length === 0 && /*#__PURE__*/_react["default"].createElement(_ui.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
|
+
var _customField$extra2, _customField$extra3;
|
|
58
|
+
|
|
59
|
+
return /*#__PURE__*/_react["default"].createElement(_ui.Card, {
|
|
60
|
+
variant: "border",
|
|
61
|
+
key: field.id
|
|
62
|
+
}, /*#__PURE__*/_react["default"].createElement(_Fieldset2["default"], null, /*#__PURE__*/_react["default"].createElement(_Fieldset.FieldsetLabel, null, (_customField$extra2 = customField.extra) === null || _customField$extra2 === void 0 ? void 0 : _customField$extra2.label.object.title, " ", index + 1), /*#__PURE__*/_react["default"].createElement(_FieldObject["default"], (0, _extends2["default"])({
|
|
63
|
+
name: "".concat(name, ".").concat(index),
|
|
64
|
+
error: Array.isArray(error) && error[index],
|
|
65
|
+
formState: formState,
|
|
66
|
+
register: register,
|
|
67
|
+
control: control
|
|
68
|
+
}, (_customField$extra3 = customField.extra) === null || _customField$extra3 === void 0 ? void 0 : _customField$extra3.of)), /*#__PURE__*/_react["default"].createElement(_ui.Button, {
|
|
69
|
+
type: "button",
|
|
70
|
+
color: "warning",
|
|
71
|
+
onClick: function onClick() {
|
|
72
|
+
return remove(index);
|
|
73
|
+
}
|
|
74
|
+
}, "Remove")));
|
|
75
|
+
}), /*#__PURE__*/_react["default"].createElement(_ui.Button, {
|
|
76
|
+
type: "button",
|
|
77
|
+
color: "secondary",
|
|
78
|
+
onClick: function onClick(ev) {
|
|
79
|
+
ev.preventDefault();
|
|
80
|
+
append({});
|
|
81
|
+
}
|
|
82
|
+
}, (_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
|
+
};
|
|
84
|
+
|
|
85
|
+
exports.FieldArray = FieldArray;
|
|
86
|
+
var _default = FieldArray;
|
|
87
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,83 @@
|
|
|
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"] = 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("../Field/FieldBase");
|
|
17
|
+
|
|
18
|
+
var _utils = require("../Field/utils");
|
|
19
|
+
|
|
20
|
+
var _Fieldset = _interopRequireWildcard(require("../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) {
|
|
31
|
+
var name = _ref.name,
|
|
32
|
+
label = _ref.label,
|
|
33
|
+
extra = _ref.extra,
|
|
34
|
+
control = _ref.control,
|
|
35
|
+
register = _ref.register,
|
|
36
|
+
reset = _ref.reset,
|
|
37
|
+
formState = _ref.formState;
|
|
38
|
+
|
|
39
|
+
var _useTranslation = (0, _i18n.useTranslation)(),
|
|
40
|
+
t = _useTranslation.t;
|
|
41
|
+
|
|
42
|
+
return /*#__PURE__*/_react["default"].createElement(_Fieldset["default"], null, (label === null || label === void 0 ? void 0 : label.primary) && /*#__PURE__*/_react["default"].createElement(_reactCore.FieldsetLegend, {
|
|
43
|
+
size: "sm"
|
|
44
|
+
}, t(label.primary)), (label === null || label === void 0 ? void 0 : label.secondary) && /*#__PURE__*/_react["default"].createElement(_Fieldset.FieldsetCaption, null, t(label.secondary)), extra === null || extra === void 0 ? void 0 : extra.fields.map(function (field) {
|
|
45
|
+
return /*#__PURE__*/_react["default"].createElement(FieldObjectItem, {
|
|
46
|
+
key: "".concat(name, ".").concat(field.key),
|
|
47
|
+
name: "".concat(name, ".").concat(field.key),
|
|
48
|
+
control: control,
|
|
49
|
+
register: register,
|
|
50
|
+
reset: reset,
|
|
51
|
+
field: field,
|
|
52
|
+
error: formState.errors && formState.errors[field.key],
|
|
53
|
+
formState: formState
|
|
54
|
+
});
|
|
55
|
+
}));
|
|
56
|
+
};
|
|
57
|
+
|
|
58
|
+
exports.FieldObject = FieldObject;
|
|
59
|
+
|
|
60
|
+
var FieldObjectItem = function FieldObjectItem(_ref2) {
|
|
61
|
+
var name = _ref2.name,
|
|
62
|
+
children = _ref2.children,
|
|
63
|
+
field = _ref2.field,
|
|
64
|
+
error = _ref2.error,
|
|
65
|
+
control = _ref2.control,
|
|
66
|
+
formState = _ref2.formState,
|
|
67
|
+
reset = _ref2.reset,
|
|
68
|
+
register = _ref2.register;
|
|
69
|
+
var calculatedField = (0, _react.useMemo)(function () {
|
|
70
|
+
return (0, _utils.calculateField)(children, field);
|
|
71
|
+
}, [field]);
|
|
72
|
+
var customError = error ? error : formState === null || formState === void 0 ? void 0 : formState.errors[name];
|
|
73
|
+
return /*#__PURE__*/_react["default"].createElement(_FieldBase.FieldBase, (0, _extends2["default"])({}, calculatedField, {
|
|
74
|
+
name: name,
|
|
75
|
+
control: control,
|
|
76
|
+
reset: reset,
|
|
77
|
+
register: register,
|
|
78
|
+
error: customError
|
|
79
|
+
}));
|
|
80
|
+
};
|
|
81
|
+
|
|
82
|
+
var _default = FieldObject;
|
|
83
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,63 @@
|
|
|
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.FieldsetWithContext = void 0;
|
|
11
|
+
|
|
12
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
+
|
|
14
|
+
var _Field = _interopRequireDefault(require("../Field"));
|
|
15
|
+
|
|
16
|
+
var _ = require("./");
|
|
17
|
+
|
|
18
|
+
var _FormContext = require("../FormContext");
|
|
19
|
+
|
|
20
|
+
var _i18n = require("@digigov/ui/i18n");
|
|
21
|
+
|
|
22
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
23
|
+
|
|
24
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
25
|
+
|
|
26
|
+
var FieldsetWithContext = function FieldsetWithContext(_ref) {
|
|
27
|
+
var name = _ref.name;
|
|
28
|
+
|
|
29
|
+
var _useFieldset = useFieldset(name),
|
|
30
|
+
label = _useFieldset.label,
|
|
31
|
+
body = _useFieldset.body,
|
|
32
|
+
fields = _useFieldset.fields;
|
|
33
|
+
|
|
34
|
+
var _useTranslation = (0, _i18n.useTranslation)(),
|
|
35
|
+
t = _useTranslation.t;
|
|
36
|
+
|
|
37
|
+
var _ref2 = /*#__PURE__*/_react["default"].createElement(_.FieldsetBody, null, body);
|
|
38
|
+
|
|
39
|
+
return (0, _react.useMemo)(function () {
|
|
40
|
+
return /*#__PURE__*/_react["default"].createElement(_.Fieldset, null, (label === null || label === void 0 ? void 0 : label.primary) && /*#__PURE__*/_react["default"].createElement(_.FieldsetLabel, null, t(label.primary)), (label === null || label === void 0 ? void 0 : label.secondary) && /*#__PURE__*/_react["default"].createElement(_.FieldsetCaption, null, t(label.secondary)), body && _ref2, fields.map(function (field) {
|
|
41
|
+
return /*#__PURE__*/_react["default"].createElement(_Field["default"], {
|
|
42
|
+
key: field,
|
|
43
|
+
name: field
|
|
44
|
+
});
|
|
45
|
+
}));
|
|
46
|
+
}, [label === null || label === void 0 ? void 0 : label.primary, label === null || label === void 0 ? void 0 : label.secondary, body, fields]);
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
exports.FieldsetWithContext = FieldsetWithContext;
|
|
50
|
+
|
|
51
|
+
var useFieldset = function useFieldset(name) {
|
|
52
|
+
var _useContext = (0, _react.useContext)(_FormContext.FormContext),
|
|
53
|
+
fieldsetsMap = _useContext.fieldsetsMap;
|
|
54
|
+
|
|
55
|
+
if (fieldsetsMap && fieldsetsMap[name]) {
|
|
56
|
+
return (0, _react.useMemo)(function () {
|
|
57
|
+
return fieldsetsMap[name];
|
|
58
|
+
}, [name]);
|
|
59
|
+
} else {
|
|
60
|
+
if (!fieldsetsMap) throw new Error("Fieldsets is not defined");
|
|
61
|
+
throw new Error("No fieldset with name ".concat(name, " found"));
|
|
62
|
+
}
|
|
63
|
+
};
|
|
@@ -0,0 +1,64 @@
|
|
|
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, "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
|
+
|
|
32
|
+
var _excluded = ["children"],
|
|
33
|
+
_excluded2 = ["children"];
|
|
34
|
+
|
|
35
|
+
var FieldsetLabel = function FieldsetLabel(_ref) {
|
|
36
|
+
var children = _ref.children,
|
|
37
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
38
|
+
return /*#__PURE__*/_react["default"].createElement(_FieldsetLegend["default"], (0, _extends2["default"])({
|
|
39
|
+
heading: true,
|
|
40
|
+
size: "xl"
|
|
41
|
+
}, props), children);
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
exports.FieldsetLabel = FieldsetLabel;
|
|
45
|
+
|
|
46
|
+
var FieldsetCaption = function FieldsetCaption(_ref2) {
|
|
47
|
+
var children = _ref2.children,
|
|
48
|
+
props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
|
|
49
|
+
return /*#__PURE__*/_react["default"].createElement(_Hint["default"], props, children);
|
|
50
|
+
};
|
|
51
|
+
|
|
52
|
+
exports.FieldsetCaption = FieldsetCaption;
|
|
53
|
+
|
|
54
|
+
var FieldsetBody = function FieldsetBody(_ref3) {
|
|
55
|
+
var children = _ref3.children;
|
|
56
|
+
return /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
|
|
57
|
+
item: true,
|
|
58
|
+
xs: 12
|
|
59
|
+
}, /*#__PURE__*/_react["default"].createElement(_NormalText["default"], null, children));
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
exports.FieldsetBody = FieldsetBody;
|
|
63
|
+
var _default = _Fieldset["default"];
|
|
64
|
+
exports["default"] = _default;
|
|
@@ -1,19 +1,44 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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"] = exports.FormBuilder = exports.FormBase = void 0;
|
|
11
|
+
|
|
12
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
+
|
|
14
|
+
var _extends4 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
15
|
+
|
|
16
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
17
|
+
|
|
18
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
19
|
+
|
|
20
|
+
var _reactHookForm = require("react-hook-form");
|
|
21
|
+
|
|
22
|
+
var _Field = _interopRequireDefault(require("../Field"));
|
|
23
|
+
|
|
24
|
+
var _Fieldset = _interopRequireDefault(require("../Fieldset"));
|
|
25
|
+
|
|
26
|
+
var _FormContext = require("../FormContext");
|
|
27
|
+
|
|
28
|
+
var _utils = require("../utils");
|
|
29
|
+
|
|
30
|
+
var _validators = require("../validators");
|
|
31
|
+
|
|
32
|
+
var _Form = require("@digigov/react-core/Form");
|
|
33
|
+
|
|
4
34
|
var _excluded = ["onSubmit", "children", "registerField", "fieldsMap", "fieldsetsMap", "resolver", "mode", "initial", "reValidateMode", "shouldFocusError", "criteriaMode", "componentRegistry", "grid"],
|
|
5
35
|
_excluded2 = ["fields", "fieldsets", "initial", "onSubmit", "children", "reValidateMode", "mode", "shouldFocusError", "criteriaMode", "auto", "validatorRegistry", "componentRegistry", "grid"];
|
|
6
36
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
import { FormContext } from '@digigov/form/FormContext';
|
|
13
|
-
import { yupResolver } from '@digigov/form/utils';
|
|
14
|
-
import { useValidationSchema } from '@digigov/form/validators';
|
|
15
|
-
import { Form } from '@digigov/react-core/Form';
|
|
16
|
-
export var FormBase = /*#__PURE__*/React.forwardRef(function FormBase(_ref, ref) {
|
|
37
|
+
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); }
|
|
38
|
+
|
|
39
|
+
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; }
|
|
40
|
+
|
|
41
|
+
var FormBase = /*#__PURE__*/_react["default"].forwardRef(function FormBase(_ref, ref) {
|
|
17
42
|
var onSubmit = _ref.onSubmit,
|
|
18
43
|
children = _ref.children,
|
|
19
44
|
registerField = _ref.registerField,
|
|
@@ -27,9 +52,8 @@ export var FormBase = /*#__PURE__*/React.forwardRef(function FormBase(_ref, ref)
|
|
|
27
52
|
criteriaMode = _ref.criteriaMode,
|
|
28
53
|
componentRegistry = _ref.componentRegistry,
|
|
29
54
|
grid = _ref.grid,
|
|
30
|
-
props =
|
|
31
|
-
|
|
32
|
-
var form = useForm({
|
|
55
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
56
|
+
var form = (0, _reactHookForm.useForm)({
|
|
33
57
|
resolver: resolver,
|
|
34
58
|
mode: mode,
|
|
35
59
|
defaultValues: initial,
|
|
@@ -37,7 +61,7 @@ export var FormBase = /*#__PURE__*/React.forwardRef(function FormBase(_ref, ref)
|
|
|
37
61
|
shouldFocusError: shouldFocusError,
|
|
38
62
|
criteriaMode: criteriaMode
|
|
39
63
|
});
|
|
40
|
-
var handleSubmit = useCallback(function (data) {
|
|
64
|
+
var handleSubmit = (0, _react.useCallback)(function (data) {
|
|
41
65
|
onSubmit && onSubmit(data);
|
|
42
66
|
}, [onSubmit]);
|
|
43
67
|
var ctx = {
|
|
@@ -59,15 +83,18 @@ export var FormBase = /*#__PURE__*/React.forwardRef(function FormBase(_ref, ref)
|
|
|
59
83
|
componentRegistry: componentRegistry,
|
|
60
84
|
setError: form.setError
|
|
61
85
|
};
|
|
62
|
-
return /*#__PURE__*/
|
|
86
|
+
return /*#__PURE__*/_react["default"].createElement(_FormContext.FormContext.Provider, {
|
|
63
87
|
value: ctx
|
|
64
|
-
}, /*#__PURE__*/
|
|
88
|
+
}, /*#__PURE__*/_react["default"].createElement(_Form.Form, (0, _extends4["default"])({
|
|
65
89
|
grid: grid,
|
|
66
90
|
onSubmit: form.handleSubmit(handleSubmit),
|
|
67
91
|
ref: ref
|
|
68
92
|
}, props), children));
|
|
69
93
|
});
|
|
70
|
-
|
|
94
|
+
|
|
95
|
+
exports.FormBase = FormBase;
|
|
96
|
+
|
|
97
|
+
var FormBuilder = /*#__PURE__*/_react["default"].forwardRef(function FormBuilder(_ref2, ref) {
|
|
71
98
|
var _ref2$fields = _ref2.fields,
|
|
72
99
|
fields = _ref2$fields === void 0 ? [] : _ref2$fields,
|
|
73
100
|
fieldsets = _ref2.fieldsets,
|
|
@@ -89,14 +116,13 @@ export var FormBuilder = /*#__PURE__*/React.forwardRef(function FormBuilder(_ref
|
|
|
89
116
|
componentRegistry = _ref2.componentRegistry,
|
|
90
117
|
_ref2$grid = _ref2.grid,
|
|
91
118
|
grid = _ref2$grid === void 0 ? false : _ref2$grid,
|
|
92
|
-
props =
|
|
93
|
-
|
|
94
|
-
var
|
|
95
|
-
var setFieldsState = useCallback(function (newFields) {
|
|
119
|
+
props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
|
|
120
|
+
var fieldsState = (0, _react.useRef)(fields);
|
|
121
|
+
var setFieldsState = (0, _react.useCallback)(function (newFields) {
|
|
96
122
|
fieldsState.current = newFields;
|
|
97
123
|
}, []);
|
|
98
|
-
var schema = useValidationSchema(fieldsState, validatorRegistry);
|
|
99
|
-
var registerField = useCallback(function (field) {
|
|
124
|
+
var schema = (0, _validators.useValidationSchema)(fieldsState, validatorRegistry);
|
|
125
|
+
var registerField = (0, _react.useCallback)(function (field) {
|
|
100
126
|
var fieldIndex = fieldsState.current.findIndex(function (f) {
|
|
101
127
|
return f.key === field.key;
|
|
102
128
|
});
|
|
@@ -115,24 +141,24 @@ export var FormBuilder = /*#__PURE__*/React.forwardRef(function FormBuilder(_ref
|
|
|
115
141
|
var fieldChildren;
|
|
116
142
|
|
|
117
143
|
if (schema) {
|
|
118
|
-
resolver = yupResolver(schema);
|
|
144
|
+
resolver = (0, _utils.yupResolver)(schema);
|
|
119
145
|
fieldsMap = fields ? fields.reduce(function (map, field) {
|
|
120
|
-
return
|
|
146
|
+
return (0, _extends4["default"])({}, map, (0, _defineProperty2["default"])({}, field.key, field));
|
|
121
147
|
}, {}) : {};
|
|
122
148
|
fieldsetsMap = fieldsets && fieldsets.reduce(function (map, fieldset) {
|
|
123
|
-
return
|
|
149
|
+
return (0, _extends4["default"])({}, map, (0, _defineProperty2["default"])({}, fieldset.key, fieldset));
|
|
124
150
|
}, {});
|
|
125
151
|
|
|
126
152
|
if (auto) {
|
|
127
153
|
if (fieldsets) {
|
|
128
154
|
fieldChildren = fieldsets.map(function (fieldset) {
|
|
129
|
-
return /*#__PURE__*/
|
|
155
|
+
return /*#__PURE__*/_react["default"].createElement(_Fieldset["default"], {
|
|
130
156
|
key: fieldset.key
|
|
131
157
|
});
|
|
132
158
|
});
|
|
133
159
|
} else if (fields) {
|
|
134
160
|
fieldChildren = fields.map(function (field) {
|
|
135
|
-
return /*#__PURE__*/
|
|
161
|
+
return /*#__PURE__*/_react["default"].createElement(_Field["default"], {
|
|
136
162
|
key: field.key,
|
|
137
163
|
name: field.key
|
|
138
164
|
});
|
|
@@ -141,7 +167,7 @@ export var FormBuilder = /*#__PURE__*/React.forwardRef(function FormBuilder(_ref
|
|
|
141
167
|
}
|
|
142
168
|
}
|
|
143
169
|
|
|
144
|
-
return /*#__PURE__*/
|
|
170
|
+
return /*#__PURE__*/_react["default"].createElement(FormBase, (0, _extends4["default"])({
|
|
145
171
|
resolver: resolver,
|
|
146
172
|
fieldsetsMap: fieldsetsMap,
|
|
147
173
|
fieldsMap: fieldsMap,
|
|
@@ -157,4 +183,7 @@ export var FormBuilder = /*#__PURE__*/React.forwardRef(function FormBuilder(_ref
|
|
|
157
183
|
grid: grid
|
|
158
184
|
}, props), fieldChildren, children);
|
|
159
185
|
});
|
|
160
|
-
|
|
186
|
+
|
|
187
|
+
exports.FormBuilder = FormBuilder;
|
|
188
|
+
var _default = FormBuilder;
|
|
189
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
var _exportNames = {};
|
|
9
|
+
exports["default"] = void 0;
|
|
10
|
+
|
|
11
|
+
var _ = _interopRequireDefault(require("./"));
|
|
12
|
+
|
|
13
|
+
var _Default = require("./__stories__/Default");
|
|
14
|
+
|
|
15
|
+
Object.keys(_Default).forEach(function (key) {
|
|
16
|
+
if (key === "default" || key === "__esModule") return;
|
|
17
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
18
|
+
if (key in exports && exports[key] === _Default[key]) return;
|
|
19
|
+
Object.defineProperty(exports, key, {
|
|
20
|
+
enumerable: true,
|
|
21
|
+
get: function get() {
|
|
22
|
+
return _Default[key];
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
});
|
|
26
|
+
var _default = {
|
|
27
|
+
title: 'Digigov Form/FormBuilder',
|
|
28
|
+
component: _["default"],
|
|
29
|
+
displayName: 'FormBuilder'
|
|
30
|
+
};
|
|
31
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,49 @@
|
|
|
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"] = exports.Default = void 0;
|
|
11
|
+
|
|
12
|
+
var _react = _interopRequireDefault(require("react"));
|
|
13
|
+
|
|
14
|
+
var _ = _interopRequireWildcard(require("../.."));
|
|
15
|
+
|
|
16
|
+
var _Button = require("@digigov/ui/form/Button");
|
|
17
|
+
|
|
18
|
+
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); }
|
|
19
|
+
|
|
20
|
+
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; }
|
|
21
|
+
|
|
22
|
+
var initialValues = {
|
|
23
|
+
'business-title': null
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
var _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
|
|
27
|
+
type: "submit"
|
|
28
|
+
}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
|
|
29
|
+
|
|
30
|
+
var Default = function Default() {
|
|
31
|
+
return /*#__PURE__*/_react["default"].createElement(_["default"], {
|
|
32
|
+
onSubmit: function onSubmit(data) {
|
|
33
|
+
console.log(data);
|
|
34
|
+
},
|
|
35
|
+
initial: initialValues
|
|
36
|
+
}, /*#__PURE__*/_react["default"].createElement(_.Field, {
|
|
37
|
+
key: "business-title",
|
|
38
|
+
name: "business-title",
|
|
39
|
+
type: "string",
|
|
40
|
+
label: {
|
|
41
|
+
primary: 'Όνομα επιχείρησης'
|
|
42
|
+
},
|
|
43
|
+
required: true
|
|
44
|
+
}), _ref);
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
exports.Default = Default;
|
|
48
|
+
var _default = Default;
|
|
49
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.FormContext = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
|
|
10
|
+
var FormContext = /*#__PURE__*/(0, _react.createContext)({
|
|
11
|
+
fieldsMap: {},
|
|
12
|
+
fieldsetsMap: {}
|
|
13
|
+
});
|
|
14
|
+
exports.FormContext = FormContext;
|