@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
|
@@ -1,33 +1,35 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import FormBuilder, {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
1
|
+
import React from "react";
|
|
2
|
+
import FormBuilder, {Field, Fieldset} from "@digigov/form";
|
|
3
|
+
import {Button} from "@digigov/ui/form/Button";
|
|
4
|
+
const FIELDS = [
|
|
5
|
+
{
|
|
6
|
+
key: "image",
|
|
7
|
+
type: "image",
|
|
8
|
+
required: true,
|
|
9
|
+
label: {
|
|
10
|
+
primary: "\u0391\u03BD\u03AD\u03B2\u03B1\u03C3\u03BC\u03B1 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1\u03C2"
|
|
11
|
+
},
|
|
12
|
+
extra: {
|
|
13
|
+
limit: {
|
|
14
|
+
maxSize: 300
|
|
15
|
+
}
|
|
14
16
|
}
|
|
15
17
|
}
|
|
16
|
-
|
|
17
|
-
|
|
18
|
+
];
|
|
19
|
+
const WithInvalidImageSize = () => /* @__PURE__ */ React.createElement(FormBuilder, {
|
|
20
|
+
fields: FIELDS,
|
|
21
|
+
onSubmit: (data) => {
|
|
22
|
+
console.log(data);
|
|
23
|
+
}
|
|
24
|
+
}, /* @__PURE__ */ React.createElement(Fieldset, null, FIELDS.map((field) => /* @__PURE__ */ React.createElement(Field, {
|
|
25
|
+
key: field.key,
|
|
26
|
+
name: field.key
|
|
27
|
+
}))), /* @__PURE__ */ React.createElement(Button, {
|
|
18
28
|
type: "submit"
|
|
19
|
-
}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
console.log(data);
|
|
25
|
-
}
|
|
26
|
-
}, /*#__PURE__*/React.createElement(Fieldset, null, FIELDS.map(function (field) {
|
|
27
|
-
return /*#__PURE__*/React.createElement(Field, {
|
|
28
|
-
key: field.key,
|
|
29
|
-
name: field.key
|
|
30
|
-
});
|
|
31
|
-
})), _ref);
|
|
29
|
+
}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
|
|
30
|
+
var WithInvalidImageSize_default = WithInvalidImageSize;
|
|
31
|
+
export {
|
|
32
|
+
WithInvalidImageSize,
|
|
33
|
+
WithInvalidImageSize_default as default
|
|
32
34
|
};
|
|
33
|
-
|
|
35
|
+
//# sourceMappingURL=WithInvalidImageSize.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/inputs/ImageInput/__stories__/WithInvalidImageSize.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: 'image',\n type: 'image',\n required: true,\n label: {\n primary: '\u0391\u03BD\u03AD\u03B2\u03B1\u03C3\u03BC\u03B1 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1\u03C2',\n },\n extra: {\n limit: {\n maxSize: 300,\n },\n },\n },\n];\n\nexport const WithInvalidImageSize = () => (\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 WithInvalidImageSize;\n"],
|
|
5
|
+
"mappings": "AAAA;AACA;AAEA;AACA,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,MACL,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,OAAO;AAAA,QACL,SAAS;AAAA;AAAA;AAAA;AAAA;AAMV,MAAM,uBAAuB,MAClC,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,+BAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,76 +1,59 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
import { useTranslation } from '@digigov/ui/i18n';
|
|
12
|
-
import Paragraph from '@digigov/ui/typography/Paragraph';
|
|
13
|
-
export var Image = /*#__PURE__*/React.memo(function Image(_ref) {
|
|
14
|
-
var src = _ref.src;
|
|
15
|
-
return /*#__PURE__*/React.createElement("img", {
|
|
16
|
-
src: src,
|
|
1
|
+
import React, {useState, useCallback} from "react";
|
|
2
|
+
import FileUpload from "@digigov/react-core/FileUpload";
|
|
3
|
+
import FileUploadContainer from "@digigov/react-core/FileUploadContainer";
|
|
4
|
+
import CoreHint from "@digigov/react-core/Hint";
|
|
5
|
+
import Button, {ButtonGroup} from "@digigov/ui/form/Button";
|
|
6
|
+
import {useTranslation} from "@digigov/ui/i18n";
|
|
7
|
+
import Paragraph from "@digigov/ui/typography/Paragraph";
|
|
8
|
+
const Image = React.memo(function Image2({src}) {
|
|
9
|
+
return /* @__PURE__ */ React.createElement("img", {
|
|
10
|
+
src,
|
|
17
11
|
className: "ds-image--ratio"
|
|
18
12
|
});
|
|
19
13
|
});
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
onChange = _ref2.onChange,
|
|
26
|
-
reset = _ref2.reset,
|
|
27
|
-
props = _objectWithoutProperties(_ref2, _excluded);
|
|
28
|
-
var _useTranslation = useTranslation(),
|
|
29
|
-
t = _useTranslation.t;
|
|
30
|
-
var _useState = useState(null),
|
|
31
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
32
|
-
selectedImage = _useState2[0],
|
|
33
|
-
setSelectedImage = _useState2[1];
|
|
34
|
-
var _useState3 = useState(null),
|
|
35
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
36
|
-
imageUrl = _useState4[0],
|
|
37
|
-
setImageUrl = _useState4[1];
|
|
38
|
-
var handleImageChange = useCallback(function (e) {
|
|
39
|
-
var _target$files;
|
|
14
|
+
const ImageInput = React.forwardRef(function ImageInput2({name, extra = {}, disabled, onChange, reset, ...props}, ref) {
|
|
15
|
+
const {t} = useTranslation();
|
|
16
|
+
const [selectedImage, setSelectedImage] = useState(null);
|
|
17
|
+
const [imageUrl, setImageUrl] = useState(null);
|
|
18
|
+
const handleImageChange = useCallback((e) => {
|
|
40
19
|
e.preventDefault();
|
|
41
|
-
|
|
42
|
-
|
|
20
|
+
const target = e.target;
|
|
21
|
+
const selectedFile = target.files?.[0];
|
|
43
22
|
if (selectedFile) {
|
|
44
23
|
setSelectedImage(selectedFile);
|
|
45
24
|
setImageUrl(URL.createObjectURL(selectedFile));
|
|
46
25
|
}
|
|
47
26
|
onChange(e);
|
|
48
27
|
}, [selectedImage]);
|
|
49
|
-
|
|
28
|
+
const handleDeleteImage = useCallback((event) => {
|
|
50
29
|
event.preventDefault();
|
|
51
|
-
reset(
|
|
30
|
+
reset({[name]: ""});
|
|
52
31
|
setSelectedImage(null);
|
|
53
|
-
setImageUrl(
|
|
32
|
+
setImageUrl("");
|
|
54
33
|
}, [selectedImage]);
|
|
55
|
-
return
|
|
34
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FileUploadContainer, null, selectedImage !== null ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Paragraph, null, /* @__PURE__ */ React.createElement("b", null, t("upload.image"), ":"), " ", `${selectedImage?.name}`)) : /* @__PURE__ */ React.createElement(CoreHint, {
|
|
56
35
|
className: "ds-dashed--border"
|
|
57
|
-
}, t(
|
|
36
|
+
}, t("upload.no_image")), /* @__PURE__ */ React.createElement(React.Fragment, null, selectedImage !== null && /* @__PURE__ */ React.createElement(Image, {
|
|
58
37
|
src: imageUrl
|
|
59
|
-
}),
|
|
38
|
+
}), /* @__PURE__ */ React.createElement(ButtonGroup, {
|
|
60
39
|
marginTop: 2
|
|
61
|
-
}, selectedImage !== null &&
|
|
40
|
+
}, selectedImage !== null && /* @__PURE__ */ React.createElement(Button, {
|
|
62
41
|
variant: "link",
|
|
63
42
|
onClick: handleDeleteImage
|
|
64
|
-
}, t(
|
|
65
|
-
ref
|
|
43
|
+
}, t("upload.reset_file")), /* @__PURE__ */ React.createElement(FileUpload, {
|
|
44
|
+
ref,
|
|
66
45
|
hasFiles: selectedImage !== null,
|
|
67
|
-
name
|
|
68
|
-
disabled
|
|
46
|
+
name,
|
|
47
|
+
disabled,
|
|
69
48
|
accept: "image/*",
|
|
70
|
-
onChange: handleImageChange
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
type: 'file'
|
|
74
|
-
})), t('upload.choose_image'))))));
|
|
49
|
+
onChange: handleImageChange,
|
|
50
|
+
...{...props, required: void 0, type: "file"}
|
|
51
|
+
}, t("upload.choose_image"))))));
|
|
75
52
|
});
|
|
76
|
-
|
|
53
|
+
var ImageInput_default = ImageInput;
|
|
54
|
+
export {
|
|
55
|
+
Image,
|
|
56
|
+
ImageInput,
|
|
57
|
+
ImageInput_default as default
|
|
58
|
+
};
|
|
59
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/inputs/ImageInput/index.tsx"],
|
|
4
|
+
"sourcesContent": ["import React, { useState, useCallback } from 'react';\nimport { UncontrolledFieldProps } from '@digigov/form/Field/types';\nimport FileUpload from '@digigov/react-core/FileUpload';\nimport FileUploadContainer from '@digigov/react-core/FileUploadContainer';\nimport CoreHint from '@digigov/react-core/Hint';\nimport Button, { ButtonGroup } from '@digigov/ui/form/Button';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport Paragraph from '@digigov/ui/typography/Paragraph';\n\nexport interface ImageProps {\n src?: any;\n}\n\nexport interface Limit {\n maxSize?: number;\n maxWidth?: number;\n maxHeight?: number;\n minWidth?: number;\n minHeight?: number;\n}\n\nexport const Image: React.FC<ImageProps> = React.memo(function Image({ src }) {\n return <img src={src} className=\"ds-image--ratio\" />;\n});\nexport interface ImageInputProps extends Omit<UncontrolledFieldProps, 'extra'> {\n extra?: {\n className?: string;\n multiple?: boolean;\n accept?: string;\n limit?: Limit;\n };\n reset: (values?: any) => void;\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport const ImageInput: React.FC<ImageInputProps> = React.forwardRef(\n function ImageInput(\n { name, extra = {}, disabled, onChange, reset, ...props },\n ref: any\n ) {\n const { t } = useTranslation();\n const [selectedImage, setSelectedImage] = useState<File | null>(null);\n const [imageUrl, setImageUrl] = useState<string | null>(null);\n const handleImageChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n e.preventDefault();\n const target = e.target as HTMLInputElement;\n const selectedFile = target.files?.[0];\n\n if (selectedFile) {\n setSelectedImage(selectedFile);\n setImageUrl(URL.createObjectURL(selectedFile));\n }\n onChange(e);\n },\n [selectedImage]\n );\n\n const handleDeleteImage = useCallback(\n (event) => {\n event.preventDefault();\n reset({ [name]: '' });\n setSelectedImage(null);\n setImageUrl('');\n },\n [selectedImage]\n );\n\n return (\n <>\n <FileUploadContainer>\n {selectedImage !== null ? (\n <>\n <Paragraph>\n <b>{t('upload.image')}:</b> {`${selectedImage?.name}`}\n </Paragraph>\n </>\n ) : (\n <CoreHint className=\"ds-dashed--border\">\n {t('upload.no_image')}\n </CoreHint>\n )}\n <>\n {selectedImage !== null && <Image src={imageUrl} />}\n <ButtonGroup marginTop={2}>\n {selectedImage !== null && (\n <Button variant=\"link\" onClick={handleDeleteImage}>\n {t('upload.reset_file')}\n </Button>\n )}\n <FileUpload\n ref={ref}\n hasFiles={selectedImage !== null}\n name={name}\n disabled={disabled}\n accept=\"image/*\"\n onChange={handleImageChange}\n {...{ ...props, required: undefined, type: 'file' }}\n >\n {t('upload.choose_image')}\n </FileUpload>\n </ButtonGroup>\n </>\n </FileUploadContainer>\n </>\n );\n }\n);\n\nexport default ImageInput;\n"],
|
|
5
|
+
"mappings": "AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAcO,MAAM,QAA8B,MAAM,KAAK,gBAAe,CAAE,MAAO;AAC5E,SAAO,oCAAC,OAAD;AAAA,IAAK;AAAA,IAAU,WAAU;AAAA;AAAA;AAa3B,MAAM,aAAwC,MAAM,WACzD,qBACE,CAAE,MAAM,QAAQ,IAAI,UAAU,UAAU,UAAU,QAClD,KACA;AACA,QAAM,CAAE,KAAM;AACd,QAAM,CAAC,eAAe,oBAAoB,SAAsB;AAChE,QAAM,CAAC,UAAU,eAAe,SAAwB;AACxD,QAAM,oBAAoB,YACxB,CAAC,MAA2C;AAC1C,MAAE;AACF,UAAM,SAAS,EAAE;AACjB,UAAM,eAAe,OAAO,QAAQ;AAEpC,QAAI,cAAc;AAChB,uBAAiB;AACjB,kBAAY,IAAI,gBAAgB;AAAA;AAElC,aAAS;AAAA,KAEX,CAAC;AAGH,QAAM,oBAAoB,YACxB,CAAC,UAAU;AACT,UAAM;AACN,UAAM,EAAG,OAAO;AAChB,qBAAiB;AACjB,gBAAY;AAAA,KAEd,CAAC;AAGH,SACE,0DACE,oCAAC,qBAAD,MACG,kBAAkB,OACjB,0DACE,oCAAC,WAAD,MACE,oCAAC,KAAD,MAAI,EAAE,iBAAgB,MAAK,KAAE,GAAG,eAAe,WAInD,oCAAC,UAAD;AAAA,IAAU,WAAU;AAAA,KACjB,EAAE,qBAGP,0DACG,kBAAkB,QAAQ,oCAAC,OAAD;AAAA,IAAO,KAAK;AAAA,MACvC,oCAAC,aAAD;AAAA,IAAa,WAAW;AAAA,KACrB,kBAAkB,QACjB,oCAAC,QAAD;AAAA,IAAQ,SAAQ;AAAA,IAAO,SAAS;AAAA,KAC7B,EAAE,uBAGP,oCAAC,YAAD;AAAA,IACE;AAAA,IACA,UAAU,kBAAkB;AAAA,IAC5B;AAAA,IACA;AAAA,IACA,QAAO;AAAA,IACP,UAAU;AAAA,OACN,IAAK,OAAO,UAAU,QAAW,MAAM;AAAA,KAE1C,EAAE;AAAA;AAUnB,IAAO,qBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,16 +1,20 @@
|
|
|
1
|
-
import Input from
|
|
2
|
-
|
|
3
|
-
title:
|
|
1
|
+
import Input from "@digigov/form/inputs/Input";
|
|
2
|
+
var Input_stories_default = {
|
|
3
|
+
title: "Digigov Form/inputs/Input",
|
|
4
4
|
component: Input,
|
|
5
|
-
displayName:
|
|
5
|
+
displayName: "Input"
|
|
6
6
|
};
|
|
7
|
-
export * from
|
|
8
|
-
export * from
|
|
9
|
-
export * from
|
|
10
|
-
export * from
|
|
11
|
-
export * from
|
|
12
|
-
export * from
|
|
13
|
-
export * from
|
|
14
|
-
export * from
|
|
15
|
-
export * from
|
|
16
|
-
export * from
|
|
7
|
+
export * from "@digigov/form/inputs/Input/__stories__/Default";
|
|
8
|
+
export * from "@digigov/form/inputs/Input/__stories__/Integer";
|
|
9
|
+
export * from "@digigov/form/inputs/Input/__stories__/Boolean";
|
|
10
|
+
export * from "@digigov/form/inputs/Input/__stories__/PhoneNumber";
|
|
11
|
+
export * from "@digigov/form/inputs/Input/__stories__/LandlineNumber";
|
|
12
|
+
export * from "@digigov/form/inputs/Input/__stories__/MobilePhone";
|
|
13
|
+
export * from "@digigov/form/inputs/Input/__stories__/AFM";
|
|
14
|
+
export * from "@digigov/form/inputs/Input/__stories__/IBAN";
|
|
15
|
+
export * from "@digigov/form/inputs/Input/__stories__/PostalCode";
|
|
16
|
+
export * from "@digigov/form/inputs/Input/__stories__/TextWithCharacterLimit";
|
|
17
|
+
export {
|
|
18
|
+
Input_stories_default as default
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=Input.stories.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/inputs/Input/Input.stories.js"],
|
|
4
|
+
"sourcesContent": ["import Input from '@digigov/form/inputs/Input';\nexport default {\n title: 'Digigov Form/inputs/Input',\n component: Input,\n displayName: 'Input',\n};\nexport * from '@digigov/form/inputs/Input/__stories__/Default';\nexport * from '@digigov/form/inputs/Input/__stories__/Integer';\nexport * from '@digigov/form/inputs/Input/__stories__/Boolean';\nexport * from '@digigov/form/inputs/Input/__stories__/PhoneNumber';\nexport * from '@digigov/form/inputs/Input/__stories__/LandlineNumber';\nexport * from '@digigov/form/inputs/Input/__stories__/MobilePhone';\nexport * from '@digigov/form/inputs/Input/__stories__/AFM';\nexport * from '@digigov/form/inputs/Input/__stories__/IBAN';\nexport * from '@digigov/form/inputs/Input/__stories__/PostalCode';\nexport * from '@digigov/form/inputs/Input/__stories__/TextWithCharacterLimit';\n"],
|
|
5
|
+
"mappings": "AAAA;AACA,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA;AAEf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,22 +1,24 @@
|
|
|
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 AFM = () => /* @__PURE__ */ React.createElement(FormBuilder, {
|
|
5
|
+
onSubmit: (data) => {
|
|
6
|
+
console.log(data);
|
|
7
|
+
}
|
|
8
|
+
}, /* @__PURE__ */ React.createElement(Field, {
|
|
9
|
+
key: "afm",
|
|
10
|
+
name: "afm",
|
|
11
|
+
type: "afm",
|
|
12
|
+
label: {
|
|
13
|
+
primary: "\u0391\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2 \u03C6\u03BF\u03C1\u03BF\u03BB\u03BF\u03B3\u03B9\u03BA\u03BF\u03CD \u03BC\u03B7\u03C4\u03C1\u03CE\u03BF\u03C5"
|
|
14
|
+
},
|
|
15
|
+
required: true
|
|
16
|
+
}), /* @__PURE__ */ React.createElement(Button, {
|
|
5
17
|
type: "submit"
|
|
6
|
-
}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}
|
|
12
|
-
}, /*#__PURE__*/React.createElement(Field, {
|
|
13
|
-
key: "afm",
|
|
14
|
-
name: "afm",
|
|
15
|
-
type: "afm",
|
|
16
|
-
label: {
|
|
17
|
-
primary: 'Αριθμός φορολογικού μητρώου'
|
|
18
|
-
},
|
|
19
|
-
required: true
|
|
20
|
-
}), _ref);
|
|
18
|
+
}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
|
|
19
|
+
var AFM_default = AFM;
|
|
20
|
+
export {
|
|
21
|
+
AFM,
|
|
22
|
+
AFM_default as default
|
|
21
23
|
};
|
|
22
|
-
|
|
24
|
+
//# sourceMappingURL=AFM.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/inputs/Input/__stories__/AFM.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field } from '@digigov/form';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const AFM = () => (\n <FormBuilder\n onSubmit={(data) => {\n console.log(data);\n }}\n >\n <Field\n key=\"afm\"\n name=\"afm\"\n type=\"afm\"\n label={{\n primary: '\u0391\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2 \u03C6\u03BF\u03C1\u03BF\u03BB\u03BF\u03B3\u03B9\u03BA\u03BF\u03CD \u03BC\u03B7\u03C4\u03C1\u03CE\u03BF\u03C5',\n }}\n required\n />\n <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n </FormBuilder>\n);\nexport default AFM;\n"],
|
|
5
|
+
"mappings": "AAAA;AACA;AACA;AAEO,MAAM,MAAM,MACjB,oCAAC,aAAD;AAAA,EACE,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,GAGd,oCAAC,OAAD;AAAA,EACE,KAAI;AAAA,EACJ,MAAK;AAAA,EACL,MAAK;AAAA,EACL,OAAO;AAAA,IACL,SAAS;AAAA;AAAA,EAEX,UAAQ;AAAA,IAEV,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAG1B,IAAO,cAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,23 +1,25 @@
|
|
|
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 Boolean = () => /* @__PURE__ */ React.createElement(FormBuilder, {
|
|
5
|
+
onSubmit: (data) => {
|
|
6
|
+
console.log(data);
|
|
7
|
+
}
|
|
8
|
+
}, /* @__PURE__ */ React.createElement(Field, {
|
|
9
|
+
key: "boolean-value",
|
|
10
|
+
name: "boolean-value",
|
|
11
|
+
type: "boolean",
|
|
12
|
+
label: {
|
|
13
|
+
primary: "\u0388\u03BD\u03B1 \u03B1\u03C0\u03BB\u03CC true \u03AE false",
|
|
14
|
+
secondary: "\u03A4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03CD\u03C0\u03BF\u03C5 boolean, \u03B4\u03B7\u03BB\u03B1\u03B4\u03AE \u03BB\u03BF\u03B3\u03B9\u03BA\u03BF\u03CD \u03BC\u03B7\u03B4\u03AD\u03BD \u03AE \u03AD\u03BD\u03B1. \u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B5\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 true, false, 0, 1."
|
|
15
|
+
},
|
|
16
|
+
required: true
|
|
17
|
+
}), /* @__PURE__ */ React.createElement(Button, {
|
|
5
18
|
type: "submit"
|
|
6
|
-
}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}
|
|
12
|
-
}, /*#__PURE__*/React.createElement(Field, {
|
|
13
|
-
key: "boolean-value",
|
|
14
|
-
name: "boolean-value",
|
|
15
|
-
type: "boolean",
|
|
16
|
-
label: {
|
|
17
|
-
primary: 'Ένα απλό true ή false',
|
|
18
|
-
secondary: 'Το πεδίο είναι τύπου boolean, δηλαδή λογικού μηδέν ή ένα. Μπορείτε να εισάγετε true, false, 0, 1.'
|
|
19
|
-
},
|
|
20
|
-
required: true
|
|
21
|
-
}), _ref);
|
|
19
|
+
}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
|
|
20
|
+
var Boolean_default = Boolean;
|
|
21
|
+
export {
|
|
22
|
+
Boolean,
|
|
23
|
+
Boolean_default as default
|
|
22
24
|
};
|
|
23
|
-
|
|
25
|
+
//# sourceMappingURL=Boolean.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/inputs/Input/__stories__/Boolean.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field } from '@digigov/form';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const Boolean = () => (\n <FormBuilder\n onSubmit={(data) => {\n console.log(data);\n }}\n >\n <Field\n key=\"boolean-value\"\n name=\"boolean-value\"\n type=\"boolean\"\n label={{\n primary: '\u0388\u03BD\u03B1 \u03B1\u03C0\u03BB\u03CC true \u03AE false',\n secondary:\n '\u03A4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03CD\u03C0\u03BF\u03C5 boolean, \u03B4\u03B7\u03BB\u03B1\u03B4\u03AE \u03BB\u03BF\u03B3\u03B9\u03BA\u03BF\u03CD \u03BC\u03B7\u03B4\u03AD\u03BD \u03AE \u03AD\u03BD\u03B1. \u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B5\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 true, false, 0, 1.',\n }}\n required\n />\n <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n </FormBuilder>\n);\nexport default Boolean;\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,KAAI;AAAA,EACJ,MAAK;AAAA,EACL,MAAK;AAAA,EACL,OAAO;AAAA,IACL,SAAS;AAAA,IACT,WACE;AAAA;AAAA,EAEJ,UAAQ;AAAA,IAEV,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAG1B,IAAO,kBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,23 +1,25 @@
|
|
|
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: "business-title",
|
|
10
|
+
name: "business-title",
|
|
11
|
+
type: "string",
|
|
12
|
+
label: {
|
|
13
|
+
primary: "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2",
|
|
14
|
+
secondary: "\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C3\u03B5\u03B9\u03C1\u03AC \u03B1\u03C0\u03CC \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03B5\u03C2 \u03BA\u03B1\u03B9 \u03B1\u03C1\u03B9\u03B8\u03BC\u03BF\u03CD\u03C2"
|
|
15
|
+
},
|
|
16
|
+
required: true
|
|
17
|
+
}), /* @__PURE__ */ React.createElement(Button, {
|
|
5
18
|
type: "submit"
|
|
6
|
-
}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}
|
|
12
|
-
}, /*#__PURE__*/React.createElement(Field, {
|
|
13
|
-
key: "business-title",
|
|
14
|
-
name: "business-title",
|
|
15
|
-
type: "string",
|
|
16
|
-
label: {
|
|
17
|
-
primary: 'Όνομα επιχείρησης',
|
|
18
|
-
secondary: 'Εισάγετε μια σειρά από χαρακτήρες και αριθμούς'
|
|
19
|
-
},
|
|
20
|
-
required: true
|
|
21
|
-
}), _ref);
|
|
19
|
+
}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
|
|
20
|
+
var Default_default = Default;
|
|
21
|
+
export {
|
|
22
|
+
Default,
|
|
23
|
+
Default_default as default
|
|
22
24
|
};
|
|
23
|
-
|
|
25
|
+
//# sourceMappingURL=Default.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/inputs/Input/__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=\"business-title\"\n name=\"business-title\"\n type=\"string\"\n label={{\n primary: '\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2',\n secondary: '\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C3\u03B5\u03B9\u03C1\u03AC \u03B1\u03C0\u03CC \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03B5\u03C2 \u03BA\u03B1\u03B9 \u03B1\u03C1\u03B9\u03B8\u03BC\u03BF\u03CD\u03C2',\n }}\n required\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,KAAI;AAAA,EACJ,MAAK;AAAA,EACL,MAAK;AAAA,EACL,OAAO;AAAA,IACL,SAAS;AAAA,IACT,WAAW;AAAA;AAAA,EAEb,UAAQ;AAAA,IAEV,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAG1B,IAAO,kBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,23 +1,25 @@
|
|
|
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 IBAN = () => /* @__PURE__ */ React.createElement(FormBuilder, {
|
|
5
|
+
onSubmit: (data) => {
|
|
6
|
+
console.log(data);
|
|
7
|
+
}
|
|
8
|
+
}, /* @__PURE__ */ React.createElement(Field, {
|
|
9
|
+
key: "iban",
|
|
10
|
+
name: "iban",
|
|
11
|
+
type: "iban",
|
|
12
|
+
label: {
|
|
13
|
+
primary: "\u0391\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2 IBAN",
|
|
14
|
+
secondary: "IBAN \u03C3\u03B7\u03BC\u03B1\u03AF\u03BD\u03B5\u03B9 \u0394\u03B9\u03B5\u03B8\u03BD\u03AE\u03C2 \u0391\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2 \u03A4\u03C1\u03B1\u03C0\u03B5\u03B6\u03B9\u03BA\u03BF\u03CD \u039B\u03BF\u03B3\u03B1\u03C1\u03B9\u03B1\u03C3\u03BC\u03BF\u03CD. \u0395\u03AF\u03BD\u03B1\u03B9 \u03AD\u03BD\u03B1\u03C2 \u03B4\u03B9\u03B5\u03B8\u03BD\u03CE\u03C2 \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03BC\u03AD\u03BD\u03BF\u03C2 \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2, \u03C0\u03BF\u03C5 \u03B1\u03C0\u03BF\u03C4\u03B5\u03BB\u03B5\u03AF\u03C4\u03B1\u03B9 \u03B1\u03C0\u03CC \u03AD\u03C9\u03C2 \u03BA\u03B1\u03B9 34 \u03B3\u03C1\u03AC\u03BC\u03BC\u03B1\u03C4\u03B1 \u03BA\u03B1\u03B9 \u03B1\u03C1\u03B9\u03B8\u03BC\u03BF\u03CD\u03C2, \u03C0\u03BF\u03C5 \u03B2\u03BF\u03B7\u03B8\u03AC \u03C4\u03B9\u03C2 \u03C4\u03C1\u03AC\u03C0\u03B5\u03B6\u03B5\u03C2 \u03BD\u03B1 \u03B4\u03B9\u03B5\u03BA\u03C0\u03B5\u03C1\u03B1\u03B9\u03CE\u03BD\u03BF\u03C5\u03BD \u03BC\u03B5\u03C4\u03B1\u03C6\u03BF\u03C1\u03AD\u03C2 \u03C3\u03B5 \u03CC\u03BB\u03BF \u03C4\u03BF\u03BD \u03BA\u03CC\u03C3\u03BC\u03BF."
|
|
15
|
+
},
|
|
16
|
+
required: true
|
|
17
|
+
}), /* @__PURE__ */ React.createElement(Button, {
|
|
5
18
|
type: "submit"
|
|
6
|
-
}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}
|
|
12
|
-
}, /*#__PURE__*/React.createElement(Field, {
|
|
13
|
-
key: "iban",
|
|
14
|
-
name: "iban",
|
|
15
|
-
type: "iban",
|
|
16
|
-
label: {
|
|
17
|
-
primary: 'Αριθμός IBAN',
|
|
18
|
-
secondary: 'IBAN σημαίνει Διεθνής Αριθμός Τραπεζικού Λογαριασμού. Είναι ένας διεθνώς συμφωνημένος κωδικός, που αποτελείται από έως και 34 γράμματα και αριθμούς, που βοηθά τις τράπεζες να διεκπεραιώνουν μεταφορές σε όλο τον κόσμο.'
|
|
19
|
-
},
|
|
20
|
-
required: true
|
|
21
|
-
}), _ref);
|
|
19
|
+
}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
|
|
20
|
+
var IBAN_default = IBAN;
|
|
21
|
+
export {
|
|
22
|
+
IBAN,
|
|
23
|
+
IBAN_default as default
|
|
22
24
|
};
|
|
23
|
-
|
|
25
|
+
//# sourceMappingURL=IBAN.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/inputs/Input/__stories__/IBAN.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field } from '@digigov/form';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const IBAN = () => (\n <FormBuilder\n onSubmit={(data) => {\n console.log(data);\n }}\n >\n <Field\n key=\"iban\"\n name=\"iban\"\n type=\"iban\"\n label={{\n primary: '\u0391\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2 IBAN',\n secondary:\n 'IBAN \u03C3\u03B7\u03BC\u03B1\u03AF\u03BD\u03B5\u03B9 \u0394\u03B9\u03B5\u03B8\u03BD\u03AE\u03C2 \u0391\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2 \u03A4\u03C1\u03B1\u03C0\u03B5\u03B6\u03B9\u03BA\u03BF\u03CD \u039B\u03BF\u03B3\u03B1\u03C1\u03B9\u03B1\u03C3\u03BC\u03BF\u03CD. \u0395\u03AF\u03BD\u03B1\u03B9 \u03AD\u03BD\u03B1\u03C2 \u03B4\u03B9\u03B5\u03B8\u03BD\u03CE\u03C2 \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03BC\u03AD\u03BD\u03BF\u03C2 \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2, \u03C0\u03BF\u03C5 \u03B1\u03C0\u03BF\u03C4\u03B5\u03BB\u03B5\u03AF\u03C4\u03B1\u03B9 \u03B1\u03C0\u03CC \u03AD\u03C9\u03C2 \u03BA\u03B1\u03B9 34 \u03B3\u03C1\u03AC\u03BC\u03BC\u03B1\u03C4\u03B1 \u03BA\u03B1\u03B9 \u03B1\u03C1\u03B9\u03B8\u03BC\u03BF\u03CD\u03C2, \u03C0\u03BF\u03C5 \u03B2\u03BF\u03B7\u03B8\u03AC \u03C4\u03B9\u03C2 \u03C4\u03C1\u03AC\u03C0\u03B5\u03B6\u03B5\u03C2 \u03BD\u03B1 \u03B4\u03B9\u03B5\u03BA\u03C0\u03B5\u03C1\u03B1\u03B9\u03CE\u03BD\u03BF\u03C5\u03BD \u03BC\u03B5\u03C4\u03B1\u03C6\u03BF\u03C1\u03AD\u03C2 \u03C3\u03B5 \u03CC\u03BB\u03BF \u03C4\u03BF\u03BD \u03BA\u03CC\u03C3\u03BC\u03BF.',\n }}\n required\n />\n <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n </FormBuilder>\n);\nexport default IBAN;\n"],
|
|
5
|
+
"mappings": "AAAA;AACA;AACA;AAEO,MAAM,OAAO,MAClB,oCAAC,aAAD;AAAA,EACE,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,GAGd,oCAAC,OAAD;AAAA,EACE,KAAI;AAAA,EACJ,MAAK;AAAA,EACL,MAAK;AAAA,EACL,OAAO;AAAA,IACL,SAAS;AAAA,IACT,WACE;AAAA;AAAA,EAEJ,UAAQ;AAAA,IAEV,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAG1B,IAAO,eAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,31 +1,35 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import FormBuilder, {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
export var Integer = function Integer() {
|
|
8
|
-
return /*#__PURE__*/React.createElement(FormBuilder, {
|
|
9
|
-
onSubmit: function onSubmit(data) {
|
|
1
|
+
import React from "react";
|
|
2
|
+
import FormBuilder, {Field} from "@digigov/form";
|
|
3
|
+
import {Button} from "@digigov/ui/form/Button";
|
|
4
|
+
const Integer = () => {
|
|
5
|
+
return /* @__PURE__ */ React.createElement(FormBuilder, {
|
|
6
|
+
onSubmit: (data) => {
|
|
10
7
|
console.log(data);
|
|
11
8
|
}
|
|
12
|
-
},
|
|
9
|
+
}, /* @__PURE__ */ React.createElement(Field, {
|
|
13
10
|
key: "random-number",
|
|
14
11
|
name: "random-number",
|
|
15
12
|
type: "int",
|
|
16
13
|
label: {
|
|
17
|
-
primary:
|
|
18
|
-
secondary:
|
|
14
|
+
primary: "\u0388\u03BD\u03B1\u03C2 \u03C4\u03C5\u03C7\u03B1\u03AF\u03BF\u03C2 \u03B1\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2",
|
|
15
|
+
secondary: "\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03AD\u03BD\u03B1\u03BD \u03BF\u03C0\u03BF\u03B9\u03BF\u03B4\u03AE\u03C0\u03BF\u03C4\u03B5 \u03B1\u03C1\u03B9\u03B8\u03BC\u03CC \u03BC\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03BF \u03B1\u03C0\u03CC \u03C4\u03BF \u03BC\u03B7\u03B4\u03AD\u03BD"
|
|
19
16
|
},
|
|
20
17
|
required: true
|
|
21
|
-
}),
|
|
18
|
+
}), /* @__PURE__ */ React.createElement(Field, {
|
|
22
19
|
key: "random-number-not-req",
|
|
23
20
|
name: "random-number-not-req",
|
|
24
21
|
type: "int",
|
|
25
22
|
label: {
|
|
26
|
-
primary:
|
|
27
|
-
secondary:
|
|
23
|
+
primary: "\u0394\u03B5\u03CD\u03C4\u03B5\u03C1\u03BF\u03C2 \u03C4\u03C5\u03C7\u03B1\u03AF\u03BF\u03C2 \u03B1\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2",
|
|
24
|
+
secondary: "\u03A0\u03C1\u03BF\u03B1\u03B9\u03C1\u03B5\u03C4\u03B9\u03BA\u03CC \u03C0\u03B5\u03B4\u03AF\u03BF"
|
|
28
25
|
}
|
|
29
|
-
}),
|
|
26
|
+
}), /* @__PURE__ */ React.createElement(Button, {
|
|
27
|
+
type: "submit"
|
|
28
|
+
}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
|
|
30
29
|
};
|
|
31
|
-
|
|
30
|
+
var Integer_default = Integer;
|
|
31
|
+
export {
|
|
32
|
+
Integer,
|
|
33
|
+
Integer_default as default
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=Integer.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/inputs/Input/__stories__/Integer.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field } from '@digigov/form';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const Integer = () => {\n return (\n <FormBuilder\n onSubmit={(data) => {\n console.log(data);\n }}\n >\n <Field\n key=\"random-number\"\n name=\"random-number\"\n type=\"int\"\n label={{\n primary: '\u0388\u03BD\u03B1\u03C2 \u03C4\u03C5\u03C7\u03B1\u03AF\u03BF\u03C2 \u03B1\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2',\n secondary: '\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03AD\u03BD\u03B1\u03BD \u03BF\u03C0\u03BF\u03B9\u03BF\u03B4\u03AE\u03C0\u03BF\u03C4\u03B5 \u03B1\u03C1\u03B9\u03B8\u03BC\u03CC \u03BC\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03BF \u03B1\u03C0\u03CC \u03C4\u03BF \u03BC\u03B7\u03B4\u03AD\u03BD',\n }}\n required\n />\n <Field\n key=\"random-number-not-req\"\n name=\"random-number-not-req\"\n type=\"int\"\n label={{\n primary: '\u0394\u03B5\u03CD\u03C4\u03B5\u03C1\u03BF\u03C2 \u03C4\u03C5\u03C7\u03B1\u03AF\u03BF\u03C2 \u03B1\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2',\n secondary: '\u03A0\u03C1\u03BF\u03B1\u03B9\u03C1\u03B5\u03C4\u03B9\u03BA\u03CC \u03C0\u03B5\u03B4\u03AF\u03BF',\n }}\n />\n <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n </FormBuilder>\n );\n};\n\nexport default Integer;\n"],
|
|
5
|
+
"mappings": "AAAA;AACA;AACA;AAEO,MAAM,UAAU,MAAM;AAC3B,SACE,oCAAC,aAAD;AAAA,IACE,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI;AAAA;AAAA,KAGd,oCAAC,OAAD;AAAA,IACE,KAAI;AAAA,IACJ,MAAK;AAAA,IACL,MAAK;AAAA,IACL,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA;AAAA,IAEb,UAAQ;AAAA,MAEV,oCAAC,OAAD;AAAA,IACE,KAAI;AAAA,IACJ,MAAK;AAAA,IACL,MAAK;AAAA,IACL,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA;AAAA,MAGf,oCAAC,QAAD;AAAA,IAAQ,MAAK;AAAA,KAAS;AAAA;AAK5B,IAAO,kBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,26 +1,28 @@
|
|
|
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 LandlineNumber = () => /* @__PURE__ */ React.createElement(FormBuilder, {
|
|
5
|
+
onSubmit: (data) => {
|
|
6
|
+
console.log(data);
|
|
7
|
+
}
|
|
8
|
+
}, /* @__PURE__ */ React.createElement(Field, {
|
|
9
|
+
key: "phone-number",
|
|
10
|
+
name: "phone-number",
|
|
11
|
+
type: "phone_number",
|
|
12
|
+
label: {
|
|
13
|
+
primary: "\u03A3\u03C4\u03B1\u03B8\u03B5\u03C1\u03CC \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"
|
|
14
|
+
},
|
|
15
|
+
extra: {
|
|
16
|
+
countries: ["gr"],
|
|
17
|
+
phoneType: "landline"
|
|
18
|
+
},
|
|
19
|
+
required: true
|
|
20
|
+
}), /* @__PURE__ */ React.createElement(Button, {
|
|
5
21
|
type: "submit"
|
|
6
|
-
}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}
|
|
12
|
-
}, /*#__PURE__*/React.createElement(Field, {
|
|
13
|
-
key: "phone-number",
|
|
14
|
-
name: "phone-number",
|
|
15
|
-
type: "phone_number",
|
|
16
|
-
label: {
|
|
17
|
-
primary: 'Σταθερό τηλέφωνο'
|
|
18
|
-
},
|
|
19
|
-
extra: {
|
|
20
|
-
countries: ['gr'],
|
|
21
|
-
phoneType: 'landline'
|
|
22
|
-
},
|
|
23
|
-
required: true
|
|
24
|
-
}), _ref);
|
|
22
|
+
}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
|
|
23
|
+
var LandlineNumber_default = LandlineNumber;
|
|
24
|
+
export {
|
|
25
|
+
LandlineNumber,
|
|
26
|
+
LandlineNumber_default as default
|
|
25
27
|
};
|
|
26
|
-
|
|
28
|
+
//# sourceMappingURL=LandlineNumber.js.map
|