@digigov/form 1.1.2 → 1.1.4-mobile
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/index.js +103 -76
- package/Field/FieldBase.js.map +7 -0
- package/Field/FieldBaseContainer/index.js +29 -37
- package/Field/FieldBaseContainer.js.map +7 -0
- package/Field/FieldConditional/index.js +79 -53
- package/Field/FieldConditional.js.map +7 -0
- package/Field/index.js +89 -63
- package/Field/index.js.map +7 -0
- package/Field/types/index.js +1 -1
- package/Field/types.d.ts +4 -0
- package/Field/types.js.map +7 -0
- package/Field/utils/index.js +96 -85
- package/Field/utils.d.ts +1 -0
- package/Field/utils.js.map +7 -0
- package/FieldArray/FieldArray.stories/index.js +12 -6
- package/FieldArray/FieldArray.stories.d.ts +2 -2
- package/FieldArray/FieldArray.stories.js.map +7 -0
- package/FieldArray/__stories__/Default/index.js +87 -80
- package/FieldArray/__stories__/Default.d.ts +2 -2
- package/FieldArray/__stories__/Default.js.map +7 -0
- package/FieldArray/__stories__/WithExactLength/index.js +87 -80
- package/FieldArray/__stories__/WithExactLength.d.ts +2 -2
- package/FieldArray/__stories__/WithExactLength.js.map +7 -0
- package/FieldArray/index.d.ts +1 -0
- package/FieldArray/index.js +65 -59
- package/FieldArray/index.js.map +7 -0
- package/FieldArray/index.test.d.ts +1 -0
- package/FieldObject/index.d.ts +3 -0
- package/FieldObject/index.js +66 -52
- package/FieldObject/index.js.map +7 -0
- package/Fieldset/FieldsetWithContext/index.js +27 -31
- package/Fieldset/FieldsetWithContext.js.map +7 -0
- package/Fieldset/index.js +27 -29
- package/Fieldset/index.js.map +7 -0
- package/Fieldset/types/index.js +1 -1
- package/Fieldset/types.d.ts +2 -0
- package/Fieldset/types.js.map +7 -0
- package/Form.stories/index.js +7 -3
- package/Form.stories.js.map +7 -0
- package/FormBuilder/FormBuilder/index.js +123 -118
- package/FormBuilder/FormBuilder.d.ts +1 -0
- package/FormBuilder/FormBuilder.js.map +7 -0
- package/FormBuilder/FormBuilder.stories/index.js +10 -5
- package/FormBuilder/FormBuilder.stories.d.ts +1 -1
- package/FormBuilder/FormBuilder.stories.js.map +7 -0
- package/FormBuilder/__stories__/Default/index.js +27 -21
- package/FormBuilder/__stories__/Default.d.ts +2 -2
- package/FormBuilder/__stories__/Default.js.map +7 -0
- package/FormBuilder/index.js +6 -2
- package/FormBuilder/index.js.map +7 -0
- package/FormBuilder/index.test.d.ts +1 -0
- package/FormBuilder/scenarios.test.d.ts +88 -0
- package/FormContext/index.js +7 -3
- package/FormContext.js.map +7 -0
- package/MultiplicityField/MultiplicityField.stories/index.js +20 -10
- package/MultiplicityField/MultiplicityField.stories.d.ts +6 -6
- package/MultiplicityField/MultiplicityField.stories.js.map +7 -0
- package/MultiplicityField/__stories__/Default/index.js +90 -85
- package/MultiplicityField/__stories__/Default.d.ts +2 -2
- package/MultiplicityField/__stories__/Default.js.map +7 -0
- package/MultiplicityField/__stories__/PreviewDisplay/index.js +70 -72
- package/MultiplicityField/__stories__/PreviewDisplay.d.ts +2 -2
- package/MultiplicityField/__stories__/PreviewDisplay.js.map +7 -0
- package/MultiplicityField/__stories__/WithExactLength/index.js +87 -80
- package/MultiplicityField/__stories__/WithExactLength.d.ts +2 -2
- package/MultiplicityField/__stories__/WithExactLength.js.map +7 -0
- package/MultiplicityField/__stories__/WithMaxLength/index.js +90 -83
- package/MultiplicityField/__stories__/WithMaxLength.d.ts +2 -2
- package/MultiplicityField/__stories__/WithMaxLength.js.map +7 -0
- package/MultiplicityField/__stories__/WithMinAndMaxLength/index.js +91 -84
- package/MultiplicityField/__stories__/WithMinAndMaxLength.d.ts +2 -2
- package/MultiplicityField/__stories__/WithMinAndMaxLength.js.map +7 -0
- package/MultiplicityField/__stories__/WithMinLength/index.js +90 -83
- package/MultiplicityField/__stories__/WithMinLength.d.ts +2 -2
- package/MultiplicityField/__stories__/WithMinLength.js.map +7 -0
- package/MultiplicityField/add-objects/index.js +130 -132
- package/MultiplicityField/add-objects.d.ts +1 -0
- package/MultiplicityField/add-objects.js.map +7 -0
- package/MultiplicityField/index.d.ts +1 -1
- package/MultiplicityField/index.js +111 -101
- package/MultiplicityField/index.js.map +7 -0
- package/MultiplicityField/index.test.d.ts +1 -0
- package/Questions/Questions/index.js +44 -53
- package/Questions/Questions.js.map +7 -0
- package/Questions/Questions.stories/index.js +10 -5
- package/Questions/Questions.stories.d.ts +1 -1
- package/Questions/Questions.stories.js.map +7 -0
- package/Questions/QuestionsContext/index.js +9 -9
- package/Questions/QuestionsContext.js.map +7 -0
- package/Questions/Step/ReviewStep/index.js +35 -47
- package/Questions/Step/ReviewStep.js.map +7 -0
- package/Questions/Step/Step/index.js +39 -47
- package/Questions/Step/Step.js.map +7 -0
- package/Questions/Step/StepArrayReview/index.js +41 -45
- package/Questions/Step/StepArrayReview.js.map +7 -0
- package/Questions/Step/StepContext/index.js +15 -19
- package/Questions/Step/StepContext.js.map +7 -0
- package/Questions/Step/StepDescription/index.js +22 -22
- package/Questions/Step/StepDescription.js.map +7 -0
- package/Questions/Step/StepForm/index.js +33 -43
- package/Questions/Step/StepForm.js.map +7 -0
- package/Questions/Step/StepQuote/index.js +10 -9
- package/Questions/Step/StepQuote.js.map +7 -0
- package/Questions/Step/StepTitle/index.js +40 -38
- package/Questions/Step/StepTitle.d.ts +1 -0
- package/Questions/Step/StepTitle.js.map +7 -0
- package/Questions/Step/getAddMoreFields/index.js +28 -20
- package/Questions/Step/getAddMoreFields.js.map +7 -0
- package/Questions/Step/index.d.ts +0 -1
- package/Questions/Step/index.js +16 -13
- package/Questions/Step/index.js.map +7 -0
- package/Questions/Step/types/index.js +1 -1
- package/Questions/Step/types.d.ts +2 -0
- package/Questions/Step/types.js.map +7 -0
- package/Questions/__stories__/Default/index.js +106 -100
- package/Questions/__stories__/Default.d.ts +2 -2
- package/Questions/__stories__/Default.js.map +7 -0
- package/Questions/getNextStep/index.js +12 -10
- package/Questions/getNextStep.js.map +7 -0
- package/Questions/index.js +7 -3
- package/Questions/index.js.map +7 -0
- package/Questions/index.test.d.ts +1 -0
- package/Questions/types/index.js +1 -1
- package/Questions/types.d.ts +2 -0
- package/Questions/types.js.map +7 -0
- package/cjs/Field/FieldBase/index.js +135 -82
- package/cjs/Field/FieldBase.js.map +7 -0
- package/cjs/Field/FieldBaseContainer/index.js +61 -43
- package/cjs/Field/FieldBaseContainer.js.map +7 -0
- package/cjs/Field/FieldConditional/index.js +111 -59
- package/cjs/Field/FieldConditional.js.map +7 -0
- package/cjs/Field/index.js +121 -72
- package/cjs/Field/index.js.map +7 -0
- package/cjs/Field/types/index.js +16 -5
- package/cjs/Field/types.js.map +7 -0
- package/cjs/Field/utils/index.js +139 -106
- package/cjs/Field/utils.js.map +7 -0
- package/cjs/FieldArray/FieldArray.stories/index.js +46 -36
- package/cjs/FieldArray/FieldArray.stories.js.map +7 -0
- package/cjs/FieldArray/__stories__/Default/index.js +119 -89
- package/cjs/FieldArray/__stories__/Default.js.map +7 -0
- package/cjs/FieldArray/__stories__/WithExactLength/index.js +119 -89
- package/cjs/FieldArray/__stories__/WithExactLength.js.map +7 -0
- package/cjs/FieldArray/index.js +97 -65
- package/cjs/FieldArray/index.js.map +7 -0
- package/cjs/FieldObject/index.js +98 -61
- package/cjs/FieldObject/index.js.map +7 -0
- package/cjs/Fieldset/FieldsetWithContext/index.js +54 -40
- package/cjs/Fieldset/FieldsetWithContext.js.map +7 -0
- package/cjs/Fieldset/index.js +61 -39
- package/cjs/Fieldset/index.js.map +7 -0
- package/cjs/Fieldset/types/index.js +16 -5
- package/cjs/Fieldset/types.js.map +7 -0
- package/cjs/Form.stories/index.js +25 -8
- package/cjs/Form.stories.js.map +7 -0
- package/cjs/FormBuilder/FormBuilder/index.js +158 -128
- package/cjs/FormBuilder/FormBuilder.js.map +7 -0
- package/cjs/FormBuilder/FormBuilder.stories/index.js +43 -24
- package/cjs/FormBuilder/FormBuilder.stories.js.map +7 -0
- package/cjs/FormBuilder/__stories__/Default/index.js +60 -31
- package/cjs/FormBuilder/__stories__/Default.js.map +7 -0
- package/cjs/FormBuilder/index.js +24 -7
- package/cjs/FormBuilder/index.js.map +7 -0
- package/cjs/FormContext/index.js +29 -8
- package/cjs/FormContext.js.map +7 -0
- package/cjs/MultiplicityField/MultiplicityField.stories/index.js +58 -84
- package/cjs/MultiplicityField/MultiplicityField.stories.js.map +7 -0
- package/cjs/MultiplicityField/__stories__/Default/index.js +122 -94
- package/cjs/MultiplicityField/__stories__/Default.js.map +7 -0
- package/cjs/MultiplicityField/__stories__/PreviewDisplay/index.js +85 -81
- package/cjs/MultiplicityField/__stories__/PreviewDisplay.js.map +7 -0
- package/cjs/MultiplicityField/__stories__/WithExactLength/index.js +119 -89
- package/cjs/MultiplicityField/__stories__/WithExactLength.js.map +7 -0
- package/cjs/MultiplicityField/__stories__/WithMaxLength/index.js +122 -92
- package/cjs/MultiplicityField/__stories__/WithMaxLength.js.map +7 -0
- package/cjs/MultiplicityField/__stories__/WithMinAndMaxLength/index.js +123 -93
- package/cjs/MultiplicityField/__stories__/WithMinAndMaxLength.js.map +7 -0
- package/cjs/MultiplicityField/__stories__/WithMinLength/index.js +122 -92
- package/cjs/MultiplicityField/__stories__/WithMinLength.js.map +7 -0
- package/cjs/MultiplicityField/add-objects/index.js +160 -138
- package/cjs/MultiplicityField/add-objects.js.map +7 -0
- package/cjs/MultiplicityField/index.js +144 -110
- package/cjs/MultiplicityField/index.js.map +7 -0
- package/cjs/Questions/Questions/index.js +76 -62
- package/cjs/Questions/Questions.js.map +7 -0
- package/cjs/Questions/Questions.stories/index.js +43 -24
- package/cjs/Questions/Questions.stories.js.map +7 -0
- package/cjs/Questions/QuestionsContext/index.js +31 -14
- package/cjs/Questions/QuestionsContext.js.map +7 -0
- package/cjs/Questions/Step/ReviewStep/index.js +61 -56
- package/cjs/Questions/Step/ReviewStep.js.map +7 -0
- package/cjs/Questions/Step/Step/index.js +71 -56
- package/cjs/Questions/Step/Step.js.map +7 -0
- package/cjs/Questions/Step/StepArrayReview/index.js +65 -54
- package/cjs/Questions/Step/StepArrayReview.js.map +7 -0
- package/cjs/Questions/Step/StepContext/index.js +37 -24
- package/cjs/Questions/Step/StepContext.js.map +7 -0
- package/cjs/Questions/Step/StepDescription/index.js +55 -31
- package/cjs/Questions/Step/StepDescription.js.map +7 -0
- package/cjs/Questions/Step/StepForm/index.js +65 -52
- package/cjs/Questions/Step/StepForm.js.map +7 -0
- package/cjs/Questions/Step/StepQuote/index.js +42 -15
- package/cjs/Questions/Step/StepQuote.js.map +7 -0
- package/cjs/Questions/Step/StepTitle/index.js +72 -47
- package/cjs/Questions/Step/StepTitle.js.map +7 -0
- package/cjs/Questions/Step/getAddMoreFields/index.js +50 -25
- package/cjs/Questions/Step/getAddMoreFields.js.map +7 -0
- package/cjs/Questions/Step/index.js +59 -143
- package/cjs/Questions/Step/index.js.map +7 -0
- package/cjs/Questions/Step/types/index.js +16 -5
- package/cjs/Questions/Step/types.js.map +7 -0
- package/cjs/Questions/__stories__/Default/index.js +132 -109
- package/cjs/Questions/__stories__/Default.js.map +7 -0
- package/cjs/Questions/getNextStep/index.js +33 -14
- package/cjs/Questions/getNextStep.js.map +7 -0
- package/cjs/Questions/index.js +29 -19
- package/cjs/Questions/index.js.map +7 -0
- package/cjs/Questions/types/index.js +16 -5
- package/cjs/Questions/types.js.map +7 -0
- package/cjs/index.js +47 -20
- package/cjs/index.js.map +7 -0
- package/cjs/inputs/AutoCompleteInput/AutoComplete.stories/index.js +46 -24
- package/cjs/inputs/AutoCompleteInput/AutoComplete.stories.js.map +7 -0
- package/cjs/inputs/AutoCompleteInput/__stories__/Default/index.js +78 -51
- package/cjs/inputs/AutoCompleteInput/__stories__/Default.js.map +7 -0
- package/cjs/inputs/AutoCompleteInput/__stories__/Multiple/index.js +84 -0
- package/cjs/inputs/AutoCompleteInput/__stories__/Multiple.js.map +7 -0
- package/cjs/inputs/AutoCompleteInput/index.js +90 -46
- package/cjs/inputs/AutoCompleteInput/index.js.map +7 -0
- package/cjs/inputs/Checkboxes/Checkboxes.stories/index.js +49 -48
- package/cjs/inputs/Checkboxes/Checkboxes.stories.js.map +7 -0
- package/cjs/inputs/Checkboxes/__stories__/Conditional/index.js +120 -89
- package/cjs/inputs/Checkboxes/__stories__/Conditional.js.map +7 -0
- package/cjs/inputs/Checkboxes/__stories__/Default/index.js +73 -46
- package/cjs/inputs/Checkboxes/__stories__/Default.js.map +7 -0
- package/cjs/inputs/Checkboxes/__stories__/WithDivider/index.js +74 -47
- package/cjs/inputs/Checkboxes/__stories__/WithDivider.js.map +7 -0
- package/cjs/inputs/Checkboxes/index.js +102 -96
- package/cjs/inputs/Checkboxes/index.js.map +7 -0
- package/cjs/inputs/DateInput/DateInput.stories/index.js +43 -24
- package/cjs/inputs/DateInput/DateInput.stories.js.map +7 -0
- package/cjs/inputs/DateInput/__stories__/Default/index.js +56 -28
- package/cjs/inputs/DateInput/__stories__/Default.js.map +7 -0
- package/cjs/inputs/DateInput/index.js +122 -109
- package/cjs/inputs/DateInput/index.js.map +7 -0
- package/cjs/inputs/FileInput/FileInput.stories/index.js +43 -24
- package/cjs/inputs/FileInput/FileInput.stories.js.map +7 -0
- package/cjs/inputs/FileInput/__stories__/Default/index.js +57 -26
- package/cjs/inputs/FileInput/__stories__/Default.js.map +7 -0
- package/cjs/inputs/FileInput/index.js +76 -63
- package/cjs/inputs/FileInput/index.js.map +7 -0
- package/cjs/inputs/ImageInput/ImageInput.stories/index.js +49 -48
- package/cjs/inputs/ImageInput/ImageInput.stories.js.map +7 -0
- package/cjs/inputs/ImageInput/__stories__/Default/index.js +58 -33
- package/cjs/inputs/ImageInput/__stories__/Default.js.map +7 -0
- package/cjs/inputs/ImageInput/__stories__/WithInvalidImageDimension/index.js +65 -40
- package/cjs/inputs/ImageInput/__stories__/WithInvalidImageDimension.js.map +7 -0
- package/cjs/inputs/ImageInput/__stories__/WithInvalidImageSize/index.js +62 -37
- package/cjs/inputs/ImageInput/__stories__/WithInvalidImageSize.js.map +7 -0
- package/cjs/inputs/ImageInput/index.js +91 -83
- package/cjs/inputs/ImageInput/index.js.map +7 -0
- package/cjs/inputs/Input/Input.stories/index.js +70 -120
- package/cjs/inputs/Input/Input.stories.js.map +7 -0
- package/cjs/inputs/Input/__stories__/AFM/index.js +60 -29
- package/cjs/inputs/Input/__stories__/AFM.js.map +7 -0
- package/cjs/inputs/Input/__stories__/Boolean/index.js +61 -30
- package/cjs/inputs/Input/__stories__/Boolean.js.map +7 -0
- package/cjs/inputs/Input/__stories__/IBAN/index.js +61 -30
- package/cjs/inputs/Input/__stories__/IBAN.js.map +7 -0
- package/cjs/inputs/Input/__stories__/Integer/index.js +75 -38
- package/cjs/inputs/Input/__stories__/Integer.js.map +7 -0
- package/cjs/inputs/Input/__stories__/LandlineNumber/index.js +67 -0
- package/cjs/inputs/Input/__stories__/LandlineNumber.js.map +7 -0
- package/cjs/inputs/Input/__stories__/MobilePhone/index.js +64 -29
- package/cjs/inputs/Input/__stories__/MobilePhone.js.map +7 -0
- package/cjs/inputs/Input/__stories__/PhoneNumber/index.js +63 -29
- package/cjs/inputs/Input/__stories__/PhoneNumber.js.map +7 -0
- package/cjs/inputs/Input/__stories__/PostalCode/index.js +60 -31
- package/cjs/inputs/Input/__stories__/PostalCode.js.map +7 -0
- package/cjs/inputs/Input/__stories__/String/index.js +64 -0
- package/cjs/inputs/Input/__stories__/String.js.map +7 -0
- package/cjs/inputs/Input/__stories__/TextWithLimit/index.js +64 -0
- package/cjs/inputs/Input/__stories__/TextWithLimit.js.map +7 -0
- package/cjs/inputs/Input/index.js +87 -72
- package/cjs/inputs/Input/index.js.map +7 -0
- package/cjs/inputs/Input/inputsInputScenarios/index.js +439 -0
- package/cjs/inputs/Input/inputsInputScenarios.js.map +7 -0
- package/cjs/inputs/Label/Label.stories/index.js +43 -24
- package/cjs/inputs/Label/Label.stories.js.map +7 -0
- package/cjs/inputs/Label/__stories__/Default/index.js +66 -33
- package/cjs/inputs/Label/__stories__/Default.js.map +7 -0
- package/cjs/inputs/Label/index.js +45 -24
- package/cjs/inputs/Label/index.js.map +7 -0
- package/cjs/inputs/OtpInput/OtpInput.stories/index.js +43 -24
- package/cjs/inputs/OtpInput/OtpInput.stories.js.map +7 -0
- package/cjs/inputs/OtpInput/__stories__/Default/index.js +59 -34
- package/cjs/inputs/OtpInput/__stories__/Default.js.map +7 -0
- package/cjs/inputs/OtpInput/index.js +142 -112
- package/cjs/inputs/OtpInput/index.js.map +7 -0
- package/cjs/inputs/Radio/Radio.stories/index.js +49 -48
- package/cjs/inputs/Radio/Radio.stories.js.map +7 -0
- package/cjs/inputs/Radio/__stories__/Conditional/index.js +120 -89
- package/cjs/inputs/Radio/__stories__/Conditional.js.map +7 -0
- package/cjs/inputs/Radio/__stories__/Default/index.js +77 -51
- package/cjs/inputs/Radio/__stories__/Default.js.map +7 -0
- package/cjs/inputs/Radio/__stories__/WithDivider/index.js +78 -52
- package/cjs/inputs/Radio/__stories__/WithDivider.js.map +7 -0
- package/cjs/inputs/Radio/index.js +132 -61
- package/cjs/inputs/Radio/index.js.map +7 -0
- package/cjs/inputs/Select/Select.stories/index.js +43 -24
- package/cjs/inputs/Select/Select.stories.js.map +7 -0
- package/cjs/inputs/Select/__stories__/Default/index.js +82 -57
- package/cjs/inputs/Select/__stories__/Default.js.map +7 -0
- package/cjs/inputs/Select/index.js +55 -36
- package/cjs/inputs/Select/index.js.map +7 -0
- package/cjs/inputs/index.js +62 -69
- package/cjs/inputs/index.js.map +7 -0
- package/cjs/inputs/inputsScenarios/index.js +540 -0
- package/cjs/inputs/inputsScenarios.js.map +7 -0
- package/cjs/internal/index.js +116 -346
- package/cjs/internal.js.map +7 -0
- package/cjs/lazy/index.js +93 -0
- package/cjs/lazy.js.map +7 -0
- package/cjs/locales/el/index.js +35 -0
- package/cjs/locales/el.js.map +7 -0
- package/cjs/registry/index.js +174 -142
- package/cjs/registry.js.map +7 -0
- package/cjs/types/index.js +16 -5
- package/cjs/types.js.map +7 -0
- package/cjs/utils/index.js +78 -83
- package/cjs/utils.js.map +7 -0
- package/cjs/validators/index.js +130 -128
- package/cjs/validators/index.js.map +7 -0
- package/cjs/validators/types/index.js +16 -5
- package/cjs/validators/types.js.map +7 -0
- package/cjs/validators/utils/afm/index.js +38 -21
- package/cjs/validators/utils/afm.js.map +7 -0
- package/cjs/validators/utils/file/index.js +44 -47
- package/cjs/validators/utils/file.js.map +7 -0
- package/cjs/validators/utils/iban/index.js +36 -17
- package/cjs/validators/utils/iban.js.map +7 -0
- package/cjs/validators/utils/image/index.js +88 -112
- package/cjs/validators/utils/image.js.map +7 -0
- package/cjs/validators/utils/index.js +95 -159
- package/cjs/validators/utils/index.js.map +7 -0
- package/cjs/validators/utils/int/index.js +34 -12
- package/cjs/validators/utils/int.js.map +7 -0
- package/cjs/validators/utils/number/index.js +33 -11
- package/cjs/validators/utils/number.js.map +7 -0
- package/cjs/validators/utils/otp/index.js +35 -13
- package/cjs/validators/utils/otp.js.map +7 -0
- package/cjs/validators/utils/phone/index.js +171 -92
- package/cjs/validators/utils/phone.js.map +7 -0
- package/cjs/validators/utils/postal_code/index.js +36 -16
- package/cjs/validators/utils/postal_code.js.map +7 -0
- package/cjs/validators/utils/text_limit/index.js +40 -25
- package/cjs/validators/utils/text_limit.js.map +7 -0
- package/cjs/validators/utils/uuid4/index.js +34 -13
- package/cjs/validators/utils/uuid4.js.map +7 -0
- package/index.d.ts +4 -1
- package/index.js +13 -4
- package/index.js.map +7 -0
- package/inputs/AutoCompleteInput/AutoComplete.stories/index.js +12 -5
- package/inputs/AutoCompleteInput/AutoComplete.stories.d.ts +2 -1
- package/inputs/AutoCompleteInput/AutoComplete.stories.js.map +7 -0
- package/inputs/AutoCompleteInput/__stories__/Default/index.js +46 -42
- package/inputs/AutoCompleteInput/__stories__/Default.d.ts +3 -2
- package/inputs/AutoCompleteInput/__stories__/Default.js.map +7 -0
- package/inputs/AutoCompleteInput/__stories__/Multiple/index.js +51 -0
- package/inputs/AutoCompleteInput/__stories__/Multiple/package.json +6 -0
- package/inputs/AutoCompleteInput/__stories__/Multiple.d.ts +3 -0
- package/inputs/AutoCompleteInput/__stories__/Multiple.js.map +7 -0
- package/inputs/AutoCompleteInput/index.d.ts +1 -1
- package/inputs/AutoCompleteInput/index.js +58 -37
- package/inputs/AutoCompleteInput/index.js.map +7 -0
- package/inputs/AutoCompleteInput/index.test.d.ts +1 -0
- package/inputs/Checkboxes/Checkboxes.stories/index.js +14 -7
- package/inputs/Checkboxes/Checkboxes.stories.d.ts +3 -3
- package/inputs/Checkboxes/Checkboxes.stories.js.map +7 -0
- package/inputs/Checkboxes/__stories__/Conditional/index.js +88 -80
- package/inputs/Checkboxes/__stories__/Conditional.d.ts +3 -2
- package/inputs/Checkboxes/__stories__/Conditional.js.map +7 -0
- package/inputs/Checkboxes/__stories__/Default/index.js +40 -36
- package/inputs/Checkboxes/__stories__/Default.d.ts +2 -2
- package/inputs/Checkboxes/__stories__/Default.js.map +7 -0
- package/inputs/Checkboxes/__stories__/WithDivider/index.js +41 -37
- package/inputs/Checkboxes/__stories__/WithDivider.d.ts +2 -2
- package/inputs/Checkboxes/__stories__/WithDivider.js.map +7 -0
- package/inputs/Checkboxes/index.js +70 -87
- package/inputs/Checkboxes/index.js.map +7 -0
- package/inputs/Checkboxes/index.test.d.ts +1 -0
- package/inputs/DateInput/DateInput.stories/index.js +10 -5
- package/inputs/DateInput/DateInput.stories.d.ts +1 -1
- package/inputs/DateInput/DateInput.stories.js.map +7 -0
- package/inputs/DateInput/__stories__/Default/index.js +23 -18
- package/inputs/DateInput/__stories__/Default.d.ts +2 -2
- package/inputs/DateInput/__stories__/Default.js.map +7 -0
- package/inputs/DateInput/index.d.ts +2 -2
- package/inputs/DateInput/index.js +89 -99
- package/inputs/DateInput/index.js.map +7 -0
- package/inputs/DateInput/index.test.d.ts +1 -0
- package/inputs/FileInput/FileInput.stories/index.js +10 -5
- package/inputs/FileInput/FileInput.stories.d.ts +1 -1
- package/inputs/FileInput/FileInput.stories.js.map +7 -0
- package/inputs/FileInput/__stories__/Default/index.js +24 -16
- package/inputs/FileInput/__stories__/Default.d.ts +2 -2
- package/inputs/FileInput/__stories__/Default.js.map +7 -0
- package/inputs/FileInput/index.js +44 -54
- package/inputs/FileInput/index.js.map +7 -0
- package/inputs/FileInput/index.test.d.ts +1 -0
- package/inputs/ImageInput/ImageInput.stories/index.js +14 -7
- package/inputs/ImageInput/ImageInput.stories.d.ts +3 -3
- package/inputs/ImageInput/ImageInput.stories.js.map +7 -0
- package/inputs/ImageInput/__stories__/Default/index.js +25 -23
- package/inputs/ImageInput/__stories__/Default.d.ts +2 -2
- package/inputs/ImageInput/__stories__/Default.js.map +7 -0
- package/inputs/ImageInput/__stories__/WithInvalidImageDimension/index.js +32 -30
- package/inputs/ImageInput/__stories__/WithInvalidImageDimension.d.ts +2 -2
- package/inputs/ImageInput/__stories__/WithInvalidImageDimension.js.map +7 -0
- package/inputs/ImageInput/__stories__/WithInvalidImageSize/index.js +29 -27
- package/inputs/ImageInput/__stories__/WithInvalidImageSize.d.ts +2 -2
- package/inputs/ImageInput/__stories__/WithInvalidImageSize.js.map +7 -0
- package/inputs/ImageInput/index.js +59 -75
- package/inputs/ImageInput/index.js.map +7 -0
- package/inputs/ImageInput/index.test.d.ts +1 -0
- package/inputs/Input/Input.stories/index.js +28 -13
- package/inputs/Input/Input.stories.d.ts +10 -9
- package/inputs/Input/Input.stories.js.map +7 -0
- package/inputs/Input/__stories__/AFM/index.js +27 -19
- package/inputs/Input/__stories__/AFM.d.ts +2 -2
- package/inputs/Input/__stories__/AFM.js.map +7 -0
- package/inputs/Input/__stories__/Boolean/index.js +28 -20
- package/inputs/Input/__stories__/Boolean.d.ts +2 -2
- package/inputs/Input/__stories__/Boolean.js.map +7 -0
- package/inputs/Input/__stories__/IBAN/index.js +28 -20
- package/inputs/Input/__stories__/IBAN.d.ts +2 -2
- package/inputs/Input/__stories__/IBAN.js.map +7 -0
- package/inputs/Input/__stories__/Integer/index.js +43 -29
- package/inputs/Input/__stories__/Integer.d.ts +2 -2
- package/inputs/Input/__stories__/Integer.js.map +7 -0
- package/inputs/Input/__stories__/LandlineNumber/index.js +34 -0
- package/inputs/Input/__stories__/LandlineNumber/package.json +6 -0
- package/inputs/Input/__stories__/LandlineNumber.d.ts +3 -0
- package/inputs/Input/__stories__/LandlineNumber.js.map +7 -0
- package/inputs/Input/__stories__/MobilePhone/index.js +31 -19
- package/inputs/Input/__stories__/MobilePhone.d.ts +2 -2
- package/inputs/Input/__stories__/MobilePhone.js.map +7 -0
- package/inputs/Input/__stories__/PhoneNumber/index.js +30 -19
- package/inputs/Input/__stories__/PhoneNumber.d.ts +2 -2
- package/inputs/Input/__stories__/PhoneNumber.js.map +7 -0
- package/inputs/Input/__stories__/PostalCode/index.js +27 -21
- package/inputs/Input/__stories__/PostalCode.d.ts +2 -2
- package/inputs/Input/__stories__/PostalCode.js.map +7 -0
- package/inputs/Input/__stories__/String/index.js +31 -0
- package/inputs/Input/__stories__/{Default → String}/package.json +1 -1
- package/inputs/Input/__stories__/String.d.ts +3 -0
- package/inputs/Input/__stories__/String.js.map +7 -0
- package/inputs/Input/__stories__/TextWithLimit/index.js +31 -0
- package/inputs/Input/__stories__/TextWithLimit/package.json +6 -0
- package/inputs/Input/__stories__/TextWithLimit.d.ts +3 -0
- package/inputs/Input/__stories__/TextWithLimit.js.map +7 -0
- package/inputs/Input/index.js +56 -67
- package/inputs/Input/index.js.map +7 -0
- package/inputs/Input/index.test.d.ts +1 -0
- package/inputs/Input/inputsInputScenarios/index.js +406 -0
- package/inputs/Input/inputsInputScenarios/package.json +6 -0
- package/inputs/Input/inputsInputScenarios.d.ts +57 -0
- package/inputs/Input/inputsInputScenarios.js.map +7 -0
- package/inputs/Label/Label.stories/index.js +10 -5
- package/inputs/Label/Label.stories.d.ts +1 -1
- package/inputs/Label/Label.stories.js.map +7 -0
- package/inputs/Label/__stories__/Default/index.js +33 -23
- package/inputs/Label/__stories__/Default.d.ts +2 -2
- package/inputs/Label/__stories__/Default.js.map +7 -0
- package/inputs/Label/index.d.ts +1 -1
- package/inputs/Label/index.js +12 -17
- package/inputs/Label/index.js.map +7 -0
- package/inputs/Label/index.test.d.ts +1 -0
- package/inputs/OtpInput/OtpInput.stories/index.js +10 -5
- package/inputs/OtpInput/OtpInput.stories.d.ts +1 -1
- package/inputs/OtpInput/OtpInput.stories.js.map +7 -0
- package/inputs/OtpInput/__stories__/Default/index.js +26 -24
- package/inputs/OtpInput/__stories__/Default.d.ts +2 -2
- package/inputs/OtpInput/__stories__/Default.js.map +7 -0
- package/inputs/OtpInput/index.d.ts +9 -2
- package/inputs/OtpInput/index.js +109 -103
- package/inputs/OtpInput/index.js.map +7 -0
- package/inputs/OtpInput/index.test.d.ts +1 -0
- package/inputs/Radio/Radio.stories/index.js +14 -7
- package/inputs/Radio/Radio.stories.d.ts +3 -3
- package/inputs/Radio/Radio.stories.js.map +7 -0
- package/inputs/Radio/__stories__/Conditional/index.js +88 -80
- package/inputs/Radio/__stories__/Conditional.d.ts +3 -2
- package/inputs/Radio/__stories__/Conditional.js.map +7 -0
- package/inputs/Radio/__stories__/Default/index.js +44 -41
- package/inputs/Radio/__stories__/Default.d.ts +2 -2
- package/inputs/Radio/__stories__/Default.js.map +7 -0
- package/inputs/Radio/__stories__/WithDivider/index.js +45 -42
- package/inputs/Radio/__stories__/WithDivider.d.ts +2 -2
- package/inputs/Radio/__stories__/WithDivider.js.map +7 -0
- package/inputs/Radio/index.d.ts +4 -0
- package/inputs/Radio/index.js +99 -55
- package/inputs/Radio/index.js.map +7 -0
- package/inputs/Radio/index.test.d.ts +1 -0
- package/inputs/Select/Select.stories/index.js +10 -5
- package/inputs/Select/Select.stories.d.ts +1 -1
- package/inputs/Select/Select.stories.js.map +7 -0
- package/inputs/Select/__stories__/Default/index.js +49 -47
- package/inputs/Select/__stories__/Default.d.ts +2 -2
- package/inputs/Select/__stories__/Default.js.map +7 -0
- package/inputs/Select/index.js +24 -31
- package/inputs/Select/index.js.map +7 -0
- package/inputs/Select/index.test.d.ts +1 -0
- package/inputs/index.js +21 -9
- package/inputs/index.js.map +7 -0
- package/inputs/inputsScenarios/index.js +506 -0
- package/{validators/validators.spec → inputs/inputsScenarios}/package.json +1 -1
- package/inputs/inputsScenarios.d.ts +338 -0
- package/inputs/inputsScenarios.js.map +7 -0
- package/internal/index.js +51 -34
- package/internal.js.map +7 -0
- package/lazy/index.js +64 -0
- package/{Questions/index.spec → lazy}/package.json +1 -1
- package/lazy.d.ts +70 -0
- package/lazy.js.map +7 -0
- package/locales/el/index.js +6 -0
- package/locales/el/package.json +6 -0
- package/locales/el.d.ts +2 -0
- package/locales/el.js.map +7 -0
- package/package.json +5 -7
- package/registry/index.js +146 -134
- package/registry.d.ts +3 -0
- package/registry.js.map +7 -0
- package/src/Field/FieldBase.tsx +2 -0
- package/src/Field/FieldBaseContainer.tsx +1 -1
- package/src/Field/FieldConditional.tsx +4 -0
- package/src/Field/index.tsx +7 -1
- package/src/Field/types.tsx +7 -0
- package/src/Field/utils.ts +13 -6
- package/src/FieldArray/FieldArray.stories.js +2 -2
- package/src/FieldArray/index.test.tsx +24 -0
- package/src/FieldArray/index.tsx +12 -6
- package/src/FieldObject/index.tsx +10 -2
- package/src/Fieldset/types.tsx +3 -1
- package/src/FormBuilder/FormBuilder.stories.js +1 -1
- package/src/FormBuilder/FormBuilder.tsx +15 -3
- package/src/FormBuilder/index.test.tsx +20 -0
- package/src/FormBuilder/scenarios.test.tsx +1864 -0
- package/src/MultiplicityField/MultiplicityField.stories.js +6 -6
- package/src/MultiplicityField/__stories__/PreviewDisplay.tsx +2 -2
- package/src/MultiplicityField/__stories__/WithExactLength.tsx +1 -1
- package/src/MultiplicityField/__stories__/WithMaxLength.tsx +1 -1
- package/src/MultiplicityField/__stories__/WithMinAndMaxLength.tsx +1 -1
- package/src/MultiplicityField/__stories__/WithMinLength.tsx +1 -1
- package/src/MultiplicityField/add-objects.tsx +26 -23
- package/src/MultiplicityField/index.test.tsx +40 -0
- package/src/MultiplicityField/index.tsx +9 -9
- package/src/Questions/Questions.stories.js +1 -1
- package/src/Questions/Step/StepTitle.tsx +1 -0
- package/src/Questions/Step/index.ts +0 -1
- package/src/Questions/Step/types.tsx +1 -0
- package/src/Questions/__snapshots__/index.spec.tsx.snap +67 -586
- package/src/Questions/index.mdx +4 -4
- package/src/Questions/index.spec.tsx +3 -3
- package/src/Questions/index.test.tsx +20 -0
- package/src/Questions/types.tsx +1 -0
- package/src/index.ts +4 -1
- package/src/inputs/AutoCompleteInput/AutoComplete.stories.js +2 -1
- package/src/inputs/AutoCompleteInput/__stories__/Default.tsx +27 -18
- package/src/inputs/AutoCompleteInput/__stories__/Multiple.tsx +54 -0
- package/src/inputs/AutoCompleteInput/index.mdx +29 -0
- package/src/inputs/AutoCompleteInput/index.test.tsx +24 -0
- package/src/inputs/AutoCompleteInput/index.tsx +29 -17
- package/src/inputs/Checkboxes/Checkboxes.stories.js +3 -3
- package/src/inputs/Checkboxes/__stories__/Conditional.tsx +2 -3
- package/src/inputs/Checkboxes/index.mdx +33 -0
- package/src/inputs/Checkboxes/index.test.tsx +29 -0
- package/src/inputs/Checkboxes/index.tsx +28 -26
- package/src/inputs/DateInput/DateInput.stories.js +1 -1
- package/src/inputs/DateInput/__stories__/Default.tsx +21 -15
- package/src/inputs/DateInput/index.mdx +23 -0
- package/src/inputs/DateInput/index.test.tsx +20 -0
- package/src/inputs/DateInput/index.tsx +3 -3
- package/src/inputs/FileInput/FileInput.stories.js +1 -1
- package/src/inputs/FileInput/index.mdx +19 -0
- package/src/inputs/FileInput/index.test.tsx +20 -0
- package/src/inputs/ImageInput/ImageInput.stories.js +3 -3
- package/src/inputs/ImageInput/index.mdx +19 -0
- package/src/inputs/ImageInput/index.test.tsx +28 -0
- package/src/inputs/ImageInput/index.tsx +4 -4
- package/src/inputs/Input/Input.stories.js +10 -9
- package/src/inputs/Input/__stories__/LandlineNumber.tsx +27 -0
- package/src/inputs/Input/__stories__/MobilePhone.tsx +4 -0
- package/src/inputs/Input/__stories__/PhoneNumber.tsx +4 -1
- package/src/inputs/Input/__stories__/{Default.tsx → String.tsx} +2 -2
- package/src/inputs/Input/__stories__/{TextWithCharacterLimit.tsx → TextWithLimit.tsx} +2 -2
- package/src/inputs/Input/index.mdx +90 -3
- package/src/inputs/Input/index.test.tsx +56 -0
- package/src/inputs/Input/index.tsx +13 -13
- package/src/inputs/Input/inputsInputScenarios.ts +405 -0
- package/src/inputs/Label/Label.stories.js +1 -1
- package/src/inputs/Label/index.test.tsx +20 -0
- package/src/inputs/Label/index.tsx +1 -4
- package/src/inputs/OtpInput/OtpInput.stories.js +1 -1
- package/src/inputs/OtpInput/index.mdx +23 -0
- package/src/inputs/OtpInput/index.test.tsx +20 -0
- package/src/inputs/OtpInput/index.tsx +2 -2
- package/src/inputs/Radio/Radio.stories.js +3 -3
- package/src/inputs/Radio/__stories__/Conditional.tsx +4 -1
- package/src/inputs/Radio/index.mdx +33 -0
- package/src/inputs/Radio/index.test.tsx +28 -0
- package/src/inputs/Radio/index.tsx +65 -6
- package/src/inputs/Select/Select.stories.js +1 -1
- package/src/inputs/Select/index.mdx +17 -0
- package/src/inputs/Select/index.test.tsx +20 -0
- package/src/inputs/inputsScenarios.ts +503 -0
- package/src/lazy.js +61 -0
- package/src/locales/el.ts +3 -0
- package/src/registry.js +6 -0
- package/src/types.tsx +21 -19
- package/src/utils.ts +34 -33
- package/src/validators/index.ts +5 -0
- package/src/validators/utils/file.ts +9 -9
- package/src/validators/utils/phone.ts +143 -72
- package/src/validators/validators.spec.ts +3 -37
- package/types/index.js +1 -1
- package/types.d.ts +2 -0
- package/types.js.map +7 -0
- package/utils/index.js +56 -77
- package/utils.js.map +7 -0
- package/validators/index.js +101 -110
- package/validators/index.js.map +7 -0
- package/validators/types/index.js +1 -1
- package/validators/types.js.map +7 -0
- package/validators/utils/afm/index.js +16 -16
- package/validators/utils/afm.js.map +7 -0
- package/validators/utils/file/index.js +22 -42
- package/validators/utils/file.js.map +7 -0
- package/validators/utils/iban/index.js +14 -12
- package/validators/utils/iban.js.map +7 -0
- package/validators/utils/image/index.js +66 -106
- package/validators/utils/image.js.map +7 -0
- package/validators/utils/index.js +54 -48
- package/validators/utils/index.js.map +7 -0
- package/validators/utils/int/index.js +12 -7
- package/validators/utils/int.js.map +7 -0
- package/validators/utils/number/index.js +11 -6
- package/validators/utils/number.js.map +7 -0
- package/validators/utils/otp/index.js +13 -8
- package/validators/utils/otp.js.map +7 -0
- package/validators/utils/phone/index.js +146 -82
- package/validators/utils/phone.d.ts +2 -2
- package/validators/utils/phone.js.map +7 -0
- package/validators/utils/postal_code/index.js +14 -11
- package/validators/utils/postal_code.js.map +7 -0
- package/validators/utils/text_limit/index.js +18 -20
- package/validators/utils/text_limit.js.map +7 -0
- package/validators/utils/uuid4/index.js +12 -8
- package/validators/utils/uuid4.js.map +7 -0
- package/Field/index.mdx +0 -6
- package/FieldArray/FieldArray.stories.playwright.json +0 -353
- package/FormBuilder/FormBuilder.mdx +0 -256
- package/FormBuilder/FormBuilder.stories.playwright.json +0 -52
- package/MultiplicityField/MultiplicityField.mdx +0 -590
- package/MultiplicityField/MultiplicityField.stories.playwright.json +0 -1370
- package/Questions/__snapshots__/index.spec.tsx.snap +0 -596
- package/Questions/index.mdx +0 -415
- package/Questions/index.spec/index.js +0 -59
- package/cjs/Field/index.mdx +0 -6
- package/cjs/FieldArray/FieldArray.stories.playwright.json +0 -353
- package/cjs/FormBuilder/FormBuilder.mdx +0 -256
- package/cjs/FormBuilder/FormBuilder.stories.playwright.json +0 -52
- package/cjs/MultiplicityField/MultiplicityField.mdx +0 -590
- package/cjs/MultiplicityField/MultiplicityField.stories.playwright.json +0 -1370
- package/cjs/Questions/__snapshots__/index.spec.tsx.snap +0 -596
- package/cjs/Questions/index.mdx +0 -415
- package/cjs/Questions/index.spec/index.js +0 -63
- package/cjs/create-simple-form.mdx +0 -539
- package/cjs/index.mdx +0 -51
- package/cjs/inputs/Checkboxes/Checkboxes.stories.playwright.json +0 -85
- package/cjs/inputs/Checkboxes/index.mdx +0 -0
- package/cjs/inputs/DateInput/DateInput.stories.playwright.json +0 -72
- package/cjs/inputs/FileInput/FileInput.stories.playwright.json +0 -75
- package/cjs/inputs/ImageInput/ImageInput.stories.playwright.json +0 -77
- package/cjs/inputs/Input/Input.stories.playwright.json +0 -376
- package/cjs/inputs/Input/__stories__/Default/index.js +0 -33
- package/cjs/inputs/Input/__stories__/TextWithCharacterLimit/index.js +0 -39
- package/cjs/inputs/Input/index.mdx +0 -8
- package/cjs/inputs/Label/Label.stories.playwright.json +0 -40
- package/cjs/inputs/Label/index.mdx +0 -0
- package/cjs/inputs/Radio/Radio.stories.playwright.json +0 -73
- package/cjs/inputs/Radio/index.mdx +0 -0
- package/cjs/inputs/Select/Select.stories.playwright.json +0 -22
- package/cjs/installation.mdx +0 -68
- package/cjs/validators/validators.spec/index.js +0 -87
- package/create-simple-form.mdx +0 -539
- package/index.mdx +0 -51
- package/inputs/Checkboxes/Checkboxes.stories.playwright.json +0 -85
- package/inputs/Checkboxes/index.mdx +0 -0
- package/inputs/DateInput/DateInput.stories.playwright.json +0 -72
- package/inputs/FileInput/FileInput.stories.playwright.json +0 -75
- package/inputs/ImageInput/ImageInput.stories.playwright.json +0 -77
- package/inputs/Input/Input.stories.playwright.json +0 -376
- package/inputs/Input/__stories__/Default/index.js +0 -23
- package/inputs/Input/__stories__/Default.d.ts +0 -3
- package/inputs/Input/__stories__/TextWithCharacterLimit/index.js +0 -29
- package/inputs/Input/__stories__/TextWithCharacterLimit/package.json +0 -6
- package/inputs/Input/__stories__/TextWithCharacterLimit.d.ts +0 -3
- package/inputs/Input/index.mdx +0 -8
- package/inputs/Label/Label.stories.playwright.json +0 -40
- package/inputs/Label/index.mdx +0 -0
- package/inputs/Radio/Radio.stories.playwright.json +0 -73
- package/inputs/Radio/index.mdx +0 -0
- package/inputs/Select/Select.stories.playwright.json +0 -22
- package/installation.mdx +0 -68
- package/src/FieldArray/FieldArray.stories.playwright.json +0 -353
- package/src/FormBuilder/FormBuilder.stories.playwright.json +0 -52
- package/src/MultiplicityField/MultiplicityField.stories.playwright.json +0 -1370
- package/src/inputs/Checkboxes/Checkboxes.stories.playwright.json +0 -85
- package/src/inputs/DateInput/DateInput.stories.playwright.json +0 -72
- package/src/inputs/FileInput/FileInput.stories.playwright.json +0 -75
- package/src/inputs/ImageInput/ImageInput.stories.playwright.json +0 -77
- package/src/inputs/Input/Input.stories.playwright.json +0 -376
- package/src/inputs/Label/Label.stories.playwright.json +0 -40
- package/src/inputs/Radio/Radio.stories.playwright.json +0 -73
- package/src/inputs/Select/Select.stories.playwright.json +0 -22
- package/validators/validators.spec/index.js +0 -85
|
@@ -1,36 +1,17 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
*
|
|
12
|
-
*/
|
|
13
|
-
export var Step = function Step(props) {
|
|
14
|
-
// or return all Questions and currentStepName
|
|
15
|
-
// or return a specific Step object
|
|
16
|
-
var _useContext = useContext(QuestionsContext),
|
|
17
|
-
currentStep = _useContext.currentStep,
|
|
18
|
-
submitStep = _useContext.submitStep,
|
|
19
|
-
data = _useContext.data;
|
|
20
|
-
var _useState = useState([]),
|
|
21
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
22
|
-
stepData = _useState2[0],
|
|
23
|
-
setStepData = _useState2[1];
|
|
24
|
-
var _useState3 = useState(false),
|
|
25
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
26
|
-
reviewActive = _useState4[0],
|
|
27
|
-
setReviewActive = _useState4[1];
|
|
28
|
-
var handleArraySubmit = function handleArraySubmit(_name, data) {
|
|
29
|
-
setStepData([].concat(_toConsumableArray(stepData), [data]));
|
|
1
|
+
import React, { useContext, useState } from "react";
|
|
2
|
+
import { QuestionsContext } from "@digigov/form/Questions/QuestionsContext";
|
|
3
|
+
import { StepArrayReview } from "@digigov/form/Questions/Step/StepArrayReview";
|
|
4
|
+
import { StepContext } from "@digigov/form/Questions/Step/StepContext";
|
|
5
|
+
const Step = (props) => {
|
|
6
|
+
const { currentStep, submitStep, data } = useContext(QuestionsContext);
|
|
7
|
+
const [stepData, setStepData] = useState([]);
|
|
8
|
+
const [reviewActive, setReviewActive] = useState(false);
|
|
9
|
+
const handleArraySubmit = (_name, data2) => {
|
|
10
|
+
setStepData([...stepData, data2]);
|
|
30
11
|
setReviewActive(true);
|
|
31
12
|
};
|
|
32
|
-
|
|
33
|
-
|
|
13
|
+
const handleArrayDeleteItem = (deleteIndex) => {
|
|
14
|
+
const nextStepData = stepData.filter((_item, stepIndex) => {
|
|
34
15
|
return stepIndex !== deleteIndex;
|
|
35
16
|
});
|
|
36
17
|
setStepData(nextStepData);
|
|
@@ -38,25 +19,36 @@ export var Step = function Step(props) {
|
|
|
38
19
|
setReviewActive(false);
|
|
39
20
|
}
|
|
40
21
|
};
|
|
41
|
-
|
|
42
|
-
if (
|
|
22
|
+
const handleArrayReviewStep = (data2) => {
|
|
23
|
+
if (data2.addMore === "yes") {
|
|
43
24
|
setReviewActive(false);
|
|
44
|
-
} else if (
|
|
25
|
+
} else if (data2.addMore === "no") {
|
|
45
26
|
submitStep(currentStep.name, stepData);
|
|
46
27
|
}
|
|
47
28
|
};
|
|
48
29
|
if (!currentStep || props.name !== currentStep.name) return null;
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
30
|
+
return /* @__PURE__ */ React.createElement(
|
|
31
|
+
StepContext.Provider,
|
|
32
|
+
{
|
|
33
|
+
value: {
|
|
34
|
+
...currentStep,
|
|
35
|
+
submitStep: currentStep.type === "array" ? handleArraySubmit : submitStep,
|
|
36
|
+
initial: data[props.name]
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
reviewActive ? /* @__PURE__ */ React.createElement(
|
|
40
|
+
StepArrayReview,
|
|
41
|
+
{
|
|
42
|
+
array: stepData,
|
|
43
|
+
handleSubmit: handleArrayReviewStep,
|
|
44
|
+
handleDelete: handleArrayDeleteItem
|
|
45
|
+
}
|
|
46
|
+
) : props.children
|
|
47
|
+
);
|
|
61
48
|
};
|
|
62
|
-
|
|
49
|
+
var Step_default = Step;
|
|
50
|
+
export {
|
|
51
|
+
Step,
|
|
52
|
+
Step_default as default
|
|
53
|
+
};
|
|
54
|
+
//# sourceMappingURL=Step.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/Questions/Step/Step.tsx"],
|
|
4
|
+
"sourcesContent": ["import React, { useContext, useState } from 'react';\nimport { QuestionsContext } from '@digigov/form/Questions/QuestionsContext';\nimport { StepArrayReview } from '@digigov/form/Questions/Step/StepArrayReview';\nimport { StepContext } from '@digigov/form/Questions/Step/StepContext';\nimport { StepInterface } from '@digigov/form/Questions/Step/types';\n\n/**\n * The Step component accepts Step data as props\n * uses composable components to provide a wholesome UX\n *\n */\nexport const Step: React.FC<StepInterface> = (props) => {\n // or return all Questions and currentStepName\n // or return a specific Step object\n const { currentStep, submitStep, data } = useContext(QuestionsContext);\n\n const [stepData, setStepData] = useState<Record<string, any>[]>([]);\n const [reviewActive, setReviewActive] = useState(false);\n\n const handleArraySubmit = (_name: string, data: any): void => {\n setStepData([...stepData, data]);\n setReviewActive(true);\n };\n\n const handleArrayDeleteItem = (deleteIndex: number): void => {\n const nextStepData = stepData.filter((_item, stepIndex) => {\n return stepIndex !== deleteIndex;\n });\n setStepData(nextStepData);\n if (nextStepData.length === 0) {\n setReviewActive(false);\n }\n };\n\n const handleArrayReviewStep = (data): void => {\n if (data.addMore === 'yes') {\n setReviewActive(false);\n } else if (data.addMore === 'no') {\n submitStep(currentStep.name, stepData);\n }\n };\n if (!currentStep || props.name !== currentStep.name) return null;\n\n // then provide the currentStep object\n return (\n <StepContext.Provider\n value={{\n ...currentStep,\n submitStep:\n currentStep.type === 'array' ? handleArraySubmit : submitStep,\n initial: data[props.name],\n }}\n >\n {reviewActive ? (\n <StepArrayReview\n array={stepData}\n handleSubmit={handleArrayReviewStep}\n handleDelete={handleArrayDeleteItem}\n />\n ) : (\n props.children\n )}\n </StepContext.Provider>\n );\n};\n\nexport default Step;\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,SAAS,YAAY,gBAAgB;AAC5C,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAQrB,MAAM,OAAgC,CAAC,UAAU;AAGtD,QAAM,EAAE,aAAa,YAAY,KAAK,IAAI,WAAW,gBAAgB;AAErE,QAAM,CAAC,UAAU,WAAW,IAAI,SAAgC,CAAC,CAAC;AAClE,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,oBAAoB,CAAC,OAAeA,UAAoB;AAC5D,gBAAY,CAAC,GAAG,UAAUA,KAAI,CAAC;AAC/B,oBAAgB,IAAI;AAAA,EACtB;AAEA,QAAM,wBAAwB,CAAC,gBAA8B;AAC3D,UAAM,eAAe,SAAS,OAAO,CAAC,OAAO,cAAc;AACzD,aAAO,cAAc;AAAA,IACvB,CAAC;AACD,gBAAY,YAAY;AACxB,QAAI,aAAa,WAAW,GAAG;AAC7B,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF;AAEA,QAAM,wBAAwB,CAACA,UAAe;AAC5C,QAAIA,MAAK,YAAY,OAAO;AAC1B,sBAAgB,KAAK;AAAA,IACvB,WAAWA,MAAK,YAAY,MAAM;AAChC,iBAAW,YAAY,MAAM,QAAQ;AAAA,IACvC;AAAA,EACF;AACA,MAAI,CAAC,eAAe,MAAM,SAAS,YAAY,KAAM,QAAO;AAG5D,SACE;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAG;AAAA,QACH,YACE,YAAY,SAAS,UAAU,oBAAoB;AAAA,QACrD,SAAS,KAAK,MAAM,IAAI;AAAA,MAC1B;AAAA;AAAA,IAEC,eACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,cAAc;AAAA,QACd,cAAc;AAAA;AAAA,IAChB,IAEA,MAAM;AAAA,EAEV;AAEJ;AAEA,IAAO,eAAQ;",
|
|
6
|
+
"names": ["data"]
|
|
7
|
+
}
|
|
@@ -1,46 +1,42 @@
|
|
|
1
|
-
import React, { useContext } from
|
|
2
|
-
import { Field } from
|
|
3
|
-
import { Fieldset } from
|
|
4
|
-
import FormBuilder from
|
|
5
|
-
import Label from
|
|
6
|
-
import { QuestionsContext } from
|
|
7
|
-
import { getAddMoreFields } from
|
|
8
|
-
import PageTitleContainer, {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
import {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
},
|
|
36
|
-
label: (_currentStep$review4 = currentStep.review) === null || _currentStep$review4 === void 0 ? void 0 : _currentStep$review4.addMore.title
|
|
37
|
-
}), fields.map(function (field) {
|
|
38
|
-
return /*#__PURE__*/React.createElement(Field, {
|
|
39
|
-
key: field.key,
|
|
40
|
-
name: field.key
|
|
41
|
-
});
|
|
42
|
-
})), /*#__PURE__*/React.createElement(Button, {
|
|
43
|
-
type: "submit"
|
|
44
|
-
}, t('button.submit'))));
|
|
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, {
|
|
9
|
+
PageTitleHeading
|
|
10
|
+
} from "@digigov/ui/app/PageTitleContainer";
|
|
11
|
+
import {
|
|
12
|
+
SummaryList,
|
|
13
|
+
SummaryListItem,
|
|
14
|
+
SummaryListItemKey,
|
|
15
|
+
SummaryListItemValue,
|
|
16
|
+
SummaryListItemAction
|
|
17
|
+
} from "@digigov/ui/content/SummaryList";
|
|
18
|
+
import Button from "@digigov/ui/form/Button";
|
|
19
|
+
import { useTranslation } from "@digigov/ui/i18n";
|
|
20
|
+
const StepArrayReview = (props) => {
|
|
21
|
+
const { t } = useTranslation();
|
|
22
|
+
const { currentStep } = useContext(QuestionsContext);
|
|
23
|
+
const fields = getAddMoreFields(currentStep);
|
|
24
|
+
const primaryField = currentStep.fields.find(
|
|
25
|
+
(field) => field.key === currentStep.review?.primaryFieldKey
|
|
26
|
+
) || {};
|
|
27
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(PageTitleContainer, null, /* @__PURE__ */ React.createElement(PageTitleHeading, null, currentStep.review?.title && t(currentStep.review?.title))), /* @__PURE__ */ React.createElement(SummaryList, null, props.array.map(
|
|
28
|
+
(item, idx) => /* @__PURE__ */ React.createElement(SummaryListItem, { key: idx }, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, t(primaryField.label.primary)), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, item[primaryField.key]), /* @__PURE__ */ React.createElement(
|
|
29
|
+
SummaryListItemAction,
|
|
30
|
+
{
|
|
31
|
+
onClick: () => props.handleDelete(idx)
|
|
32
|
+
},
|
|
33
|
+
t("button.delete")
|
|
34
|
+
))
|
|
35
|
+
)), /* @__PURE__ */ React.createElement(FormBuilder, { key: "addmore", fields, onSubmit: props.handleSubmit }, /* @__PURE__ */ React.createElement(Fieldset, null, /* @__PURE__ */ React.createElement(Label, { label: currentStep.review?.addMore.title }), fields.map((field) => /* @__PURE__ */ React.createElement(Field, { key: field.key, name: field.key }))), /* @__PURE__ */ React.createElement(Button, { type: "submit" }, t("button.submit"))));
|
|
45
36
|
};
|
|
46
|
-
|
|
37
|
+
var StepArrayReview_default = StepArrayReview;
|
|
38
|
+
export {
|
|
39
|
+
StepArrayReview,
|
|
40
|
+
StepArrayReview_default as default
|
|
41
|
+
};
|
|
42
|
+
//# sourceMappingURL=StepArrayReview.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/Questions/Step/StepArrayReview.tsx"],
|
|
4
|
+
"sourcesContent": ["import React, { useContext } from 'react';\nimport { Field } from '@digigov/form/Field';\nimport { Fieldset } from '@digigov/form/Fieldset';\nimport FormBuilder from '@digigov/form/FormBuilder';\nimport Label from '@digigov/form/inputs/Label';\nimport { QuestionsContext } from '@digigov/form/Questions/QuestionsContext';\nimport { getAddMoreFields } from '@digigov/form/Questions/Step/getAddMoreFields';\nimport { StepArrayReviewInterface } from '@digigov/form/Questions/Step/types';\nimport { FieldSpec } from '@digigov/form/types';\nimport PageTitleContainer, {\n PageTitleHeading,\n} from '@digigov/ui/app/PageTitleContainer';\nimport {\n SummaryList,\n SummaryListItem,\n SummaryListItemKey,\n SummaryListItemValue,\n SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport Button from '@digigov/ui/form/Button';\nimport { useTranslation } from '@digigov/ui/i18n';\n\nexport const StepArrayReview: React.FC<StepArrayReviewInterface> = (props) => {\n const { t } = useTranslation();\n const { currentStep } = useContext(QuestionsContext);\n const fields = getAddMoreFields(currentStep);\n const primaryField =\n currentStep.fields.find(\n (field: { key: any }) => field.key === currentStep.review?.primaryFieldKey\n ) || {};\n return (\n <>\n <PageTitleContainer>\n <PageTitleHeading>\n {currentStep.review?.title && t(currentStep.review?.title)}\n </PageTitleHeading>\n </PageTitleContainer>\n <SummaryList>\n {props.array.map(\n (item: { [x: string]: React.ReactNode }, idx: number) => (\n <SummaryListItem key={idx}>\n <SummaryListItemKey>\n {t(primaryField.label.primary)}\n </SummaryListItemKey>\n <SummaryListItemValue>\n {item[primaryField.key]}\n </SummaryListItemValue>\n <SummaryListItemAction\n onClick={(): void => props.handleDelete(idx)}\n >\n {t('button.delete')}\n </SummaryListItemAction>\n </SummaryListItem>\n )\n )}\n </SummaryList>\n <FormBuilder key=\"addmore\" fields={fields} onSubmit={props.handleSubmit}>\n <Fieldset>\n <Label label={currentStep.review?.addMore.title} />\n {fields.map((field: FieldSpec) => (\n <Field key={field.key} name={field.key} />\n ))}\n </Fieldset>\n <Button type=\"submit\">{t('button.submit')}</Button>\n </FormBuilder>\n </>\n );\n};\n\nexport default StepArrayReview;\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,SAAS,kBAAkB;AAClC,SAAS,aAAa;AACtB,SAAS,gBAAgB;AACzB,OAAO,iBAAiB;AACxB,OAAO,WAAW;AAClB,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAGjC,OAAO;AAAA,EACL;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,YAAY;AACnB,SAAS,sBAAsB;AAExB,MAAM,kBAAsD,CAAC,UAAU;AAC5E,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,YAAY,IAAI,WAAW,gBAAgB;AACnD,QAAM,SAAS,iBAAiB,WAAW;AAC3C,QAAM,eACJ,YAAY,OAAO;AAAA,IACjB,CAAC,UAAwB,MAAM,QAAQ,YAAY,QAAQ;AAAA,EAC7D,KAAK,CAAC;AACR,SACE,0DACE,oCAAC,0BACC,oCAAC,wBACE,YAAY,QAAQ,SAAS,EAAE,YAAY,QAAQ,KAAK,CAC3D,CACF,GACA,oCAAC,mBACE,MAAM,MAAM;AAAA,IACX,CAAC,MAAwC,QACvC,oCAAC,mBAAgB,KAAK,OACpB,oCAAC,0BACE,EAAE,aAAa,MAAM,OAAO,CAC/B,GACA,oCAAC,4BACE,KAAK,aAAa,GAAG,CACxB,GACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAY,MAAM,aAAa,GAAG;AAAA;AAAA,MAE1C,EAAE,eAAe;AAAA,IACpB,CACF;AAAA,EAEJ,CACF,GACA,oCAAC,eAAY,KAAI,WAAU,QAAgB,UAAU,MAAM,gBACzD,oCAAC,gBACC,oCAAC,SAAM,OAAO,YAAY,QAAQ,QAAQ,OAAO,GAChD,OAAO,IAAI,CAAC,UACX,oCAAC,SAAM,KAAK,MAAM,KAAK,MAAM,MAAM,KAAK,CACzC,CACH,GACA,oCAAC,UAAO,MAAK,YAAU,EAAE,eAAe,CAAE,CAC5C,CACF;AAEJ;AAEA,IAAO,0BAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,27 +1,23 @@
|
|
|
1
|
-
import { createContext } from
|
|
2
|
-
|
|
3
|
-
name:
|
|
1
|
+
import { createContext } from "react";
|
|
2
|
+
const StepContext = createContext({
|
|
3
|
+
name: "",
|
|
4
4
|
fields: [],
|
|
5
5
|
initial: [],
|
|
6
6
|
errorLabels: [],
|
|
7
|
-
submitStep:
|
|
7
|
+
submitStep: "",
|
|
8
8
|
review: {
|
|
9
|
-
title:
|
|
10
|
-
primaryFieldKey:
|
|
9
|
+
title: "",
|
|
10
|
+
primaryFieldKey: "",
|
|
11
11
|
addMore: {
|
|
12
|
-
title: {
|
|
13
|
-
|
|
14
|
-
},
|
|
15
|
-
answers: {
|
|
16
|
-
positive: {
|
|
17
|
-
primary: 'Yes'
|
|
18
|
-
},
|
|
19
|
-
negative: {
|
|
20
|
-
primary: 'No'
|
|
21
|
-
}
|
|
22
|
-
}
|
|
12
|
+
title: { primary: "" },
|
|
13
|
+
answers: { positive: { primary: "Yes" }, negative: { primary: "No" } }
|
|
23
14
|
}
|
|
24
15
|
},
|
|
25
|
-
type:
|
|
16
|
+
type: "object"
|
|
26
17
|
});
|
|
27
|
-
|
|
18
|
+
var StepContext_default = StepContext;
|
|
19
|
+
export {
|
|
20
|
+
StepContext,
|
|
21
|
+
StepContext_default as default
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=StepContext.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/Questions/Step/StepContext.tsx"],
|
|
4
|
+
"sourcesContent": ["import { createContext } from 'react';\nimport { StepInterface } from '@digigov/form/Questions/Step/types';\n\nexport const StepContext = createContext<StepInterface>({\n name: '',\n fields: [],\n initial: [],\n errorLabels: [],\n submitStep: '',\n review: {\n title: '',\n primaryFieldKey: '',\n addMore: {\n title: { primary: '' },\n answers: { positive: { primary: 'Yes' }, negative: { primary: 'No' } },\n },\n },\n type: 'object',\n});\n\nexport default StepContext;\n"],
|
|
5
|
+
"mappings": "AAAA,SAAS,qBAAqB;AAGvB,MAAM,cAAc,cAA6B;AAAA,EACtD,MAAM;AAAA,EACN,QAAQ,CAAC;AAAA,EACT,SAAS,CAAC;AAAA,EACV,aAAa,CAAC;AAAA,EACd,YAAY;AAAA,EACZ,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,iBAAiB;AAAA,IACjB,SAAS;AAAA,MACP,OAAO,EAAE,SAAS,GAAG;AAAA,MACrB,SAAS,EAAE,UAAU,EAAE,SAAS,MAAM,GAAG,UAAU,EAAE,SAAS,KAAK,EAAE;AAAA,IACvE;AAAA,EACF;AAAA,EACA,MAAM;AACR,CAAC;AAED,IAAO,sBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var _useTranslation = useTranslation(),
|
|
13
|
-
t = _useTranslation.t;
|
|
14
|
-
return /*#__PURE__*/React.createElement(Paragraph, props, children || description && t(description));
|
|
1
|
+
import React, { useContext } from "react";
|
|
2
|
+
import { StepContext } from "@digigov/form/Questions/Step/StepContext";
|
|
3
|
+
import { useTranslation } from "@digigov/ui/i18n";
|
|
4
|
+
import Paragraph from "@digigov/ui/typography/Paragraph";
|
|
5
|
+
const StepDescriptionBase = ({
|
|
6
|
+
children,
|
|
7
|
+
description,
|
|
8
|
+
...props
|
|
9
|
+
}) => {
|
|
10
|
+
const { t } = useTranslation();
|
|
11
|
+
return /* @__PURE__ */ React.createElement(Paragraph, { ...props }, children || description && t(description));
|
|
15
12
|
};
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
return /*#__PURE__*/React.createElement(StepDescriptionBase, _extends({
|
|
21
|
-
description: description
|
|
22
|
-
}, props), props.children);
|
|
13
|
+
const StepDescription = (props) => {
|
|
14
|
+
const { description: descriptionContext } = useContext(StepContext);
|
|
15
|
+
const description = props.description || descriptionContext;
|
|
16
|
+
return /* @__PURE__ */ React.createElement(StepDescriptionBase, { description, ...props }, props.children);
|
|
23
17
|
};
|
|
24
|
-
|
|
18
|
+
var StepDescription_default = StepDescription;
|
|
19
|
+
export {
|
|
20
|
+
StepDescription,
|
|
21
|
+
StepDescriptionBase,
|
|
22
|
+
StepDescription_default as default
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=StepDescription.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/Questions/Step/StepDescription.tsx"],
|
|
4
|
+
"sourcesContent": ["import React, { useContext } from 'react';\nimport { StepContext } from '@digigov/form/Questions/Step/StepContext';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport Paragraph, { ParagraphProps } from '@digigov/ui/typography/Paragraph';\n\nexport interface StepDescriptionInterface extends ParagraphProps {\n description?: string;\n}\n\nexport const StepDescriptionBase: React.FC<StepDescriptionInterface> = ({\n children,\n description,\n ...props\n}) => {\n const { t } = useTranslation();\n return (\n <Paragraph {...props}>\n {children || (description && t(description))}\n </Paragraph>\n );\n};\n\nexport const StepDescription: React.FC<StepDescriptionInterface> = (props) => {\n const { description: descriptionContext } = useContext(StepContext);\n const description = props.description || descriptionContext;\n return (\n <StepDescriptionBase description={description} {...props}>\n {props.children}\n </StepDescriptionBase>\n );\n};\n\nexport default StepDescription;\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,SAAS,kBAAkB;AAClC,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,OAAO,eAAmC;AAMnC,MAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,SACE,oCAAC,aAAW,GAAG,SACZ,YAAa,eAAe,EAAE,WAAW,CAC5C;AAEJ;AAEO,MAAM,kBAAsD,CAAC,UAAU;AAC5E,QAAM,EAAE,aAAa,mBAAmB,IAAI,WAAW,WAAW;AAClE,QAAM,cAAc,MAAM,eAAe;AACzC,SACE,oCAAC,uBAAoB,aAA2B,GAAG,SAChD,MAAM,QACT;AAEJ;AAEA,IAAO,0BAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,44 +1,34 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
initial: initial,
|
|
29
|
-
fields: fields,
|
|
30
|
-
onSubmit: function onSubmit(data) {
|
|
31
|
-
submitStep(name, data);
|
|
32
|
-
}
|
|
33
|
-
}, children ? /*#__PURE__*/React.createElement(React.Fragment, null, children, submitButton && /*#__PURE__*/React.createElement(Button, {
|
|
34
|
-
type: "submit"
|
|
35
|
-
}, t('button.continue'))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Fieldset, null, fields.map(function (field) {
|
|
36
|
-
return /*#__PURE__*/React.createElement(Field, {
|
|
37
|
-
key: field.key,
|
|
38
|
-
name: field.key
|
|
39
|
-
});
|
|
40
|
-
})), /*#__PURE__*/React.createElement(Button, {
|
|
41
|
-
type: "submit"
|
|
42
|
-
}, t('button.continue'))));
|
|
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 { StepContext } from "@digigov/form/Questions/Step/StepContext";
|
|
6
|
+
import Button from "@digigov/ui/form/Button";
|
|
7
|
+
import { useTranslation } from "@digigov/ui/i18n";
|
|
8
|
+
const StepForm = ({
|
|
9
|
+
children,
|
|
10
|
+
submitButton,
|
|
11
|
+
...props
|
|
12
|
+
}) => {
|
|
13
|
+
const { t } = useTranslation();
|
|
14
|
+
const { name, submitStep, ...rest } = useContext(StepContext);
|
|
15
|
+
const fields = rest.fields.length ? rest.fields : props.fields;
|
|
16
|
+
const initial = rest.initial ? rest.initial : props.initial;
|
|
17
|
+
return /* @__PURE__ */ React.createElement(
|
|
18
|
+
FormBuilder,
|
|
19
|
+
{
|
|
20
|
+
initial,
|
|
21
|
+
fields,
|
|
22
|
+
onSubmit: (data) => {
|
|
23
|
+
submitStep(name, data);
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
children ? /* @__PURE__ */ React.createElement(React.Fragment, null, children, submitButton && /* @__PURE__ */ React.createElement(Button, { type: "submit" }, t("button.continue"))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Fieldset, null, fields.map((field) => /* @__PURE__ */ React.createElement(Field, { key: field.key, name: field.key }))), /* @__PURE__ */ React.createElement(Button, { type: "submit" }, t("button.continue")))
|
|
27
|
+
);
|
|
43
28
|
};
|
|
44
|
-
|
|
29
|
+
var StepForm_default = StepForm;
|
|
30
|
+
export {
|
|
31
|
+
StepForm,
|
|
32
|
+
StepForm_default as default
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=StepForm.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/Questions/Step/StepForm.tsx"],
|
|
4
|
+
"sourcesContent": ["import React, { useContext } from 'react';\nimport Field from '@digigov/form/Field';\nimport { FieldProps } from '@digigov/form/Field/types';\nimport Fieldset from '@digigov/form/Fieldset';\nimport FormBuilder from '@digigov/form/FormBuilder';\nimport { StepContext } from '@digigov/form/Questions/Step/StepContext';\nimport { FormBuilderProps } from '@digigov/form/types';\nimport Button from '@digigov/ui/form/Button';\nimport { useTranslation } from '@digigov/ui/i18n';\n\nexport interface StepFormProps {\n submitButton: boolean;\n children: React.ReactNode;\n fields?: FieldProps[];\n initial?: FormBuilderProps['initial'];\n}\n\n/**\n * The StepForm component accepts a title, a caption and a\n * decription about the Step asked to the User\n */\nexport const StepForm: React.FC<StepFormProps> = ({\n children,\n submitButton,\n ...props\n}) => {\n const { t } = useTranslation();\n const { name, submitStep, ...rest } = useContext(StepContext);\n const fields = rest.fields.length ? rest.fields : props.fields;\n const initial = rest.initial ? rest.initial : props.initial;\n return (\n <FormBuilder\n initial={initial}\n fields={fields}\n onSubmit={(data): void => {\n submitStep(name, data);\n }}\n >\n {children ? (\n <>\n {children}\n {submitButton && (\n <Button type=\"submit\">{t('button.continue')}</Button>\n )}\n </>\n ) : (\n <>\n <Fieldset>\n {fields.map((field) => (\n <Field key={field.key} name={field.key} />\n ))}\n </Fieldset>\n <Button type=\"submit\">{t('button.continue')}</Button>\n </>\n )}\n </FormBuilder>\n );\n};\n\nexport default StepForm;\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,SAAS,kBAAkB;AAClC,OAAO,WAAW;AAElB,OAAO,cAAc;AACrB,OAAO,iBAAiB;AACxB,SAAS,mBAAmB;AAE5B,OAAO,YAAY;AACnB,SAAS,sBAAsB;AAaxB,MAAM,WAAoC,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,MAAM,YAAY,GAAG,KAAK,IAAI,WAAW,WAAW;AAC5D,QAAM,SAAS,KAAK,OAAO,SAAS,KAAK,SAAS,MAAM;AACxD,QAAM,UAAU,KAAK,UAAU,KAAK,UAAU,MAAM;AACpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,UAAU,CAAC,SAAe;AACxB,mBAAW,MAAM,IAAI;AAAA,MACvB;AAAA;AAAA,IAEC,WACC,0DACG,UACA,gBACC,oCAAC,UAAO,MAAK,YAAU,EAAE,iBAAiB,CAAE,CAEhD,IAEA,0DACE,oCAAC,gBACE,OAAO,IAAI,CAAC,UACX,oCAAC,SAAM,KAAK,MAAM,KAAK,MAAM,MAAM,KAAK,CACzC,CACH,GACA,oCAAC,UAAO,MAAK,YAAU,EAAE,iBAAiB,CAAE,CAC9C;AAAA,EAEJ;AAEJ;AAEA,IAAO,mBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export var StepQuote = function StepQuote(_ref) {
|
|
6
|
-
var children = _ref.children,
|
|
7
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
8
|
-
return /*#__PURE__*/React.createElement(Paragraph, props, children);
|
|
1
|
+
import React from "react";
|
|
2
|
+
import Paragraph from "@digigov/ui/typography/Paragraph";
|
|
3
|
+
const StepQuote = ({ children, ...props }) => {
|
|
4
|
+
return /* @__PURE__ */ React.createElement(Paragraph, { ...props }, children);
|
|
9
5
|
};
|
|
10
|
-
|
|
6
|
+
var StepQuote_default = StepQuote;
|
|
7
|
+
export {
|
|
8
|
+
StepQuote,
|
|
9
|
+
StepQuote_default as default
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=StepQuote.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/Questions/Step/StepQuote.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport Paragraph, { ParagraphProps } from '@digigov/ui/typography/Paragraph';\n\nexport const StepQuote: React.FC<ParagraphProps> = ({ children, ...props }) => {\n return <Paragraph {...props}>{children}</Paragraph>;\n};\n\nexport default StepQuote;\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,eAAmC;AAEnC,MAAM,YAAsC,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AAC7E,SAAO,oCAAC,aAAW,GAAG,SAAQ,QAAS;AACzC;AAEA,IAAO,oBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,41 +1,43 @@
|
|
|
1
|
-
import React, { useContext } from
|
|
2
|
-
import { StepContext } from
|
|
3
|
-
import Heading from
|
|
4
|
-
import HeadingCaption from
|
|
5
|
-
import PageTitleContainer, {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
import React, { useContext } from "react";
|
|
2
|
+
import { StepContext } from "@digigov/form/Questions/Step/StepContext";
|
|
3
|
+
import Heading from "@digigov/react-core/Heading";
|
|
4
|
+
import HeadingCaption from "@digigov/react-core/HeadingCaption";
|
|
5
|
+
import PageTitleContainer, {
|
|
6
|
+
PageTitleCaption
|
|
7
|
+
} from "@digigov/ui/app/PageTitleContainer";
|
|
8
|
+
import { useTranslation } from "@digigov/ui/i18n";
|
|
9
|
+
import { BackLink } from "@digigov/ui/navigation/BackLink";
|
|
10
|
+
const StepTitleHeading = (props) => {
|
|
11
|
+
return /* @__PURE__ */ React.createElement(Heading, null, props.children);
|
|
10
12
|
};
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
return
|
|
20
|
-
size: "xl"
|
|
21
|
-
}, caption && t(caption)), step && /*#__PURE__*/React.createElement(PageTitleCaption, null, step), /*#__PURE__*/React.createElement(StepTitleHeading, null, title && t(title)))));
|
|
13
|
+
const StepTitleBase = ({
|
|
14
|
+
caption,
|
|
15
|
+
step,
|
|
16
|
+
title,
|
|
17
|
+
backButton,
|
|
18
|
+
children
|
|
19
|
+
}) => {
|
|
20
|
+
const { t } = useTranslation();
|
|
21
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(BackLink, null, backButton || t("button.back")), /* @__PURE__ */ React.createElement(PageTitleContainer, null, children || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(HeadingCaption, { size: "xl" }, caption && t(caption)), step && /* @__PURE__ */ React.createElement(PageTitleCaption, null, step), /* @__PURE__ */ React.createElement(StepTitleHeading, null, title && t(title)))));
|
|
22
22
|
};
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
backButton: backButton,
|
|
36
|
-
caption: caption,
|
|
37
|
-
step: step,
|
|
38
|
-
title: title
|
|
39
|
-
}, props.children);
|
|
23
|
+
const StepTitle = (props) => {
|
|
24
|
+
const { caption, title, step, backButton } = useContext(StepContext);
|
|
25
|
+
return /* @__PURE__ */ React.createElement(
|
|
26
|
+
StepTitleBase,
|
|
27
|
+
{
|
|
28
|
+
backButton,
|
|
29
|
+
caption,
|
|
30
|
+
step,
|
|
31
|
+
title
|
|
32
|
+
},
|
|
33
|
+
props.children
|
|
34
|
+
);
|
|
40
35
|
};
|
|
41
|
-
|
|
36
|
+
var StepTitle_default = StepTitle;
|
|
37
|
+
export {
|
|
38
|
+
StepTitle,
|
|
39
|
+
StepTitleBase,
|
|
40
|
+
StepTitleHeading,
|
|
41
|
+
StepTitle_default as default
|
|
42
|
+
};
|
|
43
|
+
//# sourceMappingURL=StepTitle.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/Questions/Step/StepTitle.tsx"],
|
|
4
|
+
"sourcesContent": ["import React, { useContext } from 'react';\nimport { StepContext } from '@digigov/form/Questions/Step/StepContext';\nimport Heading, { HeadingProps } from '@digigov/react-core/Heading';\nimport HeadingCaption from '@digigov/react-core/HeadingCaption';\nimport PageTitleContainer, {\n PageTitleCaption,\n} from '@digigov/ui/app/PageTitleContainer';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport { BackLink } from '@digigov/ui/navigation/BackLink';\n\nexport interface StepTitleInterface {\n title?: string;\n backButton?: string;\n caption?: string;\n step?: string;\n children?: React.ReactNode;\n}\n\nexport const StepTitleHeading: React.FC<HeadingProps> = (props) => {\n return <Heading>{props.children}</Heading>;\n};\n\nexport const StepTitleBase: React.FC<StepTitleInterface> = ({\n caption,\n step,\n title,\n backButton,\n children,\n}): React.ReactElement => {\n const { t } = useTranslation();\n return (\n <>\n <BackLink>{backButton || t('button.back')}</BackLink>\n <PageTitleContainer>\n {children || (\n <>\n <HeadingCaption size=\"xl\">{caption && t(caption)}</HeadingCaption>\n {step && <PageTitleCaption>{step}</PageTitleCaption>}\n <StepTitleHeading>{title && t(title)}</StepTitleHeading>\n </>\n )}\n </PageTitleContainer>\n </>\n );\n};\n\n/**\n * The StepTitle component accepts a title, a caption and a step indicator\n * about the Step asked to the User\n */\nexport const StepTitle: React.FC<StepTitleInterface> = (props) => {\n const { caption, title, step, backButton } = useContext(StepContext);\n return (\n <StepTitleBase\n backButton={backButton}\n caption={caption}\n step={step}\n title={title}\n >\n {props.children}\n </StepTitleBase>\n );\n};\n\nexport default StepTitle;\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,SAAS,kBAAkB;AAClC,SAAS,mBAAmB;AAC5B,OAAO,aAA+B;AACtC,OAAO,oBAAoB;AAC3B,OAAO;AAAA,EACL;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB;AAUlB,MAAM,mBAA2C,CAAC,UAAU;AACjE,SAAO,oCAAC,eAAS,MAAM,QAAS;AAClC;AAEO,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AACxB,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,SACE,0DACE,oCAAC,gBAAU,cAAc,EAAE,aAAa,CAAE,GAC1C,oCAAC,0BACE,YACC,0DACE,oCAAC,kBAAe,MAAK,QAAM,WAAW,EAAE,OAAO,CAAE,GAChD,QAAQ,oCAAC,wBAAkB,IAAK,GACjC,oCAAC,wBAAkB,SAAS,EAAE,KAAK,CAAE,CACvC,CAEJ,CACF;AAEJ;AAMO,MAAM,YAA0C,CAAC,UAAU;AAChE,QAAM,EAAE,SAAS,OAAO,MAAM,WAAW,IAAI,WAAW,WAAW;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEC,MAAM;AAAA,EACT;AAEJ;AAEA,IAAO,oBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,21 +1,29 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
1
|
+
const getAddMoreFields = (currentStep) => {
|
|
2
|
+
return [
|
|
3
|
+
{
|
|
4
|
+
key: "addMore",
|
|
5
|
+
type: "choice:single",
|
|
6
|
+
required: true,
|
|
7
|
+
extra: {
|
|
8
|
+
options: [
|
|
9
|
+
{
|
|
10
|
+
label: currentStep.review?.addMore.answers.positive || {
|
|
11
|
+
primary: "Yes"
|
|
12
|
+
},
|
|
13
|
+
value: "yes"
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
label: currentStep.review?.addMore.answers.negative || {
|
|
17
|
+
primary: "No"
|
|
18
|
+
},
|
|
19
|
+
value: "no"
|
|
20
|
+
}
|
|
21
|
+
]
|
|
22
|
+
}
|
|
19
23
|
}
|
|
20
|
-
|
|
21
|
-
};
|
|
24
|
+
];
|
|
25
|
+
};
|
|
26
|
+
export {
|
|
27
|
+
getAddMoreFields
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=getAddMoreFields.js.map
|