@digigov/form 1.2.0-dcbd7ded → 2.0.0-7d9a8d86
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 +74 -68
- package/Field/FieldBase.js.map +7 -0
- package/Field/FieldBaseContainer/index.js +40 -34
- package/Field/FieldBaseContainer.js.map +7 -0
- package/Field/FieldConditional/index.js +48 -41
- package/Field/FieldConditional.js.map +7 -0
- package/Field/index.js +66 -61
- package/Field/index.js.map +7 -0
- package/Field/types/index.js +1 -1
- package/Field/types.js.map +7 -0
- package/Field/utils/index.js +84 -85
- package/Field/utils.js.map +7 -0
- package/FieldArray/FieldArray.stories/index.js +10 -6
- package/FieldArray/FieldArray.stories.js.map +7 -0
- package/FieldArray/__stories__/Default/index.js +90 -81
- package/FieldArray/__stories__/Default.js.map +7 -0
- package/FieldArray/__stories__/WithExactLength/index.js +90 -81
- package/FieldArray/__stories__/WithExactLength.js.map +7 -0
- package/FieldArray/index.js +49 -54
- package/FieldArray/index.js.map +7 -0
- package/FieldObject/index.js +52 -50
- package/FieldObject/index.js.map +7 -0
- package/Fieldset/FieldsetWithContext/index.js +28 -31
- package/Fieldset/FieldsetWithContext.js.map +7 -0
- package/Fieldset/index.js +33 -26
- package/Fieldset/index.js.map +7 -0
- package/Fieldset/types/index.js +1 -1
- 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 +99 -113
- package/FormBuilder/FormBuilder.js.map +7 -0
- package/FormBuilder/FormBuilder.stories/index.js +9 -5
- package/FormBuilder/FormBuilder.stories.js.map +7 -0
- package/FormBuilder/__stories__/Default/index.js +23 -23
- package/FormBuilder/__stories__/Default.js.map +7 -0
- package/FormBuilder/index.js +6 -2
- package/FormBuilder/index.js.map +7 -0
- package/FormContext/index.js +7 -3
- package/FormContext.js.map +7 -0
- package/MultiplicityField/MultiplicityField.stories/index.js +14 -10
- package/MultiplicityField/MultiplicityField.stories.js.map +7 -0
- package/MultiplicityField/__stories__/Default/index.js +94 -85
- package/MultiplicityField/__stories__/Default.js.map +7 -0
- package/MultiplicityField/__stories__/PreviewDisplay/index.js +84 -65
- package/MultiplicityField/__stories__/PreviewDisplay.js.map +7 -0
- package/MultiplicityField/__stories__/WithExactLength/index.js +91 -80
- package/MultiplicityField/__stories__/WithExactLength.js.map +7 -0
- package/MultiplicityField/__stories__/WithMaxLength/index.js +94 -83
- package/MultiplicityField/__stories__/WithMaxLength.js.map +7 -0
- package/MultiplicityField/__stories__/WithMinAndMaxLength/index.js +95 -84
- package/MultiplicityField/__stories__/WithMinAndMaxLength.js.map +7 -0
- package/MultiplicityField/__stories__/WithMinLength/index.js +94 -83
- package/MultiplicityField/__stories__/WithMinLength.js.map +7 -0
- package/MultiplicityField/add-objects/index.js +100 -131
- package/MultiplicityField/add-objects.js.map +7 -0
- package/MultiplicityField/index.js +94 -98
- package/MultiplicityField/index.js.map +7 -0
- package/Questions/Questions/index.js +35 -50
- package/Questions/Questions.js.map +7 -0
- package/Questions/Questions.stories/index.js +9 -5
- 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 +40 -46
- package/Questions/Step/ReviewStep.js.map +7 -0
- package/Questions/Step/Step/index.js +29 -43
- package/Questions/Step/Step.js.map +7 -0
- package/Questions/Step/StepArrayReview/index.js +43 -42
- 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 +27 -22
- package/Questions/Step/StepDescription.js.map +7 -0
- package/Questions/Step/StepForm/index.js +32 -39
- package/Questions/Step/StepForm.js.map +7 -0
- package/Questions/Step/StepQuote/index.js +12 -9
- package/Questions/Step/StepQuote.js.map +7 -0
- package/Questions/Step/StepTitle/index.js +36 -36
- 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.js +17 -13
- package/Questions/Step/index.js.map +7 -0
- package/Questions/Step/types/index.js +1 -1
- package/Questions/Step/types.js.map +7 -0
- package/Questions/__stories__/Default/index.js +111 -98
- package/Questions/__stories__/Default.js.map +7 -0
- package/Questions/getNextStep/index.js +10 -10
- package/Questions/getNextStep.js.map +7 -0
- package/Questions/index.js +7 -3
- package/Questions/index.js.map +7 -0
- package/Questions/index.spec/index.js +63 -57
- package/Questions/index.spec.js.map +7 -0
- package/Questions/types/index.js +1 -1
- package/Questions/types.js.map +7 -0
- package/cjs/Field/FieldBase/index.js +100 -74
- package/cjs/Field/FieldBase.js.map +7 -0
- package/cjs/Field/FieldBaseContainer/index.js +66 -40
- package/cjs/Field/FieldBaseContainer.js.map +7 -0
- package/cjs/Field/FieldConditional/index.js +74 -47
- package/cjs/Field/FieldConditional.js.map +7 -0
- package/cjs/Field/index.js +92 -70
- package/cjs/Field/index.js.map +7 -0
- package/cjs/Field/types/index.js +4 -5
- package/cjs/Field/types.js.map +7 -0
- package/cjs/Field/utils/index.js +120 -106
- package/cjs/Field/utils.js.map +7 -0
- package/cjs/FieldArray/FieldArray.stories/index.js +36 -37
- package/cjs/FieldArray/FieldArray.stories.js.map +7 -0
- package/cjs/FieldArray/__stories__/Default/index.js +116 -90
- package/cjs/FieldArray/__stories__/Default.js.map +7 -0
- package/cjs/FieldArray/__stories__/WithExactLength/index.js +116 -90
- package/cjs/FieldArray/__stories__/WithExactLength.js.map +7 -0
- package/cjs/FieldArray/index.js +75 -60
- package/cjs/FieldArray/index.js.map +7 -0
- package/cjs/FieldObject/index.js +78 -59
- package/cjs/FieldObject/index.js.map +7 -0
- package/cjs/Fieldset/FieldsetWithContext/index.js +49 -40
- package/cjs/Fieldset/FieldsetWithContext.js.map +7 -0
- package/cjs/Fieldset/index.js +61 -36
- package/cjs/Fieldset/index.js.map +7 -0
- package/cjs/Fieldset/types/index.js +4 -5
- package/cjs/Fieldset/types.js.map +7 -0
- package/cjs/Form.stories/index.js +15 -8
- package/cjs/Form.stories.js.map +7 -0
- package/cjs/FormBuilder/FormBuilder/index.js +127 -123
- package/cjs/FormBuilder/FormBuilder.js.map +7 -0
- package/cjs/FormBuilder/FormBuilder.stories/index.js +35 -25
- package/cjs/FormBuilder/FormBuilder.stories.js.map +7 -0
- package/cjs/FormBuilder/__stories__/Default/index.js +50 -33
- package/cjs/FormBuilder/__stories__/Default.js.map +7 -0
- package/cjs/FormBuilder/index.js +30 -7
- package/cjs/FormBuilder/index.js.map +7 -0
- package/cjs/FormContext/index.js +33 -8
- package/cjs/FormContext.js.map +7 -0
- package/cjs/MultiplicityField/MultiplicityField.stories/index.js +40 -85
- package/cjs/MultiplicityField/MultiplicityField.stories.js.map +7 -0
- package/cjs/MultiplicityField/__stories__/Default/index.js +120 -94
- package/cjs/MultiplicityField/__stories__/Default.js.map +7 -0
- package/cjs/MultiplicityField/__stories__/PreviewDisplay/index.js +93 -74
- package/cjs/MultiplicityField/__stories__/PreviewDisplay.js.map +7 -0
- package/cjs/MultiplicityField/__stories__/WithExactLength/index.js +117 -89
- package/cjs/MultiplicityField/__stories__/WithExactLength.js.map +7 -0
- package/cjs/MultiplicityField/__stories__/WithMaxLength/index.js +120 -92
- package/cjs/MultiplicityField/__stories__/WithMaxLength.js.map +7 -0
- package/cjs/MultiplicityField/__stories__/WithMinAndMaxLength/index.js +121 -93
- package/cjs/MultiplicityField/__stories__/WithMinAndMaxLength.js.map +7 -0
- package/cjs/MultiplicityField/__stories__/WithMinLength/index.js +120 -92
- package/cjs/MultiplicityField/__stories__/WithMinLength.js.map +7 -0
- package/cjs/MultiplicityField/add-objects/index.js +124 -137
- package/cjs/MultiplicityField/add-objects.js.map +7 -0
- package/cjs/MultiplicityField/index.js +121 -107
- package/cjs/MultiplicityField/index.js.map +7 -0
- package/cjs/Questions/Questions/index.js +61 -59
- package/cjs/Questions/Questions.js.map +7 -0
- package/cjs/Questions/Questions.stories/index.js +35 -25
- package/cjs/Questions/Questions.stories.js.map +7 -0
- package/cjs/Questions/QuestionsContext/index.js +35 -14
- package/cjs/Questions/QuestionsContext.js.map +7 -0
- package/cjs/Questions/Step/ReviewStep/index.js +60 -55
- package/cjs/Questions/Step/ReviewStep.js.map +7 -0
- package/cjs/Questions/Step/Step/index.js +55 -52
- package/cjs/Questions/Step/Step.js.map +7 -0
- package/cjs/Questions/Step/StepArrayReview/index.js +61 -51
- package/cjs/Questions/Step/StepArrayReview.js.map +7 -0
- package/cjs/Questions/Step/StepContext/index.js +41 -24
- package/cjs/Questions/Step/StepContext.js.map +7 -0
- package/cjs/Questions/Step/StepDescription/index.js +54 -31
- package/cjs/Questions/Step/StepDescription.js.map +7 -0
- package/cjs/Questions/Step/StepForm/index.js +58 -48
- package/cjs/Questions/Step/StepForm.js.map +7 -0
- package/cjs/Questions/Step/StepQuote/index.js +38 -15
- package/cjs/Questions/Step/StepQuote.js.map +7 -0
- package/cjs/Questions/Step/StepTitle/index.js +62 -45
- package/cjs/Questions/Step/StepTitle.js.map +7 -0
- package/cjs/Questions/Step/getAddMoreFields/index.js +38 -25
- package/cjs/Questions/Step/getAddMoreFields.js.map +7 -0
- package/cjs/Questions/Step/index.js +42 -143
- package/cjs/Questions/Step/index.js.map +7 -0
- package/cjs/Questions/Step/types/index.js +4 -5
- package/cjs/Questions/Step/types.js.map +7 -0
- package/cjs/Questions/__stories__/Default/index.js +131 -107
- package/cjs/Questions/__stories__/Default.js.map +7 -0
- package/cjs/Questions/getNextStep/index.js +19 -14
- package/cjs/Questions/getNextStep.js.map +7 -0
- package/cjs/Questions/index.js +31 -20
- package/cjs/Questions/index.js.map +7 -0
- package/cjs/Questions/index.spec/index.js +81 -61
- package/cjs/Questions/index.spec.js.map +7 -0
- package/cjs/Questions/types/index.js +4 -5
- package/cjs/Questions/types.js.map +7 -0
- package/cjs/index.js +31 -21
- package/cjs/index.js.map +7 -0
- package/cjs/inputs/AutoCompleteInput/AutoComplete.stories/index.js +36 -25
- package/cjs/inputs/AutoCompleteInput/AutoComplete.stories.js.map +7 -0
- package/cjs/inputs/AutoCompleteInput/__stories__/Default/index.js +70 -53
- package/cjs/inputs/AutoCompleteInput/__stories__/Default.js.map +7 -0
- package/cjs/inputs/AutoCompleteInput/__stories__/Multiple/index.js +72 -0
- package/cjs/inputs/AutoCompleteInput/__stories__/Multiple.js.map +7 -0
- package/cjs/inputs/AutoCompleteInput/index.js +58 -40
- package/cjs/inputs/AutoCompleteInput/index.js.map +7 -0
- package/cjs/inputs/Checkboxes/Checkboxes.stories/index.js +37 -49
- package/cjs/inputs/Checkboxes/Checkboxes.stories.js.map +7 -0
- package/cjs/inputs/Checkboxes/__stories__/Conditional/index.js +113 -88
- package/cjs/inputs/Checkboxes/__stories__/Conditional.js.map +7 -0
- package/cjs/inputs/Checkboxes/__stories__/Default/index.js +63 -48
- package/cjs/inputs/Checkboxes/__stories__/Default.js.map +7 -0
- package/cjs/inputs/Checkboxes/__stories__/WithDivider/index.js +64 -49
- package/cjs/inputs/Checkboxes/__stories__/WithDivider.js.map +7 -0
- package/cjs/inputs/Checkboxes/index.js +96 -98
- package/cjs/inputs/Checkboxes/index.js.map +7 -0
- package/cjs/inputs/DateInput/DateInput.stories/index.js +35 -25
- package/cjs/inputs/DateInput/DateInput.stories.js.map +7 -0
- package/cjs/inputs/DateInput/__stories__/Default/index.js +50 -31
- package/cjs/inputs/DateInput/__stories__/Default.js.map +7 -0
- package/cjs/inputs/DateInput/index.js +90 -90
- package/cjs/inputs/DateInput/index.js.map +7 -0
- package/cjs/inputs/FileInput/FileInput.stories/index.js +35 -25
- package/cjs/inputs/FileInput/FileInput.stories.js.map +7 -0
- package/cjs/inputs/FileInput/__stories__/Default/index.js +46 -29
- package/cjs/inputs/FileInput/__stories__/Default.js.map +7 -0
- package/cjs/inputs/FileInput/index.js +58 -59
- package/cjs/inputs/FileInput/index.js.map +7 -0
- package/cjs/inputs/ImageInput/ImageInput.stories/index.js +37 -49
- package/cjs/inputs/ImageInput/ImageInput.stories.js.map +7 -0
- package/cjs/inputs/ImageInput/__stories__/Default/index.js +54 -35
- package/cjs/inputs/ImageInput/__stories__/Default.js.map +7 -0
- package/cjs/inputs/ImageInput/__stories__/WithInvalidImageDimension/index.js +61 -42
- package/cjs/inputs/ImageInput/__stories__/WithInvalidImageDimension.js.map +7 -0
- package/cjs/inputs/ImageInput/__stories__/WithInvalidImageSize/index.js +58 -39
- package/cjs/inputs/ImageInput/__stories__/WithInvalidImageSize.js.map +7 -0
- package/cjs/inputs/ImageInput/index.js +65 -64
- package/cjs/inputs/ImageInput/index.js.map +7 -0
- package/cjs/inputs/Input/Input.stories/index.js +45 -134
- package/cjs/inputs/Input/Input.stories.js.map +7 -0
- package/cjs/inputs/Input/__stories__/AFM/index.js +49 -30
- package/cjs/inputs/Input/__stories__/AFM.js.map +7 -0
- package/cjs/inputs/Input/__stories__/Boolean/index.js +50 -31
- package/cjs/inputs/Input/__stories__/Boolean.js.map +7 -0
- package/cjs/inputs/Input/__stories__/Default/index.js +50 -31
- package/cjs/inputs/Input/__stories__/Default.js.map +7 -0
- package/cjs/inputs/Input/__stories__/IBAN/index.js +50 -31
- package/cjs/inputs/Input/__stories__/IBAN.js.map +7 -0
- package/cjs/inputs/Input/__stories__/Integer/index.js +47 -26
- package/cjs/inputs/Input/__stories__/Integer.js.map +7 -0
- package/cjs/inputs/Input/__stories__/LandlineNumber/index.js +53 -34
- package/cjs/inputs/Input/__stories__/LandlineNumber.js.map +7 -0
- package/cjs/inputs/Input/__stories__/MobilePhone/index.js +53 -34
- package/cjs/inputs/Input/__stories__/MobilePhone.js.map +7 -0
- package/cjs/inputs/Input/__stories__/PhoneNumber/index.js +52 -33
- package/cjs/inputs/Input/__stories__/PhoneNumber.js.map +7 -0
- package/cjs/inputs/Input/__stories__/PostalCode/index.js +50 -33
- package/cjs/inputs/Input/__stories__/PostalCode.js.map +7 -0
- package/cjs/inputs/Input/__stories__/TextWithCharacterLimit/index.js +50 -37
- package/cjs/inputs/Input/__stories__/TextWithCharacterLimit.js.map +7 -0
- package/cjs/inputs/Input/index.js +69 -67
- package/cjs/inputs/Input/index.js.map +7 -0
- package/cjs/inputs/Label/Label.stories/index.js +35 -25
- package/cjs/inputs/Label/Label.stories.js.map +7 -0
- package/cjs/inputs/Label/__stories__/Default/index.js +52 -35
- package/cjs/inputs/Label/__stories__/Default.js.map +7 -0
- package/cjs/inputs/Label/index.js +41 -20
- package/cjs/inputs/Label/index.js.map +7 -0
- package/cjs/inputs/OtpInput/OtpInput.stories/index.js +35 -25
- package/cjs/inputs/OtpInput/OtpInput.stories.js.map +7 -0
- package/cjs/inputs/OtpInput/__stories__/Default/index.js +55 -36
- package/cjs/inputs/OtpInput/__stories__/Default.js.map +7 -0
- package/cjs/inputs/OtpInput/index.js +102 -96
- package/cjs/inputs/OtpInput/index.js.map +7 -0
- package/cjs/inputs/Radio/Radio.stories/index.js +37 -49
- package/cjs/inputs/Radio/Radio.stories.js.map +7 -0
- package/cjs/inputs/Radio/__stories__/Conditional/index.js +113 -88
- package/cjs/inputs/Radio/__stories__/Conditional.js.map +7 -0
- package/cjs/inputs/Radio/__stories__/Default/index.js +67 -53
- package/cjs/inputs/Radio/__stories__/Default.js.map +7 -0
- package/cjs/inputs/Radio/__stories__/WithDivider/index.js +68 -54
- package/cjs/inputs/Radio/__stories__/WithDivider.js.map +7 -0
- package/cjs/inputs/Radio/index.js +77 -60
- package/cjs/inputs/Radio/index.js.map +7 -0
- package/cjs/inputs/Select/Select.stories/index.js +35 -25
- package/cjs/inputs/Select/Select.stories.js.map +7 -0
- package/cjs/inputs/Select/__stories__/Default/index.js +72 -59
- package/cjs/inputs/Select/__stories__/Default.js.map +7 -0
- package/cjs/inputs/Select/index.js +46 -36
- package/cjs/inputs/Select/index.js.map +7 -0
- package/cjs/inputs/index.js +56 -69
- package/cjs/inputs/index.js.map +7 -0
- package/cjs/internal/index.js +89 -346
- package/cjs/internal.js.map +7 -0
- package/cjs/lazy/index.js +87 -516
- package/cjs/lazy.js.map +7 -0
- package/cjs/registry/index.js +156 -137
- package/cjs/registry.js.map +7 -0
- package/cjs/types/index.js +4 -5
- package/cjs/types.js.map +7 -0
- package/cjs/utils/index.js +61 -79
- package/cjs/utils.js.map +7 -0
- package/cjs/validators/index.js +129 -131
- package/cjs/validators/index.js.map +7 -0
- package/cjs/validators/types/index.js +4 -5
- package/cjs/validators/types.js.map +7 -0
- package/cjs/validators/utils/afm/index.js +26 -21
- package/cjs/validators/utils/afm.js.map +7 -0
- package/cjs/validators/utils/file/index.js +31 -46
- package/cjs/validators/utils/file.js.map +7 -0
- package/cjs/validators/utils/iban/index.js +24 -17
- package/cjs/validators/utils/iban.js.map +7 -0
- package/cjs/validators/utils/image/index.js +76 -112
- package/cjs/validators/utils/image.js.map +7 -0
- package/cjs/validators/utils/index.js +70 -158
- package/cjs/validators/utils/index.js.map +7 -0
- package/cjs/validators/utils/int/index.js +22 -12
- package/cjs/validators/utils/int.js.map +7 -0
- package/cjs/validators/utils/number/index.js +21 -11
- package/cjs/validators/utils/number.js.map +7 -0
- package/cjs/validators/utils/otp/index.js +23 -13
- package/cjs/validators/utils/otp.js.map +7 -0
- package/cjs/validators/utils/phone/index.js +94 -58
- package/cjs/validators/utils/phone.js.map +7 -0
- package/cjs/validators/utils/postal_code/index.js +24 -16
- package/cjs/validators/utils/postal_code.js.map +7 -0
- package/cjs/validators/utils/text_limit/index.js +28 -25
- package/cjs/validators/utils/text_limit.js.map +7 -0
- package/cjs/validators/utils/uuid4/index.js +22 -13
- package/cjs/validators/utils/uuid4.js.map +7 -0
- package/cjs/validators/validators.spec/index.js +77 -60
- package/cjs/validators/validators.spec.js.map +7 -0
- package/index.js +8 -4
- package/index.js.map +7 -0
- package/inputs/AutoCompleteInput/AutoComplete.stories/index.js +10 -5
- package/inputs/AutoCompleteInput/AutoComplete.stories.d.ts +1 -0
- package/inputs/AutoCompleteInput/AutoComplete.stories.js.map +7 -0
- package/inputs/AutoCompleteInput/__stories__/Default/index.js +44 -44
- package/inputs/AutoCompleteInput/__stories__/Default.d.ts +1 -0
- package/inputs/AutoCompleteInput/__stories__/Default.js.map +7 -0
- package/inputs/AutoCompleteInput/__stories__/Multiple/index.js +45 -0
- package/inputs/AutoCompleteInput/__stories__/Multiple/package.json +6 -0
- package/inputs/AutoCompleteInput/__stories__/Multiple.d.ts +2 -0
- package/inputs/AutoCompleteInput/__stories__/Multiple.js.map +7 -0
- package/inputs/AutoCompleteInput/index.js +32 -31
- package/inputs/AutoCompleteInput/index.js.map +7 -0
- package/inputs/Checkboxes/Checkboxes.stories/index.js +11 -7
- package/inputs/Checkboxes/Checkboxes.stories.js.map +7 -0
- package/inputs/Checkboxes/__stories__/Conditional/index.js +87 -79
- package/inputs/Checkboxes/__stories__/Conditional.d.ts +1 -0
- package/inputs/Checkboxes/__stories__/Conditional.js.map +7 -0
- package/inputs/Checkboxes/__stories__/Default/index.js +36 -38
- package/inputs/Checkboxes/__stories__/Default.js.map +7 -0
- package/inputs/Checkboxes/__stories__/WithDivider/index.js +37 -39
- package/inputs/Checkboxes/__stories__/WithDivider.js.map +7 -0
- package/inputs/Checkboxes/index.js +70 -89
- package/inputs/Checkboxes/index.js.map +7 -0
- package/inputs/DateInput/DateInput.stories/index.js +9 -5
- package/inputs/DateInput/DateInput.stories.js.map +7 -0
- package/inputs/DateInput/__stories__/Default/index.js +23 -21
- package/inputs/DateInput/__stories__/Default.js.map +7 -0
- package/inputs/DateInput/index.js +63 -80
- package/inputs/DateInput/index.js.map +7 -0
- package/inputs/FileInput/FileInput.stories/index.js +9 -5
- package/inputs/FileInput/FileInput.stories.js.map +7 -0
- package/inputs/FileInput/__stories__/Default/index.js +19 -19
- package/inputs/FileInput/__stories__/Default.js.map +7 -0
- package/inputs/FileInput/index.js +32 -50
- package/inputs/FileInput/index.js.map +7 -0
- package/inputs/ImageInput/ImageInput.stories/index.js +11 -7
- package/inputs/ImageInput/ImageInput.stories.js.map +7 -0
- package/inputs/ImageInput/__stories__/Default/index.js +27 -25
- package/inputs/ImageInput/__stories__/Default.js.map +7 -0
- package/inputs/ImageInput/__stories__/WithInvalidImageDimension/index.js +34 -32
- package/inputs/ImageInput/__stories__/WithInvalidImageDimension.js.map +7 -0
- package/inputs/ImageInput/__stories__/WithInvalidImageSize/index.js +31 -29
- package/inputs/ImageInput/__stories__/WithInvalidImageSize.js.map +7 -0
- package/inputs/ImageInput/index.js +38 -55
- package/inputs/ImageInput/index.js.map +7 -0
- package/inputs/Input/Input.stories/index.js +18 -14
- package/inputs/Input/Input.stories.js.map +7 -0
- package/inputs/Input/__stories__/AFM/index.js +22 -20
- package/inputs/Input/__stories__/AFM.js.map +7 -0
- package/inputs/Input/__stories__/Boolean/index.js +23 -21
- package/inputs/Input/__stories__/Boolean.js.map +7 -0
- package/inputs/Input/__stories__/Default/index.js +23 -21
- package/inputs/Input/__stories__/Default.js.map +7 -0
- package/inputs/Input/__stories__/IBAN/index.js +23 -21
- package/inputs/Input/__stories__/IBAN.js.map +7 -0
- package/inputs/Input/__stories__/Integer/index.js +21 -17
- package/inputs/Input/__stories__/Integer.js.map +7 -0
- package/inputs/Input/__stories__/LandlineNumber/index.js +26 -24
- package/inputs/Input/__stories__/LandlineNumber.js.map +7 -0
- package/inputs/Input/__stories__/MobilePhone/index.js +26 -24
- package/inputs/Input/__stories__/MobilePhone.js.map +7 -0
- package/inputs/Input/__stories__/PhoneNumber/index.js +25 -23
- package/inputs/Input/__stories__/PhoneNumber.js.map +7 -0
- package/inputs/Input/__stories__/PostalCode/index.js +23 -23
- package/inputs/Input/__stories__/PostalCode.js.map +7 -0
- package/inputs/Input/__stories__/TextWithCharacterLimit/index.js +23 -27
- package/inputs/Input/__stories__/TextWithCharacterLimit.js.map +7 -0
- package/inputs/Input/index.js +43 -61
- package/inputs/Input/index.js.map +7 -0
- package/inputs/Label/Label.stories/index.js +9 -5
- package/inputs/Label/Label.stories.js.map +7 -0
- package/inputs/Label/__stories__/Default/index.js +25 -25
- package/inputs/Label/__stories__/Default.js.map +7 -0
- package/inputs/Label/index.js +15 -14
- package/inputs/Label/index.js.map +7 -0
- package/inputs/OtpInput/OtpInput.stories/index.js +9 -5
- package/inputs/OtpInput/OtpInput.stories.js.map +7 -0
- package/inputs/OtpInput/__stories__/Default/index.js +28 -26
- package/inputs/OtpInput/__stories__/Default.js.map +7 -0
- package/inputs/OtpInput/index.js +76 -87
- package/inputs/OtpInput/index.js.map +7 -0
- package/inputs/Radio/Radio.stories/index.js +11 -7
- package/inputs/Radio/Radio.stories.js.map +7 -0
- package/inputs/Radio/__stories__/Conditional/index.js +87 -79
- package/inputs/Radio/__stories__/Conditional.d.ts +1 -0
- package/inputs/Radio/__stories__/Conditional.js.map +7 -0
- package/inputs/Radio/__stories__/Default/index.js +40 -43
- package/inputs/Radio/__stories__/Default.js.map +7 -0
- package/inputs/Radio/__stories__/WithDivider/index.js +41 -44
- package/inputs/Radio/__stories__/WithDivider.js.map +7 -0
- package/inputs/Radio/index.js +51 -54
- package/inputs/Radio/index.js.map +7 -0
- package/inputs/Select/Select.stories/index.js +9 -5
- package/inputs/Select/Select.stories.js.map +7 -0
- package/inputs/Select/__stories__/Default/index.js +45 -49
- package/inputs/Select/__stories__/Default.js.map +7 -0
- package/inputs/Select/index.js +20 -30
- package/inputs/Select/index.js.map +7 -0
- package/inputs/index.js +21 -9
- package/inputs/index.js.map +7 -0
- package/internal/index.js +51 -34
- package/internal.js.map +7 -0
- package/lazy/index.js +63 -395
- package/lazy.d.ts +1 -1
- package/lazy.js.map +7 -0
- package/package.json +6 -7
- package/registry/index.js +132 -129
- package/registry.js.map +7 -0
- package/src/Field/FieldBase.tsx +1 -0
- package/src/Field/utils.ts +4 -4
- package/src/inputs/AutoCompleteInput/AutoComplete.stories.js +1 -0
- package/src/inputs/AutoCompleteInput/__stories__/Default.tsx +1 -0
- package/src/inputs/AutoCompleteInput/__stories__/Multiple.tsx +46 -0
- package/src/inputs/AutoCompleteInput/index.mdx +23 -0
- package/src/inputs/AutoCompleteInput/index.tsx +3 -2
- package/src/inputs/Checkboxes/__stories__/Conditional.tsx +2 -3
- package/src/inputs/Checkboxes/index.mdx +33 -0
- package/src/inputs/Checkboxes/index.tsx +2 -2
- package/src/inputs/DateInput/index.mdx +23 -0
- package/src/inputs/DateInput/index.tsx +1 -1
- package/src/inputs/FileInput/index.mdx +19 -0
- package/src/inputs/ImageInput/index.mdx +19 -0
- package/src/inputs/Input/index.mdx +90 -3
- package/src/inputs/OtpInput/index.mdx +23 -0
- package/src/inputs/OtpInput/index.tsx +1 -1
- package/src/inputs/Radio/__stories__/Conditional.tsx +2 -0
- package/src/inputs/Radio/index.mdx +33 -0
- package/src/inputs/Select/index.mdx +17 -0
- package/types/index.js +1 -1
- package/types.js.map +7 -0
- package/utils/index.js +35 -73
- package/utils.js.map +7 -0
- package/validators/index.js +106 -113
- 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 +21 -41
- 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 +45 -47
- 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 +82 -51
- 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/validators/validators.spec/index.js +64 -58
- package/validators/validators.spec.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/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/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/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/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/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
|
@@ -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;AACA;AACA;AACA;AAMO,MAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,KACG;AAAA,MACC;AACJ,QAAM,CAAE,KAAM;AACd,SACE,oCAAC,WAAD;AAAA,OAAe;AAAA,KACZ,YAAa,eAAe,EAAE;AAAA;AAK9B,MAAM,kBAAsD,CAAC,UAAU;AAC5E,QAAM,CAAE,aAAa,sBAAuB,WAAW;AACvD,QAAM,cAAc,MAAM,eAAe;AACzC,SACE,oCAAC,qBAAD;AAAA,IAAqB;AAAA,OAA8B;AAAA,KAChD,MAAM;AAAA;AAKb,IAAO,0BAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,44 +1,37 @@
|
|
|
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
|
-
var _useContext = useContext(StepContext),
|
|
22
|
-
name = _useContext.name,
|
|
23
|
-
submitStep = _useContext.submitStep,
|
|
24
|
-
rest = _objectWithoutProperties(_useContext, _excluded2);
|
|
25
|
-
var fields = rest.fields.length ? rest.fields : props.fields;
|
|
26
|
-
var initial = rest.initial ? rest.initial : props.initial;
|
|
27
|
-
return /*#__PURE__*/React.createElement(FormBuilder, {
|
|
28
|
-
initial: initial,
|
|
29
|
-
fields: fields,
|
|
30
|
-
onSubmit: function onSubmit(data) {
|
|
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(FormBuilder, {
|
|
18
|
+
initial,
|
|
19
|
+
fields,
|
|
20
|
+
onSubmit: (data) => {
|
|
31
21
|
submitStep(name, data);
|
|
32
22
|
}
|
|
33
|
-
}, children ?
|
|
23
|
+
}, children ? /* @__PURE__ */ React.createElement(React.Fragment, null, children, submitButton && /* @__PURE__ */ React.createElement(Button, {
|
|
34
24
|
type: "submit"
|
|
35
|
-
}, t(
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
});
|
|
40
|
-
})), /*#__PURE__*/React.createElement(Button, {
|
|
25
|
+
}, t("button.continue"))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Fieldset, null, fields.map((field) => /* @__PURE__ */ React.createElement(Field, {
|
|
26
|
+
key: field.key,
|
|
27
|
+
name: field.key
|
|
28
|
+
}))), /* @__PURE__ */ React.createElement(Button, {
|
|
41
29
|
type: "submit"
|
|
42
|
-
}, t(
|
|
30
|
+
}, t("button.continue"))));
|
|
43
31
|
};
|
|
44
|
-
|
|
32
|
+
var StepForm_default = StepForm;
|
|
33
|
+
export {
|
|
34
|
+
StepForm,
|
|
35
|
+
StepForm_default as default
|
|
36
|
+
};
|
|
37
|
+
//# 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;AACA;AAEA;AACA;AACA;AAEA;AACA;AAaO,MAAM,WAAoC,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,KACG;AAAA,MACC;AACJ,QAAM,CAAE,KAAM;AACd,QAAM,CAAE,MAAM,eAAe,QAAS,WAAW;AACjD,QAAM,SAAS,KAAK,OAAO,SAAS,KAAK,SAAS,MAAM;AACxD,QAAM,UAAU,KAAK,UAAU,KAAK,UAAU,MAAM;AACpD,SACE,oCAAC,aAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,UAAU,CAAC,SAAe;AACxB,iBAAW,MAAM;AAAA;AAAA,KAGlB,WACC,0DACG,UACA,gBACC,oCAAC,QAAD;AAAA,IAAQ,MAAK;AAAA,KAAU,EAAE,uBAI7B,0DACE,oCAAC,UAAD,MACG,OAAO,IAAI,CAAC,UACX,oCAAC,OAAD;AAAA,IAAO,KAAK,MAAM;AAAA,IAAK,MAAM,MAAM;AAAA,QAGvC,oCAAC,QAAD;AAAA,IAAQ,MAAK;AAAA,KAAU,EAAE;AAAA;AAOnC,IAAO,mBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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, {
|
|
5
|
+
...props
|
|
6
|
+
}, children);
|
|
9
7
|
};
|
|
10
|
-
|
|
8
|
+
var StepQuote_default = StepQuote;
|
|
9
|
+
export {
|
|
10
|
+
StepQuote,
|
|
11
|
+
StepQuote_default as default
|
|
12
|
+
};
|
|
13
|
+
//# 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;AACA;AAEO,MAAM,YAAsC,CAAC,CAAE,aAAa,WAAY;AAC7E,SAAO,oCAAC,WAAD;AAAA,OAAe;AAAA,KAAQ;AAAA;AAGhC,IAAO,oBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
import React, {
|
|
2
|
-
import {
|
|
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
|
|
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, {
|
|
20
22
|
size: "xl"
|
|
21
|
-
}, caption && t(caption)), step &&
|
|
23
|
+
}, caption && t(caption)), step && /* @__PURE__ */ React.createElement(PageTitleCaption, null, step), /* @__PURE__ */ React.createElement(StepTitleHeading, null, title && t(title)))));
|
|
22
24
|
};
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
caption = _useContext.caption,
|
|
31
|
-
title = _useContext.title,
|
|
32
|
-
step = _useContext.step,
|
|
33
|
-
backButton = _useContext.backButton;
|
|
34
|
-
return /*#__PURE__*/React.createElement(StepTitleBase, {
|
|
35
|
-
backButton: backButton,
|
|
36
|
-
caption: caption,
|
|
37
|
-
step: step,
|
|
38
|
-
title: title
|
|
25
|
+
const StepTitle = (props) => {
|
|
26
|
+
const {caption, title, step, backButton} = useContext(StepContext);
|
|
27
|
+
return /* @__PURE__ */ React.createElement(StepTitleBase, {
|
|
28
|
+
backButton,
|
|
29
|
+
caption,
|
|
30
|
+
step,
|
|
31
|
+
title
|
|
39
32
|
}, props.children);
|
|
40
33
|
};
|
|
41
|
-
|
|
34
|
+
var StepTitle_default = StepTitle;
|
|
35
|
+
export {
|
|
36
|
+
StepTitle,
|
|
37
|
+
StepTitleBase,
|
|
38
|
+
StepTitleHeading,
|
|
39
|
+
StepTitle_default as default
|
|
40
|
+
};
|
|
41
|
+
//# 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}\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;AACA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AACA;AASO,MAAM,mBAA2C,CAAC,UAAU;AACjE,SAAO,oCAAC,SAAD,MAAU,MAAM;AAAA;AAGlB,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACwB;AACxB,QAAM,CAAE,KAAM;AACd,SACE,0DACE,oCAAC,UAAD,MAAW,cAAc,EAAE,iBAC3B,oCAAC,oBAAD,MACG,YACC,0DACE,oCAAC,gBAAD;AAAA,IAAgB,MAAK;AAAA,KAAM,WAAW,EAAE,WACvC,QAAQ,oCAAC,kBAAD,MAAmB,OAC5B,oCAAC,kBAAD,MAAmB,SAAS,EAAE;AAAA;AAYnC,MAAM,YAA0C,CAAC,UAAU;AAChE,QAAM,CAAE,SAAS,OAAO,MAAM,cAAe,WAAW;AACxD,SACE,oCAAC,eAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,MAAM;AAAA;AAKb,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
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/Questions/Step/getAddMoreFields.tsx"],
|
|
4
|
+
"sourcesContent": ["import { StepInterface } from '@digigov/form/Questions/Step/types';\nimport { FieldSpec } from '@digigov/form/types';\n\nexport const getAddMoreFields = (currentStep: StepInterface): FieldSpec[] => {\n return [\n {\n key: 'addMore',\n type: 'choice:single',\n required: true,\n extra: {\n options: [\n {\n label: currentStep.review?.addMore.answers.positive || {\n primary: 'Yes',\n },\n value: 'yes',\n },\n {\n label: currentStep.review?.addMore.answers.negative || {\n primary: 'No',\n },\n value: 'no',\n },\n ],\n },\n },\n ];\n};\n"],
|
|
5
|
+
"mappings": "AAGO,MAAM,mBAAmB,CAAC,gBAA4C;AAC3E,SAAO;AAAA,IACL;AAAA,MACE,KAAK;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,MACV,OAAO;AAAA,QACL,SAAS;AAAA,UACP;AAAA,YACE,OAAO,YAAY,QAAQ,QAAQ,QAAQ,YAAY;AAAA,cACrD,SAAS;AAAA;AAAA,YAEX,OAAO;AAAA;AAAA,UAET;AAAA,YACE,OAAO,YAAY,QAAQ,QAAQ,QAAQ,YAAY;AAAA,cACrD,SAAS;AAAA;AAAA,YAEX,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/Questions/Step/index.js
CHANGED
|
@@ -1,13 +1,17 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
export * from
|
|
6
|
-
export * from
|
|
7
|
-
export * from
|
|
8
|
-
export * from
|
|
9
|
-
export * from
|
|
10
|
-
export * from
|
|
11
|
-
export * from
|
|
12
|
-
import Step from
|
|
13
|
-
|
|
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
|
+
var Step_default = Step;
|
|
14
|
+
export {
|
|
15
|
+
Step_default as default
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/Questions/Step/index.ts"],
|
|
4
|
+
"sourcesContent": ["export * from '@digigov/form/Questions/Step/ReviewStep';\nexport * from '@digigov/form/Questions/Step/Step';\nexport * from '@digigov/form/Questions/Step/StepArrayReview';\nexport * from '@digigov/form/Questions/Step/StepContext';\nexport * from '@digigov/form/Questions/Step/StepDescription';\nexport * from '@digigov/form/Questions/Step/StepForm';\nexport * from '@digigov/form/Questions/Step/StepQuote';\nexport * from '@digigov/form/Questions/Step/StepTitle';\nexport * from '@digigov/form/Questions/Step/getAddMoreFields';\nexport * from '@digigov/form/Questions/Step/';\nexport * from '@digigov/form/Questions/Step/types';\nimport Step from '@digigov/form/Questions/Step/Step';\nexport default Step;\n"],
|
|
5
|
+
"mappings": "AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAO,eAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
//# sourceMappingURL=types.js.map
|
|
@@ -1,102 +1,115 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import {
|
|
3
|
-
import Questions, {
|
|
4
|
-
import Header from
|
|
5
|
-
import HeaderContent from
|
|
6
|
-
import HeaderSection from
|
|
7
|
-
import GovGRFooter from
|
|
8
|
-
import GovGRLogo from
|
|
9
|
-
import BasicLayout, {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
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, {
|
|
10
|
+
Top,
|
|
11
|
+
Container,
|
|
12
|
+
Main,
|
|
13
|
+
Bottom
|
|
14
|
+
} from "@digigov/ui/layouts/Basic";
|
|
15
|
+
const steps = [
|
|
16
|
+
{
|
|
17
|
+
name: "age",
|
|
18
|
+
title: "What is your age?",
|
|
19
|
+
backButton: "Back",
|
|
20
|
+
fields: [
|
|
21
|
+
{
|
|
22
|
+
key: "age",
|
|
23
|
+
type: "int",
|
|
24
|
+
required: true
|
|
25
|
+
}
|
|
26
|
+
],
|
|
27
|
+
nextStep: (data) => {
|
|
28
|
+
return data.age > 17 ? "citizen-adult" : "citizen-underage";
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
name: "citizen-underage",
|
|
33
|
+
title: "Are you a student?",
|
|
34
|
+
backButton: "Back",
|
|
35
|
+
fields: [
|
|
36
|
+
{
|
|
37
|
+
key: "citizen-underage-student",
|
|
38
|
+
type: "radio",
|
|
39
|
+
required: true,
|
|
40
|
+
options: [
|
|
41
|
+
{
|
|
42
|
+
label: {primary: "Yes"},
|
|
43
|
+
value: "yes"
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
label: {primary: "No"},
|
|
47
|
+
value: "no"
|
|
48
|
+
}
|
|
49
|
+
]
|
|
50
|
+
}
|
|
51
|
+
]
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
name: "citizen-adult",
|
|
55
|
+
title: "Are you currently employed?",
|
|
56
|
+
backButton: "Back",
|
|
57
|
+
fields: [
|
|
58
|
+
{
|
|
59
|
+
key: "citizen-adult-employed",
|
|
60
|
+
type: "radio",
|
|
61
|
+
required: true,
|
|
62
|
+
options: [
|
|
63
|
+
{
|
|
64
|
+
label: {primary: "Yes"},
|
|
65
|
+
value: "yes"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
label: {primary: "No"},
|
|
69
|
+
value: "no"
|
|
70
|
+
}
|
|
71
|
+
]
|
|
72
|
+
}
|
|
73
|
+
]
|
|
21
74
|
}
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
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
|
-
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, {
|
|
64
|
-
href: "#"
|
|
65
|
-
})))));
|
|
66
|
-
var _ref2 = /*#__PURE__*/React.createElement(Step, {
|
|
67
|
-
name: "age"
|
|
68
|
-
}, /*#__PURE__*/React.createElement(StepTitle, null), /*#__PURE__*/React.createElement(StepForm, {
|
|
69
|
-
submitButton: true
|
|
70
|
-
}, /*#__PURE__*/React.createElement(Field, {
|
|
71
|
-
key: "age",
|
|
72
|
-
name: "age"
|
|
73
|
-
})));
|
|
74
|
-
var _ref3 = /*#__PURE__*/React.createElement(Step, {
|
|
75
|
-
name: "citizen-underage"
|
|
76
|
-
}, /*#__PURE__*/React.createElement(StepTitle, null), /*#__PURE__*/React.createElement(StepForm, {
|
|
77
|
-
submitButton: true
|
|
78
|
-
}, /*#__PURE__*/React.createElement(Field, {
|
|
79
|
-
key: "citizen-underage-student",
|
|
80
|
-
name: "citizen-underage-student"
|
|
81
|
-
})));
|
|
82
|
-
var _ref4 = /*#__PURE__*/React.createElement(Step, {
|
|
83
|
-
name: "citizen-adult"
|
|
84
|
-
}, /*#__PURE__*/React.createElement(StepTitle, {
|
|
85
|
-
backButton: "\u03A0\u03AF\u03C3\u03C9"
|
|
86
|
-
}), /*#__PURE__*/React.createElement(StepForm, {
|
|
87
|
-
submitButton: true
|
|
88
|
-
}, /*#__PURE__*/React.createElement(Field, {
|
|
89
|
-
key: "citizen-adult-employed",
|
|
90
|
-
name: "citizen-adult-employed"
|
|
91
|
-
})));
|
|
92
|
-
var _ref5 = /*#__PURE__*/React.createElement(Bottom, null, /*#__PURE__*/React.createElement(GovGRFooter, null));
|
|
93
|
-
export function Default() {
|
|
94
|
-
return /*#__PURE__*/React.createElement(BasicLayout, null, _ref, /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Main, null, /*#__PURE__*/React.createElement(Questions, {
|
|
95
|
-
name: 'example',
|
|
96
|
-
steps: steps,
|
|
97
|
-
onSubmit: function onSubmit(data) {
|
|
75
|
+
];
|
|
76
|
+
function Default() {
|
|
77
|
+
return /* @__PURE__ */ React.createElement(BasicLayout, null, /* @__PURE__ */ React.createElement(Top, null, /* @__PURE__ */ React.createElement(Header, null, /* @__PURE__ */ React.createElement(HeaderContent, null, /* @__PURE__ */ React.createElement(HeaderSection, null, /* @__PURE__ */ React.createElement(GovGRLogo, {
|
|
78
|
+
href: "#"
|
|
79
|
+
}))))), /* @__PURE__ */ React.createElement(Container, null, /* @__PURE__ */ React.createElement(Main, null, /* @__PURE__ */ React.createElement(Questions, {
|
|
80
|
+
name: "example",
|
|
81
|
+
steps,
|
|
82
|
+
onSubmit: (data) => {
|
|
98
83
|
console.log(data);
|
|
99
84
|
}
|
|
100
|
-
},
|
|
85
|
+
}, /* @__PURE__ */ React.createElement(Step, {
|
|
86
|
+
name: "age"
|
|
87
|
+
}, /* @__PURE__ */ React.createElement(StepTitle, null), /* @__PURE__ */ React.createElement(StepForm, {
|
|
88
|
+
submitButton: true
|
|
89
|
+
}, /* @__PURE__ */ React.createElement(Field, {
|
|
90
|
+
key: "age",
|
|
91
|
+
name: "age"
|
|
92
|
+
}))), /* @__PURE__ */ React.createElement(Step, {
|
|
93
|
+
name: "citizen-underage"
|
|
94
|
+
}, /* @__PURE__ */ React.createElement(StepTitle, null), /* @__PURE__ */ React.createElement(StepForm, {
|
|
95
|
+
submitButton: true
|
|
96
|
+
}, /* @__PURE__ */ React.createElement(Field, {
|
|
97
|
+
key: "citizen-underage-student",
|
|
98
|
+
name: "citizen-underage-student"
|
|
99
|
+
}))), /* @__PURE__ */ React.createElement(Step, {
|
|
100
|
+
name: "citizen-adult"
|
|
101
|
+
}, /* @__PURE__ */ React.createElement(StepTitle, {
|
|
102
|
+
backButton: "\u03A0\u03AF\u03C3\u03C9"
|
|
103
|
+
}), /* @__PURE__ */ React.createElement(StepForm, {
|
|
104
|
+
submitButton: true
|
|
105
|
+
}, /* @__PURE__ */ React.createElement(Field, {
|
|
106
|
+
key: "citizen-adult-employed",
|
|
107
|
+
name: "citizen-adult-employed"
|
|
108
|
+
})))))), /* @__PURE__ */ React.createElement(Bottom, null, /* @__PURE__ */ React.createElement(GovGRFooter, null)));
|
|
101
109
|
}
|
|
102
|
-
|
|
110
|
+
var Default_default = Default;
|
|
111
|
+
export {
|
|
112
|
+
Default,
|
|
113
|
+
Default_default as default
|
|
114
|
+
};
|
|
115
|
+
//# sourceMappingURL=Default.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/Questions/__stories__/Default.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { Field } from '@digigov/form';\nimport Questions, { Step, StepForm, StepTitle } from '@digigov/form/Questions';\nimport Header from '@digigov/ui/app/Header';\nimport HeaderContent from '@digigov/ui/app/Header/HeaderContent';\nimport HeaderSection from '@digigov/ui/app/Header/HeaderSection';\nimport GovGRFooter from '@digigov/ui/govgr/Footer';\nimport GovGRLogo from '@digigov/ui/govgr/GovGRLogo';\nimport BasicLayout, {\n Top,\n Container,\n Main,\n Bottom,\n} from '@digigov/ui/layouts/Basic';\n\nconst steps = [\n {\n name: 'age',\n title: 'What is your age?',\n backButton: 'Back',\n fields: [\n {\n key: 'age',\n type: 'int',\n required: true,\n },\n ],\n nextStep: (data) => {\n return data.age > 17 ? 'citizen-adult' : 'citizen-underage';\n },\n },\n {\n name: 'citizen-underage',\n title: 'Are you a student?',\n backButton: 'Back',\n fields: [\n {\n key: 'citizen-underage-student',\n type: 'radio',\n required: true,\n options: [\n {\n label: { primary: 'Yes' },\n value: 'yes',\n },\n {\n label: { primary: 'No' },\n value: 'no',\n },\n ],\n },\n ],\n },\n {\n name: 'citizen-adult',\n title: 'Are you currently employed?',\n backButton: 'Back',\n fields: [\n {\n key: 'citizen-adult-employed',\n type: 'radio',\n required: true,\n options: [\n {\n label: { primary: 'Yes' },\n value: 'yes',\n },\n {\n label: { primary: 'No' },\n value: 'no',\n },\n ],\n },\n ],\n },\n];\n\nexport function Default() {\n return (\n <BasicLayout>\n <Top>\n <Header>\n <HeaderContent>\n <HeaderSection>\n <GovGRLogo href=\"#\" />\n </HeaderSection>\n </HeaderContent>\n </Header>\n </Top>\n <Container>\n <Main>\n <Questions\n name={'example'}\n steps={steps}\n onSubmit={(data) => {\n console.log(data);\n }}\n >\n <Step name=\"age\">\n <StepTitle />\n <StepForm submitButton={true}>\n <Field key=\"age\" name=\"age\" />\n </StepForm>\n </Step>\n <Step name=\"citizen-underage\">\n <StepTitle />\n <StepForm submitButton={true}>\n <Field\n key=\"citizen-underage-student\"\n name=\"citizen-underage-student\"\n />\n </StepForm>\n </Step>\n <Step name=\"citizen-adult\">\n <StepTitle backButton=\"\u03A0\u03AF\u03C3\u03C9\" />\n <StepForm submitButton={true}>\n <Field\n key=\"citizen-adult-employed\"\n name=\"citizen-adult-employed\"\n />\n </StepForm>\n </Step>\n </Questions>\n </Main>\n </Container>\n <Bottom>\n <GovGRFooter />\n </Bottom>\n </BasicLayout>\n );\n}\n\nexport default Default;\n"],
|
|
5
|
+
"mappings": "AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,MAAM,QAAQ;AAAA,EACZ;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,QAAQ;AAAA,MACN;AAAA,QACE,KAAK;AAAA,QACL,MAAM;AAAA,QACN,UAAU;AAAA;AAAA;AAAA,IAGd,UAAU,CAAC,SAAS;AAClB,aAAO,KAAK,MAAM,KAAK,kBAAkB;AAAA;AAAA;AAAA,EAG7C;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,QAAQ;AAAA,MACN;AAAA,QACE,KAAK;AAAA,QACL,MAAM;AAAA,QACN,UAAU;AAAA,QACV,SAAS;AAAA,UACP;AAAA,YACE,OAAO,CAAE,SAAS;AAAA,YAClB,OAAO;AAAA;AAAA,UAET;AAAA,YACE,OAAO,CAAE,SAAS;AAAA,YAClB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMjB;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,QAAQ;AAAA,MACN;AAAA,QACE,KAAK;AAAA,QACL,MAAM;AAAA,QACN,UAAU;AAAA,QACV,SAAS;AAAA,UACP;AAAA,YACE,OAAO,CAAE,SAAS;AAAA,YAClB,OAAO;AAAA;AAAA,UAET;AAAA,YACE,OAAO,CAAE,SAAS;AAAA,YAClB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQZ,mBAAmB;AACxB,SACE,oCAAC,aAAD,MACE,oCAAC,KAAD,MACE,oCAAC,QAAD,MACE,oCAAC,eAAD,MACE,oCAAC,eAAD,MACE,oCAAC,WAAD;AAAA,IAAW,MAAK;AAAA,UAKxB,oCAAC,WAAD,MACE,oCAAC,MAAD,MACE,oCAAC,WAAD;AAAA,IACE,MAAM;AAAA,IACN;AAAA,IACA,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI;AAAA;AAAA,KAGd,oCAAC,MAAD;AAAA,IAAM,MAAK;AAAA,KACT,oCAAC,WAAD,OACA,oCAAC,UAAD;AAAA,IAAU,cAAc;AAAA,KACtB,oCAAC,OAAD;AAAA,IAAO,KAAI;AAAA,IAAM,MAAK;AAAA,QAG1B,oCAAC,MAAD;AAAA,IAAM,MAAK;AAAA,KACT,oCAAC,WAAD,OACA,oCAAC,UAAD;AAAA,IAAU,cAAc;AAAA,KACtB,oCAAC,OAAD;AAAA,IACE,KAAI;AAAA,IACJ,MAAK;AAAA,QAIX,oCAAC,MAAD;AAAA,IAAM,MAAK;AAAA,KACT,oCAAC,WAAD;AAAA,IAAW,YAAW;AAAA,MACtB,oCAAC,UAAD;AAAA,IAAU,cAAc;AAAA,KACtB,oCAAC,OAAD;AAAA,IACE,KAAI;AAAA,IACJ,MAAK;AAAA,WAOjB,oCAAC,QAAD,MACE,oCAAC,aAAD;AAAA;AAMR,IAAO,kBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
|
|
1
|
+
function getNextStep(currentStep, steps, data) {
|
|
2
2
|
if (currentStep.nextStep) {
|
|
3
|
-
|
|
3
|
+
const nextStepName = currentStep.nextStep(data);
|
|
4
4
|
if (nextStepName) {
|
|
5
|
-
return steps.find(
|
|
6
|
-
return step.name === nextStepName;
|
|
7
|
-
});
|
|
5
|
+
return steps.find((step) => step.name === nextStepName);
|
|
8
6
|
}
|
|
9
7
|
}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
});
|
|
13
|
-
var nextStep = steps.slice(currentStepIndex + 1).find(function (step) {
|
|
8
|
+
const currentStepIndex = steps.findIndex((step) => step.name === currentStep.name);
|
|
9
|
+
const nextStep = steps.slice(currentStepIndex + 1).find((step) => {
|
|
14
10
|
if (step.show) {
|
|
15
11
|
return step.show(data);
|
|
16
12
|
}
|
|
17
13
|
return true;
|
|
18
14
|
});
|
|
19
15
|
return nextStep;
|
|
20
|
-
}
|
|
16
|
+
}
|
|
17
|
+
export {
|
|
18
|
+
getNextStep
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=getNextStep.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Questions/getNextStep.tsx"],
|
|
4
|
+
"sourcesContent": ["import { StepInterface } from '@digigov/form/Questions/Step/types';\n\nexport function getNextStep(\n currentStep: any,\n steps: any[],\n data: any\n): StepInterface | null {\n if (currentStep.nextStep) {\n const nextStepName = currentStep.nextStep(data);\n if (nextStepName) {\n return steps.find((step) => step.name === nextStepName);\n }\n }\n const currentStepIndex = steps.findIndex(\n (step) => step.name === currentStep.name\n );\n const nextStep = steps.slice(currentStepIndex + 1).find((step) => {\n if (step.show) {\n return step.show(data);\n }\n return true;\n });\n return nextStep;\n}\n"],
|
|
5
|
+
"mappings": "AAEO,qBACL,aACA,OACA,MACsB;AACtB,MAAI,YAAY,UAAU;AACxB,UAAM,eAAe,YAAY,SAAS;AAC1C,QAAI,cAAc;AAChB,aAAO,MAAM,KAAK,CAAC,SAAS,KAAK,SAAS;AAAA;AAAA;AAG9C,QAAM,mBAAmB,MAAM,UAC7B,CAAC,SAAS,KAAK,SAAS,YAAY;AAEtC,QAAM,WAAW,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,SAAS;AAChE,QAAI,KAAK,MAAM;AACb,aAAO,KAAK,KAAK;AAAA;AAEnB,WAAO;AAAA;AAET,SAAO;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/Questions/index.js
CHANGED
|
@@ -1,3 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
export * from
|
|
1
|
+
import {Questions} from "@digigov/form/Questions/Questions";
|
|
2
|
+
var Questions_default = Questions;
|
|
3
|
+
export * from "@digigov/form/Questions/Step";
|
|
4
|
+
export {
|
|
5
|
+
Questions_default as default
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=index.js.map
|