@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
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
|
-
import React, { useState, useEffect } from 'react';
|
|
3
|
-
import { getNextStep } from '@digigov/form/Questions/getNextStep';
|
|
4
|
-
import { QuestionsContext } from '@digigov/form/Questions/QuestionsContext';
|
|
5
|
-
var isBrowser = typeof window !== 'undefined';
|
|
6
|
-
/**
|
|
7
|
-
* The Question component accepts question data as props
|
|
8
|
-
* uses composable components to provide a wholesome UX
|
|
9
|
-
*
|
|
10
|
-
*/
|
|
11
|
-
|
|
12
|
-
export var Questions = function Questions(_ref) {
|
|
13
|
-
var name = _ref.name,
|
|
14
|
-
steps = _ref.steps,
|
|
15
|
-
_ref$initialData = _ref.initialData,
|
|
16
|
-
initialData = _ref$initialData === void 0 ? {} : _ref$initialData,
|
|
17
|
-
onChange = _ref.onChange,
|
|
18
|
-
onSubmit = _ref.onSubmit,
|
|
19
|
-
onActiveStep = _ref.onActiveStep,
|
|
20
|
-
forceStepName = _ref.forceStepName,
|
|
21
|
-
_ref$localDraft = _ref.localDraft,
|
|
22
|
-
localDraft = _ref$localDraft === void 0 ? false : _ref$localDraft,
|
|
23
|
-
children = _ref.children;
|
|
24
|
-
|
|
25
|
-
var _useState = useState({
|
|
26
|
-
name: ''
|
|
27
|
-
}),
|
|
28
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
29
|
-
currentStep = _useState2[0],
|
|
30
|
-
setCurrentStep = _useState2[1];
|
|
31
|
-
|
|
32
|
-
useEffect(function () {
|
|
33
|
-
if (!forceStepName) {
|
|
34
|
-
setCurrentStep(steps[0]);
|
|
35
|
-
}
|
|
36
|
-
}, [forceStepName, steps]);
|
|
37
|
-
useEffect(function () {
|
|
38
|
-
if (forceStepName !== currentStep.name) {
|
|
39
|
-
var forceStep = steps.find(function (_ref2) {
|
|
40
|
-
var name = _ref2.name;
|
|
41
|
-
return name === forceStepName;
|
|
42
|
-
});
|
|
43
|
-
forceStep && setCurrentStep(forceStep);
|
|
44
|
-
}
|
|
45
|
-
}, [forceStepName]);
|
|
46
|
-
var localData = isBrowser && localDraft && window.localStorage.getItem("questions-".concat(name));
|
|
47
|
-
|
|
48
|
-
var _useState3 = useState(localData && JSON.parse(localData) || initialData),
|
|
49
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
50
|
-
data = _useState4[0],
|
|
51
|
-
setData = _useState4[1];
|
|
52
|
-
|
|
53
|
-
var submitStep = function submitStep(stepName, stepData) {
|
|
54
|
-
data[stepName] = stepData;
|
|
55
|
-
|
|
56
|
-
if (localDraft) {
|
|
57
|
-
isBrowser && window.localStorage.setItem("questions-".concat(name), JSON.stringify(data));
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
if (onChange) {
|
|
61
|
-
onChange && onChange(data);
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
setData(data);
|
|
65
|
-
var nextStep = getNextStep(currentStep, steps, data);
|
|
66
|
-
|
|
67
|
-
if (nextStep) {
|
|
68
|
-
onActiveStep && onActiveStep(nextStep);
|
|
69
|
-
setCurrentStep(nextStep);
|
|
70
|
-
} else {
|
|
71
|
-
onSubmit(data);
|
|
72
|
-
}
|
|
73
|
-
};
|
|
74
|
-
|
|
75
|
-
return /*#__PURE__*/React.createElement(QuestionsContext.Provider, {
|
|
76
|
-
value: {
|
|
77
|
-
steps: steps,
|
|
78
|
-
currentStep: currentStep,
|
|
79
|
-
submitStep: submitStep,
|
|
80
|
-
data: data,
|
|
81
|
-
onActiveStep: onActiveStep
|
|
82
|
-
}
|
|
83
|
-
}, children);
|
|
84
|
-
};
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import React, { useContext } from 'react';
|
|
2
|
-
import { QuestionsContext } from '@digigov/form/Questions/QuestionsContext';
|
|
3
|
-
import { StepContext } from '@digigov/form/Questions/Step/StepContext';
|
|
4
|
-
import { StepTitleBase } from '@digigov/form/Questions/Step/StepTitle';
|
|
5
|
-
import { SummaryList, SummaryListItem, SummaryListItemKey, SummaryListItemValue, SummaryListItemAction } from '@digigov/ui/content/SummaryList';
|
|
6
|
-
import { Button } from '@digigov/ui/form/Button';
|
|
7
|
-
import { useTranslation } from '@digigov/ui/i18n';
|
|
8
|
-
import Title from '@digigov/ui/typography/Title';
|
|
9
|
-
export var ReviewStep = function ReviewStep() {
|
|
10
|
-
var _useTranslation = useTranslation(),
|
|
11
|
-
t = _useTranslation.t;
|
|
12
|
-
|
|
13
|
-
var _useContext = useContext(StepContext),
|
|
14
|
-
submitStep = _useContext.submitStep,
|
|
15
|
-
title = _useContext.title;
|
|
16
|
-
|
|
17
|
-
var _useContext2 = useContext(QuestionsContext),
|
|
18
|
-
data = _useContext2.data,
|
|
19
|
-
steps = _useContext2.steps,
|
|
20
|
-
onActiveStep = _useContext2.onActiveStep;
|
|
21
|
-
|
|
22
|
-
var filledSteps = steps.filter(function (step) {
|
|
23
|
-
return !!data[step.name];
|
|
24
|
-
});
|
|
25
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StepTitleBase, {
|
|
26
|
-
title: title || 'Review answers'
|
|
27
|
-
}), filledSteps.map(function (step) {
|
|
28
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
29
|
-
key: step.name
|
|
30
|
-
}, /*#__PURE__*/React.createElement(Title, {
|
|
31
|
-
size: 'md'
|
|
32
|
-
}, step.title), /*#__PURE__*/React.createElement(SummaryList, null, Object.keys(data[step.name]).map(function (dataKey) {
|
|
33
|
-
return /*#__PURE__*/React.createElement(SummaryListItem, {
|
|
34
|
-
key: dataKey
|
|
35
|
-
}, /*#__PURE__*/React.createElement(SummaryListItemKey, null, step.fields.find(function (_ref) {
|
|
36
|
-
var key = _ref.key;
|
|
37
|
-
return key === dataKey;
|
|
38
|
-
}).label.primary), /*#__PURE__*/React.createElement(SummaryListItemValue, null, data[step.name][dataKey]), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement("a", {
|
|
39
|
-
style: {
|
|
40
|
-
cursor: 'pointer'
|
|
41
|
-
},
|
|
42
|
-
onClick: function onClick() {
|
|
43
|
-
return onActiveStep && onActiveStep(step);
|
|
44
|
-
}
|
|
45
|
-
}, t('button.edit'))));
|
|
46
|
-
})));
|
|
47
|
-
}), /*#__PURE__*/React.createElement(Button, {
|
|
48
|
-
onClick: function onClick() {
|
|
49
|
-
return submitStep && submitStep();
|
|
50
|
-
}
|
|
51
|
-
}, t('button.submit')));
|
|
52
|
-
};
|
|
53
|
-
export default ReviewStep;
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
3
|
-
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
|
-
import React, { useContext, useState } from 'react';
|
|
5
|
-
import { QuestionsContext } from '@digigov/form/Questions/QuestionsContext';
|
|
6
|
-
import { StepArrayReview } from '@digigov/form/Questions/Step/StepArrayReview';
|
|
7
|
-
import { StepContext } from '@digigov/form/Questions/Step/StepContext';
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* The Step component accepts Step data as props
|
|
11
|
-
* uses composable components to provide a wholesome UX
|
|
12
|
-
*
|
|
13
|
-
*/
|
|
14
|
-
export var Step = function Step(props) {
|
|
15
|
-
// or return all Questions and currentStepName
|
|
16
|
-
// or return a specific Step object
|
|
17
|
-
var _useContext = useContext(QuestionsContext),
|
|
18
|
-
currentStep = _useContext.currentStep,
|
|
19
|
-
submitStep = _useContext.submitStep,
|
|
20
|
-
data = _useContext.data;
|
|
21
|
-
|
|
22
|
-
var _useState = useState([]),
|
|
23
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
24
|
-
stepData = _useState2[0],
|
|
25
|
-
setStepData = _useState2[1];
|
|
26
|
-
|
|
27
|
-
var _useState3 = useState(false),
|
|
28
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
29
|
-
reviewActive = _useState4[0],
|
|
30
|
-
setReviewActive = _useState4[1];
|
|
31
|
-
|
|
32
|
-
var handleArraySubmit = function handleArraySubmit(_name, data) {
|
|
33
|
-
setStepData([].concat(_toConsumableArray(stepData), [data]));
|
|
34
|
-
setReviewActive(true);
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
var handleArrayDeleteItem = function handleArrayDeleteItem(deleteIndex) {
|
|
38
|
-
var nextStepData = stepData.filter(function (_item, stepIndex) {
|
|
39
|
-
return stepIndex !== deleteIndex;
|
|
40
|
-
});
|
|
41
|
-
setStepData(nextStepData);
|
|
42
|
-
|
|
43
|
-
if (nextStepData.length === 0) {
|
|
44
|
-
setReviewActive(false);
|
|
45
|
-
}
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
var handleArrayReviewStep = function handleArrayReviewStep(data) {
|
|
49
|
-
if (data.addMore === 'yes') {
|
|
50
|
-
setReviewActive(false);
|
|
51
|
-
} else if (data.addMore === 'no') {
|
|
52
|
-
submitStep(currentStep.name, stepData);
|
|
53
|
-
}
|
|
54
|
-
};
|
|
55
|
-
|
|
56
|
-
if (!currentStep || props.name !== currentStep.name) return null; // then provide the currentStep object
|
|
57
|
-
|
|
58
|
-
return /*#__PURE__*/React.createElement(StepContext.Provider, {
|
|
59
|
-
value: _extends({}, currentStep, {
|
|
60
|
-
submitStep: currentStep.type === 'array' ? handleArraySubmit : submitStep,
|
|
61
|
-
initial: data[props.name]
|
|
62
|
-
})
|
|
63
|
-
}, reviewActive ? /*#__PURE__*/React.createElement(StepArrayReview, {
|
|
64
|
-
array: stepData,
|
|
65
|
-
handleSubmit: handleArrayReviewStep,
|
|
66
|
-
handleDelete: handleArrayDeleteItem
|
|
67
|
-
}) : props.children);
|
|
68
|
-
};
|
|
69
|
-
export default Step;
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import React, { useContext } from 'react';
|
|
2
|
-
import { Field } from '@digigov/form/Field';
|
|
3
|
-
import { Fieldset } from '@digigov/form/Fieldset';
|
|
4
|
-
import FormBuilder from '@digigov/form/FormBuilder';
|
|
5
|
-
import Label from '@digigov/form/inputs/Label';
|
|
6
|
-
import { QuestionsContext } from '@digigov/form/Questions/QuestionsContext';
|
|
7
|
-
import { getAddMoreFields } from '@digigov/form/Questions/Step/getAddMoreFields';
|
|
8
|
-
import PageTitleContainer, { PageTitleHeading } from '@digigov/ui/app/PageTitleContainer';
|
|
9
|
-
import { SummaryList, SummaryListItem, SummaryListItemKey, SummaryListItemValue, SummaryListItemAction } from '@digigov/ui/content/SummaryList';
|
|
10
|
-
import Button from '@digigov/ui/form/Button';
|
|
11
|
-
import { useTranslation } from '@digigov/ui/i18n';
|
|
12
|
-
export var StepArrayReview = function StepArrayReview(props) {
|
|
13
|
-
var _currentStep$review2, _currentStep$review3, _currentStep$review4;
|
|
14
|
-
|
|
15
|
-
var _useTranslation = useTranslation(),
|
|
16
|
-
t = _useTranslation.t;
|
|
17
|
-
|
|
18
|
-
var _useContext = useContext(QuestionsContext),
|
|
19
|
-
currentStep = _useContext.currentStep;
|
|
20
|
-
|
|
21
|
-
var fields = getAddMoreFields(currentStep);
|
|
22
|
-
var primaryField = currentStep.fields.find(function (field) {
|
|
23
|
-
var _currentStep$review;
|
|
24
|
-
|
|
25
|
-
return field.key === ((_currentStep$review = currentStep.review) === null || _currentStep$review === void 0 ? void 0 : _currentStep$review.primaryFieldKey);
|
|
26
|
-
}) || {};
|
|
27
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PageTitleContainer, null, /*#__PURE__*/React.createElement(PageTitleHeading, null, ((_currentStep$review2 = currentStep.review) === null || _currentStep$review2 === void 0 ? void 0 : _currentStep$review2.title) && t((_currentStep$review3 = currentStep.review) === null || _currentStep$review3 === void 0 ? void 0 : _currentStep$review3.title))), /*#__PURE__*/React.createElement(SummaryList, null, props.array.map(function (item, idx) {
|
|
28
|
-
return /*#__PURE__*/React.createElement(SummaryListItem, {
|
|
29
|
-
key: idx
|
|
30
|
-
}, /*#__PURE__*/React.createElement(SummaryListItemKey, null, t(primaryField.label.primary)), /*#__PURE__*/React.createElement(SummaryListItemValue, null, item[primaryField.key]), /*#__PURE__*/React.createElement(SummaryListItemAction, {
|
|
31
|
-
onClick: function onClick() {
|
|
32
|
-
return props.handleDelete(idx);
|
|
33
|
-
}
|
|
34
|
-
}, t('button.delete')));
|
|
35
|
-
})), /*#__PURE__*/React.createElement(FormBuilder, {
|
|
36
|
-
key: "addmore",
|
|
37
|
-
fields: fields,
|
|
38
|
-
onSubmit: props.handleSubmit
|
|
39
|
-
}, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(Label, {
|
|
40
|
-
label: (_currentStep$review4 = currentStep.review) === null || _currentStep$review4 === void 0 ? void 0 : _currentStep$review4.addMore.title
|
|
41
|
-
}), fields.map(function (field) {
|
|
42
|
-
return /*#__PURE__*/React.createElement(Field, {
|
|
43
|
-
key: field.key,
|
|
44
|
-
name: field.key
|
|
45
|
-
});
|
|
46
|
-
})), /*#__PURE__*/React.createElement(Button, {
|
|
47
|
-
type: "submit"
|
|
48
|
-
}, t('button.submit'))));
|
|
49
|
-
};
|
|
50
|
-
export default StepArrayReview;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { createContext } from 'react';
|
|
2
|
-
export var StepContext = /*#__PURE__*/createContext({
|
|
3
|
-
name: '',
|
|
4
|
-
fields: [],
|
|
5
|
-
initial: [],
|
|
6
|
-
errorLabels: [],
|
|
7
|
-
submitStep: '',
|
|
8
|
-
review: {
|
|
9
|
-
title: '',
|
|
10
|
-
primaryFieldKey: '',
|
|
11
|
-
addMore: {
|
|
12
|
-
title: {
|
|
13
|
-
primary: ''
|
|
14
|
-
},
|
|
15
|
-
answers: {
|
|
16
|
-
positive: {
|
|
17
|
-
primary: 'Yes'
|
|
18
|
-
},
|
|
19
|
-
negative: {
|
|
20
|
-
primary: 'No'
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
type: 'object'
|
|
26
|
-
});
|
|
27
|
-
export default StepContext;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
-
var _excluded = ["children", "description"];
|
|
4
|
-
import React, { useContext } from 'react';
|
|
5
|
-
import { StepContext } from '@digigov/form/Questions/Step/StepContext';
|
|
6
|
-
import { useTranslation } from '@digigov/ui/i18n';
|
|
7
|
-
import Paragraph from '@digigov/ui/typography/Paragraph';
|
|
8
|
-
export var StepDescriptionBase = function StepDescriptionBase(_ref) {
|
|
9
|
-
var children = _ref.children,
|
|
10
|
-
description = _ref.description,
|
|
11
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
12
|
-
|
|
13
|
-
var _useTranslation = useTranslation(),
|
|
14
|
-
t = _useTranslation.t;
|
|
15
|
-
|
|
16
|
-
return /*#__PURE__*/React.createElement(Paragraph, props, children || description && t(description));
|
|
17
|
-
};
|
|
18
|
-
export var StepDescription = function StepDescription(props) {
|
|
19
|
-
var _useContext = useContext(StepContext),
|
|
20
|
-
descriptionContext = _useContext.description;
|
|
21
|
-
|
|
22
|
-
var description = props.description || descriptionContext;
|
|
23
|
-
return /*#__PURE__*/React.createElement(StepDescriptionBase, _extends({
|
|
24
|
-
description: description
|
|
25
|
-
}, props), props.children);
|
|
26
|
-
};
|
|
27
|
-
export default StepDescription;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
2
|
-
var _excluded = ["children", "submitButton"],
|
|
3
|
-
_excluded2 = ["name", "submitStep"];
|
|
4
|
-
import React, { useContext } from 'react';
|
|
5
|
-
import Field from '@digigov/form/Field';
|
|
6
|
-
import Fieldset from '@digigov/form/Fieldset';
|
|
7
|
-
import FormBuilder from '@digigov/form/FormBuilder';
|
|
8
|
-
import { StepContext } from '@digigov/form/Questions/Step/StepContext';
|
|
9
|
-
import Button from '@digigov/ui/form/Button';
|
|
10
|
-
import { useTranslation } from '@digigov/ui/i18n';
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
* The StepForm component accepts a title, a caption and a
|
|
14
|
-
* decription about the Step asked to the User
|
|
15
|
-
*/
|
|
16
|
-
export var StepForm = function StepForm(_ref) {
|
|
17
|
-
var children = _ref.children,
|
|
18
|
-
submitButton = _ref.submitButton,
|
|
19
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
20
|
-
|
|
21
|
-
var _useTranslation = useTranslation(),
|
|
22
|
-
t = _useTranslation.t;
|
|
23
|
-
|
|
24
|
-
var _useContext = useContext(StepContext),
|
|
25
|
-
name = _useContext.name,
|
|
26
|
-
submitStep = _useContext.submitStep,
|
|
27
|
-
rest = _objectWithoutProperties(_useContext, _excluded2);
|
|
28
|
-
|
|
29
|
-
var fields = rest.fields.length ? rest.fields : props.fields;
|
|
30
|
-
var initial = rest.initial ? rest.initial : props.initial;
|
|
31
|
-
return /*#__PURE__*/React.createElement(FormBuilder, {
|
|
32
|
-
initial: initial,
|
|
33
|
-
fields: fields,
|
|
34
|
-
onSubmit: function onSubmit(data) {
|
|
35
|
-
submitStep(name, data);
|
|
36
|
-
}
|
|
37
|
-
}, children ? /*#__PURE__*/React.createElement(React.Fragment, null, children, submitButton && /*#__PURE__*/React.createElement(Button, {
|
|
38
|
-
type: "submit"
|
|
39
|
-
}, t('button.continue'))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Fieldset, null, fields.map(function (field) {
|
|
40
|
-
return /*#__PURE__*/React.createElement(Field, {
|
|
41
|
-
key: field.key,
|
|
42
|
-
name: field.key
|
|
43
|
-
});
|
|
44
|
-
})), /*#__PURE__*/React.createElement(Button, {
|
|
45
|
-
type: "submit"
|
|
46
|
-
}, t('button.continue'))));
|
|
47
|
-
};
|
|
48
|
-
export default StepForm;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
2
|
-
var _excluded = ["children"];
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import Paragraph from '@digigov/ui/typography/Paragraph';
|
|
5
|
-
export var StepQuote = function StepQuote(_ref) {
|
|
6
|
-
var children = _ref.children,
|
|
7
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
8
|
-
|
|
9
|
-
return /*#__PURE__*/React.createElement(Paragraph, props, children);
|
|
10
|
-
};
|
|
11
|
-
export default StepQuote;
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import React, { useContext } from 'react';
|
|
2
|
-
import { StepContext } from '@digigov/form/Questions/Step/StepContext';
|
|
3
|
-
import PageTitleContainer, { PageTitleCaption } from '@digigov/ui/app/PageTitleContainer';
|
|
4
|
-
import BackButton from '@digigov/ui/form/Button/BackButton';
|
|
5
|
-
import { useTranslation } from '@digigov/ui/i18n';
|
|
6
|
-
import HeadingCaption from '@digigov/react-core/HeadingCaption';
|
|
7
|
-
import Heading from '@digigov/react-core/Heading';
|
|
8
|
-
export var StepTitleHeading = function StepTitleHeading(props) {
|
|
9
|
-
return /*#__PURE__*/React.createElement(Heading, null, props.children);
|
|
10
|
-
};
|
|
11
|
-
export var StepTitleBase = function StepTitleBase(_ref) {
|
|
12
|
-
var caption = _ref.caption,
|
|
13
|
-
step = _ref.step,
|
|
14
|
-
title = _ref.title,
|
|
15
|
-
backButton = _ref.backButton,
|
|
16
|
-
children = _ref.children;
|
|
17
|
-
|
|
18
|
-
var _useTranslation = useTranslation(),
|
|
19
|
-
t = _useTranslation.t;
|
|
20
|
-
|
|
21
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BackButton, null, backButton || t('button.back')), /*#__PURE__*/React.createElement(PageTitleContainer, null, children || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HeadingCaption, {
|
|
22
|
-
size: "xl"
|
|
23
|
-
}, caption && t(caption)), step && /*#__PURE__*/React.createElement(PageTitleCaption, null, step), /*#__PURE__*/React.createElement(StepTitleHeading, null, title && t(title)))));
|
|
24
|
-
};
|
|
25
|
-
/**
|
|
26
|
-
* The StepTitle component accepts a title, a caption and a step indicator
|
|
27
|
-
* about the Step asked to the User
|
|
28
|
-
*/
|
|
29
|
-
|
|
30
|
-
export var StepTitle = function StepTitle(props) {
|
|
31
|
-
var _useContext = useContext(StepContext),
|
|
32
|
-
caption = _useContext.caption,
|
|
33
|
-
title = _useContext.title,
|
|
34
|
-
step = _useContext.step,
|
|
35
|
-
backButton = _useContext.backButton;
|
|
36
|
-
|
|
37
|
-
return /*#__PURE__*/React.createElement(StepTitleBase, {
|
|
38
|
-
backButton: backButton,
|
|
39
|
-
caption: caption,
|
|
40
|
-
step: step,
|
|
41
|
-
title: title
|
|
42
|
-
}, props.children);
|
|
43
|
-
};
|
|
44
|
-
export default StepTitle;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export * from '@digigov/form/Questions/Step/ReviewStep';
|
|
2
|
-
export * from '@digigov/form/Questions/Step/Step';
|
|
3
|
-
export * from '@digigov/form/Questions/Step/StepArrayReview';
|
|
4
|
-
export * from '@digigov/form/Questions/Step/StepContext';
|
|
5
|
-
export * from '@digigov/form/Questions/Step/StepDescription';
|
|
6
|
-
export * from '@digigov/form/Questions/Step/StepForm';
|
|
7
|
-
export * from '@digigov/form/Questions/Step/StepQuote';
|
|
8
|
-
export * from '@digigov/form/Questions/Step/StepTitle';
|
|
9
|
-
export * from '@digigov/form/Questions/Step/getAddMoreFields';
|
|
10
|
-
export * from '@digigov/form/Questions/Step/';
|
|
11
|
-
export * from '@digigov/form/Questions/Step/types';
|
|
12
|
-
import Step from '@digigov/form/Questions/Step/Step';
|
|
13
|
-
export default Step;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Field } from '@digigov/form';
|
|
3
|
-
import Questions, { Step, StepForm, StepTitle } from '@digigov/form/Questions';
|
|
4
|
-
import Header from '@digigov/ui/app/Header';
|
|
5
|
-
import HeaderContent from '@digigov/ui/app/Header/HeaderContent';
|
|
6
|
-
import HeaderSection from '@digigov/ui/app/Header/HeaderSection';
|
|
7
|
-
import GovGRFooter from '@digigov/ui/govgr/Footer';
|
|
8
|
-
import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
|
|
9
|
-
import BasicLayout, { Top, Content, Main, Bottom } from '@digigov/ui/layouts/Basic';
|
|
10
|
-
var steps = [{
|
|
11
|
-
name: 'age',
|
|
12
|
-
title: 'What is your age?',
|
|
13
|
-
backButton: 'Back',
|
|
14
|
-
fields: [{
|
|
15
|
-
key: 'age',
|
|
16
|
-
type: 'int',
|
|
17
|
-
required: true
|
|
18
|
-
}],
|
|
19
|
-
nextStep: function nextStep(data) {
|
|
20
|
-
return data.age > 17 ? 'citizen-adult' : 'citizen-underage';
|
|
21
|
-
}
|
|
22
|
-
}, {
|
|
23
|
-
name: 'citizen-underage',
|
|
24
|
-
title: 'Are you a student?',
|
|
25
|
-
backButton: 'Back',
|
|
26
|
-
fields: [{
|
|
27
|
-
key: 'citizen-underage-student',
|
|
28
|
-
type: 'radio',
|
|
29
|
-
required: true,
|
|
30
|
-
options: [{
|
|
31
|
-
label: {
|
|
32
|
-
primary: 'Yes'
|
|
33
|
-
},
|
|
34
|
-
value: 'yes'
|
|
35
|
-
}, {
|
|
36
|
-
label: {
|
|
37
|
-
primary: 'No'
|
|
38
|
-
},
|
|
39
|
-
value: 'no'
|
|
40
|
-
}]
|
|
41
|
-
}]
|
|
42
|
-
}, {
|
|
43
|
-
name: 'citizen-adult',
|
|
44
|
-
title: 'Are you currently employed?',
|
|
45
|
-
backButton: 'Back',
|
|
46
|
-
fields: [{
|
|
47
|
-
key: 'citizen-adult-employed',
|
|
48
|
-
type: 'radio',
|
|
49
|
-
required: true,
|
|
50
|
-
options: [{
|
|
51
|
-
label: {
|
|
52
|
-
primary: 'Yes'
|
|
53
|
-
},
|
|
54
|
-
value: 'yes'
|
|
55
|
-
}, {
|
|
56
|
-
label: {
|
|
57
|
-
primary: 'No'
|
|
58
|
-
},
|
|
59
|
-
value: 'no'
|
|
60
|
-
}]
|
|
61
|
-
}]
|
|
62
|
-
}];
|
|
63
|
-
|
|
64
|
-
var _ref = /*#__PURE__*/React.createElement(Top, null, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(HeaderContent, null, /*#__PURE__*/React.createElement(HeaderSection, null, /*#__PURE__*/React.createElement(GovGRLogo, {
|
|
65
|
-
href: "#"
|
|
66
|
-
})))));
|
|
67
|
-
|
|
68
|
-
var _ref2 = /*#__PURE__*/React.createElement(Step, {
|
|
69
|
-
name: "age"
|
|
70
|
-
}, /*#__PURE__*/React.createElement(StepTitle, null), /*#__PURE__*/React.createElement(StepForm, {
|
|
71
|
-
submitButton: true
|
|
72
|
-
}, /*#__PURE__*/React.createElement(Field, {
|
|
73
|
-
key: "age",
|
|
74
|
-
name: "age"
|
|
75
|
-
})));
|
|
76
|
-
|
|
77
|
-
var _ref3 = /*#__PURE__*/React.createElement(Step, {
|
|
78
|
-
name: "citizen-underage"
|
|
79
|
-
}, /*#__PURE__*/React.createElement(StepTitle, null), /*#__PURE__*/React.createElement(StepForm, {
|
|
80
|
-
submitButton: true
|
|
81
|
-
}, /*#__PURE__*/React.createElement(Field, {
|
|
82
|
-
key: "citizen-underage-student",
|
|
83
|
-
name: "citizen-underage-student"
|
|
84
|
-
})));
|
|
85
|
-
|
|
86
|
-
var _ref4 = /*#__PURE__*/React.createElement(Step, {
|
|
87
|
-
name: "citizen-adult"
|
|
88
|
-
}, /*#__PURE__*/React.createElement(StepTitle, {
|
|
89
|
-
backButton: "\u03A0\u03AF\u03C3\u03C9"
|
|
90
|
-
}), /*#__PURE__*/React.createElement(StepForm, {
|
|
91
|
-
submitButton: true
|
|
92
|
-
}, /*#__PURE__*/React.createElement(Field, {
|
|
93
|
-
key: "citizen-adult-employed",
|
|
94
|
-
name: "citizen-adult-employed"
|
|
95
|
-
})));
|
|
96
|
-
|
|
97
|
-
var _ref5 = /*#__PURE__*/React.createElement(Bottom, null, /*#__PURE__*/React.createElement(GovGRFooter, null));
|
|
98
|
-
|
|
99
|
-
export function Default() {
|
|
100
|
-
return /*#__PURE__*/React.createElement(BasicLayout, null, _ref, /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(Main, null, /*#__PURE__*/React.createElement(Questions, {
|
|
101
|
-
name: 'example',
|
|
102
|
-
steps: steps,
|
|
103
|
-
onSubmit: function onSubmit(data) {
|
|
104
|
-
console.log(data);
|
|
105
|
-
}
|
|
106
|
-
}, _ref2, _ref3, _ref4))), _ref5);
|
|
107
|
-
}
|
|
108
|
-
export default Default;
|
package/es/Questions/index.js
DELETED
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { mount } from 'enzyme';
|
|
3
|
-
import { Field } from '@digigov/form';
|
|
4
|
-
import { Step, StepForm, StepQuote, StepTitle } from '@digigov/form/Questions';
|
|
5
|
-
import Questions from '@digigov/form/Questions';
|
|
6
|
-
var steps = [{
|
|
7
|
-
name: 'intro',
|
|
8
|
-
caption: 'intro.caption',
|
|
9
|
-
title: 'intro.title',
|
|
10
|
-
description: 'intro.description',
|
|
11
|
-
fields: [{
|
|
12
|
-
key: 'name',
|
|
13
|
-
label: {
|
|
14
|
-
primary: 'name.field.primary',
|
|
15
|
-
secondary: 'name.field.secondary'
|
|
16
|
-
},
|
|
17
|
-
required: true,
|
|
18
|
-
type: 'string'
|
|
19
|
-
}]
|
|
20
|
-
}, {
|
|
21
|
-
name: 'age',
|
|
22
|
-
caption: 'age.caption',
|
|
23
|
-
title: 'age.title',
|
|
24
|
-
description: 'age.description',
|
|
25
|
-
fields: [{
|
|
26
|
-
key: 'dateOfBirth',
|
|
27
|
-
label: {
|
|
28
|
-
primary: 'age.field.primary',
|
|
29
|
-
secondary: 'age.field.secondary'
|
|
30
|
-
},
|
|
31
|
-
required: true,
|
|
32
|
-
type: 'number'
|
|
33
|
-
}]
|
|
34
|
-
}];
|
|
35
|
-
|
|
36
|
-
var _ref = /*#__PURE__*/React.createElement(Step, {
|
|
37
|
-
name: "intro"
|
|
38
|
-
}, /*#__PURE__*/React.createElement(StepTitle, null), /*#__PURE__*/React.createElement(StepQuote, null, "This is the intro"), /*#__PURE__*/React.createElement(StepForm, {
|
|
39
|
-
submitButton: true
|
|
40
|
-
}, /*#__PURE__*/React.createElement(Field, {
|
|
41
|
-
key: 'name',
|
|
42
|
-
name: "name"
|
|
43
|
-
})));
|
|
44
|
-
|
|
45
|
-
var _ref2 = /*#__PURE__*/React.createElement(Step, {
|
|
46
|
-
name: "age"
|
|
47
|
-
}, /*#__PURE__*/React.createElement(StepTitle, null), /*#__PURE__*/React.createElement(StepQuote, null, "This is the age"), /*#__PURE__*/React.createElement(StepForm, {
|
|
48
|
-
submitButton: true
|
|
49
|
-
}, /*#__PURE__*/React.createElement(Field, {
|
|
50
|
-
key: 'dateOfBirth',
|
|
51
|
-
name: "dateOfBirth"
|
|
52
|
-
})));
|
|
53
|
-
|
|
54
|
-
it('renders the Questions', function () {
|
|
55
|
-
expect(mount( /*#__PURE__*/React.createElement(Questions, {
|
|
56
|
-
name: 'example',
|
|
57
|
-
onSubmit: function onSubmit(data) {
|
|
58
|
-
console.log(data);
|
|
59
|
-
},
|
|
60
|
-
steps: steps
|
|
61
|
-
}, _ref, _ref2))).toMatchSnapshot();
|
|
62
|
-
});
|
package/es/Questions/types.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
package/es/index.js
DELETED