@digigov/form 1.0.0-8ae63a77 → 1.0.0-8b33e4c8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Field/FieldBase.js +14 -31
- package/Field/FieldBaseContainer.js +19 -41
- package/Field/FieldConditional.js +14 -33
- package/Field/index.js +18 -45
- package/Field/package.json +6 -0
- package/Field/types.js +1 -5
- package/Field/utils.js +30 -63
- package/FieldArray/FieldArray.stories.js +5 -42
- package/FieldArray/__stories__/Default.js +11 -32
- package/FieldArray/__stories__/WithExactLength.js +11 -32
- package/FieldArray/index.js +19 -41
- package/FieldArray/package.json +6 -0
- package/FieldObject/index.js +16 -41
- package/FieldObject/package.json +6 -0
- package/Fieldset/FieldsetWithContext.js +13 -35
- package/Fieldset/index.js +21 -51
- package/Fieldset/package.json +6 -0
- package/Fieldset/types.js +1 -5
- package/Form.stories.js +2 -9
- package/FormBuilder/FormBuilder.js +33 -62
- package/FormBuilder/FormBuilder.stories.js +4 -28
- package/FormBuilder/__stories__/Default.js +8 -29
- package/FormBuilder/index.js +2 -11
- package/FormBuilder/package.json +6 -0
- package/FormContext.js +3 -12
- package/MultiplicityField/MultiplicityField.stories.js +9 -98
- package/MultiplicityField/__stories__/Default.js +11 -32
- package/MultiplicityField/__stories__/PreviewDisplay.js +29 -52
- package/MultiplicityField/__stories__/WithExactLength.js +11 -32
- package/MultiplicityField/__stories__/WithMaxLength.js +11 -32
- package/MultiplicityField/__stories__/WithMinAndMaxLength.js +11 -32
- package/MultiplicityField/__stories__/WithMinLength.js +11 -32
- package/MultiplicityField/add-objects.js +25 -49
- package/MultiplicityField/index.js +26 -55
- package/MultiplicityField/package.json +6 -0
- package/Questions/Questions.js +14 -35
- package/Questions/Questions.stories.js +4 -28
- package/Questions/QuestionsContext.js +3 -12
- package/Questions/Step/ReviewStep.js +21 -47
- package/Questions/Step/Step.js +18 -42
- package/Questions/Step/StepArrayReview.js +23 -52
- package/Questions/Step/StepContext.js +3 -13
- package/Questions/Step/StepDescription.js +14 -42
- package/Questions/Step/StepForm.js +19 -45
- package/Questions/Step/StepQuote.js +8 -23
- package/Questions/Step/StepTitle.js +17 -48
- package/Questions/Step/getAddMoreFields.js +2 -11
- package/Questions/Step/index.js +13 -170
- package/Questions/Step/package.json +6 -0
- package/Questions/Step/types.js +1 -5
- package/Questions/__stories__/Default.js +24 -51
- package/Questions/getNextStep.js +1 -8
- package/Questions/index.js +3 -25
- package/Questions/index.spec.js +12 -23
- package/Questions/package.json +6 -0
- package/Questions/types.js +1 -5
- package/{es → cjs}/Field/FieldBase.js +31 -14
- package/cjs/Field/FieldBaseContainer.js +65 -0
- package/cjs/Field/FieldConditional.js +81 -0
- package/cjs/Field/index.js +103 -0
- package/cjs/Field/types.js +5 -0
- package/{es → cjs}/Field/utils.js +63 -30
- package/cjs/FieldArray/FieldArray.stories.js +45 -0
- package/cjs/FieldArray/__stories__/Default.js +111 -0
- package/cjs/FieldArray/__stories__/WithExactLength.js +111 -0
- package/cjs/FieldArray/index.js +87 -0
- package/cjs/FieldObject/index.js +83 -0
- package/cjs/Fieldset/FieldsetWithContext.js +63 -0
- package/cjs/Fieldset/index.js +64 -0
- package/cjs/Fieldset/types.js +5 -0
- package/cjs/Form.stories.js +10 -0
- package/{esm → cjs}/FormBuilder/FormBuilder.js +62 -33
- package/cjs/FormBuilder/FormBuilder.stories.js +31 -0
- package/cjs/FormBuilder/__stories__/Default.js +49 -0
- package/cjs/FormBuilder/index.js +11 -0
- package/cjs/FormContext.js +14 -0
- package/cjs/MultiplicityField/MultiplicityField.stories.js +101 -0
- package/{es → cjs}/MultiplicityField/__stories__/Default.js +32 -11
- package/cjs/MultiplicityField/__stories__/PreviewDisplay.js +106 -0
- package/{esm → cjs}/MultiplicityField/__stories__/WithExactLength.js +32 -11
- package/{es → cjs}/MultiplicityField/__stories__/WithMaxLength.js +32 -11
- package/{es → cjs}/MultiplicityField/__stories__/WithMinAndMaxLength.js +32 -11
- package/{esm → cjs}/MultiplicityField/__stories__/WithMinLength.js +32 -11
- package/{esm → cjs}/MultiplicityField/add-objects.js +49 -25
- package/cjs/MultiplicityField/index.js +143 -0
- package/cjs/Questions/Questions.js +105 -0
- package/cjs/Questions/Questions.stories.js +31 -0
- package/cjs/Questions/QuestionsContext.js +20 -0
- package/cjs/Questions/Step/ReviewStep.js +79 -0
- package/cjs/Questions/Step/Step.js +93 -0
- package/cjs/Questions/Step/StepArrayReview.js +79 -0
- package/{esm → cjs}/Questions/Step/StepContext.js +13 -3
- package/cjs/Questions/Step/StepDescription.js +55 -0
- package/cjs/Questions/Step/StepForm.js +74 -0
- package/cjs/Questions/Step/StepQuote.js +26 -0
- package/cjs/Questions/Step/StepTitle.js +75 -0
- package/{es → cjs}/Questions/Step/getAddMoreFields.js +11 -2
- package/cjs/Questions/Step/index.js +170 -0
- package/cjs/Questions/Step/types.js +5 -0
- package/cjs/Questions/__stories__/Default.js +135 -0
- package/{es → cjs}/Questions/getNextStep.js +8 -1
- package/cjs/Questions/index.js +25 -0
- package/cjs/Questions/index.spec.js +73 -0
- package/cjs/Questions/types.js +5 -0
- package/cjs/index.js +28 -0
- package/cjs/inputs/AutoComplete/AutoComplete.stories.js +31 -0
- package/cjs/inputs/AutoComplete/__stories__/Default.js +71 -0
- package/cjs/inputs/AutoComplete/index.js +68 -0
- package/cjs/inputs/Checkboxes/Checkboxes.stories.js +59 -0
- package/{es → cjs}/inputs/Checkboxes/__stories__/Conditional.js +28 -8
- package/cjs/inputs/Checkboxes/__stories__/Default.js +62 -0
- package/cjs/inputs/Checkboxes/__stories__/WithDivider.js +63 -0
- package/cjs/inputs/Checkboxes/index.js +127 -0
- package/cjs/inputs/DateInput/DateInput.stories.js +31 -0
- package/cjs/inputs/DateInput/__stories__/Default.js +45 -0
- package/cjs/inputs/DateInput/index.js +181 -0
- package/cjs/inputs/FileInput/FileInput.stories.js +31 -0
- package/cjs/inputs/FileInput/__stories__/Default.js +42 -0
- package/cjs/inputs/FileInput/index.js +92 -0
- package/cjs/inputs/Input/Input.stories.js +143 -0
- package/cjs/inputs/Input/__stories__/AFM.js +44 -0
- package/cjs/inputs/Input/__stories__/Boolean.js +45 -0
- package/cjs/inputs/Input/__stories__/Default.js +45 -0
- package/cjs/inputs/Input/__stories__/IBAN.js +45 -0
- package/cjs/inputs/Input/__stories__/Integer.js +53 -0
- package/cjs/inputs/Input/__stories__/MobilePhone.js +44 -0
- package/cjs/inputs/Input/__stories__/PhoneNumber.js +44 -0
- package/cjs/inputs/Input/__stories__/PostalCode.js +47 -0
- package/cjs/inputs/Input/__stories__/TextWithCharacterLimit.js +51 -0
- package/cjs/inputs/Input/index.js +96 -0
- package/cjs/inputs/Label/Label.stories.js +31 -0
- package/cjs/inputs/Label/__stories__/Default.js +49 -0
- package/cjs/inputs/Label/index.js +41 -0
- package/cjs/inputs/OtpInput/OtpInput.stories.js +31 -0
- package/cjs/inputs/OtpInput/__stories__/Default.js +52 -0
- package/cjs/inputs/OtpInput/index.js +182 -0
- package/cjs/inputs/Radio/Radio.stories.js +59 -0
- package/{es → cjs}/inputs/Radio/__stories__/Conditional.js +28 -8
- package/cjs/inputs/Radio/__stories__/Default.js +67 -0
- package/cjs/inputs/Radio/__stories__/WithDivider.js +68 -0
- package/cjs/inputs/Radio/index.js +82 -0
- package/cjs/inputs/Select/Select.stories.js +31 -0
- package/cjs/inputs/Select/__stories__/Default.js +73 -0
- package/cjs/inputs/Select/index.js +49 -0
- package/cjs/inputs/index.js +71 -0
- package/cjs/internal.js +391 -0
- package/cjs/registry.js +208 -0
- package/cjs/types.js +5 -0
- package/{es → cjs}/utils.js +26 -12
- package/{es → cjs}/validators/index.js +54 -26
- package/cjs/validators/types.js +5 -0
- package/{es → cjs}/validators/utils/afm.js +13 -3
- package/{es → cjs}/validators/utils/file.js +12 -2
- package/{esm → cjs}/validators/utils/iban.js +13 -2
- package/cjs/validators/utils/index.js +229 -0
- package/{es → cjs}/validators/utils/int.js +14 -3
- package/cjs/validators/utils/number.js +27 -0
- package/{esm → cjs}/validators/utils/otp.js +14 -3
- package/{esm → cjs}/validators/utils/phone.js +28 -6
- package/{es → cjs}/validators/utils/postal_code.js +14 -3
- package/{esm → cjs}/validators/utils/text_limit.js +14 -3
- package/{es → cjs}/validators/utils/uuid4.js +13 -3
- package/cjs/validators/validators.spec.js +88 -0
- package/index.js +8 -28
- package/inputs/AutoComplete/AutoComplete.stories.js +4 -28
- package/inputs/AutoComplete/__stories__/Default.js +13 -35
- package/inputs/AutoComplete/index.js +12 -35
- package/inputs/AutoComplete/package.json +6 -0
- package/inputs/Checkboxes/Checkboxes.stories.js +6 -56
- package/inputs/Checkboxes/__stories__/Conditional.js +8 -28
- package/inputs/Checkboxes/__stories__/Default.js +8 -28
- package/inputs/Checkboxes/__stories__/WithDivider.js +8 -28
- package/inputs/Checkboxes/index.js +25 -52
- package/inputs/Checkboxes/package.json +6 -0
- package/inputs/DateInput/DateInput.stories.js +4 -28
- package/inputs/DateInput/__stories__/Default.js +8 -28
- package/inputs/DateInput/index.js +26 -52
- package/inputs/DateInput/package.json +6 -0
- package/inputs/FileInput/FileInput.stories.js +4 -28
- package/inputs/FileInput/__stories__/Default.js +8 -28
- package/inputs/FileInput/index.js +22 -52
- package/inputs/FileInput/package.json +6 -0
- package/inputs/Input/Input.stories.js +12 -140
- package/inputs/Input/__stories__/AFM.js +8 -28
- package/inputs/Input/__stories__/Boolean.js +8 -28
- package/inputs/Input/__stories__/Default.js +8 -28
- package/inputs/Input/__stories__/IBAN.js +8 -28
- package/inputs/Input/__stories__/Integer.js +9 -29
- package/inputs/Input/__stories__/MobilePhone.js +8 -28
- package/inputs/Input/__stories__/PhoneNumber.js +8 -28
- package/inputs/Input/__stories__/PostalCode.js +8 -28
- package/inputs/Input/__stories__/TextWithCharacterLimit.js +8 -28
- package/inputs/Input/index.js +19 -40
- package/inputs/Input/package.json +6 -0
- package/inputs/Label/Label.stories.js +4 -28
- package/inputs/Label/__stories__/Default.js +9 -29
- package/inputs/Label/index.js +9 -25
- package/inputs/Label/package.json +6 -0
- package/inputs/OtpInput/OtpInput.stories.js +4 -28
- package/inputs/OtpInput/__stories__/Default.js +9 -30
- package/inputs/OtpInput/index.js +28 -53
- package/inputs/OtpInput/package.json +6 -0
- package/inputs/Radio/Radio.stories.js +6 -56
- package/inputs/Radio/__stories__/Conditional.js +8 -28
- package/inputs/Radio/__stories__/Default.js +8 -28
- package/inputs/Radio/__stories__/WithDivider.js +8 -28
- package/inputs/Radio/index.js +24 -45
- package/inputs/Radio/package.json +6 -0
- package/inputs/Select/Select.stories.js +4 -28
- package/inputs/Select/__stories__/Default.js +8 -28
- package/inputs/Select/index.js +12 -29
- package/inputs/Select/package.json +6 -0
- package/inputs/index.js +8 -71
- package/inputs/package.json +6 -0
- package/internal.js +34 -391
- package/package.json +6 -6
- package/registry.js +61 -133
- package/types.js +1 -5
- package/utils.js +12 -26
- package/validators/index.js +26 -54
- package/validators/package.json +6 -0
- package/validators/types.js +1 -5
- package/validators/utils/afm.js +3 -13
- package/validators/utils/file.js +2 -12
- package/validators/utils/iban.js +2 -13
- package/validators/utils/index.js +12 -139
- package/validators/utils/int.js +3 -14
- package/validators/utils/number.js +3 -14
- package/validators/utils/otp.js +3 -14
- package/validators/utils/package.json +6 -0
- package/validators/utils/phone.js +6 -28
- package/validators/utils/postal_code.js +3 -14
- package/validators/utils/text_limit.js +3 -14
- package/validators/utils/uuid4.js +3 -13
- package/validators/validators.spec.js +29 -32
- package/es/Field/FieldBaseContainer.js +0 -43
- package/es/Field/FieldConditional.js +0 -62
- package/es/Field/index.js +0 -76
- package/es/Field/types.js +0 -1
- package/es/FieldArray/FieldArray.stories.js +0 -8
- package/es/FieldArray/__stories__/Default.js +0 -90
- package/es/FieldArray/__stories__/WithExactLength.js +0 -90
- package/es/FieldArray/index.js +0 -65
- package/es/FieldObject/index.js +0 -58
- package/es/Fieldset/FieldsetWithContext.js +0 -41
- package/es/Fieldset/index.js +0 -34
- package/es/Fieldset/types.js +0 -1
- package/es/Form.stories.js +0 -3
- package/es/FormBuilder/FormBuilder.js +0 -160
- package/es/FormBuilder/FormBuilder.stories.js +0 -7
- package/es/FormBuilder/__stories__/Default.js +0 -28
- package/es/FormBuilder/index.js +0 -2
- package/es/FormContext.js +0 -5
- package/es/MultiplicityField/MultiplicityField.stories.js +0 -12
- package/es/MultiplicityField/__stories__/PreviewDisplay.js +0 -83
- package/es/MultiplicityField/__stories__/WithExactLength.js +0 -92
- package/es/MultiplicityField/__stories__/WithMinLength.js +0 -95
- package/es/MultiplicityField/add-objects.js +0 -160
- package/es/MultiplicityField/index.js +0 -114
- package/es/Questions/Questions.js +0 -84
- package/es/Questions/Questions.stories.js +0 -7
- package/es/Questions/QuestionsContext.js +0 -11
- package/es/Questions/Step/ReviewStep.js +0 -53
- package/es/Questions/Step/Step.js +0 -69
- package/es/Questions/Step/StepArrayReview.js +0 -50
- package/es/Questions/Step/StepContext.js +0 -27
- package/es/Questions/Step/StepDescription.js +0 -27
- package/es/Questions/Step/StepForm.js +0 -48
- package/es/Questions/Step/StepQuote.js +0 -11
- package/es/Questions/Step/StepTitle.js +0 -44
- package/es/Questions/Step/index.js +0 -13
- package/es/Questions/Step/types.js +0 -1
- package/es/Questions/__stories__/Default.js +0 -108
- package/es/Questions/index.js +0 -3
- package/es/Questions/index.spec.js +0 -62
- package/es/Questions/types.js +0 -1
- package/es/index.js +0 -3
- package/es/inputs/AutoComplete/AutoComplete.stories.js +0 -7
- package/es/inputs/AutoComplete/__stories__/Default.js +0 -49
- package/es/inputs/AutoComplete/index.js +0 -45
- package/es/inputs/Checkboxes/Checkboxes.stories.js +0 -9
- package/es/inputs/Checkboxes/__stories__/Default.js +0 -42
- package/es/inputs/Checkboxes/__stories__/WithDivider.js +0 -43
- package/es/inputs/Checkboxes/index.js +0 -100
- package/es/inputs/DateInput/DateInput.stories.js +0 -7
- package/es/inputs/DateInput/__stories__/Default.js +0 -25
- package/es/inputs/DateInput/index.js +0 -155
- package/es/inputs/FileInput/FileInput.stories.js +0 -7
- package/es/inputs/FileInput/__stories__/Default.js +0 -22
- package/es/inputs/FileInput/index.js +0 -62
- package/es/inputs/Input/Input.stories.js +0 -15
- package/es/inputs/Input/__stories__/AFM.js +0 -24
- package/es/inputs/Input/__stories__/Boolean.js +0 -25
- package/es/inputs/Input/__stories__/Default.js +0 -25
- package/es/inputs/Input/__stories__/IBAN.js +0 -25
- package/es/inputs/Input/__stories__/Integer.js +0 -33
- package/es/inputs/Input/__stories__/MobilePhone.js +0 -24
- package/es/inputs/Input/__stories__/PhoneNumber.js +0 -24
- package/es/inputs/Input/__stories__/PostalCode.js +0 -27
- package/es/inputs/Input/__stories__/TextWithCharacterLimit.js +0 -31
- package/es/inputs/Input/index.js +0 -75
- package/es/inputs/Label/Label.stories.js +0 -7
- package/es/inputs/Label/__stories__/Default.js +0 -29
- package/es/inputs/Label/index.js +0 -25
- package/es/inputs/OtpInput/OtpInput.stories.js +0 -7
- package/es/inputs/OtpInput/__stories__/Default.js +0 -31
- package/es/inputs/OtpInput/index.js +0 -157
- package/es/inputs/Radio/Radio.stories.js +0 -9
- package/es/inputs/Radio/__stories__/Default.js +0 -47
- package/es/inputs/Radio/__stories__/WithDivider.js +0 -48
- package/es/inputs/Radio/index.js +0 -61
- package/es/inputs/Select/Select.stories.js +0 -7
- package/es/inputs/Select/__stories__/Default.js +0 -53
- package/es/inputs/Select/index.js +0 -32
- package/es/inputs/index.js +0 -8
- package/es/internal.js +0 -34
- package/es/registry.js +0 -136
- package/es/types.js +0 -1
- package/es/validators/types.js +0 -1
- package/es/validators/utils/iban.js +0 -123
- package/es/validators/utils/index.js +0 -102
- package/es/validators/utils/number.js +0 -16
- package/es/validators/utils/otp.js +0 -26
- package/es/validators/utils/phone.js +0 -122
- package/es/validators/utils/text_limit.js +0 -54
- package/es/validators/validators.spec.js +0 -85
- package/esm/Field/FieldBase.js +0 -84
- package/esm/Field/FieldBaseContainer.js +0 -43
- package/esm/Field/FieldConditional.js +0 -62
- package/esm/Field/index.js +0 -76
- package/esm/Field/index.mdx +0 -6
- package/esm/Field/types.js +0 -1
- package/esm/Field/utils.js +0 -162
- package/esm/FieldArray/FieldArray.stories.js +0 -8
- package/esm/FieldArray/FieldArray.stories.playwright.json +0 -353
- package/esm/FieldArray/__stories__/Default.js +0 -90
- package/esm/FieldArray/__stories__/WithExactLength.js +0 -90
- package/esm/FieldArray/index.js +0 -65
- package/esm/FieldObject/index.js +0 -58
- package/esm/Fieldset/FieldsetWithContext.js +0 -41
- package/esm/Fieldset/index.js +0 -34
- package/esm/Fieldset/types.js +0 -1
- package/esm/Form.stories.js +0 -3
- package/esm/FormBuilder/FormBuilder.mdx +0 -256
- package/esm/FormBuilder/FormBuilder.stories.js +0 -7
- package/esm/FormBuilder/FormBuilder.stories.playwright.json +0 -52
- package/esm/FormBuilder/__stories__/Default.js +0 -28
- package/esm/FormBuilder/index.js +0 -2
- package/esm/FormContext.js +0 -5
- package/esm/MultiplicityField/MultiplicityField.mdx +0 -590
- package/esm/MultiplicityField/MultiplicityField.stories.js +0 -12
- package/esm/MultiplicityField/MultiplicityField.stories.playwright.json +0 -1370
- package/esm/MultiplicityField/__stories__/Default.js +0 -97
- package/esm/MultiplicityField/__stories__/PreviewDisplay.js +0 -83
- package/esm/MultiplicityField/__stories__/WithMaxLength.js +0 -95
- package/esm/MultiplicityField/__stories__/WithMinAndMaxLength.js +0 -96
- package/esm/MultiplicityField/index.js +0 -114
- package/esm/Questions/Questions.js +0 -84
- package/esm/Questions/Questions.stories.js +0 -7
- package/esm/Questions/QuestionsContext.js +0 -11
- package/esm/Questions/Step/ReviewStep.js +0 -53
- package/esm/Questions/Step/Step.js +0 -69
- package/esm/Questions/Step/StepArrayReview.js +0 -50
- package/esm/Questions/Step/StepDescription.js +0 -27
- package/esm/Questions/Step/StepForm.js +0 -48
- package/esm/Questions/Step/StepQuote.js +0 -11
- package/esm/Questions/Step/StepTitle.js +0 -44
- package/esm/Questions/Step/getAddMoreFields.js +0 -22
- package/esm/Questions/Step/index.js +0 -13
- package/esm/Questions/Step/types.js +0 -1
- package/esm/Questions/__snapshots__/index.spec.tsx.snap +0 -596
- package/esm/Questions/__stories__/Default.js +0 -108
- package/esm/Questions/getNextStep.js +0 -23
- package/esm/Questions/index.js +0 -3
- package/esm/Questions/index.mdx +0 -415
- package/esm/Questions/index.spec.js +0 -62
- package/esm/Questions/types.js +0 -1
- package/esm/create-simple-form.mdx +0 -539
- package/esm/index.js +0 -8
- package/esm/index.mdx +0 -51
- package/esm/inputs/AutoComplete/AutoComplete.stories.js +0 -7
- package/esm/inputs/AutoComplete/__stories__/Default.js +0 -49
- package/esm/inputs/AutoComplete/index.js +0 -45
- package/esm/inputs/Checkboxes/Checkboxes.stories.js +0 -9
- package/esm/inputs/Checkboxes/Checkboxes.stories.playwright.json +0 -85
- package/esm/inputs/Checkboxes/__stories__/Conditional.js +0 -95
- package/esm/inputs/Checkboxes/__stories__/Default.js +0 -42
- package/esm/inputs/Checkboxes/__stories__/WithDivider.js +0 -43
- package/esm/inputs/Checkboxes/index.js +0 -100
- package/esm/inputs/Checkboxes/index.mdx +0 -0
- package/esm/inputs/DateInput/DateInput.stories.js +0 -7
- package/esm/inputs/DateInput/DateInput.stories.playwright.json +0 -72
- package/esm/inputs/DateInput/__stories__/Default.js +0 -25
- package/esm/inputs/DateInput/index.js +0 -155
- package/esm/inputs/FileInput/FileInput.stories.js +0 -7
- package/esm/inputs/FileInput/FileInput.stories.playwright.json +0 -75
- package/esm/inputs/FileInput/__stories__/Default.js +0 -22
- package/esm/inputs/FileInput/index.js +0 -62
- package/esm/inputs/Input/Input.stories.js +0 -15
- package/esm/inputs/Input/Input.stories.playwright.json +0 -376
- package/esm/inputs/Input/__stories__/AFM.js +0 -24
- package/esm/inputs/Input/__stories__/Boolean.js +0 -25
- package/esm/inputs/Input/__stories__/Default.js +0 -25
- package/esm/inputs/Input/__stories__/IBAN.js +0 -25
- package/esm/inputs/Input/__stories__/Integer.js +0 -33
- package/esm/inputs/Input/__stories__/MobilePhone.js +0 -24
- package/esm/inputs/Input/__stories__/PhoneNumber.js +0 -24
- package/esm/inputs/Input/__stories__/PostalCode.js +0 -27
- package/esm/inputs/Input/__stories__/TextWithCharacterLimit.js +0 -31
- package/esm/inputs/Input/index.js +0 -75
- package/esm/inputs/Input/index.mdx +0 -8
- package/esm/inputs/Label/Label.stories.js +0 -7
- package/esm/inputs/Label/Label.stories.playwright.json +0 -40
- package/esm/inputs/Label/__stories__/Default.js +0 -29
- package/esm/inputs/Label/index.js +0 -25
- package/esm/inputs/Label/index.mdx +0 -0
- package/esm/inputs/OtpInput/OtpInput.stories.js +0 -7
- package/esm/inputs/OtpInput/__stories__/Default.js +0 -31
- package/esm/inputs/OtpInput/index.js +0 -157
- package/esm/inputs/Radio/Radio.stories.js +0 -9
- package/esm/inputs/Radio/Radio.stories.playwright.json +0 -73
- package/esm/inputs/Radio/__stories__/Conditional.js +0 -95
- package/esm/inputs/Radio/__stories__/Default.js +0 -47
- package/esm/inputs/Radio/__stories__/WithDivider.js +0 -48
- package/esm/inputs/Radio/index.js +0 -61
- package/esm/inputs/Radio/index.mdx +0 -0
- package/esm/inputs/Select/Select.stories.js +0 -7
- package/esm/inputs/Select/Select.stories.playwright.json +0 -22
- package/esm/inputs/Select/__stories__/Default.js +0 -53
- package/esm/inputs/Select/index.js +0 -32
- package/esm/inputs/index.js +0 -8
- package/esm/installation.mdx +0 -68
- package/esm/internal.js +0 -34
- package/esm/registry.js +0 -136
- package/esm/types.js +0 -1
- package/esm/utils.js +0 -99
- package/esm/validators/index.js +0 -186
- package/esm/validators/types.js +0 -1
- package/esm/validators/utils/afm.js +0 -35
- package/esm/validators/utils/file.js +0 -52
- package/esm/validators/utils/index.js +0 -102
- package/esm/validators/utils/int.js +0 -20
- package/esm/validators/utils/number.js +0 -16
- package/esm/validators/utils/postal_code.js +0 -29
- package/esm/validators/utils/uuid4.js +0 -20
- package/esm/validators/validators.spec.js +0 -85
- /package/{es → cjs}/Field/index.mdx +0 -0
- /package/{es → cjs}/FieldArray/FieldArray.stories.playwright.json +0 -0
- /package/{es → cjs}/FormBuilder/FormBuilder.mdx +0 -0
- /package/{es → cjs}/FormBuilder/FormBuilder.stories.playwright.json +0 -0
- /package/{es → cjs}/MultiplicityField/MultiplicityField.mdx +0 -0
- /package/{es → cjs}/MultiplicityField/MultiplicityField.stories.playwright.json +0 -0
- /package/{es → cjs}/Questions/__snapshots__/index.spec.tsx.snap +0 -0
- /package/{es → cjs}/Questions/index.mdx +0 -0
- /package/{es → cjs}/create-simple-form.mdx +0 -0
- /package/{es → cjs}/index.mdx +0 -0
- /package/{es → cjs}/inputs/Checkboxes/Checkboxes.stories.playwright.json +0 -0
- /package/{es → cjs}/inputs/Checkboxes/index.mdx +0 -0
- /package/{es → cjs}/inputs/DateInput/DateInput.stories.playwright.json +0 -0
- /package/{es → cjs}/inputs/FileInput/FileInput.stories.playwright.json +0 -0
- /package/{es → cjs}/inputs/Input/Input.stories.playwright.json +0 -0
- /package/{es → cjs}/inputs/Input/index.mdx +0 -0
- /package/{es → cjs}/inputs/Label/Label.stories.playwright.json +0 -0
- /package/{es → cjs}/inputs/Label/index.mdx +0 -0
- /package/{es → cjs}/inputs/Radio/Radio.stories.playwright.json +0 -0
- /package/{es → cjs}/inputs/Radio/index.mdx +0 -0
- /package/{es → cjs}/inputs/Select/Select.stories.playwright.json +0 -0
- /package/{es → cjs}/installation.mdx +0 -0
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import React, { Suspense } from 'react';
|
|
2
|
-
import { Field } from '@digigov/form/Field';
|
|
3
|
-
import FormBuilder from '@digigov/form/FormBuilder';
|
|
4
|
-
import { results } from '@digigov/ui/form/AutoComplete/utils';
|
|
5
|
-
import Button from '@digigov/ui/form/Button';
|
|
6
|
-
var fields = [{
|
|
7
|
-
key: 'autocomplete',
|
|
8
|
-
label: {
|
|
9
|
-
primary: 'An autocomplete field'
|
|
10
|
-
},
|
|
11
|
-
required: true,
|
|
12
|
-
type: 'choice:single',
|
|
13
|
-
extra: {
|
|
14
|
-
component: 'AutoComplete',
|
|
15
|
-
options: results.map(function (r) {
|
|
16
|
-
return {
|
|
17
|
-
label: {
|
|
18
|
-
primary: r,
|
|
19
|
-
secondary: "Country: ".concat(r)
|
|
20
|
-
},
|
|
21
|
-
value: r.toLowerCase()
|
|
22
|
-
};
|
|
23
|
-
})
|
|
24
|
-
}
|
|
25
|
-
}];
|
|
26
|
-
var initialValues = {};
|
|
27
|
-
|
|
28
|
-
var _ref = /*#__PURE__*/React.createElement("div", null, "loading");
|
|
29
|
-
|
|
30
|
-
var _ref2 = /*#__PURE__*/React.createElement(Button, {
|
|
31
|
-
type: "submit"
|
|
32
|
-
}, "Submit");
|
|
33
|
-
|
|
34
|
-
export var Default = function Default() {
|
|
35
|
-
return /*#__PURE__*/React.createElement(Suspense, {
|
|
36
|
-
fallback: _ref
|
|
37
|
-
}, /*#__PURE__*/React.createElement(FormBuilder, {
|
|
38
|
-
fields: fields,
|
|
39
|
-
onSubmit: function onSubmit(data) {
|
|
40
|
-
console.log(data);
|
|
41
|
-
},
|
|
42
|
-
initial: initialValues
|
|
43
|
-
}, fields.map(function (field) {
|
|
44
|
-
return /*#__PURE__*/React.createElement(Field, {
|
|
45
|
-
key: field.key,
|
|
46
|
-
name: field.key
|
|
47
|
-
});
|
|
48
|
-
}), _ref2));
|
|
49
|
-
};
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
-
var _excluded = ["name", "extra", "onChange", "value"];
|
|
4
|
-
import React, { useCallback } from 'react';
|
|
5
|
-
import { Hint } from '@digigov/react-core';
|
|
6
|
-
import UIAutoComplete from '@digigov/ui/form/AutoComplete';
|
|
7
|
-
export var AutoComplete = function AutoComplete(_ref) {
|
|
8
|
-
var name = _ref.name,
|
|
9
|
-
options = _ref.extra.options,
|
|
10
|
-
onChange = _ref.onChange,
|
|
11
|
-
value = _ref.value,
|
|
12
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
13
|
-
|
|
14
|
-
var suggest = useCallback(function suggest(query, syncResults) {
|
|
15
|
-
syncResults(query ? options.filter(function (option) {
|
|
16
|
-
var _option$label, _option$label2;
|
|
17
|
-
|
|
18
|
-
return "".concat(option.value, " ").concat(((_option$label = option.label) === null || _option$label === void 0 ? void 0 : _option$label.primary) || '', " ").concat(((_option$label2 = option.label) === null || _option$label2 === void 0 ? void 0 : _option$label2.secondary) || '').toLowerCase().indexOf(query.toLowerCase()) !== -1;
|
|
19
|
-
}) : []);
|
|
20
|
-
}, []);
|
|
21
|
-
return /*#__PURE__*/React.createElement(UIAutoComplete, _extends({
|
|
22
|
-
source: suggest,
|
|
23
|
-
onConfirm: function onConfirm(value) {
|
|
24
|
-
onChange(value.value);
|
|
25
|
-
},
|
|
26
|
-
templates: {
|
|
27
|
-
suggestion: function suggestion(_ref2) {
|
|
28
|
-
var label = _ref2.label,
|
|
29
|
-
value = _ref2.value;
|
|
30
|
-
return /*#__PURE__*/React.createElement("div", null, label && label.primary && label.primary || value, label && label.secondary && /*#__PURE__*/React.createElement(Hint, null, label.secondary));
|
|
31
|
-
},
|
|
32
|
-
inputValue: function inputValue(option) {
|
|
33
|
-
if (!option) {
|
|
34
|
-
return '';
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
return option.label.primary || option.value;
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
}, props, {
|
|
41
|
-
id: "".concat(name, "-id"),
|
|
42
|
-
defaultValue: value
|
|
43
|
-
}));
|
|
44
|
-
};
|
|
45
|
-
export default AutoComplete;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import Checkboxes from '@digigov/form/inputs/Checkboxes';
|
|
2
|
-
export default {
|
|
3
|
-
title: 'Digigov Form/inputs/Checkboxes',
|
|
4
|
-
component: Checkboxes,
|
|
5
|
-
displayName: 'Checkboxes'
|
|
6
|
-
};
|
|
7
|
-
export * from '@digigov/form/inputs/Checkboxes/__stories__/Default';
|
|
8
|
-
export * from '@digigov/form/inputs/Checkboxes/__stories__/WithDivider';
|
|
9
|
-
export * from '@digigov/form/inputs/Checkboxes/__stories__/Conditional';
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import FormBuilder, { Field } from '@digigov/form';
|
|
3
|
-
import { Button } from '@digigov/ui/form/Button';
|
|
4
|
-
|
|
5
|
-
var _ref = /*#__PURE__*/React.createElement(Button, {
|
|
6
|
-
type: "submit"
|
|
7
|
-
}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
|
|
8
|
-
|
|
9
|
-
export var Default = function Default() {
|
|
10
|
-
return /*#__PURE__*/React.createElement(FormBuilder, {
|
|
11
|
-
onSubmit: function onSubmit(data) {
|
|
12
|
-
console.log(data);
|
|
13
|
-
}
|
|
14
|
-
}, /*#__PURE__*/React.createElement(Field, {
|
|
15
|
-
key: 'string',
|
|
16
|
-
name: "string",
|
|
17
|
-
type: "choice:multiple",
|
|
18
|
-
required: true,
|
|
19
|
-
label: {
|
|
20
|
-
primary: 'Πώς αισθάνεστε αυτή τη στιγμή;'
|
|
21
|
-
},
|
|
22
|
-
extra: {
|
|
23
|
-
options: [{
|
|
24
|
-
label: {
|
|
25
|
-
primary: 'Έχω συνάχι'
|
|
26
|
-
},
|
|
27
|
-
value: 'runny-nose'
|
|
28
|
-
}, {
|
|
29
|
-
label: {
|
|
30
|
-
primary: 'Έχω πυρετό'
|
|
31
|
-
},
|
|
32
|
-
value: 'fever'
|
|
33
|
-
}, {
|
|
34
|
-
label: {
|
|
35
|
-
primary: 'Αισθάνομαι κούραση'
|
|
36
|
-
},
|
|
37
|
-
value: 'fatigue'
|
|
38
|
-
}]
|
|
39
|
-
}
|
|
40
|
-
}), _ref);
|
|
41
|
-
};
|
|
42
|
-
export default Default;
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import FormBuilder, { Field } from '@digigov/form';
|
|
3
|
-
import { Button } from '@digigov/ui/form/Button';
|
|
4
|
-
|
|
5
|
-
var _ref = /*#__PURE__*/React.createElement(Button, {
|
|
6
|
-
type: "submit"
|
|
7
|
-
}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
|
|
8
|
-
|
|
9
|
-
export var WithDivider = function WithDivider() {
|
|
10
|
-
return /*#__PURE__*/React.createElement(FormBuilder, {
|
|
11
|
-
onSubmit: function onSubmit(data) {
|
|
12
|
-
console.log(data);
|
|
13
|
-
}
|
|
14
|
-
}, /*#__PURE__*/React.createElement(Field, {
|
|
15
|
-
key: 'string',
|
|
16
|
-
name: "string",
|
|
17
|
-
type: "choice:multiple",
|
|
18
|
-
required: true,
|
|
19
|
-
label: {
|
|
20
|
-
primary: 'Πώς αισθάνεστε αυτή τη στιγμή;'
|
|
21
|
-
},
|
|
22
|
-
extra: {
|
|
23
|
-
options: [{
|
|
24
|
-
label: {
|
|
25
|
-
primary: 'Έχω συνάχι'
|
|
26
|
-
},
|
|
27
|
-
value: 'runny-nose'
|
|
28
|
-
}, {
|
|
29
|
-
label: {
|
|
30
|
-
primary: 'Έχω πυρετό'
|
|
31
|
-
},
|
|
32
|
-
value: 'fever'
|
|
33
|
-
}, {
|
|
34
|
-
label: {
|
|
35
|
-
primary: 'Αισθάνομαι κούραση'
|
|
36
|
-
},
|
|
37
|
-
value: 'fatigue',
|
|
38
|
-
dividerText: 'ή'
|
|
39
|
-
}]
|
|
40
|
-
}
|
|
41
|
-
}), _ref);
|
|
42
|
-
};
|
|
43
|
-
export default WithDivider;
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
|
-
var _excluded = ["name", "onChange", "value", "extra", "disabled"],
|
|
5
|
-
_excluded2 = ["label", "value", "show", "disabled", "selected"];
|
|
6
|
-
import React, { useState } from 'react';
|
|
7
|
-
import { Field } from '@digigov/form';
|
|
8
|
-
import { CheckboxConditional } from '@digigov/react-core';
|
|
9
|
-
import CoreCheckboxes from '@digigov/react-core/Checkbox';
|
|
10
|
-
import CheckboxItem from '@digigov/react-core/CheckboxItem';
|
|
11
|
-
import Hint from '@digigov/react-core/Hint';
|
|
12
|
-
import { useTranslation } from '@digigov/ui/i18n';
|
|
13
|
-
export var Checkboxes = function Checkboxes(_ref) {
|
|
14
|
-
var name = _ref.name,
|
|
15
|
-
onChange = _ref.onChange,
|
|
16
|
-
value = _ref.value,
|
|
17
|
-
_ref$extra = _ref.extra,
|
|
18
|
-
options = _ref$extra.options,
|
|
19
|
-
className = _ref$extra.className,
|
|
20
|
-
disabled = _ref.disabled,
|
|
21
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
22
|
-
|
|
23
|
-
if (!value) value = [];
|
|
24
|
-
|
|
25
|
-
var handleChange = function handleChange(optionValue, idx, show) {
|
|
26
|
-
return function (evt) {
|
|
27
|
-
var newValue;
|
|
28
|
-
|
|
29
|
-
if (evt.currentTarget.checked) {
|
|
30
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
31
|
-
// @ts-ignore
|
|
32
|
-
newValue = value.concat([optionValue]);
|
|
33
|
-
} else {
|
|
34
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
35
|
-
// @ts-ignore
|
|
36
|
-
newValue = value.filter(function (val) {
|
|
37
|
-
return val !== optionValue;
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
if (show && show.length > 0) {
|
|
42
|
-
setChecked(function (items) {
|
|
43
|
-
return items.map(function (item, index) {
|
|
44
|
-
return index === idx ? !item : item;
|
|
45
|
-
});
|
|
46
|
-
});
|
|
47
|
-
} // reset value to undefined instead of an empty array
|
|
48
|
-
// so the error state mechanism can throw validation errors
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
if (newValue.length === 0) newValue = undefined;
|
|
52
|
-
onChange(newValue);
|
|
53
|
-
};
|
|
54
|
-
};
|
|
55
|
-
|
|
56
|
-
var _useTranslation = useTranslation(),
|
|
57
|
-
t = _useTranslation.t;
|
|
58
|
-
|
|
59
|
-
var _useState = useState(Array(options.length).fill(false)),
|
|
60
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
61
|
-
checked = _useState2[0],
|
|
62
|
-
setChecked = _useState2[1];
|
|
63
|
-
|
|
64
|
-
return /*#__PURE__*/React.createElement(CoreCheckboxes, {
|
|
65
|
-
className: className
|
|
66
|
-
}, options.map(function (_ref2, index) {
|
|
67
|
-
var _value;
|
|
68
|
-
|
|
69
|
-
var label = _ref2.label,
|
|
70
|
-
v = _ref2.value,
|
|
71
|
-
show = _ref2.show,
|
|
72
|
-
optionDisabled = _ref2.disabled,
|
|
73
|
-
selected = _ref2.selected,
|
|
74
|
-
option = _objectWithoutProperties(_ref2, _excluded2);
|
|
75
|
-
|
|
76
|
-
return /*#__PURE__*/React.createElement(React.Fragment, {
|
|
77
|
-
key: index
|
|
78
|
-
}, /*#__PURE__*/React.createElement(CheckboxItem, _extends({
|
|
79
|
-
key: "".concat(name, ".").concat(index),
|
|
80
|
-
name: name,
|
|
81
|
-
value: v,
|
|
82
|
-
disabled: disabled || optionDisabled,
|
|
83
|
-
checked: (_value = value) === null || _value === void 0 ? void 0 : _value.includes(v),
|
|
84
|
-
onChange: handleChange(v, index, show)
|
|
85
|
-
}, option, _extends({}, props, {
|
|
86
|
-
reset: undefined,
|
|
87
|
-
defaultValue: undefined,
|
|
88
|
-
onBlur: undefined,
|
|
89
|
-
required: undefined,
|
|
90
|
-
'aria-describedby': undefined,
|
|
91
|
-
type: 'checkbox'
|
|
92
|
-
})), label && label.primary && t(label.primary) || value, label && label.secondary && /*#__PURE__*/React.createElement(Hint, null, t(label.secondary))), !!checked[index] && show && /*#__PURE__*/React.createElement(CheckboxConditional, null, show.map(function (fieldName) {
|
|
93
|
-
return /*#__PURE__*/React.createElement(Field, {
|
|
94
|
-
name: fieldName,
|
|
95
|
-
key: fieldName
|
|
96
|
-
});
|
|
97
|
-
})), selected && selected());
|
|
98
|
-
}));
|
|
99
|
-
};
|
|
100
|
-
export default Checkboxes;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import FormBuilder, { Field } from '@digigov/form';
|
|
3
|
-
import { Button } from '@digigov/ui/form/Button';
|
|
4
|
-
|
|
5
|
-
var _ref = /*#__PURE__*/React.createElement(Button, {
|
|
6
|
-
type: "submit"
|
|
7
|
-
}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
|
|
8
|
-
|
|
9
|
-
export var Default = function Default() {
|
|
10
|
-
return /*#__PURE__*/React.createElement(FormBuilder, {
|
|
11
|
-
onSubmit: function onSubmit(data) {
|
|
12
|
-
console.log(data);
|
|
13
|
-
}
|
|
14
|
-
}, /*#__PURE__*/React.createElement(Field, {
|
|
15
|
-
key: 'string',
|
|
16
|
-
name: "string",
|
|
17
|
-
type: "date",
|
|
18
|
-
required: true,
|
|
19
|
-
label: {
|
|
20
|
-
primary: 'Πότε εκδόθηκε το διαβατήριο σας;',
|
|
21
|
-
secondary: 'Για παράδειγμα, 05 11 2020'
|
|
22
|
-
}
|
|
23
|
-
}), _ref);
|
|
24
|
-
};
|
|
25
|
-
export default Default;
|
|
@@ -1,155 +0,0 @@
|
|
|
1
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
2
|
-
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
|
-
var _excluded = ["label"],
|
|
4
|
-
_excluded2 = ["name", "type"];
|
|
5
|
-
import React, { useMemo, useState } from 'react';
|
|
6
|
-
import dayjs from 'dayjs';
|
|
7
|
-
import customParseFormat from 'dayjs/plugin/customParseFormat';
|
|
8
|
-
import DateInputContainer from '@digigov/react-core/DateInputContainer';
|
|
9
|
-
import CoreDateInputItem from '@digigov/react-core/DateInputItem';
|
|
10
|
-
import { useTranslation } from '@digigov/ui/i18n';
|
|
11
|
-
dayjs.extend(customParseFormat);
|
|
12
|
-
|
|
13
|
-
function useDate(value, onChange) {
|
|
14
|
-
var _useMemo = useMemo(function () {
|
|
15
|
-
if (!value || value.length === 0) {
|
|
16
|
-
onChange('');
|
|
17
|
-
return ['', '', ''];
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
var _value$split = value.split('/'),
|
|
21
|
-
_value$split2 = _slicedToArray(_value$split, 3),
|
|
22
|
-
day = _value$split2[0],
|
|
23
|
-
month = _value$split2[1],
|
|
24
|
-
year = _value$split2[2];
|
|
25
|
-
|
|
26
|
-
return [year, month, day];
|
|
27
|
-
}, [value]),
|
|
28
|
-
_useMemo2 = _slicedToArray(_useMemo, 3),
|
|
29
|
-
year = _useMemo2[0],
|
|
30
|
-
month = _useMemo2[1],
|
|
31
|
-
day = _useMemo2[2];
|
|
32
|
-
|
|
33
|
-
function set(year, month, day) {
|
|
34
|
-
var value = "".concat(day || '', "/").concat(month || '', "/").concat(year || '');
|
|
35
|
-
|
|
36
|
-
if (!year && !month && !day) {
|
|
37
|
-
onChange(null);
|
|
38
|
-
} else {
|
|
39
|
-
onChange(value);
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
function setYear(evt) {
|
|
44
|
-
var val = evt.target.value;
|
|
45
|
-
set(val, month, day);
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
function setMonth(evt, cast) {
|
|
49
|
-
var val = evt.target.value;
|
|
50
|
-
|
|
51
|
-
if (cast && val && val.length === 1) {
|
|
52
|
-
val = '0' + val;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
set(year, val, day);
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
function setDay(evt, cast) {
|
|
59
|
-
var val = evt.target.value;
|
|
60
|
-
|
|
61
|
-
if (cast && val && val.length === 1) {
|
|
62
|
-
val = '0' + val;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
set(year, month, val);
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
return {
|
|
69
|
-
day: day,
|
|
70
|
-
month: month,
|
|
71
|
-
year: year,
|
|
72
|
-
setYear: setYear,
|
|
73
|
-
setMonth: setMonth,
|
|
74
|
-
setDay: setDay
|
|
75
|
-
};
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
var VALID_FORMATS = ['DD/MM/YYYY'];
|
|
79
|
-
|
|
80
|
-
var makeDate = function makeDate(val) {
|
|
81
|
-
var date = dayjs(val, VALID_FORMATS, true);
|
|
82
|
-
|
|
83
|
-
if (date.isValid()) {
|
|
84
|
-
return date.format('DD/MM/YYYY');
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
return '';
|
|
88
|
-
};
|
|
89
|
-
|
|
90
|
-
var DatePart = function DatePart(_ref) {
|
|
91
|
-
var label = _ref.label,
|
|
92
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
93
|
-
|
|
94
|
-
return /*#__PURE__*/React.createElement(CoreDateInputItem, props, label);
|
|
95
|
-
};
|
|
96
|
-
|
|
97
|
-
export var DateInput = function DateInput(_ref2) {
|
|
98
|
-
var name = _ref2.name,
|
|
99
|
-
type = _ref2.type,
|
|
100
|
-
props = _objectWithoutProperties(_ref2, _excluded2);
|
|
101
|
-
|
|
102
|
-
var _useTranslation = useTranslation(),
|
|
103
|
-
t = _useTranslation.t;
|
|
104
|
-
|
|
105
|
-
var _useState = useState(props.value),
|
|
106
|
-
_useState2 = _slicedToArray(_useState, 1),
|
|
107
|
-
initial = _useState2[0];
|
|
108
|
-
|
|
109
|
-
var value = useMemo(function () {
|
|
110
|
-
if (initial === props.value) {
|
|
111
|
-
return makeDate(props.value);
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
return props.value;
|
|
115
|
-
}, [props.value, initial]);
|
|
116
|
-
var date = useDate(value || makeDate(props.defaultValue), props.onChange);
|
|
117
|
-
return /*#__PURE__*/React.createElement(DateInputContainer, null, /*#__PURE__*/React.createElement(DatePart, {
|
|
118
|
-
label: t('form.label.day'),
|
|
119
|
-
onChange: date.setDay,
|
|
120
|
-
onBlur: function onBlur(e) {
|
|
121
|
-
return date.setDay(e, true);
|
|
122
|
-
},
|
|
123
|
-
value: date.day,
|
|
124
|
-
width: 2,
|
|
125
|
-
name: "".concat(name, "-day"),
|
|
126
|
-
maxLength: "2",
|
|
127
|
-
disabled: props.disabled,
|
|
128
|
-
"aria-required": props['aria-required'],
|
|
129
|
-
error: !date.day ? props.error : false
|
|
130
|
-
}), /*#__PURE__*/React.createElement(DatePart, {
|
|
131
|
-
label: t('form.label.month'),
|
|
132
|
-
onChange: date.setMonth,
|
|
133
|
-
onBlur: function onBlur(e) {
|
|
134
|
-
return date.setMonth(e, true);
|
|
135
|
-
},
|
|
136
|
-
value: date.month,
|
|
137
|
-
width: 2,
|
|
138
|
-
name: "".concat(props.name, "-month"),
|
|
139
|
-
maxLength: "2",
|
|
140
|
-
disabled: props.disabled,
|
|
141
|
-
"aria-required": props['aria-required'],
|
|
142
|
-
error: !date.month ? props.error : false
|
|
143
|
-
}), /*#__PURE__*/React.createElement(DatePart, {
|
|
144
|
-
label: t('form.label.year'),
|
|
145
|
-
onChange: date.setYear,
|
|
146
|
-
value: date.year,
|
|
147
|
-
width: 4,
|
|
148
|
-
name: "".concat(props.name, "-year"),
|
|
149
|
-
maxLength: "4",
|
|
150
|
-
disabled: props.disabled,
|
|
151
|
-
"aria-required": props['aria-required'],
|
|
152
|
-
error: !date.year ? props.error : false
|
|
153
|
-
}));
|
|
154
|
-
};
|
|
155
|
-
export default DateInput;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import FormBuilder, { Field } from '@digigov/form';
|
|
3
|
-
import { Button } from '@digigov/ui/form/Button';
|
|
4
|
-
|
|
5
|
-
var _ref = /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
|
|
6
|
-
|
|
7
|
-
export var Default = function Default() {
|
|
8
|
-
return /*#__PURE__*/React.createElement(FormBuilder, {
|
|
9
|
-
onSubmit: function onSubmit(data) {
|
|
10
|
-
console.log(data);
|
|
11
|
-
}
|
|
12
|
-
}, /*#__PURE__*/React.createElement(Field, {
|
|
13
|
-
key: 'string',
|
|
14
|
-
name: "file",
|
|
15
|
-
type: "file",
|
|
16
|
-
required: true,
|
|
17
|
-
label: {
|
|
18
|
-
primary: 'Βιογραφικό σημείωμα'
|
|
19
|
-
}
|
|
20
|
-
}), _ref);
|
|
21
|
-
};
|
|
22
|
-
export default Default;
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
3
|
-
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
5
|
-
var _excluded = ["name", "extra", "disabled", "reset", "onChange"];
|
|
6
|
-
import React, { useState } from 'react';
|
|
7
|
-
import FileUpload from '@digigov/react-core/FileUpload';
|
|
8
|
-
import FileUploadContainer from '@digigov/react-core/FileUploadContainer';
|
|
9
|
-
import CoreHint from '@digigov/react-core/Hint';
|
|
10
|
-
import Button from '@digigov/ui/form/Button';
|
|
11
|
-
import { useTranslation } from '@digigov/ui/i18n';
|
|
12
|
-
import Paragraph from '@digigov/ui/typography/Paragraph';
|
|
13
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
14
|
-
export var FileInput = /*#__PURE__*/React.forwardRef(function FileInput(_ref, ref) {
|
|
15
|
-
var name = _ref.name,
|
|
16
|
-
_ref$extra = _ref.extra,
|
|
17
|
-
extra = _ref$extra === void 0 ? {} : _ref$extra,
|
|
18
|
-
disabled = _ref.disabled,
|
|
19
|
-
reset = _ref.reset,
|
|
20
|
-
onChange = _ref.onChange,
|
|
21
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
22
|
-
|
|
23
|
-
var _useTranslation = useTranslation(),
|
|
24
|
-
t = _useTranslation.t;
|
|
25
|
-
|
|
26
|
-
var _useState = useState([]),
|
|
27
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
28
|
-
files = _useState2[0],
|
|
29
|
-
setFiles = _useState2[1];
|
|
30
|
-
|
|
31
|
-
var handleChange = function handleChange(e) {
|
|
32
|
-
var target = e.target;
|
|
33
|
-
var selectedFiles = Array.from(target.files).map(function (_ref2) {
|
|
34
|
-
var name = _ref2.name;
|
|
35
|
-
return name;
|
|
36
|
-
});
|
|
37
|
-
setFiles(selectedFiles); // proceed calling the onChange provided
|
|
38
|
-
// by react-hook-form
|
|
39
|
-
|
|
40
|
-
onChange(e);
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FileUploadContainer, {
|
|
44
|
-
hasFiles: files && files.length > 0
|
|
45
|
-
}, files !== null && files !== void 0 && files.length ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Paragraph, null, /*#__PURE__*/React.createElement("b", null, t('upload.file'), ":"), " ", "".concat(files.join(', ')))) : /*#__PURE__*/React.createElement(CoreHint, null, t('upload.no_file')), /*#__PURE__*/React.createElement(FileUpload, _extends({
|
|
46
|
-
ref: ref,
|
|
47
|
-
hasFiles: !!(files !== null && files !== void 0 && files.length),
|
|
48
|
-
name: name,
|
|
49
|
-
disabled: disabled,
|
|
50
|
-
onChange: handleChange
|
|
51
|
-
}, _extends({}, props, {
|
|
52
|
-
required: undefined
|
|
53
|
-
})), files !== null && files !== void 0 && files.length ? t('upload.change_file') : t('upload.choose_file')), files !== undefined && files.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
|
|
54
|
-
variant: "link",
|
|
55
|
-
onClick: function onClick(event) {
|
|
56
|
-
event.preventDefault();
|
|
57
|
-
reset(_defineProperty({}, name, ''));
|
|
58
|
-
setFiles(undefined);
|
|
59
|
-
}
|
|
60
|
-
}, t('upload.reset_file')))));
|
|
61
|
-
});
|
|
62
|
-
export default FileInput;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import Input from '@digigov/form/inputs/Input';
|
|
2
|
-
export default {
|
|
3
|
-
title: 'Digigov Form/inputs/Input',
|
|
4
|
-
component: Input,
|
|
5
|
-
displayName: 'Input'
|
|
6
|
-
};
|
|
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__/MobilePhone';
|
|
12
|
-
export * from '@digigov/form/inputs/Input/__stories__/AFM';
|
|
13
|
-
export * from '@digigov/form/inputs/Input/__stories__/IBAN';
|
|
14
|
-
export * from '@digigov/form/inputs/Input/__stories__/PostalCode';
|
|
15
|
-
export * from '@digigov/form/inputs/Input/__stories__/TextWithCharacterLimit';
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import FormBuilder, { Field } from '@digigov/form';
|
|
3
|
-
import { Button } from '@digigov/ui/form/Button';
|
|
4
|
-
|
|
5
|
-
var _ref = /*#__PURE__*/React.createElement(Button, {
|
|
6
|
-
type: "submit"
|
|
7
|
-
}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
|
|
8
|
-
|
|
9
|
-
export var AFM = function AFM() {
|
|
10
|
-
return /*#__PURE__*/React.createElement(FormBuilder, {
|
|
11
|
-
onSubmit: function onSubmit(data) {
|
|
12
|
-
console.log(data);
|
|
13
|
-
}
|
|
14
|
-
}, /*#__PURE__*/React.createElement(Field, {
|
|
15
|
-
key: "afm",
|
|
16
|
-
name: "afm",
|
|
17
|
-
type: "afm",
|
|
18
|
-
label: {
|
|
19
|
-
primary: 'Αριθμός φορολογικού μητρώου'
|
|
20
|
-
},
|
|
21
|
-
required: true
|
|
22
|
-
}), _ref);
|
|
23
|
-
};
|
|
24
|
-
export default AFM;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import FormBuilder, { Field } from '@digigov/form';
|
|
3
|
-
import { Button } from '@digigov/ui/form/Button';
|
|
4
|
-
|
|
5
|
-
var _ref = /*#__PURE__*/React.createElement(Button, {
|
|
6
|
-
type: "submit"
|
|
7
|
-
}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
|
|
8
|
-
|
|
9
|
-
export var Boolean = function Boolean() {
|
|
10
|
-
return /*#__PURE__*/React.createElement(FormBuilder, {
|
|
11
|
-
onSubmit: function onSubmit(data) {
|
|
12
|
-
console.log(data);
|
|
13
|
-
}
|
|
14
|
-
}, /*#__PURE__*/React.createElement(Field, {
|
|
15
|
-
key: "boolean-value",
|
|
16
|
-
name: "boolean-value",
|
|
17
|
-
type: "boolean",
|
|
18
|
-
label: {
|
|
19
|
-
primary: 'Ένα απλό true ή false',
|
|
20
|
-
secondary: 'Το πεδίο είναι τύπου boolean, δηλαδή λογικού μηδέν ή ένα. Μπορείτε να εισάγετε true, false, 0, 1.'
|
|
21
|
-
},
|
|
22
|
-
required: true
|
|
23
|
-
}), _ref);
|
|
24
|
-
};
|
|
25
|
-
export default Boolean;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import FormBuilder, { Field } from '@digigov/form';
|
|
3
|
-
import { Button } from '@digigov/ui/form/Button';
|
|
4
|
-
|
|
5
|
-
var _ref = /*#__PURE__*/React.createElement(Button, {
|
|
6
|
-
type: "submit"
|
|
7
|
-
}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
|
|
8
|
-
|
|
9
|
-
export var Default = function Default() {
|
|
10
|
-
return /*#__PURE__*/React.createElement(FormBuilder, {
|
|
11
|
-
onSubmit: function onSubmit(data) {
|
|
12
|
-
console.log(data);
|
|
13
|
-
}
|
|
14
|
-
}, /*#__PURE__*/React.createElement(Field, {
|
|
15
|
-
key: "business-title",
|
|
16
|
-
name: "business-title",
|
|
17
|
-
type: "string",
|
|
18
|
-
label: {
|
|
19
|
-
primary: 'Όνομα επιχείρησης',
|
|
20
|
-
secondary: 'Εισάγετε μια σειρά από χαρακτήρες και αριθμούς'
|
|
21
|
-
},
|
|
22
|
-
required: true
|
|
23
|
-
}), _ref);
|
|
24
|
-
};
|
|
25
|
-
export default Default;
|