@digigov/form 1.2.0-a7ffb5dc → 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 -93
- 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 -102
- 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/FieldObject/index.tsx +1 -1
- package/src/MultiplicityField/index.tsx +7 -8
- 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 +4 -3
- package/src/inputs/Checkboxes/__stories__/Conditional.tsx +2 -3
- package/src/inputs/Checkboxes/index.mdx +33 -0
- package/src/inputs/Checkboxes/index.tsx +3 -3
- 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/Input/index.tsx +1 -1
- 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/Radio/index.tsx +1 -1
- 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/inputs/OtpInput/__stories__/Default.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field, Fieldset } from '@digigov/form';\nimport { FieldSpec } from '@digigov/form/types';\nimport { Button } from '@digigov/ui/form/Button';\nconst FIELDS: FieldSpec[] = [\n {\n key: 'otp',\n type: 'otp',\n maxLength: 6,\n required: true,\n label: {\n primary: '\u039A\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u0395\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2',\n },\n },\n];\n\nexport const Default = () => (\n <FormBuilder\n fields={FIELDS}\n onSubmit={(data) => {\n console.log(data);\n }}\n >\n <Fieldset>\n {FIELDS.map((field) => (\n <Field key={field.key} name={field.key} />\n ))}\n </Fieldset>\n <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n </FormBuilder>\n);\nexport default Default;\n"],
|
|
5
|
+
"mappings": "AAAA;AACA;AAEA;AACA,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,WAAW;AAAA,IACX,UAAU;AAAA,IACV,OAAO;AAAA,MACL,SAAS;AAAA;AAAA;AAAA;AAKR,MAAM,UAAU,MACrB,oCAAC,aAAD;AAAA,EACE,QAAQ;AAAA,EACR,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,GAGd,oCAAC,UAAD,MACG,OAAO,IAAI,CAAC,UACX,oCAAC,OAAD;AAAA,EAAO,KAAK,MAAM;AAAA,EAAK,MAAM,MAAM;AAAA,MAGvC,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAG1B,IAAO,kBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/inputs/OtpInput/index.js
CHANGED
|
@@ -1,64 +1,57 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
import React, { useState, useCallback } from 'react';
|
|
8
|
-
import SingleCharacterInputs, { SingleCharacterInput } from '@digigov/ui/form/SingleCharacterInputs';
|
|
9
|
-
export var RE_DIGIT = new RegExp(/^\d+$/);
|
|
10
|
-
export var REMOVE_SPACES = new RegExp(/\s+/g);
|
|
1
|
+
import React, {useState, useCallback} from "react";
|
|
2
|
+
import SingleCharacterInputs, {
|
|
3
|
+
SingleCharacterInput
|
|
4
|
+
} from "@digigov/ui/form/SingleCharacterInputs";
|
|
5
|
+
const RE_DIGIT = new RegExp(/^\d+$/);
|
|
6
|
+
const REMOVE_SPACES = new RegExp(/\s+/g);
|
|
11
7
|
function useOtp(onChange, maxLength) {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
otpValues = _useState2[0],
|
|
15
|
-
setOtpValues = _useState2[1];
|
|
16
|
-
var handleChange = useCallback(function (otp) {
|
|
8
|
+
const [otpValues, setOtpValues] = useState(Array(maxLength).fill(""));
|
|
9
|
+
const handleChange = useCallback((otp) => {
|
|
17
10
|
setOtpValues(otp);
|
|
18
|
-
|
|
11
|
+
const otpValue = otp.join("");
|
|
19
12
|
onChange(otpValue);
|
|
20
13
|
}, [onChange]);
|
|
21
|
-
|
|
22
|
-
|
|
14
|
+
const setOtp = (item, idx) => {
|
|
15
|
+
const updatedOTPValues = [...otpValues];
|
|
23
16
|
if (item.length === 1 || item.length === 0) {
|
|
24
|
-
updatedOTPValues[idx] = item[0] ||
|
|
17
|
+
updatedOTPValues[idx] = item[0] || "";
|
|
25
18
|
handleChange(updatedOTPValues);
|
|
26
19
|
} else if (item.length === maxLength) {
|
|
27
|
-
|
|
20
|
+
const valueArray = item.split("").slice(0, maxLength);
|
|
28
21
|
handleChange(valueArray);
|
|
29
22
|
}
|
|
30
23
|
};
|
|
31
|
-
|
|
24
|
+
const setSelectionRange = useCallback((target) => {
|
|
32
25
|
return target.setSelectionRange(0, target.value.length);
|
|
33
26
|
}, []);
|
|
34
|
-
|
|
35
|
-
|
|
27
|
+
const focusToNextInput = useCallback((target) => {
|
|
28
|
+
const nextElement = target.nextElementSibling;
|
|
36
29
|
if (nextElement) {
|
|
37
30
|
nextElement.focus();
|
|
38
31
|
}
|
|
39
32
|
}, []);
|
|
40
|
-
|
|
41
|
-
|
|
33
|
+
const focusToPrevInput = useCallback((target) => {
|
|
34
|
+
const previousElement = target.previousElementSibling;
|
|
42
35
|
if (previousElement) {
|
|
43
36
|
previousElement.focus();
|
|
44
37
|
}
|
|
45
38
|
}, []);
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
39
|
+
const handleKeyDown = useCallback((e, idx) => {
|
|
40
|
+
const {key} = e;
|
|
41
|
+
const target = e.target;
|
|
42
|
+
let targetValue = target.value;
|
|
50
43
|
setSelectionRange(target);
|
|
51
|
-
if (key ===
|
|
44
|
+
if (key === "ArrowRight" || key === "ArrowDown") {
|
|
52
45
|
e.preventDefault();
|
|
53
46
|
return focusToNextInput(target);
|
|
54
47
|
}
|
|
55
|
-
if (key ===
|
|
48
|
+
if (key === "ArrowLeft" || key === "ArrowUp") {
|
|
56
49
|
e.preventDefault();
|
|
57
50
|
return focusToPrevInput(target);
|
|
58
51
|
}
|
|
59
|
-
if (e.key ===
|
|
60
|
-
if (targetValue !==
|
|
61
|
-
targetValue =
|
|
52
|
+
if (e.key === "Backspace" || e.key === "Delete") {
|
|
53
|
+
if (targetValue !== "") {
|
|
54
|
+
targetValue = "";
|
|
62
55
|
} else {
|
|
63
56
|
focusToPrevInput(target);
|
|
64
57
|
}
|
|
@@ -66,17 +59,15 @@ function useOtp(onChange, maxLength) {
|
|
|
66
59
|
return e.preventDefault();
|
|
67
60
|
}
|
|
68
61
|
}, [setOtp, focusToPrevInput, focusToNextInput]);
|
|
69
|
-
|
|
70
|
-
|
|
62
|
+
const handleFocus = useCallback((e) => {
|
|
63
|
+
const {target} = e;
|
|
71
64
|
setSelectionRange(target);
|
|
72
65
|
}, [setSelectionRange]);
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
// emptry string replaces the deleted value
|
|
79
|
-
if (isTargetValueDigit || targetValue === '') {
|
|
66
|
+
const handleOtpChange = useCallback((e, idx) => {
|
|
67
|
+
const target = e.target;
|
|
68
|
+
const targetValue = target.value;
|
|
69
|
+
const isTargetValueDigit = RE_DIGIT.test(targetValue);
|
|
70
|
+
if (isTargetValueDigit || targetValue === "") {
|
|
80
71
|
setOtp(targetValue, idx);
|
|
81
72
|
if (target.value.length > 1) {
|
|
82
73
|
target.blur();
|
|
@@ -84,57 +75,55 @@ function useOtp(onChange, maxLength) {
|
|
|
84
75
|
focusToNextInput(target);
|
|
85
76
|
}
|
|
86
77
|
}, [setOtp, handleKeyDown, handleFocus]);
|
|
87
|
-
|
|
78
|
+
const handlePaste = useCallback((e) => {
|
|
88
79
|
e.preventDefault();
|
|
89
|
-
|
|
80
|
+
const pastedData = e.clipboardData.getData("text/plain").replace(REMOVE_SPACES, "");
|
|
90
81
|
if (pastedData) {
|
|
91
82
|
setOtp(pastedData, 0);
|
|
92
83
|
}
|
|
93
84
|
}, []);
|
|
94
85
|
return {
|
|
95
|
-
otpValues
|
|
96
|
-
handleOtpChange
|
|
97
|
-
handleKeyDown
|
|
98
|
-
handleFocus
|
|
99
|
-
handlePaste
|
|
86
|
+
otpValues,
|
|
87
|
+
handleOtpChange,
|
|
88
|
+
handleKeyDown,
|
|
89
|
+
handleFocus,
|
|
90
|
+
handlePaste
|
|
100
91
|
};
|
|
101
92
|
}
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
93
|
+
const SingleCharacterInputPart = ({...props}) => {
|
|
94
|
+
return /* @__PURE__ */ React.createElement(SingleCharacterInput, {
|
|
95
|
+
...props
|
|
96
|
+
});
|
|
105
97
|
};
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
value
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
error: !digit ? props.error : false
|
|
137
|
-
});
|
|
138
|
-
}));
|
|
98
|
+
const OtpInput = ({name, maxLength = 6, ...props}) => {
|
|
99
|
+
const otp = useOtp(props.onChange, maxLength);
|
|
100
|
+
return /* @__PURE__ */ React.createElement(SingleCharacterInputs, null, otp.otpValues.map((digit, idx) => /* @__PURE__ */ React.createElement(SingleCharacterInputPart, {
|
|
101
|
+
name: `${name}-${idx}`,
|
|
102
|
+
type: "text",
|
|
103
|
+
key: idx,
|
|
104
|
+
autoComplete: "one-time-code",
|
|
105
|
+
pattern: "\\d{1}",
|
|
106
|
+
maxLength,
|
|
107
|
+
value: digit,
|
|
108
|
+
disabled: props.disabled,
|
|
109
|
+
"aria-required": props["aria-required"],
|
|
110
|
+
onChange: (e) => otp.handleOtpChange(e, idx),
|
|
111
|
+
onInput: (e) => {
|
|
112
|
+
if (e.target.value === digit) {
|
|
113
|
+
otp.handleOtpChange(e, idx);
|
|
114
|
+
}
|
|
115
|
+
},
|
|
116
|
+
onKeyDown: (e) => otp.handleKeyDown(e, idx),
|
|
117
|
+
onFocus: otp.handleFocus,
|
|
118
|
+
onPaste: otp.handlePaste,
|
|
119
|
+
error: !digit ? props.error : false
|
|
120
|
+
})));
|
|
121
|
+
};
|
|
122
|
+
var OtpInput_default = OtpInput;
|
|
123
|
+
export {
|
|
124
|
+
OtpInput,
|
|
125
|
+
REMOVE_SPACES,
|
|
126
|
+
RE_DIGIT,
|
|
127
|
+
OtpInput_default as default
|
|
139
128
|
};
|
|
140
|
-
|
|
129
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/inputs/OtpInput/index.tsx"],
|
|
4
|
+
"sourcesContent": ["import React, { useState, useCallback } from 'react';\nimport SingleCharacterInputs, {\n SingleCharacterInput,\n} from '@digigov/ui/form/SingleCharacterInputs';\n\nexport const RE_DIGIT = new RegExp(/^\\d+$/);\nexport const REMOVE_SPACES = new RegExp(/\\s+/g);\n\nfunction useOtp(onChange, maxLength) {\n const [otpValues, setOtpValues] = useState(Array<string>(maxLength).fill(''));\n const handleChange = useCallback(\n (otp: string[]) => {\n setOtpValues(otp);\n const otpValue = otp.join('');\n onChange(otpValue);\n },\n [onChange]\n );\n\n const setOtp = (item: string, idx) => {\n const updatedOTPValues = [...otpValues];\n if (item.length === 1 || item.length === 0) {\n updatedOTPValues[idx] = item[0] || '';\n handleChange(updatedOTPValues);\n } else if (item.length === maxLength) {\n const valueArray = item.split('').slice(0, maxLength);\n handleChange(valueArray);\n }\n };\n\n const setSelectionRange = useCallback((target) => {\n return target.setSelectionRange(0, target.value.length);\n }, []);\n\n const focusToNextInput = useCallback((target: HTMLElement) => {\n const nextElement = target.nextElementSibling as HTMLInputElement | null;\n if (nextElement) {\n nextElement.focus();\n }\n }, []);\n\n const focusToPrevInput = useCallback((target: HTMLElement) => {\n const previousElement = target.previousElementSibling as HTMLInputElement | null;\n if (previousElement) {\n previousElement.focus();\n }\n }, []);\n\n const handleKeyDown = useCallback(\n (e: React.KeyboardEvent<HTMLInputElement>, idx: number) => {\n const { key } = e;\n const target = e.target as HTMLInputElement;\n let targetValue = target.value;\n setSelectionRange(target);\n if (key === 'ArrowRight' || key === 'ArrowDown') {\n e.preventDefault();\n return focusToNextInput(target);\n }\n if (key === 'ArrowLeft' || key === 'ArrowUp') {\n e.preventDefault();\n return focusToPrevInput(target);\n }\n if (e.key === 'Backspace' || e.key === 'Delete') {\n if (targetValue !== '') {\n targetValue = '';\n } else {\n focusToPrevInput(target);\n }\n setOtp(targetValue, idx);\n return e.preventDefault();\n }\n },\n [setOtp, focusToPrevInput, focusToNextInput]\n );\n\n const handleFocus = useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n const { target } = e;\n setSelectionRange(target);\n },\n [setSelectionRange]\n );\n const handleOtpChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>, idx: number) => {\n const target = e.target;\n const targetValue = target.value;\n const isTargetValueDigit = RE_DIGIT.test(targetValue);\n // We want to pass the empty string when the value is deleted\n // emptry string replaces the deleted value\n if (isTargetValueDigit || targetValue === '') {\n setOtp(targetValue, idx);\n if (target.value.length > 1) {\n target.blur();\n }\n focusToNextInput(target);\n }\n },\n [setOtp, handleKeyDown, handleFocus]\n );\n\n const handlePaste = useCallback(\n (e: React.ClipboardEvent<HTMLInputElement>) => {\n e.preventDefault();\n const pastedData = e.clipboardData\n .getData('text/plain')\n .replace(REMOVE_SPACES, '');\n if (pastedData) {\n setOtp(pastedData, 0);\n }\n },\n []\n );\n return {\n otpValues,\n handleOtpChange,\n handleKeyDown,\n handleFocus,\n handlePaste,\n };\n}\n\nconst SingleCharacterInputPart = ({ ...props }) => {\n return <SingleCharacterInput {...props} />;\n};\n\nexport const OtpInput = ({ name, maxLength = 6, ...props }) => {\n const otp = useOtp(props.onChange, maxLength);\n return (\n <SingleCharacterInputs>\n {otp.otpValues.map((digit, idx) => (\n <SingleCharacterInputPart\n name={`${name}-${idx}`}\n type=\"text\"\n key={idx}\n autoComplete=\"one-time-code\"\n pattern=\"\\d{1}\"\n maxLength={maxLength}\n value={digit}\n disabled={props.disabled}\n aria-required={props['aria-required']}\n onChange={(e) => otp.handleOtpChange(e, idx)}\n onInput={(e) => {\n if (e.target.value === digit) {\n otp.handleOtpChange(e, idx);\n }\n }}\n onKeyDown={(e) => otp.handleKeyDown(e, idx)}\n onFocus={otp.handleFocus}\n onPaste={otp.handlePaste}\n error={!digit ? props.error : false}\n />\n ))}\n </SingleCharacterInputs>\n );\n};\n\nexport default OtpInput;\n"],
|
|
5
|
+
"mappings": "AAAA;AACA;AAAA;AAAA;AAIO,MAAM,WAAW,IAAI,OAAO;AAC5B,MAAM,gBAAgB,IAAI,OAAO;AAExC,gBAAgB,UAAU,WAAW;AACnC,QAAM,CAAC,WAAW,gBAAgB,SAAS,MAAc,WAAW,KAAK;AACzE,QAAM,eAAe,YACnB,CAAC,QAAkB;AACjB,iBAAa;AACb,UAAM,WAAW,IAAI,KAAK;AAC1B,aAAS;AAAA,KAEX,CAAC;AAGH,QAAM,SAAS,CAAC,MAAc,QAAQ;AACpC,UAAM,mBAAmB,CAAC,GAAG;AAC7B,QAAI,KAAK,WAAW,KAAK,KAAK,WAAW,GAAG;AAC1C,uBAAiB,OAAO,KAAK,MAAM;AACnC,mBAAa;AAAA,eACJ,KAAK,WAAW,WAAW;AACpC,YAAM,aAAa,KAAK,MAAM,IAAI,MAAM,GAAG;AAC3C,mBAAa;AAAA;AAAA;AAIjB,QAAM,oBAAoB,YAAY,CAAC,WAAW;AAChD,WAAO,OAAO,kBAAkB,GAAG,OAAO,MAAM;AAAA,KAC/C;AAEH,QAAM,mBAAmB,YAAY,CAAC,WAAwB;AAC5D,UAAM,cAAc,OAAO;AAC3B,QAAI,aAAa;AACf,kBAAY;AAAA;AAAA,KAEb;AAEH,QAAM,mBAAmB,YAAY,CAAC,WAAwB;AAC5D,UAAM,kBAAkB,OAAO;AAC/B,QAAI,iBAAiB;AACnB,sBAAgB;AAAA;AAAA,KAEjB;AAEH,QAAM,gBAAgB,YACpB,CAAC,GAA0C,QAAgB;AACzD,UAAM,CAAE,OAAQ;AAChB,UAAM,SAAS,EAAE;AACjB,QAAI,cAAc,OAAO;AACzB,sBAAkB;AAClB,QAAI,QAAQ,gBAAgB,QAAQ,aAAa;AAC/C,QAAE;AACF,aAAO,iBAAiB;AAAA;AAE1B,QAAI,QAAQ,eAAe,QAAQ,WAAW;AAC5C,QAAE;AACF,aAAO,iBAAiB;AAAA;AAE1B,QAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,UAAU;AAC/C,UAAI,gBAAgB,IAAI;AACtB,sBAAc;AAAA,aACT;AACL,yBAAiB;AAAA;AAEnB,aAAO,aAAa;AACpB,aAAO,EAAE;AAAA;AAAA,KAGb,CAAC,QAAQ,kBAAkB;AAG7B,QAAM,cAAc,YAClB,CAAC,MAA0C;AACzC,UAAM,CAAE,UAAW;AACnB,sBAAkB;AAAA,KAEpB,CAAC;AAEH,QAAM,kBAAkB,YACtB,CAAC,GAAwC,QAAgB;AACvD,UAAM,SAAS,EAAE;AACjB,UAAM,cAAc,OAAO;AAC3B,UAAM,qBAAqB,SAAS,KAAK;AAGzC,QAAI,sBAAsB,gBAAgB,IAAI;AAC5C,aAAO,aAAa;AACpB,UAAI,OAAO,MAAM,SAAS,GAAG;AAC3B,eAAO;AAAA;AAET,uBAAiB;AAAA;AAAA,KAGrB,CAAC,QAAQ,eAAe;AAG1B,QAAM,cAAc,YAClB,CAAC,MAA8C;AAC7C,MAAE;AACF,UAAM,aAAa,EAAE,cAClB,QAAQ,cACR,QAAQ,eAAe;AAC1B,QAAI,YAAY;AACd,aAAO,YAAY;AAAA;AAAA,KAGvB;AAEF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIJ,MAAM,2BAA2B,CAAC,IAAK,WAAY;AACjD,SAAO,oCAAC,sBAAD;AAAA,OAA0B;AAAA;AAAA;AAG5B,MAAM,WAAW,CAAC,CAAE,MAAM,YAAY,MAAM,WAAY;AAC7D,QAAM,MAAM,OAAO,MAAM,UAAU;AACnC,SACE,oCAAC,uBAAD,MACG,IAAI,UAAU,IAAI,CAAC,OAAO,QACzB,oCAAC,0BAAD;AAAA,IACE,MAAM,GAAG,QAAQ;AAAA,IACjB,MAAK;AAAA,IACL,KAAK;AAAA,IACL,cAAa;AAAA,IACb,SAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,UAAU,MAAM;AAAA,IAChB,iBAAe,MAAM;AAAA,IACrB,UAAU,CAAC,MAAM,IAAI,gBAAgB,GAAG;AAAA,IACxC,SAAS,CAAC,MAAM;AACd,UAAI,EAAE,OAAO,UAAU,OAAO;AAC5B,YAAI,gBAAgB,GAAG;AAAA;AAAA;AAAA,IAG3B,WAAW,CAAC,MAAM,IAAI,cAAc,GAAG;AAAA,IACvC,SAAS,IAAI;AAAA,IACb,SAAS,IAAI;AAAA,IACb,OAAO,CAAC,QAAQ,MAAM,QAAQ;AAAA;AAAA;AAOxC,IAAO,mBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,9 +1,13 @@
|
|
|
1
|
-
import Radio from
|
|
2
|
-
|
|
3
|
-
title:
|
|
1
|
+
import Radio from "@digigov/form/inputs/Radio";
|
|
2
|
+
var Radio_stories_default = {
|
|
3
|
+
title: "Digigov Form/inputs/Radio",
|
|
4
4
|
component: Radio,
|
|
5
|
-
displayName:
|
|
5
|
+
displayName: "Radio"
|
|
6
6
|
};
|
|
7
|
-
export * from
|
|
8
|
-
export * from
|
|
9
|
-
export * from
|
|
7
|
+
export * from "@digigov/form/inputs/Radio/__stories__/Default";
|
|
8
|
+
export * from "@digigov/form/inputs/Radio/__stories__/WithDivider";
|
|
9
|
+
export * from "@digigov/form/inputs/Radio/__stories__/Conditional";
|
|
10
|
+
export {
|
|
11
|
+
Radio_stories_default as default
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=Radio.stories.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/inputs/Radio/Radio.stories.js"],
|
|
4
|
+
"sourcesContent": ["import Radio from '@digigov/form/inputs/Radio';\nexport default {\n title: 'Digigov Form/inputs/Radio',\n component: Radio,\n displayName: 'Radio',\n};\nexport * from '@digigov/form/inputs/Radio/__stories__/Default';\nexport * from '@digigov/form/inputs/Radio/__stories__/WithDivider';\nexport * from '@digigov/form/inputs/Radio/__stories__/Conditional';\n"],
|
|
5
|
+
"mappings": "AAAA;AACA,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA;AAEf;AACA;AACA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,92 +1,100 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import FormBuilder, {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
1
|
+
import React from "react";
|
|
2
|
+
import FormBuilder, {Field} from "@digigov/form";
|
|
3
|
+
import {Button} from "@digigov/ui/form/Button";
|
|
4
|
+
const fields = [
|
|
5
|
+
{
|
|
6
|
+
key: "landline",
|
|
7
|
+
type: "phone_number",
|
|
8
|
+
label: {
|
|
9
|
+
secondary: "\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03BD\u03BF\u03CD\u03BC\u03B5\u03C1\u03BF \u03C4\u03BF\u03C5 \u03C3\u03C4\u03B1\u03B8\u03B5\u03C1\u03BF\u03CD \u03C3\u03B1\u03C2 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5."
|
|
10
|
+
},
|
|
11
|
+
enabled: false,
|
|
12
|
+
condition: {
|
|
13
|
+
auth_form: {
|
|
14
|
+
is: "via_mobile_phone",
|
|
15
|
+
then: {
|
|
16
|
+
enabled: true,
|
|
17
|
+
required: true
|
|
18
|
+
}
|
|
17
19
|
}
|
|
18
20
|
}
|
|
19
|
-
}
|
|
20
|
-
}, {
|
|
21
|
-
key: 'mobile_phone',
|
|
22
|
-
type: 'mobile_phone',
|
|
23
|
-
label: {
|
|
24
|
-
secondary: 'Εισάγετε το νούμερο του κινητού σας τηλεφώνου.'
|
|
25
21
|
},
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
22
|
+
{
|
|
23
|
+
key: "mobile_phone",
|
|
24
|
+
type: "mobile_phone",
|
|
25
|
+
label: {
|
|
26
|
+
secondary: "\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03BD\u03BF\u03CD\u03BC\u03B5\u03C1\u03BF \u03C4\u03BF\u03C5 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C3\u03B1\u03C2 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5."
|
|
27
|
+
},
|
|
28
|
+
enabled: false,
|
|
29
|
+
condition: {
|
|
30
|
+
auth_form: {
|
|
31
|
+
is: "via_mobile_phone",
|
|
32
|
+
then: {
|
|
33
|
+
enabled: true,
|
|
34
|
+
required: true
|
|
35
|
+
}
|
|
33
36
|
}
|
|
34
37
|
}
|
|
35
|
-
}
|
|
36
|
-
}, {
|
|
37
|
-
key: 'email',
|
|
38
|
-
type: 'email',
|
|
39
|
-
label: {
|
|
40
|
-
secondary: 'Εισάγετε την διεύθυνση του ηλεκτρονικού σας ταχυδρομείου.'
|
|
41
38
|
},
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
39
|
+
{
|
|
40
|
+
key: "email",
|
|
41
|
+
type: "email",
|
|
42
|
+
label: {
|
|
43
|
+
secondary: "\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03C4\u03BF\u03C5 \u03B7\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03BF\u03CD \u03C3\u03B1\u03C2 \u03C4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B5\u03AF\u03BF\u03C5."
|
|
44
|
+
},
|
|
45
|
+
enabled: false,
|
|
46
|
+
condition: {
|
|
47
|
+
auth_form: {
|
|
48
|
+
is: "via_email",
|
|
49
|
+
then: {
|
|
50
|
+
enabled: true,
|
|
51
|
+
required: true
|
|
52
|
+
}
|
|
49
53
|
}
|
|
50
54
|
}
|
|
51
|
-
}
|
|
52
|
-
}, {
|
|
53
|
-
key: 'auth_form',
|
|
54
|
-
type: 'choice:single',
|
|
55
|
-
required: true,
|
|
56
|
-
label: {
|
|
57
|
-
primary: 'Επιλέξτε μέθοδο πιστοποίησης',
|
|
58
|
-
secondary: 'Για την ολοκλήρωση της δήλωσης σας, θα χρειαστεί επιπλέον πιστοποίηση. Θα σας στείλουμε ένα κωδικό μιας χρήσης είτε στο τηλέφωνο είτε στην ηλεκτρονική σας διεύθυνση.'
|
|
59
55
|
},
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
56
|
+
{
|
|
57
|
+
key: "auth_form",
|
|
58
|
+
type: "choice:single",
|
|
59
|
+
required: true,
|
|
60
|
+
label: {
|
|
61
|
+
primary: "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03BC\u03AD\u03B8\u03BF\u03B4\u03BF \u03C0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7\u03C2",
|
|
62
|
+
secondary: "\u0393\u03B9\u03B1 \u03C4\u03B7\u03BD \u03BF\u03BB\u03BF\u03BA\u03BB\u03AE\u03C1\u03C9\u03C3\u03B7 \u03C4\u03B7\u03C2 \u03B4\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2 \u03C3\u03B1\u03C2, \u03B8\u03B1 \u03C7\u03C1\u03B5\u03B9\u03B1\u03C3\u03C4\u03B5\u03AF \u03B5\u03C0\u03B9\u03C0\u03BB\u03AD\u03BF\u03BD \u03C0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7. \u0398\u03B1 \u03C3\u03B1\u03C2 \u03C3\u03C4\u03B5\u03AF\u03BB\u03BF\u03C5\u03BC\u03B5 \u03AD\u03BD\u03B1 \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC \u03BC\u03B9\u03B1\u03C2 \u03C7\u03C1\u03AE\u03C3\u03B7\u03C2 \u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03BF \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B7\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03AE \u03C3\u03B1\u03C2 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7."
|
|
63
|
+
},
|
|
64
|
+
extra: {
|
|
65
|
+
options: [
|
|
66
|
+
{
|
|
67
|
+
key: "via_mobile_phone",
|
|
68
|
+
label: {primary: "M\u03AD\u03C3\u03C9 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"},
|
|
69
|
+
value: "via_mobile_phone",
|
|
70
|
+
show: ["mobile_phone", "landline"]
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
key: "via_email",
|
|
74
|
+
label: {
|
|
75
|
+
primary: "\u039C\u03AD\u03C3\u03C9 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2 \u03B7\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03BF\u03CD \u03C4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B5\u03AF\u03BF\u03C5 (e-mail)"
|
|
76
|
+
},
|
|
77
|
+
value: "via_email",
|
|
78
|
+
show: ["email"]
|
|
79
|
+
}
|
|
80
|
+
]
|
|
81
|
+
}
|
|
76
82
|
}
|
|
77
|
-
|
|
78
|
-
|
|
83
|
+
];
|
|
84
|
+
const Conditional = () => /* @__PURE__ */ React.createElement(FormBuilder, {
|
|
85
|
+
onSubmit: (data) => {
|
|
86
|
+
console.log(data);
|
|
87
|
+
},
|
|
88
|
+
fields
|
|
89
|
+
}, /* @__PURE__ */ React.createElement(Field, {
|
|
79
90
|
key: "auth_form",
|
|
80
91
|
name: "auth_form"
|
|
81
|
-
})
|
|
82
|
-
var _ref2 = /*#__PURE__*/React.createElement(Button, {
|
|
92
|
+
}), /* @__PURE__ */ React.createElement(Button, {
|
|
83
93
|
type: "submit"
|
|
84
|
-
}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
}, _ref, _ref2);
|
|
92
|
-
};
|
|
94
|
+
}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
|
|
95
|
+
var Conditional_default = Conditional;
|
|
96
|
+
export {
|
|
97
|
+
Conditional,
|
|
98
|
+
Conditional_default as default
|
|
99
|
+
};
|
|
100
|
+
//# sourceMappingURL=Conditional.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/inputs/Radio/__stories__/Conditional.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field, FieldSpec } from '@digigov/form';\nimport { Button } from '@digigov/ui/form/Button';\n\nconst fields: FieldSpec[] = [\n {\n key: 'landline',\n type: 'phone_number',\n label: {\n secondary: '\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03BD\u03BF\u03CD\u03BC\u03B5\u03C1\u03BF \u03C4\u03BF\u03C5 \u03C3\u03C4\u03B1\u03B8\u03B5\u03C1\u03BF\u03CD \u03C3\u03B1\u03C2 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5.',\n },\n enabled: false,\n condition: {\n auth_form: {\n is: 'via_mobile_phone',\n then: {\n enabled: true,\n required: true,\n },\n },\n },\n },\n {\n key: 'mobile_phone',\n type: 'mobile_phone',\n label: {\n secondary: '\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03BD\u03BF\u03CD\u03BC\u03B5\u03C1\u03BF \u03C4\u03BF\u03C5 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C3\u03B1\u03C2 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5.',\n },\n enabled: false,\n condition: {\n auth_form: {\n is: 'via_mobile_phone',\n then: {\n enabled: true,\n required: true,\n },\n },\n },\n },\n {\n key: 'email',\n type: 'email',\n label: {\n secondary: '\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03C4\u03BF\u03C5 \u03B7\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03BF\u03CD \u03C3\u03B1\u03C2 \u03C4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B5\u03AF\u03BF\u03C5.',\n },\n enabled: false,\n condition: {\n auth_form: {\n is: 'via_email',\n then: {\n enabled: true,\n required: true,\n },\n },\n },\n },\n {\n key: 'auth_form',\n type: 'choice:single',\n required: true,\n label: {\n primary: '\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03BC\u03AD\u03B8\u03BF\u03B4\u03BF \u03C0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7\u03C2',\n secondary:\n '\u0393\u03B9\u03B1 \u03C4\u03B7\u03BD \u03BF\u03BB\u03BF\u03BA\u03BB\u03AE\u03C1\u03C9\u03C3\u03B7 \u03C4\u03B7\u03C2 \u03B4\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2 \u03C3\u03B1\u03C2, \u03B8\u03B1 \u03C7\u03C1\u03B5\u03B9\u03B1\u03C3\u03C4\u03B5\u03AF \u03B5\u03C0\u03B9\u03C0\u03BB\u03AD\u03BF\u03BD \u03C0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7. \u0398\u03B1 \u03C3\u03B1\u03C2 \u03C3\u03C4\u03B5\u03AF\u03BB\u03BF\u03C5\u03BC\u03B5 \u03AD\u03BD\u03B1 \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC \u03BC\u03B9\u03B1\u03C2 \u03C7\u03C1\u03AE\u03C3\u03B7\u03C2 \u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03BF \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B7\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03AE \u03C3\u03B1\u03C2 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7.',\n },\n extra: {\n options: [\n {\n key: 'via_mobile_phone',\n label: { primary: 'M\u03AD\u03C3\u03C9 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5' },\n value: 'via_mobile_phone',\n show: ['mobile_phone', 'landline'],\n },\n {\n key: 'via_email',\n label: {\n primary: '\u039C\u03AD\u03C3\u03C9 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2 \u03B7\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03BF\u03CD \u03C4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B5\u03AF\u03BF\u03C5 (e-mail)',\n },\n value: 'via_email',\n show: ['email'],\n },\n ],\n },\n },\n];\n\nexport const Conditional = () => (\n <FormBuilder\n onSubmit={(data) => {\n console.log(data);\n }}\n fields={fields}\n >\n <Field key=\"auth_form\" name=\"auth_form\" />\n <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n </FormBuilder>\n);\n\nexport default Conditional;\n"],
|
|
5
|
+
"mappings": "AAAA;AACA;AACA;AAEA,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA;AAAA,IAEb,SAAS;AAAA,IACT,WAAW;AAAA,MACT,WAAW;AAAA,QACT,IAAI;AAAA,QACJ,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKlB;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA;AAAA,IAEb,SAAS;AAAA,IACT,WAAW;AAAA,MACT,WAAW;AAAA,QACT,IAAI;AAAA,QACJ,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKlB;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA;AAAA,IAEb,SAAS;AAAA,IACT,WAAW;AAAA,MACT,WAAW;AAAA,QACT,IAAI;AAAA,QACJ,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKlB;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WACE;AAAA;AAAA,IAEJ,OAAO;AAAA,MACL,SAAS;AAAA,QACP;AAAA,UACE,KAAK;AAAA,UACL,OAAO,CAAE,SAAS;AAAA,UAClB,OAAO;AAAA,UACP,MAAM,CAAC,gBAAgB;AAAA;AAAA,QAEzB;AAAA,UACE,KAAK;AAAA,UACL,OAAO;AAAA,YACL,SAAS;AAAA;AAAA,UAEX,OAAO;AAAA,UACP,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOV,MAAM,cAAc,MACzB,oCAAC,aAAD;AAAA,EACE,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,EAEd;AAAA,GAEA,oCAAC,OAAD;AAAA,EAAO,KAAI;AAAA,EAAY,MAAK;AAAA,IAC5B,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAI1B,IAAO,sBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,45 +1,42 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import FormBuilder, {
|
|
3
|
-
import {
|
|
4
|
-
|
|
1
|
+
import React from "react";
|
|
2
|
+
import FormBuilder, {Field} from "@digigov/form";
|
|
3
|
+
import {Button} from "@digigov/ui/form/Button";
|
|
4
|
+
const Default = () => /* @__PURE__ */ React.createElement(FormBuilder, {
|
|
5
|
+
onSubmit: (data) => {
|
|
6
|
+
console.log(data);
|
|
7
|
+
}
|
|
8
|
+
}, /* @__PURE__ */ React.createElement(Field, {
|
|
9
|
+
key: "string",
|
|
10
|
+
name: "string",
|
|
11
|
+
type: "choice:single",
|
|
12
|
+
required: true,
|
|
13
|
+
label: {primary: "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;"},
|
|
14
|
+
extra: {
|
|
15
|
+
options: [
|
|
16
|
+
{
|
|
17
|
+
label: {primary: "\u0395\u03BB\u03BB\u03AC\u03B4\u03B1"},
|
|
18
|
+
value: "greece"
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
label: {primary: "\u039A\u03CD\u03C0\u03C1\u03BF\u03C2"},
|
|
22
|
+
value: "cyprus"
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
label: {primary: "\u03A7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2"},
|
|
26
|
+
value: "eu"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
label: {primary: "\u0397\u03BD\u03C9\u03BC\u03AD\u03BD\u03B5\u03C2 \u03A0\u03BF\u03BB\u03B9\u03C4\u03B5\u03AF\u03B5\u03C2 \u03C4\u03B7\u03C2 \u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE\u03C2"},
|
|
30
|
+
value: "usa"
|
|
31
|
+
}
|
|
32
|
+
]
|
|
33
|
+
}
|
|
34
|
+
}), /* @__PURE__ */ React.createElement(Button, {
|
|
5
35
|
type: "submit"
|
|
6
|
-
}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}
|
|
12
|
-
}, /*#__PURE__*/React.createElement(Field, {
|
|
13
|
-
key: 'string',
|
|
14
|
-
name: "string",
|
|
15
|
-
type: "choice:single",
|
|
16
|
-
required: true,
|
|
17
|
-
label: {
|
|
18
|
-
primary: 'Ποιά είναι η χώρα της διαμονής σας;'
|
|
19
|
-
},
|
|
20
|
-
extra: {
|
|
21
|
-
options: [{
|
|
22
|
-
label: {
|
|
23
|
-
primary: 'Ελλάδα'
|
|
24
|
-
},
|
|
25
|
-
value: 'greece'
|
|
26
|
-
}, {
|
|
27
|
-
label: {
|
|
28
|
-
primary: 'Κύπρος'
|
|
29
|
-
},
|
|
30
|
-
value: 'cyprus'
|
|
31
|
-
}, {
|
|
32
|
-
label: {
|
|
33
|
-
primary: 'Χώρα της Ευρωπαϊκής Ένωσης'
|
|
34
|
-
},
|
|
35
|
-
value: 'eu'
|
|
36
|
-
}, {
|
|
37
|
-
label: {
|
|
38
|
-
primary: 'Ηνωμένες Πολιτείες της Αμερικής'
|
|
39
|
-
},
|
|
40
|
-
value: 'usa'
|
|
41
|
-
}]
|
|
42
|
-
}
|
|
43
|
-
}), _ref);
|
|
36
|
+
}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
|
|
37
|
+
var Default_default = Default;
|
|
38
|
+
export {
|
|
39
|
+
Default,
|
|
40
|
+
Default_default as default
|
|
44
41
|
};
|
|
45
|
-
|
|
42
|
+
//# sourceMappingURL=Default.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/inputs/Radio/__stories__/Default.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field } from '@digigov/form';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const Default = () => (\n <FormBuilder\n onSubmit={(data) => {\n console.log(data);\n }}\n >\n <Field\n key={'string'}\n name=\"string\"\n type=\"choice:single\"\n required\n label={{ primary: '\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;' }}\n extra={{\n options: [\n {\n label: { primary: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1' },\n value: 'greece',\n },\n {\n label: { primary: '\u039A\u03CD\u03C0\u03C1\u03BF\u03C2' },\n value: 'cyprus',\n },\n {\n label: { primary: '\u03A7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2' },\n value: 'eu',\n },\n {\n label: { primary: '\u0397\u03BD\u03C9\u03BC\u03AD\u03BD\u03B5\u03C2 \u03A0\u03BF\u03BB\u03B9\u03C4\u03B5\u03AF\u03B5\u03C2 \u03C4\u03B7\u03C2 \u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE\u03C2' },\n value: 'usa',\n },\n ],\n }}\n />\n <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n </FormBuilder>\n);\nexport default Default;\n"],
|
|
5
|
+
"mappings": "AAAA;AACA;AACA;AAEO,MAAM,UAAU,MACrB,oCAAC,aAAD;AAAA,EACE,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,GAGd,oCAAC,OAAD;AAAA,EACE,KAAK;AAAA,EACL,MAAK;AAAA,EACL,MAAK;AAAA,EACL,UAAQ;AAAA,EACR,OAAO,CAAE,SAAS;AAAA,EAClB,OAAO;AAAA,IACL,SAAS;AAAA,MACP;AAAA,QACE,OAAO,CAAE,SAAS;AAAA,QAClB,OAAO;AAAA;AAAA,MAET;AAAA,QACE,OAAO,CAAE,SAAS;AAAA,QAClB,OAAO;AAAA;AAAA,MAET;AAAA,QACE,OAAO,CAAE,SAAS;AAAA,QAClB,OAAO;AAAA;AAAA,MAET;AAAA,QACE,OAAO,CAAE,SAAS;AAAA,QAClB,OAAO;AAAA;AAAA;AAAA;AAAA,IAKf,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAG1B,IAAO,kBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|