@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
package/es/FormContext.js
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import MultiplicityField from '@digigov/form/MultiplicityField';
|
|
2
|
-
export default {
|
|
3
|
-
title: 'Digigov Form/MultiplicityField',
|
|
4
|
-
component: MultiplicityField,
|
|
5
|
-
displayName: 'MultiplicityField'
|
|
6
|
-
};
|
|
7
|
-
export * from '@digigov/form/MultiplicityField/__stories__/Default';
|
|
8
|
-
export * from '@digigov/form/MultiplicityField/__stories__/WithMinLength';
|
|
9
|
-
export * from '@digigov/form/MultiplicityField/__stories__/WithMaxLength';
|
|
10
|
-
export * from '@digigov/form/MultiplicityField/__stories__/WithMinAndMaxLength';
|
|
11
|
-
export * from '@digigov/form/MultiplicityField/__stories__/WithExactLength';
|
|
12
|
-
export * from '@digigov/form/MultiplicityField/__stories__/PreviewDisplay';
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Header, HeaderSection, HeaderContent, HeaderTitle, HeadingCaption, Heading, Paragraph, Card, CardHeading, CardContent, List, ListItem } from '@digigov/ui';
|
|
3
|
-
import SummaryList, { SummaryListItem, SummaryListItemKey, SummaryListItemValue } from '@digigov/ui/content/SummaryList';
|
|
4
|
-
import GovGRFooter from '@digigov/ui/govgr/Footer';
|
|
5
|
-
import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
|
|
6
|
-
import Layout, { Content, Main } from '@digigov/ui/layouts/Basic/';
|
|
7
|
-
var fields = [{
|
|
8
|
-
name: 'Όνομα',
|
|
9
|
-
value: 'ΜΑΡΙΟΣ'
|
|
10
|
-
}, {
|
|
11
|
-
name: 'Επώνυμο',
|
|
12
|
-
value: 'ΜΕΝΕΞΕΣ'
|
|
13
|
-
}, {
|
|
14
|
-
name: 'Όνομα Πατέρα',
|
|
15
|
-
value: 'ΝΙΚΟΣ'
|
|
16
|
-
}, {
|
|
17
|
-
name: 'Όνομα Μητέρα',
|
|
18
|
-
value: 'ΜΑΡΙΑ'
|
|
19
|
-
}, {
|
|
20
|
-
name: 'Α.Φ.Μ',
|
|
21
|
-
value: '12030454'
|
|
22
|
-
}, {
|
|
23
|
-
name: 'Τηλέφωνο',
|
|
24
|
-
value: '6984386756'
|
|
25
|
-
}, {
|
|
26
|
-
name: 'Ημερομηνία Γέννησης',
|
|
27
|
-
value: '22/03/78'
|
|
28
|
-
}, {
|
|
29
|
-
name: 'Α.Δ.Τ',
|
|
30
|
-
value: 'Ψ456789'
|
|
31
|
-
}, {
|
|
32
|
-
name: 'Τύπος A.Δ.Τ',
|
|
33
|
-
value: 'ΚΑΡΤΑ'
|
|
34
|
-
}];
|
|
35
|
-
|
|
36
|
-
var _ref = /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(HeaderContent, null, /*#__PURE__*/React.createElement(HeaderSection, null, /*#__PURE__*/React.createElement(GovGRLogo, {
|
|
37
|
-
href: "#"
|
|
38
|
-
}), /*#__PURE__*/React.createElement(HeaderTitle, null, "\u03A0\u03C1\u03CC\u03C4\u03C5\u03C0\u03BF-\u0391\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC\u03C2"))));
|
|
39
|
-
|
|
40
|
-
var _ref2 = /*#__PURE__*/React.createElement(HeadingCaption, null, "\u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE \u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD");
|
|
41
|
-
|
|
42
|
-
var _ref3 = /*#__PURE__*/React.createElement(Heading, null, "\u03A0\u03C1\u03BF\u03B5\u03C0\u03B9\u03C3\u03BA\u03CC\u03C0\u03B7\u03C3\u03B7");
|
|
43
|
-
|
|
44
|
-
var _ref4 = /*#__PURE__*/React.createElement(Paragraph, null, /*#__PURE__*/React.createElement(Paragraph, null, "\u03A0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03BF\u03BD\u03C4\u03B1\u03B9 \u03BF\u03B9 \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B5\u03C2 \u03C4\u03BF\u03C5 \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD"));
|
|
45
|
-
|
|
46
|
-
var _ref5 = /*#__PURE__*/React.createElement(CardHeading, null, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 1");
|
|
47
|
-
|
|
48
|
-
var _ref6 = /*#__PURE__*/React.createElement(CardHeading, null, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 2");
|
|
49
|
-
|
|
50
|
-
var _ref7 = /*#__PURE__*/React.createElement(Card, {
|
|
51
|
-
variant: "border",
|
|
52
|
-
borderColor: "dark"
|
|
53
|
-
}, /*#__PURE__*/React.createElement(CardHeading, null, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 3"), /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u039C\u03AC\u03C1\u03B9\u03BF\u03C2")))));
|
|
54
|
-
|
|
55
|
-
var _ref8 = /*#__PURE__*/React.createElement(Heading, {
|
|
56
|
-
size: "md"
|
|
57
|
-
}, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2");
|
|
58
|
-
|
|
59
|
-
var _ref9 = /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u039C\u0391\u03A1\u0399\u039F\u03A3")), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0395\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u039C\u0395\u039D\u0395\u039E\u0395\u03A3")), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "15/12/1988")), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u03A3\u03C7\u03BF\u03BB\u03B5\u03AF\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, /*#__PURE__*/React.createElement(List, {
|
|
60
|
-
marginBottom: 0,
|
|
61
|
-
marginTop: 0,
|
|
62
|
-
listStyle: "bullet"
|
|
63
|
-
}, /*#__PURE__*/React.createElement(ListItem, null, "2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3"), /*#__PURE__*/React.createElement(ListItem, null, "2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3"), /*#__PURE__*/React.createElement(ListItem, null, "2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3"), /*#__PURE__*/React.createElement(ListItem, null, "15o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u0393\u03A5\u039C\u039D\u0391\u03A3\u0399\u039F \u0391\u0398\u0397\u039D\u03A9\u039D")))), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u039C\u03AC\u03C1\u03B9\u03BF\u03C2")));
|
|
64
|
-
|
|
65
|
-
var _ref10 = /*#__PURE__*/React.createElement(GovGRFooter, null);
|
|
66
|
-
|
|
67
|
-
export var PreviewDisplay = function PreviewDisplay() {
|
|
68
|
-
return /*#__PURE__*/React.createElement(Layout, null, _ref, /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(Main, null, _ref2, _ref3, _ref4, /*#__PURE__*/React.createElement(Card, {
|
|
69
|
-
variant: "border",
|
|
70
|
-
borderColor: "dark"
|
|
71
|
-
}, _ref5, /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(SummaryList, null, fields && fields.map(function (field, index) {
|
|
72
|
-
return /*#__PURE__*/React.createElement(SummaryListItem, {
|
|
73
|
-
key: index
|
|
74
|
-
}, /*#__PURE__*/React.createElement(SummaryListItemKey, null, field.name), /*#__PURE__*/React.createElement(SummaryListItemValue, null, field.value));
|
|
75
|
-
})))), /*#__PURE__*/React.createElement(Card, {
|
|
76
|
-
variant: "border",
|
|
77
|
-
borderColor: "dark"
|
|
78
|
-
}, _ref6, /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(SummaryList, null, fields && fields.map(function (field, index) {
|
|
79
|
-
return /*#__PURE__*/React.createElement(SummaryListItem, {
|
|
80
|
-
key: index
|
|
81
|
-
}, /*#__PURE__*/React.createElement(SummaryListItemKey, null, field.name), /*#__PURE__*/React.createElement(SummaryListItemValue, null, field.value));
|
|
82
|
-
})))), _ref7, _ref8, _ref9)), _ref10);
|
|
83
|
-
};
|
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import FormBuilder, { Field } from '@digigov/form';
|
|
4
|
-
import { Button } from '@digigov/ui/form/Button';
|
|
5
|
-
var fields = [{
|
|
6
|
-
key: 'string',
|
|
7
|
-
type: 'string',
|
|
8
|
-
label: {
|
|
9
|
-
primary: 'Πεδίο κειμένου',
|
|
10
|
-
secondary: 'Το multiplicity field είναι ένα πεδίο οπότε φαίνεται και είναι μέρος της φόρμας'
|
|
11
|
-
}
|
|
12
|
-
}, {
|
|
13
|
-
key: 'multiplicity',
|
|
14
|
-
type: 'array',
|
|
15
|
-
multiplicity: true,
|
|
16
|
-
label: {
|
|
17
|
-
primary: 'Εξαρτώμενα μέλη',
|
|
18
|
-
secondary: 'Τα εξαρτώμενα μέλη είναι φυσικά πρόσωπα που υπάγονται στη φορολογική σας δήλωση'
|
|
19
|
-
},
|
|
20
|
-
extra: {
|
|
21
|
-
label: {
|
|
22
|
-
object: {
|
|
23
|
-
title: 'Εξαρτώμενο μέλος',
|
|
24
|
-
add: 'Προσθήκη',
|
|
25
|
-
"delete": 'Αφαίρεση μέλους'
|
|
26
|
-
},
|
|
27
|
-
question: {
|
|
28
|
-
title: 'Θέλετε να προσθέσετε εξαρτώμενα μέλη;',
|
|
29
|
-
yes: 'Ναι',
|
|
30
|
-
no: 'Όχι'
|
|
31
|
-
}
|
|
32
|
-
},
|
|
33
|
-
length: 2,
|
|
34
|
-
of: {
|
|
35
|
-
type: 'object',
|
|
36
|
-
label: {
|
|
37
|
-
primary: 'Στοιχεία εξαρτώμενου μέλους',
|
|
38
|
-
secondary: 'Συμπληρώστε τα στοιχεία παρακάτω και μετά πατήστε το κουμπί «Προσθήκη»'
|
|
39
|
-
},
|
|
40
|
-
extra: {
|
|
41
|
-
fields: [{
|
|
42
|
-
key: 'firstName',
|
|
43
|
-
required: true,
|
|
44
|
-
type: 'string',
|
|
45
|
-
label: {
|
|
46
|
-
primary: 'Όνομα'
|
|
47
|
-
}
|
|
48
|
-
}, {
|
|
49
|
-
key: 'lastName',
|
|
50
|
-
required: true,
|
|
51
|
-
type: 'string',
|
|
52
|
-
label: {
|
|
53
|
-
primary: 'Επώνυμο'
|
|
54
|
-
}
|
|
55
|
-
}, {
|
|
56
|
-
key: 'bod',
|
|
57
|
-
required: true,
|
|
58
|
-
type: 'date',
|
|
59
|
-
label: {
|
|
60
|
-
primary: 'Ημερομηνία γέννησης'
|
|
61
|
-
}
|
|
62
|
-
}]
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
}, {
|
|
67
|
-
key: 'phonenumber',
|
|
68
|
-
type: 'phone_number',
|
|
69
|
-
required: true,
|
|
70
|
-
label: {
|
|
71
|
-
primary: 'Σταθερό τηλέφωνο',
|
|
72
|
-
secondary: 'Συμπληρώστε τον αριθμό τηλεφώνου σας'
|
|
73
|
-
}
|
|
74
|
-
}];
|
|
75
|
-
|
|
76
|
-
var _ref = /*#__PURE__*/React.createElement(Button, {
|
|
77
|
-
type: "submit"
|
|
78
|
-
}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
|
|
79
|
-
|
|
80
|
-
export var WithExactLength = function WithExactLength() {
|
|
81
|
-
return /*#__PURE__*/React.createElement(FormBuilder, {
|
|
82
|
-
onSubmit: function onSubmit(data) {
|
|
83
|
-
console.log(data);
|
|
84
|
-
}
|
|
85
|
-
}, /*#__PURE__*/React.createElement(Field, _extends({
|
|
86
|
-
name: "string"
|
|
87
|
-
}, fields[0])), /*#__PURE__*/React.createElement(Field, _extends({
|
|
88
|
-
name: "multiplicity"
|
|
89
|
-
}, fields[1])), /*#__PURE__*/React.createElement(Field, _extends({
|
|
90
|
-
name: "phonenumber"
|
|
91
|
-
}, fields[2])), _ref);
|
|
92
|
-
};
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import FormBuilder, { Field } from '@digigov/form';
|
|
4
|
-
import { Button } from '@digigov/ui/form/Button';
|
|
5
|
-
var fields = [{
|
|
6
|
-
key: 'string',
|
|
7
|
-
type: 'string',
|
|
8
|
-
label: {
|
|
9
|
-
primary: 'Πεδίο κειμένου',
|
|
10
|
-
secondary: 'Το multiplicity field είναι ένα πεδίο οπότε φαίνεται και είναι μέρος της φόρμας'
|
|
11
|
-
}
|
|
12
|
-
}, {
|
|
13
|
-
key: 'multiplicity',
|
|
14
|
-
type: 'array',
|
|
15
|
-
multiplicity: true,
|
|
16
|
-
label: {
|
|
17
|
-
primary: 'Εξαρτώμενα μέλη',
|
|
18
|
-
secondary: 'Τα εξαρτώμενα μέλη είναι φυσικά πρόσωπα που υπάγονται στη φορολογική σας δήλωση'
|
|
19
|
-
},
|
|
20
|
-
extra: {
|
|
21
|
-
label: {
|
|
22
|
-
object: {
|
|
23
|
-
title: 'Εξαρτώμενο μέλος',
|
|
24
|
-
add: 'Προσθήκη',
|
|
25
|
-
"delete": 'Αφαίρεση μέλους'
|
|
26
|
-
},
|
|
27
|
-
question: {
|
|
28
|
-
title: 'Θέλετε να προσθέσετε εξαρτώμενα μέλη;',
|
|
29
|
-
yes: 'Ναι',
|
|
30
|
-
no: 'Όχι'
|
|
31
|
-
}
|
|
32
|
-
},
|
|
33
|
-
min: 3,
|
|
34
|
-
of: {
|
|
35
|
-
type: 'object',
|
|
36
|
-
label: {
|
|
37
|
-
primary: 'Στοιχεία εξαρτώμενου μέλους',
|
|
38
|
-
secondary: 'Συμπληρώστε τα στοιχεία παρακάτω και μετά πατήστε το κουμπί «Προσθήκη»'
|
|
39
|
-
},
|
|
40
|
-
extra: {
|
|
41
|
-
fields: [{
|
|
42
|
-
key: 'firstName',
|
|
43
|
-
required: true,
|
|
44
|
-
type: 'string',
|
|
45
|
-
label: {
|
|
46
|
-
primary: 'Όνομα'
|
|
47
|
-
}
|
|
48
|
-
}, {
|
|
49
|
-
key: 'lastName',
|
|
50
|
-
required: true,
|
|
51
|
-
type: 'string',
|
|
52
|
-
label: {
|
|
53
|
-
primary: 'Επώνυμο'
|
|
54
|
-
}
|
|
55
|
-
}, {
|
|
56
|
-
key: 'bod',
|
|
57
|
-
required: true,
|
|
58
|
-
type: 'date',
|
|
59
|
-
label: {
|
|
60
|
-
primary: 'Ημερομηνία γέννησης'
|
|
61
|
-
},
|
|
62
|
-
extra: {
|
|
63
|
-
max: 'now'
|
|
64
|
-
}
|
|
65
|
-
}]
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
}, {
|
|
70
|
-
key: 'phonenumber',
|
|
71
|
-
type: 'phone_number',
|
|
72
|
-
required: true,
|
|
73
|
-
label: {
|
|
74
|
-
primary: 'Σταθερό τηλέφωνο',
|
|
75
|
-
secondary: 'Συμπληρώστε τον αριθμό τηλεφώνου σας'
|
|
76
|
-
}
|
|
77
|
-
}];
|
|
78
|
-
|
|
79
|
-
var _ref = /*#__PURE__*/React.createElement(Button, {
|
|
80
|
-
type: "submit"
|
|
81
|
-
}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
|
|
82
|
-
|
|
83
|
-
export var WithMinLength = function WithMinLength() {
|
|
84
|
-
return /*#__PURE__*/React.createElement(FormBuilder, {
|
|
85
|
-
onSubmit: function onSubmit(data) {
|
|
86
|
-
console.log(data);
|
|
87
|
-
}
|
|
88
|
-
}, /*#__PURE__*/React.createElement(Field, _extends({
|
|
89
|
-
name: "string"
|
|
90
|
-
}, fields[0])), /*#__PURE__*/React.createElement(Field, _extends({
|
|
91
|
-
name: "multiplicity"
|
|
92
|
-
}, fields[1])), /*#__PURE__*/React.createElement(Field, _extends({
|
|
93
|
-
name: "phonenumber"
|
|
94
|
-
}, fields[2])), _ref);
|
|
95
|
-
};
|
|
@@ -1,160 +0,0 @@
|
|
|
1
|
-
import _typeof from "@babel/runtime/helpers/typeof";
|
|
2
|
-
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
3
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
4
|
-
|
|
5
|
-
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
|
|
6
|
-
|
|
7
|
-
/* eslint-disable react/prop-types */
|
|
8
|
-
import React, { useEffect, useMemo } from 'react'; // import { FormBuilderProps } from '@digigov/form';
|
|
9
|
-
|
|
10
|
-
import { useWatch } from 'react-hook-form';
|
|
11
|
-
import { FieldBase } from '@digigov/form/Field/FieldBase';
|
|
12
|
-
import { calculateField, useField } from '@digigov/form/Field/utils';
|
|
13
|
-
import FieldObject from '@digigov/form/FieldObject';
|
|
14
|
-
import Fieldset from '@digigov/react-core/Fieldset';
|
|
15
|
-
import RadioConditional from '@digigov/react-core/RadioConditional';
|
|
16
|
-
import Button from '@digigov/ui/form/Button';
|
|
17
|
-
export var AddObjects = function AddObjects(_ref) {
|
|
18
|
-
var name = _ref.name,
|
|
19
|
-
fields = _ref.fields,
|
|
20
|
-
formState = _ref.formState,
|
|
21
|
-
extra = _ref.extra,
|
|
22
|
-
append = _ref.append,
|
|
23
|
-
remove = _ref.remove,
|
|
24
|
-
trigger = _ref.trigger,
|
|
25
|
-
clearErrors = _ref.clearErrors,
|
|
26
|
-
children = _ref.children,
|
|
27
|
-
setValue = _ref.setValue,
|
|
28
|
-
stashedObjects = _ref.stashedObjects,
|
|
29
|
-
getValues = _ref.getValues,
|
|
30
|
-
onStash = _ref.onStash,
|
|
31
|
-
error = _ref.error;
|
|
32
|
-
var currentIndex = fields.length > 0 ? fields.length - 1 : fields.length;
|
|
33
|
-
var currentName = "".concat(name, ".").concat(currentIndex);
|
|
34
|
-
var radioField = {
|
|
35
|
-
key: 'needs-more',
|
|
36
|
-
type: 'choice:single',
|
|
37
|
-
label: {
|
|
38
|
-
primary: extra === null || extra === void 0 ? void 0 : extra.label.question.title
|
|
39
|
-
},
|
|
40
|
-
required: true,
|
|
41
|
-
validators: [{
|
|
42
|
-
name: 'is-locked',
|
|
43
|
-
message: 'form.error.needs-more',
|
|
44
|
-
test: function test(data) {
|
|
45
|
-
return data === 'no';
|
|
46
|
-
}
|
|
47
|
-
}],
|
|
48
|
-
extra: {
|
|
49
|
-
options: [{
|
|
50
|
-
label: {
|
|
51
|
-
primary: extra === null || extra === void 0 ? void 0 : extra.label.question.yes
|
|
52
|
-
},
|
|
53
|
-
value: 'yes',
|
|
54
|
-
selected: function RadioSelected() {
|
|
55
|
-
return /*#__PURE__*/React.createElement(RadioConditional, {
|
|
56
|
-
hidden: needsMore !== 'yes' || (extra === null || extra === void 0 ? void 0 : extra.max) && (extra === null || extra === void 0 ? void 0 : extra.max) - stashedObjects.length === 0
|
|
57
|
-
}, needsMore === 'yes' && fields.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FieldObject, _extends({
|
|
58
|
-
name: currentName,
|
|
59
|
-
error: error && error[currentIndex],
|
|
60
|
-
register: register,
|
|
61
|
-
formState: formState,
|
|
62
|
-
control: control
|
|
63
|
-
}, extra === null || extra === void 0 ? void 0 : extra.of, {
|
|
64
|
-
label: (extra === null || extra === void 0 ? void 0 : extra.label.question.objectLabel) || (extra === null || extra === void 0 ? void 0 : extra.of.label)
|
|
65
|
-
})), /*#__PURE__*/React.createElement(Button, {
|
|
66
|
-
color: "secondary",
|
|
67
|
-
onClick: /*#__PURE__*/function () {
|
|
68
|
-
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
|
|
69
|
-
var nestedFields, result;
|
|
70
|
-
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
71
|
-
while (1) {
|
|
72
|
-
switch (_context.prev = _context.next) {
|
|
73
|
-
case 0:
|
|
74
|
-
e.preventDefault();
|
|
75
|
-
nestedFields = extra === null || extra === void 0 ? void 0 : extra.of.extra.fields.map(function (f) {
|
|
76
|
-
return "".concat(currentName, ".").concat(f.key);
|
|
77
|
-
});
|
|
78
|
-
_context.next = 4;
|
|
79
|
-
return trigger(nestedFields);
|
|
80
|
-
|
|
81
|
-
case 4:
|
|
82
|
-
result = _context.sent;
|
|
83
|
-
result && setValue('needs-more', '');
|
|
84
|
-
result && onStash(getValues(currentName));
|
|
85
|
-
|
|
86
|
-
case 7:
|
|
87
|
-
case "end":
|
|
88
|
-
return _context.stop();
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
}, _callee);
|
|
92
|
-
}));
|
|
93
|
-
|
|
94
|
-
return function (_x) {
|
|
95
|
-
return _ref2.apply(this, arguments);
|
|
96
|
-
};
|
|
97
|
-
}()
|
|
98
|
-
}, extra === null || extra === void 0 ? void 0 : extra.label.object.add)));
|
|
99
|
-
}
|
|
100
|
-
}, {
|
|
101
|
-
label: {
|
|
102
|
-
primary: extra === null || extra === void 0 ? void 0 : extra.label.question.no
|
|
103
|
-
},
|
|
104
|
-
value: 'no'
|
|
105
|
-
}]
|
|
106
|
-
}
|
|
107
|
-
};
|
|
108
|
-
|
|
109
|
-
var _useField = useField(radioField.key, radioField !== null && radioField !== void 0 && radioField.type ? radioField : null),
|
|
110
|
-
field = _useField.field,
|
|
111
|
-
control = _useField.control,
|
|
112
|
-
register = _useField.register,
|
|
113
|
-
reset = _useField.reset,
|
|
114
|
-
needsMoreError = _useField.error;
|
|
115
|
-
|
|
116
|
-
var calculatedField = useMemo(function () {
|
|
117
|
-
return calculateField(children, field);
|
|
118
|
-
}, [field]);
|
|
119
|
-
var needsMore = useWatch({
|
|
120
|
-
name: field.key,
|
|
121
|
-
control: control
|
|
122
|
-
});
|
|
123
|
-
useEffect(function () {
|
|
124
|
-
if (needsMore === 'yes') {
|
|
125
|
-
append({
|
|
126
|
-
afm: '',
|
|
127
|
-
firstName: '',
|
|
128
|
-
lastName: ''
|
|
129
|
-
});
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
if (needsMore === 'no' && stashedObjects.length < fields.length) {
|
|
133
|
-
remove(currentIndex);
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
if (needsMore === '') clearErrors('needs-more');
|
|
137
|
-
}, [needsMore]); // TODO: Refactor types so that label is always required, the following
|
|
138
|
-
// assignment is a temp fix for typescript build to run
|
|
139
|
-
|
|
140
|
-
calculatedField.label = calculatedField.label || {};
|
|
141
|
-
|
|
142
|
-
if (extra !== null && extra !== void 0 && extra.length) {
|
|
143
|
-
calculatedField.label.secondary = "\u0388\u03C7\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03B9 ".concat(stashedObjects.length, " \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2 \u03BA\u03B1\u03B9 \u03C3\u03B1\u03C2 \u03B1\u03C0\u03BF\u03BC\u03AD\u03BD\u03BF\u03C5\u03BD \u03B1\u03BA\u03CC\u03BC\u03B1 ").concat(extra.length - stashedObjects.length, " \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2.");
|
|
144
|
-
} else if (extra !== null && extra !== void 0 && extra.min && extra !== null && extra !== void 0 && extra.max) {
|
|
145
|
-
calculatedField.label.secondary = "\u03A4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03AD\u03C7\u03B5\u03B9 \u03B1\u03BA\u03CC\u03BC\u03B1 ".concat((extra === null || extra === void 0 ? void 0 : extra.min) - stashedObjects.length, " \u03BA\u03B1\u03B9 \u03C4\u03BF \u03BC\u03AD\u03B3\u03B9\u03C3\u03C4\u03BF ").concat(extra === null || extra === void 0 ? void 0 : extra.max, " \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2. \u03A0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03B1\u03BA\u03CC\u03BC\u03B1 \u03B5\u03C0\u03B9\u03BB\u03AD\u03B3\u03BF\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7 \xAB\u039D\u03B1\u03B9\xBB \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03B5\u03C1\u03CE\u03C4\u03B7\u03C3\u03B7.");
|
|
146
|
-
} else if (extra !== null && extra !== void 0 && extra.min) {
|
|
147
|
-
calculatedField.label.secondary = "\u03A4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03AD\u03C7\u03B5\u03B9 \u03B1\u03BA\u03CC\u03BC\u03B1 ".concat((extra === null || extra === void 0 ? void 0 : extra.min) - stashedObjects.length, " \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2. \u03A0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03B1\u03BA\u03CC\u03BC\u03B1 \u03B5\u03C0\u03B9\u03BB\u03AD\u03B3\u03BF\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7 \xAB\u039D\u03B1\u03B9\xBB \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03B5\u03C1\u03CE\u03C4\u03B7\u03C3\u03B7.");
|
|
148
|
-
} else if (extra !== null && extra !== void 0 && extra.max) {
|
|
149
|
-
calculatedField.label.secondary = " \u0388\u03C7\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03B9 ".concat(stashedObjects.length, " \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2 \u03BA\u03B1\u03B9 \u03C3\u03B1\u03C2 \u03B1\u03C0\u03BF\u03BC\u03AD\u03BD\u03BF\u03C5\u03BD ").concat(extra.max - stashedObjects.length, " \u03B5\u03C0\u03B9\u03C0\u03BB\u03AD\u03BF\u03BD \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2.");
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
return /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldBase, _extends({}, calculatedField, {
|
|
153
|
-
name: calculatedField.key,
|
|
154
|
-
control: control,
|
|
155
|
-
register: register,
|
|
156
|
-
reset: reset,
|
|
157
|
-
error: (extra === null || extra === void 0 ? void 0 : extra.max) - stashedObjects.length === 0 || (extra === null || extra === void 0 ? void 0 : extra.length) - stashedObjects.length === 0 ? error : needsMoreError
|
|
158
|
-
})));
|
|
159
|
-
};
|
|
160
|
-
export default AddObjects;
|
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
3
|
-
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
|
-
import React, { useState } from 'react';
|
|
5
|
-
import { useFieldArray } from 'react-hook-form';
|
|
6
|
-
import FieldContainer from '@digigov/form/Field/FieldBaseContainer';
|
|
7
|
-
import FieldObject from '@digigov/form/FieldObject';
|
|
8
|
-
import AddObjects from '@digigov/form/MultiplicityField/add-objects';
|
|
9
|
-
import { Card, CardContent, CardAction, Button, Heading, CardHeading } from '@digigov/react-core';
|
|
10
|
-
// epeidh einai forwardRef to ref mas to dinei xwrista apo ta props
|
|
11
|
-
export var Multiplicity = function Multiplicity(_ref) {
|
|
12
|
-
var extra = _ref.extra,
|
|
13
|
-
name = _ref.name,
|
|
14
|
-
control = _ref.control,
|
|
15
|
-
error = _ref.error,
|
|
16
|
-
register = _ref.register,
|
|
17
|
-
trigger = _ref.trigger,
|
|
18
|
-
clearErrors = _ref.clearErrors,
|
|
19
|
-
formState = _ref.formState,
|
|
20
|
-
label = _ref.label,
|
|
21
|
-
layout = _ref.layout,
|
|
22
|
-
setValue = _ref.setValue,
|
|
23
|
-
getValues = _ref.getValues,
|
|
24
|
-
unregister = _ref.unregister;
|
|
25
|
-
|
|
26
|
-
var _useFieldArray = useFieldArray({
|
|
27
|
-
control: control,
|
|
28
|
-
name: name
|
|
29
|
-
}),
|
|
30
|
-
fields = _useFieldArray.fields,
|
|
31
|
-
append = _useFieldArray.append,
|
|
32
|
-
remove = _useFieldArray.remove;
|
|
33
|
-
|
|
34
|
-
var _useState = useState([]),
|
|
35
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
36
|
-
stashedObjects = _useState2[0],
|
|
37
|
-
setStashedObjects = _useState2[1];
|
|
38
|
-
|
|
39
|
-
var handleStash = function handleStash(data) {
|
|
40
|
-
setStashedObjects([].concat(_toConsumableArray(stashedObjects), [data]));
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
var handleDelete = function handleDelete(index) {
|
|
44
|
-
remove(index); // creating a new array to maintain immutability
|
|
45
|
-
|
|
46
|
-
var newStashedObjects = _toConsumableArray(stashedObjects);
|
|
47
|
-
|
|
48
|
-
newStashedObjects.splice(index, 1);
|
|
49
|
-
setStashedObjects(newStashedObjects);
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
return /*#__PURE__*/React.createElement(FieldContainer, {
|
|
53
|
-
label: label,
|
|
54
|
-
layout: layout,
|
|
55
|
-
error: formState.isSubmitted && !formState.isSubmitting && error !== null && error !== void 0 && error.message ? error : undefined,
|
|
56
|
-
wrapper: "fieldset",
|
|
57
|
-
name: name
|
|
58
|
-
}, stashedObjects.length > 0 ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Heading, {
|
|
59
|
-
size: "md"
|
|
60
|
-
}, extra === null || extra === void 0 ? void 0 : extra.label.object.title_added), stashedObjects.map(function (_Object, index) {
|
|
61
|
-
return /*#__PURE__*/React.createElement(ListObject, {
|
|
62
|
-
key: "".concat(name, ".").concat(index),
|
|
63
|
-
index: index,
|
|
64
|
-
name: name,
|
|
65
|
-
extra: extra,
|
|
66
|
-
control: control,
|
|
67
|
-
register: register,
|
|
68
|
-
formState: formState,
|
|
69
|
-
onDelete: handleDelete
|
|
70
|
-
});
|
|
71
|
-
})) : '', /*#__PURE__*/React.createElement(AddObjects, {
|
|
72
|
-
name: name,
|
|
73
|
-
register: register,
|
|
74
|
-
control: control,
|
|
75
|
-
fields: fields,
|
|
76
|
-
formState: formState,
|
|
77
|
-
error: error,
|
|
78
|
-
stashedObjects: stashedObjects,
|
|
79
|
-
extra: extra,
|
|
80
|
-
append: append,
|
|
81
|
-
remove: remove,
|
|
82
|
-
onStash: handleStash,
|
|
83
|
-
setValue: setValue,
|
|
84
|
-
getValues: getValues,
|
|
85
|
-
unregister: unregister,
|
|
86
|
-
trigger: trigger,
|
|
87
|
-
clearErrors: clearErrors
|
|
88
|
-
}));
|
|
89
|
-
};
|
|
90
|
-
export default Multiplicity;
|
|
91
|
-
export var ListObject = function ListObject(_ref2) {
|
|
92
|
-
var index = _ref2.index,
|
|
93
|
-
name = _ref2.name,
|
|
94
|
-
extra = _ref2.extra,
|
|
95
|
-
control = _ref2.control,
|
|
96
|
-
register = _ref2.register,
|
|
97
|
-
onDelete = _ref2.onDelete,
|
|
98
|
-
formState = _ref2.formState;
|
|
99
|
-
var currentName = "".concat(name, ".").concat(index);
|
|
100
|
-
return /*#__PURE__*/React.createElement(Card, {
|
|
101
|
-
variant: (extra === null || extra === void 0 ? void 0 : extra.border) && 'border'
|
|
102
|
-
}, /*#__PURE__*/React.createElement(CardHeading, null, extra === null || extra === void 0 ? void 0 : extra.label.object.title, " #", index + 1), /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(FieldObject, _extends({
|
|
103
|
-
name: currentName,
|
|
104
|
-
formState: formState,
|
|
105
|
-
register: register,
|
|
106
|
-
control: control
|
|
107
|
-
}, extra === null || extra === void 0 ? void 0 : extra.of))), /*#__PURE__*/React.createElement(CardAction, null, /*#__PURE__*/React.createElement(Button, {
|
|
108
|
-
type: "button",
|
|
109
|
-
variant: "link",
|
|
110
|
-
onClick: function onClick() {
|
|
111
|
-
return onDelete(index);
|
|
112
|
-
}
|
|
113
|
-
}, extra === null || extra === void 0 ? void 0 : extra.label.object["delete"])));
|
|
114
|
-
};
|