@digigov/form 2.0.0-rc.7 → 2.0.2
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/CHANGELOG.md +113 -3
- package/Field/ErrorGroup.d.ts +15 -0
- package/Field/ErrorGroup.js +53 -0
- package/Field/FieldBase.d.ts +1 -1
- package/Field/FieldBase.js +77 -0
- package/Field/FieldBaseContainer.d.ts +2 -2
- package/Field/FieldBaseContainer.js +43 -0
- package/Field/FieldConditional.d.ts +1 -1
- package/Field/FieldConditional.js +45 -0
- package/Field/index.d.ts +1 -1
- package/Field/index.js +70 -68
- package/Field/types.d.ts +61 -11
- package/Field/utils/evaluateFieldWithConditions.d.ts +2 -0
- package/Field/utils/evaluateFieldWithConditions.js +19 -0
- package/Field/utils/resolveField.d.ts +3 -0
- package/Field/utils/resolveField.js +32 -0
- package/Field/utils/useField.d.ts +2 -0
- package/Field/utils/useField.js +47 -0
- package/FieldArray/BaseFieldArray.d.ts +5 -0
- package/FieldArray/BaseFieldArray.js +46 -0
- package/FieldArray/FormDialog/ArrayDisplay/ArrayContainerDisplay.d.ts +9 -0
- package/FieldArray/FormDialog/ArrayDisplay/ArrayContainerDisplay.js +13 -0
- package/FieldArray/FormDialog/ArrayDisplay/ArrayItemDisplay.d.ts +26 -0
- package/FieldArray/FormDialog/ArrayDisplay/ArrayItemDisplay.js +134 -0
- package/FieldArray/FormDialog/ArrayDisplay/ArrayItemHeader.d.ts +5 -0
- package/FieldArray/FormDialog/ArrayDisplay/ArrayItemHeader.js +6 -0
- package/FieldArray/FormDialog/ArrayDisplay/index.d.ts +15 -0
- package/FieldArray/FormDialog/ArrayDisplay/index.js +32 -0
- package/FieldArray/FormDialog/ArrayEditModal.d.ts +24 -0
- package/FieldArray/FormDialog/ArrayEditModal.js +138 -0
- package/FieldArray/FormDialog/index.d.ts +19 -0
- package/FieldArray/FormDialog/index.js +199 -0
- package/FieldArray/index.d.ts +11 -2
- package/FieldArray/index.js +65 -60
- package/FieldObject/index.d.ts +11 -3
- package/FieldObject/index.js +53 -52
- package/Fieldset/FieldsetWithContext.js +27 -0
- package/Fieldset/index.d.ts +2 -2
- package/Fieldset/index.js +18 -32
- package/Fieldset/types.d.ts +3 -2
- package/FormBuilder/index.d.ts +8 -1
- package/FormBuilder/index.js +239 -2
- package/FormContext.d.ts +3 -2
- package/FormContext.js +7 -0
- package/MultiplicityField/add-objects.d.ts +3 -2
- package/MultiplicityField/add-objects.js +107 -0
- package/MultiplicityField/index.d.ts +2 -19
- package/MultiplicityField/index.js +84 -111
- package/MultiplicityField/types.d.ts +19 -0
- package/Questions/Questions.d.ts +1 -1
- package/Questions/Questions.js +48 -0
- package/Questions/QuestionsContext.d.ts +1 -2
- package/Questions/QuestionsContext.js +10 -0
- package/Questions/Step/ReviewStep.js +32 -0
- package/Questions/Step/Step.d.ts +1 -1
- package/Questions/Step/Step.js +39 -0
- package/Questions/Step/StepArrayReview.d.ts +1 -1
- package/Questions/Step/StepArrayReview.js +35 -0
- package/Questions/Step/StepContext.d.ts +1 -2
- package/Questions/Step/StepContext.js +28 -0
- package/Questions/Step/StepDescription.d.ts +1 -1
- package/Questions/Step/StepDescription.js +18 -0
- package/Questions/Step/StepForm.d.ts +2 -2
- package/Questions/Step/StepForm.js +29 -0
- package/Questions/Step/StepQuote.d.ts +1 -1
- package/Questions/Step/StepQuote.js +5 -0
- package/Questions/Step/StepTitle.d.ts +2 -1
- package/Questions/Step/StepTitle.js +25 -0
- package/Questions/Step/getAddMoreFields.d.ts +2 -2
- package/Questions/Step/getAddMoreFields.js +24 -0
- package/Questions/Step/index.d.ts +11 -12
- package/Questions/Step/index.js +13 -13
- package/Questions/Step/types.d.ts +2 -1
- package/Questions/Step/types.js +0 -0
- package/Questions/getNextStep.d.ts +1 -1
- package/Questions/getNextStep.js +13 -0
- package/Questions/index.d.ts +2 -2
- package/Questions/index.js +4 -3
- package/Questions/types.d.ts +2 -1
- package/Questions/types.js +0 -0
- package/hooks/useFieldFocusManager.d.ts +25 -0
- package/hooks/useFieldFocusManager.js +83 -0
- package/hooks/utils.d.ts +18 -0
- package/hooks/utils.js +60 -0
- package/index.d.ts +5 -2
- package/index.js +8 -4
- package/inputs/AutoCompleteInput/index.d.ts +5 -5
- package/inputs/AutoCompleteInput/index.js +42 -44
- package/inputs/Checkboxes/index.d.ts +7 -4
- package/inputs/Checkboxes/index.js +50 -91
- package/inputs/DateInput/index.d.ts +3 -7
- package/inputs/DateInput/index.js +128 -125
- package/inputs/DateTimeInput/index.d.ts +10 -0
- package/inputs/DateTimeInput/index.js +190 -0
- package/inputs/FileInput/index.d.ts +18 -2
- package/inputs/FileInput/index.js +59 -56
- package/inputs/ImageInput/index.d.ts +10 -2
- package/inputs/ImageInput/index.js +94 -74
- package/inputs/Input/index.d.ts +5 -2
- package/inputs/Input/index.js +67 -67
- package/inputs/Label/index.d.ts +2 -4
- package/inputs/Label/index.js +13 -21
- package/inputs/OtpInput/index.d.ts +1 -5
- package/inputs/OtpInput/index.js +122 -139
- package/inputs/Radio/index.d.ts +10 -3
- package/inputs/Radio/index.js +72 -56
- package/inputs/Select/index.d.ts +7 -4
- package/inputs/Select/index.js +23 -30
- package/inputs/index.d.ts +9 -9
- package/inputs/index.js +10 -9
- package/inputs/registry.d.ts +5 -0
- package/inputs/registry.js +80 -0
- package/internal.d.ts +5 -34
- package/internal.js +6 -0
- package/lazy.d.ts +93 -65
- package/lazy.js +163 -0
- package/package.json +12 -13
- package/registry.d.ts +45 -27
- package/registry.js +170 -0
- package/src/Field/ErrorGroup.tsx +84 -0
- package/src/Field/FieldBase.tsx +43 -25
- package/src/Field/FieldBaseContainer.tsx +71 -47
- package/src/Field/FieldConditional.tsx +10 -2
- package/src/Field/doc.mdx +207 -0
- package/src/Field/index.tsx +37 -23
- package/src/Field/types.tsx +92 -13
- package/src/Field/utils/evaluateFieldWithConditions.ts +33 -0
- package/src/Field/utils/resolveField.ts +58 -0
- package/src/Field/utils/useField.ts +68 -0
- package/src/FieldArray/BaseFieldArray.tsx +97 -0
- package/src/FieldArray/FieldArray.stories.js +4 -2
- package/src/FieldArray/FormDialog/ArrayDisplay/ArrayContainerDisplay.tsx +45 -0
- package/src/FieldArray/FormDialog/ArrayDisplay/ArrayDisplay.stories.js +14 -0
- package/src/FieldArray/FormDialog/ArrayDisplay/ArrayItemDisplay.tsx +370 -0
- package/src/FieldArray/FormDialog/ArrayDisplay/ArrayItemHeader.tsx +15 -0
- package/src/FieldArray/FormDialog/ArrayDisplay/__stories__/Cards.tsx +88 -0
- package/src/FieldArray/FormDialog/ArrayDisplay/__stories__/Default.tsx +93 -0
- package/src/FieldArray/FormDialog/ArrayDisplay/__stories__/ReadOnly.tsx +79 -0
- package/src/FieldArray/FormDialog/ArrayDisplay/__stories__/ReadOnlyCards.tsx +75 -0
- package/src/FieldArray/FormDialog/ArrayDisplay/__stories__/Sortable.tsx +93 -0
- package/src/FieldArray/FormDialog/ArrayDisplay/__stories__/SortableCards.tsx +88 -0
- package/src/FieldArray/FormDialog/ArrayDisplay/index.test.tsx +44 -0
- package/src/FieldArray/FormDialog/ArrayDisplay/index.tsx +67 -0
- package/src/FieldArray/FormDialog/ArrayEditModal.tsx +241 -0
- package/src/FieldArray/FormDialog/index.tsx +302 -0
- package/src/FieldArray/__stories__/CardsWithError.tsx +110 -0
- package/src/FieldArray/__stories__/Default.tsx +2 -1
- package/src/FieldArray/__stories__/TableWithError.tsx +111 -0
- package/src/FieldArray/__stories__/WithExactLength.tsx +2 -1
- package/src/FieldArray/__stories__/WithModal.tsx +188 -0
- package/src/FieldArray/__tests__/fieldset-multiplicity.spec.tsx +271 -0
- package/src/FieldArray/__tests__/multiplicity-attachment.spec.tsx +280 -0
- package/src/FieldArray/__tests__/multiplicity-optional.spec.tsx +232 -0
- package/src/FieldArray/__tests__/multiplicity-required.spec.tsx +170 -0
- package/src/FieldArray/__tests__/nested-fieldset-multiplicity.spec.tsx +627 -0
- package/src/FieldArray/__tests__/preference-multiple-choice.spec.tsx +222 -0
- package/src/FieldArray/index.spec.tsx +355 -0
- package/src/FieldArray/index.test.tsx +43 -0
- package/src/FieldArray/index.tsx +84 -55
- package/src/FieldObject/index.tsx +53 -27
- package/src/Fieldset/FieldsetWithContext.tsx +1 -1
- package/src/Fieldset/index.tsx +6 -6
- package/src/Fieldset/types.tsx +5 -3
- package/src/FormBuilder/FormBuilder.stories.js +6 -1
- package/src/FormBuilder/__stories__/AutoErrorGrouping.tsx +63 -0
- package/src/FormBuilder/__stories__/Default.tsx +1 -1
- package/src/FormBuilder/__stories__/ErrorGrouping.tsx +43 -0
- package/src/FormBuilder/{FormBuilder.mdx → doc.mdx} +27 -35
- package/src/FormBuilder/index.test.tsx +32 -0
- package/src/FormBuilder/index.tsx +314 -1
- package/src/FormBuilder/interaction.test.tsx +40 -0
- package/src/FormBuilder/scenarios.test.tsx +2775 -0
- package/src/FormContext.tsx +7 -3
- package/src/MultiplicityField/MultiplicityField.stories.js +9 -6
- package/src/MultiplicityField/__stories__/Default.tsx +1 -1
- package/src/MultiplicityField/__stories__/PreviewDisplay.tsx +4 -6
- package/src/MultiplicityField/__stories__/WithExactLength.tsx +2 -2
- package/src/MultiplicityField/__stories__/WithMaxLength.tsx +2 -2
- package/src/MultiplicityField/__stories__/WithMinAndMaxLength.tsx +2 -2
- package/src/MultiplicityField/__stories__/WithMinLength.tsx +2 -2
- package/src/MultiplicityField/add-objects.tsx +39 -30
- package/{cjs/MultiplicityField/MultiplicityField.mdx → src/MultiplicityField/doc.mdx} +112 -98
- package/src/MultiplicityField/index.test.tsx +44 -0
- package/src/MultiplicityField/index.tsx +25 -34
- package/src/MultiplicityField/types.ts +25 -0
- package/src/Questions/Questions.stories.js +4 -1
- package/src/Questions/Questions.tsx +6 -6
- package/src/Questions/QuestionsContext.tsx +1 -1
- package/src/Questions/Step/Step.tsx +1 -1
- package/src/Questions/Step/StepArrayReview.tsx +3 -3
- package/src/Questions/Step/StepContext.tsx +1 -1
- package/src/Questions/Step/StepDescription.tsx +2 -1
- package/src/Questions/Step/StepForm.tsx +2 -2
- package/src/Questions/Step/StepQuote.tsx +2 -1
- package/src/Questions/Step/StepTitle.tsx +6 -3
- package/src/Questions/Step/getAddMoreFields.tsx +2 -2
- package/src/Questions/Step/index.ts +0 -1
- package/src/Questions/Step/types.tsx +2 -1
- package/src/Questions/__snapshots__/index.spec.tsx.snap +74 -587
- package/src/Questions/__stories__/Default.tsx +1 -1
- package/{Questions/index.mdx → src/Questions/doc.mdx} +34 -57
- package/src/Questions/getNextStep.tsx +1 -1
- package/src/Questions/index.spec.tsx +17 -5
- package/src/Questions/index.test.tsx +24 -0
- package/src/Questions/types.tsx +2 -1
- package/src/create-simple-form.mdx +2 -6
- package/src/{index.mdx → doc.mdx} +29 -18
- package/src/hooks/__tests__/useFieldFocusManager.spec.tsx +1079 -0
- package/src/hooks/__tests__/utils.spec.ts +568 -0
- package/src/hooks/useFieldFocusManager.ts +162 -0
- package/src/hooks/utils.ts +122 -0
- package/src/index.ts +4 -1
- package/src/inputs/AutoCompleteInput/AutoComplete.stories.js +5 -2
- package/src/inputs/AutoCompleteInput/__stories__/Default.tsx +3 -11
- package/src/inputs/AutoCompleteInput/__stories__/Multiple.tsx +3 -10
- package/{cjs/inputs/AutoCompleteInput/index.mdx → src/inputs/AutoCompleteInput/doc.mdx} +2 -13
- package/src/inputs/AutoCompleteInput/index.test.tsx +28 -0
- package/src/inputs/AutoCompleteInput/index.tsx +49 -35
- package/src/inputs/Checkboxes/Checkboxes.stories.js +6 -3
- package/src/inputs/Checkboxes/__stories__/Conditional.tsx +1 -1
- package/src/inputs/Checkboxes/__stories__/Default.tsx +1 -1
- package/src/inputs/Checkboxes/__stories__/WithDivider.tsx +1 -1
- package/src/inputs/Checkboxes/{index.mdx → doc.mdx} +5 -15
- package/src/inputs/Checkboxes/index.test.tsx +32 -0
- package/src/inputs/Checkboxes/index.tsx +106 -92
- package/src/inputs/DateInput/DateInput.stories.js +8 -1
- package/src/inputs/DateInput/__stories__/Default.tsx +17 -16
- package/src/inputs/DateInput/__stories__/WithDefaultValue.tsx +26 -0
- package/src/inputs/DateInput/__stories__/WithInitialValue.tsx +28 -0
- package/src/inputs/DateInput/__stories__/WithWrongDefaultValue.tsx +26 -0
- package/src/inputs/DateInput/__stories__/WithWrongInitialValue.tsx +28 -0
- package/src/inputs/DateInput/{index.mdx → doc.mdx} +1 -8
- package/src/inputs/DateInput/index.test.tsx +40 -0
- package/src/inputs/DateInput/index.tsx +77 -27
- package/src/inputs/DateTimeInput/DateTimeInput.stories.js +14 -0
- package/src/inputs/DateTimeInput/__stories__/Default.tsx +25 -0
- package/src/inputs/DateTimeInput/__stories__/WithDefaultValue.tsx +26 -0
- package/src/inputs/DateTimeInput/__stories__/WithInitialValue.tsx +28 -0
- package/src/inputs/DateTimeInput/__stories__/WithWrongDefaultValue.tsx +26 -0
- package/src/inputs/DateTimeInput/__stories__/WithWrongInitialValue.tsx +28 -0
- package/src/inputs/DateTimeInput/doc.mdx +16 -0
- package/src/inputs/DateTimeInput/index.test.tsx +40 -0
- package/src/inputs/DateTimeInput/index.tsx +246 -0
- package/src/inputs/FileInput/FileInput.stories.js +5 -1
- package/src/inputs/FileInput/__stories__/Default.tsx +1 -1
- package/src/inputs/FileInput/__stories__/WithBorderAndLink.tsx +34 -0
- package/{inputs/FileInput/index.mdx → src/inputs/FileInput/doc.mdx} +1 -5
- package/src/inputs/FileInput/index.test.tsx +28 -0
- package/src/inputs/FileInput/index.tsx +102 -43
- package/src/inputs/ImageInput/ImageInput.stories.js +7 -3
- package/src/inputs/ImageInput/__stories__/Default.tsx +1 -1
- package/src/inputs/ImageInput/__stories__/{WithInvalidImageSize.tsx → MaxSize.tsx} +5 -3
- package/src/inputs/ImageInput/__stories__/WithInitialValues.tsx +45 -0
- package/src/inputs/ImageInput/__stories__/WithInvalidImageDimension.tsx +3 -1
- package/src/inputs/ImageInput/__stories__/logo.d.ts +4 -0
- package/src/inputs/ImageInput/__stories__/logo.png +0 -0
- package/src/inputs/ImageInput/doc.mdx +23 -0
- package/src/inputs/ImageInput/index.test.tsx +36 -0
- package/src/inputs/ImageInput/index.tsx +105 -52
- package/src/inputs/Input/Input.stories.js +17 -10
- package/src/inputs/Input/__stories__/AFM.tsx +1 -1
- package/src/inputs/Input/__stories__/AMKA.tsx +23 -0
- package/src/inputs/Input/__stories__/Boolean.tsx +1 -1
- package/src/inputs/Input/__stories__/Email.tsx +23 -0
- package/src/inputs/Input/__stories__/IBAN.tsx +1 -1
- package/src/inputs/Input/__stories__/Integer.tsx +1 -1
- package/src/inputs/Input/__stories__/LandlineNumber.tsx +3 -2
- package/src/inputs/Input/__stories__/MobilePhone.tsx +2 -1
- package/src/inputs/Input/__stories__/PhoneNumber.tsx +2 -1
- package/src/inputs/Input/__stories__/PostalCode.tsx +2 -1
- package/src/inputs/Input/__stories__/Rate.tsx +25 -0
- package/src/inputs/Input/__stories__/{Default.tsx → String.tsx} +2 -2
- package/src/inputs/Input/__stories__/StringWithTrimValidation.tsx +26 -0
- package/src/inputs/Input/__stories__/{TextWithCharacterLimit.tsx → TextWithLimit.tsx} +3 -2
- package/src/inputs/Input/doc.mdx +56 -0
- package/src/inputs/Input/index.test.tsx +76 -0
- package/src/inputs/Input/index.tsx +55 -35
- package/src/inputs/Label/Label.stories.js +4 -1
- package/src/inputs/Label/__stories__/Default.tsx +4 -2
- package/src/inputs/Label/doc.mdx +14 -0
- package/src/inputs/Label/index.test.tsx +24 -0
- package/src/inputs/Label/index.tsx +4 -11
- package/src/inputs/OtpInput/OtpInput.stories.js +4 -1
- package/src/inputs/OtpInput/__stories__/Default.tsx +1 -1
- package/{cjs/inputs/OtpInput/index.mdx → src/inputs/OtpInput/doc.mdx} +1 -8
- package/src/inputs/OtpInput/index.test.tsx +24 -0
- package/src/inputs/OtpInput/index.tsx +45 -34
- package/src/inputs/Radio/Radio.stories.js +6 -3
- package/src/inputs/Radio/__stories__/Conditional.tsx +3 -2
- package/src/inputs/Radio/__stories__/Default.tsx +1 -1
- package/src/inputs/Radio/__stories__/WithDivider.tsx +1 -1
- package/{cjs/inputs/Radio/index.mdx → src/inputs/Radio/doc.mdx} +5 -15
- package/src/inputs/Radio/index.test.tsx +32 -0
- package/src/inputs/Radio/index.tsx +93 -12
- package/src/inputs/Select/Select.stories.js +4 -1
- package/src/inputs/Select/__stories__/Default.tsx +1 -1
- package/src/inputs/Select/{index.mdx → doc.mdx} +1 -5
- package/src/inputs/Select/index.test.tsx +24 -0
- package/src/inputs/Select/index.tsx +22 -9
- package/src/inputs/registry.ts +86 -0
- package/src/installation.mdx +2 -5
- package/src/internal.ts +2 -31
- package/src/lazy.ts +56 -0
- package/src/registry.ts +179 -0
- package/src/types.tsx +21 -65
- package/src/utils.ts +67 -33
- package/src/validators/index.ts +138 -99
- package/src/validators/types.ts +1 -1
- package/src/validators/utils/amka.ts +39 -0
- package/src/validators/utils/date.ts +131 -0
- package/src/validators/utils/datetime.ts +222 -0
- package/src/validators/utils/email.ts +11 -0
- package/src/validators/utils/file.ts +35 -19
- package/src/validators/utils/iban.ts +2 -2
- package/src/validators/utils/image.ts +2 -2
- package/src/validators/utils/index.ts +15 -6
- package/src/validators/utils/int.ts +2 -2
- package/src/validators/utils/number.ts +2 -2
- package/src/validators/utils/otp.ts +2 -2
- package/src/validators/utils/phone.ts +65 -74
- package/src/validators/utils/postal_code.ts +3 -3
- package/src/validators/utils/text_limit.ts +2 -2
- package/src/validators/utils/uuid4.ts +2 -1
- package/src/validators/validators.spec.ts +6 -40
- package/types.d.ts +14 -37
- package/types.js +1 -0
- package/utils.d.ts +4 -1
- package/utils.js +56 -0
- package/validators/index.d.ts +6 -6
- package/validators/index.js +115 -180
- package/validators/types.d.ts +1 -1
- package/validators/types.js +0 -0
- package/validators/utils/afm.js +19 -0
- package/validators/utils/amka.d.ts +6 -0
- package/validators/utils/amka.js +27 -0
- package/validators/utils/date.d.ts +9 -0
- package/validators/utils/date.js +95 -0
- package/validators/utils/datetime.d.ts +9 -0
- package/validators/utils/datetime.js +121 -0
- package/validators/utils/email.d.ts +5 -0
- package/validators/utils/email.js +10 -0
- package/validators/utils/file.d.ts +2 -2
- package/validators/utils/file.js +31 -0
- package/validators/utils/iban.d.ts +2 -2
- package/validators/utils/iban.js +104 -0
- package/validators/utils/image.d.ts +2 -2
- package/validators/utils/image.js +65 -0
- package/validators/utils/index.d.ts +14 -11
- package/validators/utils/index.js +62 -85
- package/validators/utils/int.d.ts +1 -1
- package/validators/utils/int.js +13 -0
- package/validators/utils/number.d.ts +1 -1
- package/validators/utils/number.js +12 -0
- package/validators/utils/otp.d.ts +2 -2
- package/validators/utils/otp.js +21 -0
- package/validators/utils/phone.d.ts +3 -3
- package/validators/utils/phone.js +198 -0
- package/validators/utils/postal_code.d.ts +3 -3
- package/validators/utils/postal_code.js +18 -0
- package/validators/utils/text_limit.d.ts +2 -2
- package/validators/utils/text_limit.js +34 -0
- package/validators/utils/uuid4.js +14 -0
- package/Field/FieldBase/index.js +0 -82
- package/Field/FieldBase/package.json +0 -6
- package/Field/FieldBaseContainer/index.js +0 -40
- package/Field/FieldBaseContainer/package.json +0 -6
- package/Field/FieldConditional/index.js +0 -59
- package/Field/FieldConditional/package.json +0 -6
- package/Field/index.mdx +0 -6
- package/Field/package.json +0 -6
- package/Field/types/index.js +0 -1
- package/Field/types/package.json +0 -6
- package/Field/utils/index.js +0 -153
- package/Field/utils/package.json +0 -6
- package/Field/utils.d.ts +0 -5
- package/FieldArray/FieldArray.stories/index.js +0 -8
- package/FieldArray/FieldArray.stories/package.json +0 -6
- package/FieldArray/FieldArray.stories.d.ts +0 -9
- package/FieldArray/FieldArray.stories.playwright.json +0 -353
- package/FieldArray/__stories__/Default/index.js +0 -88
- package/FieldArray/__stories__/Default/package.json +0 -6
- package/FieldArray/__stories__/Default.d.ts +0 -2
- package/FieldArray/__stories__/WithExactLength/index.js +0 -88
- package/FieldArray/__stories__/WithExactLength/package.json +0 -6
- package/FieldArray/__stories__/WithExactLength.d.ts +0 -2
- package/FieldArray/package.json +0 -6
- package/FieldObject/package.json +0 -6
- package/Fieldset/FieldsetWithContext/index.js +0 -35
- package/Fieldset/FieldsetWithContext/package.json +0 -6
- package/Fieldset/package.json +0 -6
- package/Fieldset/types/index.js +0 -1
- package/Fieldset/types/package.json +0 -6
- package/Form.stories/index.js +0 -3
- package/Form.stories/package.json +0 -6
- package/Form.stories.d.ts +0 -4
- package/FormBuilder/FormBuilder/index.js +0 -152
- package/FormBuilder/FormBuilder/package.json +0 -6
- package/FormBuilder/FormBuilder.d.ts +0 -5
- package/FormBuilder/FormBuilder.mdx +0 -256
- package/FormBuilder/FormBuilder.stories/index.js +0 -7
- package/FormBuilder/FormBuilder.stories/package.json +0 -6
- package/FormBuilder/FormBuilder.stories.d.ts +0 -8
- package/FormBuilder/FormBuilder.stories.playwright.json +0 -52
- package/FormBuilder/__stories__/Default/index.js +0 -26
- package/FormBuilder/__stories__/Default/package.json +0 -6
- package/FormBuilder/__stories__/Default.d.ts +0 -3
- package/FormBuilder/package.json +0 -6
- package/FormContext/index.js +0 -5
- package/FormContext/package.json +0 -6
- package/MultiplicityField/MultiplicityField.mdx +0 -590
- package/MultiplicityField/MultiplicityField.stories/index.js +0 -12
- package/MultiplicityField/MultiplicityField.stories/package.json +0 -6
- package/MultiplicityField/MultiplicityField.stories.d.ts +0 -13
- package/MultiplicityField/MultiplicityField.stories.playwright.json +0 -1370
- package/MultiplicityField/__stories__/Default/index.js +0 -95
- package/MultiplicityField/__stories__/Default/package.json +0 -6
- package/MultiplicityField/__stories__/Default.d.ts +0 -2
- package/MultiplicityField/__stories__/PreviewDisplay/index.js +0 -72
- package/MultiplicityField/__stories__/PreviewDisplay/package.json +0 -6
- package/MultiplicityField/__stories__/PreviewDisplay.d.ts +0 -2
- package/MultiplicityField/__stories__/WithExactLength/index.js +0 -90
- package/MultiplicityField/__stories__/WithExactLength/package.json +0 -6
- package/MultiplicityField/__stories__/WithExactLength.d.ts +0 -2
- package/MultiplicityField/__stories__/WithMaxLength/index.js +0 -93
- package/MultiplicityField/__stories__/WithMaxLength/package.json +0 -6
- package/MultiplicityField/__stories__/WithMaxLength.d.ts +0 -2
- package/MultiplicityField/__stories__/WithMinAndMaxLength/index.js +0 -94
- package/MultiplicityField/__stories__/WithMinAndMaxLength/package.json +0 -6
- package/MultiplicityField/__stories__/WithMinAndMaxLength.d.ts +0 -2
- package/MultiplicityField/__stories__/WithMinLength/index.js +0 -93
- package/MultiplicityField/__stories__/WithMinLength/package.json +0 -6
- package/MultiplicityField/__stories__/WithMinLength.d.ts +0 -2
- package/MultiplicityField/add-objects/index.js +0 -148
- package/MultiplicityField/add-objects/package.json +0 -6
- package/MultiplicityField/package.json +0 -6
- package/Questions/Questions/index.js +0 -75
- package/Questions/Questions/package.json +0 -6
- package/Questions/Questions.stories/index.js +0 -7
- package/Questions/Questions.stories/package.json +0 -6
- package/Questions/Questions.stories.d.ts +0 -8
- package/Questions/QuestionsContext/index.js +0 -11
- package/Questions/QuestionsContext/package.json +0 -6
- package/Questions/Step/ReviewStep/index.js +0 -50
- package/Questions/Step/ReviewStep/package.json +0 -6
- package/Questions/Step/Step/index.js +0 -62
- package/Questions/Step/Step/package.json +0 -6
- package/Questions/Step/StepArrayReview/index.js +0 -46
- package/Questions/Step/StepArrayReview/package.json +0 -6
- package/Questions/Step/StepContext/index.js +0 -27
- package/Questions/Step/StepContext/package.json +0 -6
- package/Questions/Step/StepDescription/index.js +0 -24
- package/Questions/Step/StepDescription/package.json +0 -6
- package/Questions/Step/StepForm/index.js +0 -44
- package/Questions/Step/StepForm/package.json +0 -6
- package/Questions/Step/StepQuote/index.js +0 -10
- package/Questions/Step/StepQuote/package.json +0 -6
- package/Questions/Step/StepTitle/index.js +0 -41
- package/Questions/Step/StepTitle/package.json +0 -6
- package/Questions/Step/getAddMoreFields/index.js +0 -21
- package/Questions/Step/getAddMoreFields/package.json +0 -6
- package/Questions/Step/package.json +0 -6
- package/Questions/Step/types/index.js +0 -1
- package/Questions/Step/types/package.json +0 -6
- package/Questions/__snapshots__/index.spec.tsx.snap +0 -596
- package/Questions/__stories__/Default/index.js +0 -102
- package/Questions/__stories__/Default/package.json +0 -6
- package/Questions/__stories__/Default.d.ts +0 -3
- package/Questions/getNextStep/index.js +0 -20
- package/Questions/getNextStep/package.json +0 -6
- package/Questions/index.spec/index.js +0 -59
- package/Questions/index.spec/package.json +0 -6
- package/Questions/index.spec.d.ts +0 -1
- package/Questions/package.json +0 -6
- package/Questions/types/index.js +0 -1
- package/Questions/types/package.json +0 -6
- package/cjs/Field/FieldBase/index.js +0 -89
- package/cjs/Field/FieldBaseContainer/index.js +0 -47
- package/cjs/Field/FieldConditional/index.js +0 -66
- package/cjs/Field/index.js +0 -80
- package/cjs/Field/index.mdx +0 -6
- package/cjs/Field/types/index.js +0 -5
- package/cjs/Field/utils/index.js +0 -162
- package/cjs/FieldArray/FieldArray.stories/index.js +0 -38
- package/cjs/FieldArray/FieldArray.stories.playwright.json +0 -353
- package/cjs/FieldArray/__stories__/Default/index.js +0 -98
- package/cjs/FieldArray/__stories__/WithExactLength/index.js +0 -98
- package/cjs/FieldArray/index.js +0 -68
- package/cjs/FieldObject/index.js +0 -64
- package/cjs/Fieldset/FieldsetWithContext/index.js +0 -45
- package/cjs/Fieldset/index.js +0 -44
- package/cjs/Fieldset/types/index.js +0 -5
- package/cjs/Form.stories/index.js +0 -9
- package/cjs/FormBuilder/FormBuilder/index.js +0 -162
- package/cjs/FormBuilder/FormBuilder.mdx +0 -256
- package/cjs/FormBuilder/FormBuilder.stories/index.js +0 -26
- package/cjs/FormBuilder/FormBuilder.stories.playwright.json +0 -52
- package/cjs/FormBuilder/__stories__/Default/index.js +0 -36
- package/cjs/FormBuilder/index.js +0 -8
- package/cjs/FormContext/index.js +0 -11
- package/cjs/MultiplicityField/MultiplicityField.stories/index.js +0 -86
- package/cjs/MultiplicityField/MultiplicityField.stories.playwright.json +0 -1370
- package/cjs/MultiplicityField/__stories__/Default/index.js +0 -105
- package/cjs/MultiplicityField/__stories__/PreviewDisplay/index.js +0 -82
- package/cjs/MultiplicityField/__stories__/WithExactLength/index.js +0 -100
- package/cjs/MultiplicityField/__stories__/WithMaxLength/index.js +0 -103
- package/cjs/MultiplicityField/__stories__/WithMinAndMaxLength/index.js +0 -104
- package/cjs/MultiplicityField/__stories__/WithMinLength/index.js +0 -103
- package/cjs/MultiplicityField/add-objects/index.js +0 -155
- package/cjs/MultiplicityField/index.js +0 -123
- package/cjs/Questions/Questions/index.js +0 -85
- package/cjs/Questions/Questions.stories/index.js +0 -26
- package/cjs/Questions/QuestionsContext/index.js +0 -17
- package/cjs/Questions/Step/ReviewStep/index.js +0 -60
- package/cjs/Questions/Step/Step/index.js +0 -72
- package/cjs/Questions/Step/StepArrayReview/index.js +0 -56
- package/cjs/Questions/Step/StepContext/index.js +0 -33
- package/cjs/Questions/Step/StepDescription/index.js +0 -34
- package/cjs/Questions/Step/StepForm/index.js +0 -54
- package/cjs/Questions/Step/StepQuote/index.js +0 -17
- package/cjs/Questions/Step/StepTitle/index.js +0 -51
- package/cjs/Questions/Step/getAddMoreFields/index.js +0 -27
- package/cjs/Questions/Step/index.js +0 -143
- package/cjs/Questions/Step/types/index.js +0 -5
- package/cjs/Questions/__snapshots__/index.spec.tsx.snap +0 -596
- package/cjs/Questions/__stories__/Default/index.js +0 -113
- package/cjs/Questions/getNextStep/index.js +0 -26
- package/cjs/Questions/index.js +0 -21
- package/cjs/Questions/index.mdx +0 -415
- package/cjs/Questions/index.spec/index.js +0 -63
- package/cjs/Questions/types/index.js +0 -5
- package/cjs/create-simple-form.mdx +0 -539
- package/cjs/index.js +0 -22
- package/cjs/index.mdx +0 -51
- package/cjs/inputs/AutoCompleteInput/AutoComplete.stories/index.js +0 -38
- package/cjs/inputs/AutoCompleteInput/__stories__/Default/index.js +0 -51
- package/cjs/inputs/AutoCompleteInput/__stories__/Multiple/index.js +0 -52
- package/cjs/inputs/AutoCompleteInput/index.js +0 -55
- package/cjs/inputs/Checkboxes/Checkboxes.stories/index.js +0 -50
- package/cjs/inputs/Checkboxes/Checkboxes.stories.playwright.json +0 -85
- package/cjs/inputs/Checkboxes/__stories__/Conditional/index.js +0 -103
- package/cjs/inputs/Checkboxes/__stories__/Default/index.js +0 -50
- package/cjs/inputs/Checkboxes/__stories__/WithDivider/index.js +0 -51
- package/cjs/inputs/Checkboxes/index.js +0 -101
- package/cjs/inputs/Checkboxes/index.mdx +0 -33
- package/cjs/inputs/DateInput/DateInput.stories/index.js +0 -26
- package/cjs/inputs/DateInput/DateInput.stories.playwright.json +0 -72
- package/cjs/inputs/DateInput/__stories__/Default/index.js +0 -33
- package/cjs/inputs/DateInput/index.js +0 -141
- package/cjs/inputs/DateInput/index.mdx +0 -23
- package/cjs/inputs/FileInput/FileInput.stories/index.js +0 -26
- package/cjs/inputs/FileInput/FileInput.stories.playwright.json +0 -75
- package/cjs/inputs/FileInput/__stories__/Default/index.js +0 -30
- package/cjs/inputs/FileInput/index.js +0 -68
- package/cjs/inputs/FileInput/index.mdx +0 -19
- package/cjs/inputs/ImageInput/ImageInput.stories/index.js +0 -50
- package/cjs/inputs/ImageInput/ImageInput.stories.playwright.json +0 -77
- package/cjs/inputs/ImageInput/__stories__/Default/index.js +0 -38
- package/cjs/inputs/ImageInput/__stories__/WithInvalidImageDimension/index.js +0 -46
- package/cjs/inputs/ImageInput/__stories__/WithInvalidImageSize/index.js +0 -43
- package/cjs/inputs/ImageInput/index.js +0 -86
- package/cjs/inputs/ImageInput/index.mdx +0 -19
- package/cjs/inputs/Input/Input.stories/index.js +0 -134
- package/cjs/inputs/Input/Input.stories.playwright.json +0 -376
- package/cjs/inputs/Input/__stories__/AFM/index.js +0 -32
- package/cjs/inputs/Input/__stories__/Boolean/index.js +0 -33
- package/cjs/inputs/Input/__stories__/Default/index.js +0 -33
- package/cjs/inputs/Input/__stories__/IBAN/index.js +0 -33
- package/cjs/inputs/Input/__stories__/Integer/index.js +0 -41
- package/cjs/inputs/Input/__stories__/LandlineNumber/index.js +0 -36
- package/cjs/inputs/Input/__stories__/MobilePhone/index.js +0 -36
- package/cjs/inputs/Input/__stories__/PhoneNumber/index.js +0 -35
- package/cjs/inputs/Input/__stories__/PostalCode/index.js +0 -35
- package/cjs/inputs/Input/__stories__/TextWithCharacterLimit/index.js +0 -39
- package/cjs/inputs/Input/index.js +0 -76
- package/cjs/inputs/Input/index.mdx +0 -95
- package/cjs/inputs/Label/Label.stories/index.js +0 -26
- package/cjs/inputs/Label/Label.stories.playwright.json +0 -40
- package/cjs/inputs/Label/__stories__/Default/index.js +0 -37
- package/cjs/inputs/Label/index.js +0 -29
- package/cjs/inputs/OtpInput/OtpInput.stories/index.js +0 -26
- package/cjs/inputs/OtpInput/__stories__/Default/index.js +0 -39
- package/cjs/inputs/OtpInput/index.js +0 -151
- package/cjs/inputs/Radio/Radio.stories/index.js +0 -50
- package/cjs/inputs/Radio/Radio.stories.playwright.json +0 -73
- package/cjs/inputs/Radio/__stories__/Conditional/index.js +0 -103
- package/cjs/inputs/Radio/__stories__/Default/index.js +0 -55
- package/cjs/inputs/Radio/__stories__/WithDivider/index.js +0 -56
- package/cjs/inputs/Radio/index.js +0 -64
- package/cjs/inputs/Select/Select.stories/index.js +0 -26
- package/cjs/inputs/Select/Select.stories.playwright.json +0 -22
- package/cjs/inputs/Select/__stories__/Default/index.js +0 -61
- package/cjs/inputs/Select/index.js +0 -38
- package/cjs/inputs/Select/index.mdx +0 -17
- package/cjs/inputs/index.js +0 -69
- package/cjs/installation.mdx +0 -68
- package/cjs/internal/index.js +0 -348
- package/cjs/lazy/index.js +0 -517
- package/cjs/registry/index.js +0 -147
- package/cjs/types/index.js +0 -5
- package/cjs/utils/index.js +0 -87
- package/cjs/validators/index.js +0 -193
- package/cjs/validators/types/index.js +0 -5
- package/cjs/validators/utils/afm/index.js +0 -38
- package/cjs/validators/utils/file/index.js +0 -43
- package/cjs/validators/utils/iban/index.js +0 -123
- package/cjs/validators/utils/image/index.js +0 -126
- package/cjs/validators/utils/index.js +0 -204
- package/cjs/validators/utils/int/index.js +0 -26
- package/cjs/validators/utils/number/index.js +0 -22
- package/cjs/validators/utils/otp/index.js +0 -32
- package/cjs/validators/utils/phone/index.js +0 -143
- package/cjs/validators/utils/postal_code/index.js +0 -34
- package/cjs/validators/utils/text_limit/index.js +0 -54
- package/cjs/validators/utils/uuid4/index.js +0 -25
- package/cjs/validators/validators.spec/index.js +0 -87
- package/create-simple-form.mdx +0 -539
- package/index.mdx +0 -51
- package/inputs/AutoCompleteInput/AutoComplete.stories/index.js +0 -8
- package/inputs/AutoCompleteInput/AutoComplete.stories/package.json +0 -6
- package/inputs/AutoCompleteInput/AutoComplete.stories.d.ts +0 -9
- package/inputs/AutoCompleteInput/__stories__/Default/index.js +0 -44
- package/inputs/AutoCompleteInput/__stories__/Default/package.json +0 -6
- package/inputs/AutoCompleteInput/__stories__/Default.d.ts +0 -3
- package/inputs/AutoCompleteInput/__stories__/Multiple/index.js +0 -45
- package/inputs/AutoCompleteInput/__stories__/Multiple/package.json +0 -6
- package/inputs/AutoCompleteInput/__stories__/Multiple.d.ts +0 -3
- package/inputs/AutoCompleteInput/index.mdx +0 -29
- package/inputs/AutoCompleteInput/package.json +0 -6
- package/inputs/Checkboxes/Checkboxes.stories/index.js +0 -9
- package/inputs/Checkboxes/Checkboxes.stories/package.json +0 -6
- package/inputs/Checkboxes/Checkboxes.stories.d.ts +0 -10
- package/inputs/Checkboxes/Checkboxes.stories.playwright.json +0 -85
- package/inputs/Checkboxes/__stories__/Conditional/index.js +0 -93
- package/inputs/Checkboxes/__stories__/Conditional/package.json +0 -6
- package/inputs/Checkboxes/__stories__/Conditional.d.ts +0 -3
- package/inputs/Checkboxes/__stories__/Default/index.js +0 -40
- package/inputs/Checkboxes/__stories__/Default/package.json +0 -6
- package/inputs/Checkboxes/__stories__/Default.d.ts +0 -3
- package/inputs/Checkboxes/__stories__/WithDivider/index.js +0 -41
- package/inputs/Checkboxes/__stories__/WithDivider/package.json +0 -6
- package/inputs/Checkboxes/__stories__/WithDivider.d.ts +0 -3
- package/inputs/Checkboxes/index.mdx +0 -33
- package/inputs/Checkboxes/package.json +0 -6
- package/inputs/DateInput/DateInput.stories/index.js +0 -7
- package/inputs/DateInput/DateInput.stories/package.json +0 -6
- package/inputs/DateInput/DateInput.stories.d.ts +0 -8
- package/inputs/DateInput/DateInput.stories.playwright.json +0 -72
- package/inputs/DateInput/__stories__/Default/index.js +0 -23
- package/inputs/DateInput/__stories__/Default/package.json +0 -6
- package/inputs/DateInput/__stories__/Default.d.ts +0 -3
- package/inputs/DateInput/index.mdx +0 -23
- package/inputs/DateInput/package.json +0 -6
- package/inputs/FileInput/FileInput.stories/index.js +0 -7
- package/inputs/FileInput/FileInput.stories/package.json +0 -6
- package/inputs/FileInput/FileInput.stories.d.ts +0 -8
- package/inputs/FileInput/FileInput.stories.playwright.json +0 -75
- package/inputs/FileInput/__stories__/Default/index.js +0 -20
- package/inputs/FileInput/__stories__/Default/package.json +0 -6
- package/inputs/FileInput/__stories__/Default.d.ts +0 -3
- package/inputs/FileInput/package.json +0 -6
- package/inputs/ImageInput/ImageInput.stories/index.js +0 -9
- package/inputs/ImageInput/ImageInput.stories/package.json +0 -6
- package/inputs/ImageInput/ImageInput.stories.d.ts +0 -10
- package/inputs/ImageInput/ImageInput.stories.playwright.json +0 -77
- package/inputs/ImageInput/__stories__/Default/index.js +0 -28
- package/inputs/ImageInput/__stories__/Default/package.json +0 -6
- package/inputs/ImageInput/__stories__/Default.d.ts +0 -3
- package/inputs/ImageInput/__stories__/WithInvalidImageDimension/index.js +0 -36
- package/inputs/ImageInput/__stories__/WithInvalidImageDimension/package.json +0 -6
- package/inputs/ImageInput/__stories__/WithInvalidImageDimension.d.ts +0 -3
- package/inputs/ImageInput/__stories__/WithInvalidImageSize/index.js +0 -33
- package/inputs/ImageInput/__stories__/WithInvalidImageSize/package.json +0 -6
- package/inputs/ImageInput/__stories__/WithInvalidImageSize.d.ts +0 -3
- package/inputs/ImageInput/index.mdx +0 -19
- package/inputs/ImageInput/package.json +0 -6
- package/inputs/Input/Input.stories/index.js +0 -16
- package/inputs/Input/Input.stories/package.json +0 -6
- package/inputs/Input/Input.stories.d.ts +0 -17
- package/inputs/Input/Input.stories.playwright.json +0 -376
- package/inputs/Input/__stories__/AFM/index.js +0 -22
- package/inputs/Input/__stories__/AFM/package.json +0 -6
- package/inputs/Input/__stories__/AFM.d.ts +0 -3
- package/inputs/Input/__stories__/Boolean/index.js +0 -23
- package/inputs/Input/__stories__/Boolean/package.json +0 -6
- package/inputs/Input/__stories__/Boolean.d.ts +0 -3
- package/inputs/Input/__stories__/Default/index.js +0 -23
- package/inputs/Input/__stories__/Default/package.json +0 -6
- package/inputs/Input/__stories__/Default.d.ts +0 -3
- package/inputs/Input/__stories__/IBAN/index.js +0 -23
- package/inputs/Input/__stories__/IBAN/package.json +0 -6
- package/inputs/Input/__stories__/IBAN.d.ts +0 -3
- package/inputs/Input/__stories__/Integer/index.js +0 -31
- package/inputs/Input/__stories__/Integer/package.json +0 -6
- package/inputs/Input/__stories__/Integer.d.ts +0 -3
- package/inputs/Input/__stories__/LandlineNumber/index.js +0 -26
- package/inputs/Input/__stories__/LandlineNumber/package.json +0 -6
- package/inputs/Input/__stories__/LandlineNumber.d.ts +0 -3
- package/inputs/Input/__stories__/MobilePhone/index.js +0 -26
- package/inputs/Input/__stories__/MobilePhone/package.json +0 -6
- package/inputs/Input/__stories__/MobilePhone.d.ts +0 -3
- package/inputs/Input/__stories__/PhoneNumber/index.js +0 -25
- package/inputs/Input/__stories__/PhoneNumber/package.json +0 -6
- package/inputs/Input/__stories__/PhoneNumber.d.ts +0 -3
- package/inputs/Input/__stories__/PostalCode/index.js +0 -25
- package/inputs/Input/__stories__/PostalCode/package.json +0 -6
- package/inputs/Input/__stories__/PostalCode.d.ts +0 -3
- package/inputs/Input/__stories__/TextWithCharacterLimit/index.js +0 -29
- package/inputs/Input/__stories__/TextWithCharacterLimit/package.json +0 -6
- package/inputs/Input/__stories__/TextWithCharacterLimit.d.ts +0 -3
- package/inputs/Input/index.mdx +0 -95
- package/inputs/Input/package.json +0 -6
- package/inputs/Label/Label.stories/index.js +0 -7
- package/inputs/Label/Label.stories/package.json +0 -6
- package/inputs/Label/Label.stories.d.ts +0 -8
- package/inputs/Label/Label.stories.playwright.json +0 -40
- package/inputs/Label/__stories__/Default/index.js +0 -27
- package/inputs/Label/__stories__/Default/package.json +0 -6
- package/inputs/Label/__stories__/Default.d.ts +0 -3
- package/inputs/Label/package.json +0 -6
- package/inputs/OtpInput/OtpInput.stories/index.js +0 -7
- package/inputs/OtpInput/OtpInput.stories/package.json +0 -6
- package/inputs/OtpInput/OtpInput.stories.d.ts +0 -8
- package/inputs/OtpInput/__stories__/Default/index.js +0 -29
- package/inputs/OtpInput/__stories__/Default/package.json +0 -6
- package/inputs/OtpInput/__stories__/Default.d.ts +0 -3
- package/inputs/OtpInput/index.mdx +0 -23
- package/inputs/OtpInput/package.json +0 -6
- package/inputs/Radio/Radio.stories/index.js +0 -9
- package/inputs/Radio/Radio.stories/package.json +0 -6
- package/inputs/Radio/Radio.stories.d.ts +0 -10
- package/inputs/Radio/Radio.stories.playwright.json +0 -73
- package/inputs/Radio/__stories__/Conditional/index.js +0 -93
- package/inputs/Radio/__stories__/Conditional/package.json +0 -6
- package/inputs/Radio/__stories__/Conditional.d.ts +0 -3
- package/inputs/Radio/__stories__/Default/index.js +0 -45
- package/inputs/Radio/__stories__/Default/package.json +0 -6
- package/inputs/Radio/__stories__/Default.d.ts +0 -3
- package/inputs/Radio/__stories__/WithDivider/index.js +0 -46
- package/inputs/Radio/__stories__/WithDivider/package.json +0 -6
- package/inputs/Radio/__stories__/WithDivider.d.ts +0 -3
- package/inputs/Radio/index.mdx +0 -33
- package/inputs/Radio/package.json +0 -6
- package/inputs/Select/Select.stories/index.js +0 -7
- package/inputs/Select/Select.stories/package.json +0 -6
- package/inputs/Select/Select.stories.d.ts +0 -8
- package/inputs/Select/Select.stories.playwright.json +0 -22
- package/inputs/Select/__stories__/Default/index.js +0 -51
- package/inputs/Select/__stories__/Default/package.json +0 -6
- package/inputs/Select/__stories__/Default.d.ts +0 -3
- package/inputs/Select/index.mdx +0 -17
- package/inputs/Select/package.json +0 -6
- package/inputs/package.json +0 -6
- package/installation.mdx +0 -68
- package/internal/index.js +0 -34
- package/internal/package.json +0 -6
- package/lazy/index.js +0 -395
- package/lazy/package.json +0 -6
- package/registry/index.js +0 -138
- package/registry/package.json +0 -6
- package/src/Field/index.mdx +0 -6
- package/src/Field/utils.ts +0 -191
- package/src/FieldArray/FieldArray.stories.playwright.json +0 -353
- package/src/FormBuilder/FormBuilder.stories.playwright.json +0 -52
- package/src/FormBuilder/FormBuilder.tsx +0 -166
- package/src/MultiplicityField/MultiplicityField.mdx +0 -590
- package/src/MultiplicityField/MultiplicityField.stories.playwright.json +0 -1370
- package/src/Questions/index.mdx +0 -415
- package/src/inputs/AutoCompleteInput/index.mdx +0 -29
- package/src/inputs/Checkboxes/Checkboxes.stories.playwright.json +0 -85
- package/src/inputs/DateInput/DateInput.stories.playwright.json +0 -72
- package/src/inputs/FileInput/FileInput.stories.playwright.json +0 -75
- package/src/inputs/FileInput/index.mdx +0 -19
- package/src/inputs/ImageInput/ImageInput.stories.playwright.json +0 -77
- package/src/inputs/ImageInput/index.mdx +0 -19
- package/src/inputs/Input/Input.stories.playwright.json +0 -376
- package/src/inputs/Input/index.mdx +0 -95
- package/src/inputs/Label/Label.stories.playwright.json +0 -40
- package/src/inputs/OtpInput/index.mdx +0 -23
- package/src/inputs/Radio/Radio.stories.playwright.json +0 -73
- package/src/inputs/Radio/index.mdx +0 -33
- package/src/inputs/Select/Select.stories.playwright.json +0 -22
- package/src/lazy.js +0 -60
- package/src/registry.js +0 -145
- package/types/index.js +0 -1
- package/types/package.json +0 -6
- package/utils/index.js +0 -80
- package/utils/package.json +0 -6
- package/validators/package.json +0 -6
- package/validators/types/index.js +0 -1
- package/validators/types/package.json +0 -6
- package/validators/utils/afm/index.js +0 -31
- package/validators/utils/afm/package.json +0 -6
- package/validators/utils/file/index.js +0 -37
- package/validators/utils/file/package.json +0 -6
- package/validators/utils/iban/index.js +0 -116
- package/validators/utils/iban/package.json +0 -6
- package/validators/utils/image/index.js +0 -119
- package/validators/utils/image/package.json +0 -6
- package/validators/utils/int/index.js +0 -19
- package/validators/utils/int/package.json +0 -6
- package/validators/utils/number/index.js +0 -15
- package/validators/utils/number/package.json +0 -6
- package/validators/utils/otp/index.js +0 -25
- package/validators/utils/otp/package.json +0 -6
- package/validators/utils/package.json +0 -6
- package/validators/utils/phone/index.js +0 -134
- package/validators/utils/phone/package.json +0 -6
- package/validators/utils/postal_code/index.js +0 -27
- package/validators/utils/postal_code/package.json +0 -6
- package/validators/utils/text_limit/index.js +0 -47
- package/validators/utils/text_limit/package.json +0 -6
- package/validators/utils/uuid4/index.js +0 -18
- package/validators/utils/uuid4/package.json +0 -6
- package/validators/validators.spec/index.js +0 -85
- package/validators/validators.spec/package.json +0 -6
- package/validators/validators.spec.d.ts +0 -1
- /package/{cjs/inputs/Label/index.mdx → Field/types.js} +0 -0
- /package/{inputs/Label/index.mdx → Fieldset/types.js} +0 -0
- /package/{src/inputs/Label/index.mdx → MultiplicityField/types.js} +0 -0
package/Questions/Step/index.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
export * from
|
|
6
|
-
export * from
|
|
7
|
-
export * from
|
|
8
|
-
export * from
|
|
9
|
-
export * from
|
|
10
|
-
export * from
|
|
11
|
-
export * from
|
|
12
|
-
|
|
13
|
-
export default
|
|
1
|
+
import Step from "./Step.js";
|
|
2
|
+
export * from "./ReviewStep.js";
|
|
3
|
+
export * from "./Step.js";
|
|
4
|
+
export * from "./StepArrayReview.js";
|
|
5
|
+
export * from "./StepContext.js";
|
|
6
|
+
export * from "./StepDescription.js";
|
|
7
|
+
export * from "./StepForm.js";
|
|
8
|
+
export * from "./StepQuote.js";
|
|
9
|
+
export * from "./StepTitle.js";
|
|
10
|
+
export * from "./getAddMoreFields.js";
|
|
11
|
+
export * from "./types.js";
|
|
12
|
+
const Questions_Step = Step;
|
|
13
|
+
export { Questions_Step as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { LabelProps } from '
|
|
1
|
+
import type { LabelProps } from '../../inputs/Label/index.js';
|
|
2
2
|
export type StepType = 'object' | 'array';
|
|
3
3
|
export type StepReviewAnswersType = 'positive' | 'negative';
|
|
4
4
|
export interface StepAddMoreInterface {
|
|
@@ -24,6 +24,7 @@ export interface StepInterface {
|
|
|
24
24
|
submitStep?: any;
|
|
25
25
|
review?: StepReviewInterface;
|
|
26
26
|
type?: StepType;
|
|
27
|
+
children?: React.ReactNode;
|
|
27
28
|
}
|
|
28
29
|
export interface StepArrayReviewInterface {
|
|
29
30
|
array: Record<string, any>[];
|
|
File without changes
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { StepInterface } from '
|
|
1
|
+
import type { StepInterface } from './Step/types.js';
|
|
2
2
|
export declare function getNextStep(currentStep: any, steps: any[], data: any): StepInterface | null;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
function getNextStep(currentStep, steps, data) {
|
|
2
|
+
if (currentStep.nextStep) {
|
|
3
|
+
const nextStepName = currentStep.nextStep(data);
|
|
4
|
+
if (nextStepName) return steps.find((step)=>step.name === nextStepName);
|
|
5
|
+
}
|
|
6
|
+
const currentStepIndex = steps.findIndex((step)=>step.name === currentStep.name);
|
|
7
|
+
const nextStep = steps.slice(currentStepIndex + 1).find((step)=>{
|
|
8
|
+
if (step.show) return step.show(data);
|
|
9
|
+
return true;
|
|
10
|
+
});
|
|
11
|
+
return nextStep;
|
|
12
|
+
}
|
|
13
|
+
export { getNextStep };
|
package/Questions/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Questions } from '
|
|
1
|
+
import { Questions } from './Questions.js';
|
|
2
2
|
export default Questions;
|
|
3
|
-
export * from '
|
|
3
|
+
export * from './Step/index.js';
|
package/Questions/index.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
import { Questions } from
|
|
2
|
-
export
|
|
3
|
-
|
|
1
|
+
import { Questions } from "./Questions.js";
|
|
2
|
+
export * from "./Step/index.js";
|
|
3
|
+
const src_Questions = Questions;
|
|
4
|
+
export { src_Questions as default };
|
package/Questions/types.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { StepInterface } from '
|
|
1
|
+
import type { StepInterface } from './Step/types.js';
|
|
2
2
|
export interface QuestionsInterface {
|
|
3
3
|
name: string;
|
|
4
4
|
steps: StepInterface[];
|
|
@@ -9,6 +9,7 @@ export interface QuestionsInterface {
|
|
|
9
9
|
initialData?: any;
|
|
10
10
|
localDraft?: boolean;
|
|
11
11
|
errorLabels?: Record<string, string>;
|
|
12
|
+
children?: React.ReactNode;
|
|
12
13
|
}
|
|
13
14
|
export interface QuestionsContextInterface {
|
|
14
15
|
currentStep: StepInterface;
|
|
File without changes
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { Control, FieldValues, UseFormReturn } from 'react-hook-form';
|
|
2
|
+
export interface UseFieldFocusManagerProps<T extends FieldValues> {
|
|
3
|
+
enabled?: boolean;
|
|
4
|
+
control: Control<T>;
|
|
5
|
+
subscribe: UseFormReturn['subscribe'];
|
|
6
|
+
setFocus: UseFormReturn['setFocus'];
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* Custom hook to manage focus on form fields.
|
|
10
|
+
*
|
|
11
|
+
* It collects all focusable elements from the form fields and sorts them according to their position in the DOM.
|
|
12
|
+
*/
|
|
13
|
+
export declare function useFieldFocusManager<T extends FieldValues>({ enabled, control, subscribe, setFocus, }: UseFieldFocusManagerProps<T>): {
|
|
14
|
+
/**
|
|
15
|
+
* Registers a custom focusable element with the given field name.
|
|
16
|
+
*
|
|
17
|
+
* Returns a callback function to unregister the element by field name.
|
|
18
|
+
*
|
|
19
|
+
* @param fieldName - The name of the field to associate with the element.
|
|
20
|
+
* @param element - The HTML element to register as focusable.
|
|
21
|
+
*/
|
|
22
|
+
registerCustomFocusableElement: (fieldName: string, element: HTMLElement) => () => void;
|
|
23
|
+
focusOnError: (errors: Record<string, any>) => void;
|
|
24
|
+
};
|
|
25
|
+
export default useFieldFocusManager;
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { useCallback, useEffect, useRef } from "react";
|
|
2
|
+
import { extractFieldEntries, mapElementsToFields, sortElementsByPosition } from "./utils.js";
|
|
3
|
+
function useFieldFocusManager_useFieldFocusManager({ enabled = true, control, subscribe, setFocus }) {
|
|
4
|
+
const customFocusableElements = useRef(new Map());
|
|
5
|
+
const focusableElements = useRef(new Map());
|
|
6
|
+
useEffect(()=>{
|
|
7
|
+
if (!enabled) {
|
|
8
|
+
customFocusableElements.current.clear();
|
|
9
|
+
focusableElements.current.clear();
|
|
10
|
+
return;
|
|
11
|
+
}
|
|
12
|
+
}, [
|
|
13
|
+
enabled
|
|
14
|
+
]);
|
|
15
|
+
const updateFocusableElements = useCallback(()=>{
|
|
16
|
+
focusableElements.current.clear();
|
|
17
|
+
const formElements = extractFieldEntries(control._fields);
|
|
18
|
+
const customFieldRefs = mapElementsToFields(customFocusableElements.current);
|
|
19
|
+
const customElements = extractFieldEntries(customFieldRefs);
|
|
20
|
+
const combinedElements = new Map(formElements);
|
|
21
|
+
customElements.forEach((element, fieldName)=>{
|
|
22
|
+
combinedElements.set(fieldName, element);
|
|
23
|
+
});
|
|
24
|
+
focusableElements.current = sortElementsByPosition(combinedElements);
|
|
25
|
+
}, [
|
|
26
|
+
control._fields
|
|
27
|
+
]);
|
|
28
|
+
const registerCustomFocusableElement = useCallback((fieldName, element)=>{
|
|
29
|
+
if (fieldName && element) {
|
|
30
|
+
customFocusableElements.current.set(fieldName, element);
|
|
31
|
+
updateFocusableElements();
|
|
32
|
+
}
|
|
33
|
+
return function() {
|
|
34
|
+
customFocusableElements.current.delete(fieldName);
|
|
35
|
+
updateFocusableElements();
|
|
36
|
+
};
|
|
37
|
+
}, [
|
|
38
|
+
updateFocusableElements
|
|
39
|
+
]);
|
|
40
|
+
useEffect(()=>{
|
|
41
|
+
if (!enabled || !subscribe) return;
|
|
42
|
+
const callback = subscribe({
|
|
43
|
+
formState: {
|
|
44
|
+
errors: true
|
|
45
|
+
},
|
|
46
|
+
callback: ()=>{
|
|
47
|
+
setTimeout(updateFocusableElements, 0);
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
updateFocusableElements();
|
|
51
|
+
return ()=>callback();
|
|
52
|
+
}, [
|
|
53
|
+
enabled,
|
|
54
|
+
updateFocusableElements,
|
|
55
|
+
subscribe
|
|
56
|
+
]);
|
|
57
|
+
const focusOnError = useCallback((errors)=>{
|
|
58
|
+
if (!enabled) return;
|
|
59
|
+
if (!errors || 0 === Object.keys(errors).length) return;
|
|
60
|
+
for (const [fieldName, element] of Array.from(focusableElements.current))if (hasFieldError(errors, fieldName)) {
|
|
61
|
+
if (element && 'function' == typeof element.focus) return void element.focus();
|
|
62
|
+
else if (element && element.name) return void setFocus(fieldName);
|
|
63
|
+
}
|
|
64
|
+
}, [
|
|
65
|
+
enabled,
|
|
66
|
+
setFocus
|
|
67
|
+
]);
|
|
68
|
+
return {
|
|
69
|
+
registerCustomFocusableElement,
|
|
70
|
+
focusOnError
|
|
71
|
+
};
|
|
72
|
+
}
|
|
73
|
+
function hasFieldError(errors, fieldName) {
|
|
74
|
+
if (!errors || 'object' != typeof errors) return false;
|
|
75
|
+
if (errors[fieldName]) return true;
|
|
76
|
+
const keys = fieldName.split(/[.[\]]+/).filter(Boolean);
|
|
77
|
+
let current = errors;
|
|
78
|
+
for (const key of keys)if (!current || 'object' != typeof current) return false;
|
|
79
|
+
else current = current[key];
|
|
80
|
+
return !!current;
|
|
81
|
+
}
|
|
82
|
+
const useFieldFocusManager = useFieldFocusManager_useFieldFocusManager;
|
|
83
|
+
export { useFieldFocusManager as default, useFieldFocusManager_useFieldFocusManager as useFieldFocusManager };
|
package/hooks/utils.d.ts
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { Field, FieldRefs, Ref } from 'react-hook-form';
|
|
2
|
+
/**
|
|
3
|
+
* Recursively extracts field entries from nested form field structure.
|
|
4
|
+
* Handles both regular nested objects and array-like structures.
|
|
5
|
+
*/
|
|
6
|
+
export declare function extractFieldEntries(fields: FieldRefs, prefix?: string): Map<string, Ref>;
|
|
7
|
+
/**
|
|
8
|
+
* Sorts a map of HTML elements by their position in the DOM.
|
|
9
|
+
* Elements appearing earlier in the document order come first.
|
|
10
|
+
*/
|
|
11
|
+
export declare function sortElementsByPosition(elements: Map<string, Ref>): Map<string, Ref>;
|
|
12
|
+
/**
|
|
13
|
+
* Maps a collection of HTML elements to a FieldRefs structure.
|
|
14
|
+
*
|
|
15
|
+
* It's not a direct conversion, but rather a way to create a simple FieldRefs
|
|
16
|
+
* structure that can be used with React Hook Form.
|
|
17
|
+
*/
|
|
18
|
+
export declare function mapElementsToFields(elements: Map<string, HTMLElement>): Record<string, Field>;
|
package/hooks/utils.js
ADDED
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
function extractFieldEntries(fields, prefix = '') {
|
|
2
|
+
const elementMap = new Map();
|
|
3
|
+
const fieldEntries = Object.entries(fields);
|
|
4
|
+
if (0 === fieldEntries.length) return elementMap;
|
|
5
|
+
Object.entries(fields).forEach(([fieldName, field])=>{
|
|
6
|
+
if (!field) return;
|
|
7
|
+
const fullFieldName = prefix ? `${prefix}.${fieldName}` : fieldName;
|
|
8
|
+
if (isField(field)) {
|
|
9
|
+
const element = field._f.ref;
|
|
10
|
+
if (element) elementMap.set(fullFieldName, element);
|
|
11
|
+
} else if (isFieldRefs(field)) {
|
|
12
|
+
const keys = Object.keys(field);
|
|
13
|
+
const numericKeys = keys.filter((key)=>/^\d+$/.test(key));
|
|
14
|
+
const hasNumericKeys = numericKeys.length > 0;
|
|
15
|
+
if (hasNumericKeys) numericKeys.forEach((index)=>{
|
|
16
|
+
const arrayItem = field[index];
|
|
17
|
+
if (arrayItem && isFieldRefs(arrayItem)) {
|
|
18
|
+
const nestedEntries = extractFieldEntries(arrayItem, `${fullFieldName}.${index}`);
|
|
19
|
+
nestedEntries.forEach((element, fieldName)=>{
|
|
20
|
+
elementMap.set(fieldName, element);
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
else {
|
|
25
|
+
const nestedEntries = extractFieldEntries(field, fullFieldName);
|
|
26
|
+
nestedEntries.forEach((element, fieldName)=>{
|
|
27
|
+
elementMap.set(fieldName, element);
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
return elementMap;
|
|
33
|
+
}
|
|
34
|
+
const isField = (fieldRef)=>Boolean(fieldRef && 'object' == typeof fieldRef && '_f' in fieldRef && fieldRef._f && 'ref' in fieldRef._f);
|
|
35
|
+
const isFieldRefs = (fieldRef)=>Boolean(fieldRef && 'object' == typeof fieldRef && !isField(fieldRef));
|
|
36
|
+
function sortElementsByPosition(elements) {
|
|
37
|
+
const sortedEntries = Array.from(elements.entries()).sort(([, a], [, b])=>{
|
|
38
|
+
if (isActualHTMLElement(a) && isActualHTMLElement(b)) {
|
|
39
|
+
const aPosition = a.compareDocumentPosition(b);
|
|
40
|
+
if (aPosition & Node.DOCUMENT_POSITION_FOLLOWING) return -1;
|
|
41
|
+
if (aPosition & Node.DOCUMENT_POSITION_PRECEDING) return 1;
|
|
42
|
+
}
|
|
43
|
+
return 0;
|
|
44
|
+
});
|
|
45
|
+
return new Map(sortedEntries);
|
|
46
|
+
}
|
|
47
|
+
const isActualHTMLElement = (ref)=>ref instanceof HTMLElement && 'function' == typeof ref.focus;
|
|
48
|
+
function mapElementsToFields(elements) {
|
|
49
|
+
const fields = {};
|
|
50
|
+
elements.forEach((element, fieldName)=>{
|
|
51
|
+
fields[fieldName] = {
|
|
52
|
+
_f: {
|
|
53
|
+
ref: element,
|
|
54
|
+
name: fieldName
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
});
|
|
58
|
+
return fields;
|
|
59
|
+
}
|
|
60
|
+
export { extractFieldEntries, mapElementsToFields, sortElementsByPosition };
|
package/index.d.ts
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
export
|
|
2
|
-
|
|
1
|
+
export { default as Field } from './Field/index.js';
|
|
2
|
+
export { default as Fieldset } from './Fieldset/index.js';
|
|
3
|
+
export * from './inputs/Label/index.js';
|
|
4
|
+
import FormBuilder from './FormBuilder/index.js';
|
|
5
|
+
export * from './types.js';
|
|
3
6
|
export default FormBuilder;
|
package/index.js
CHANGED
|
@@ -1,8 +1,12 @@
|
|
|
1
|
-
/** @license Digigov v2.0.
|
|
1
|
+
/** @license Digigov v2.0.2
|
|
2
2
|
*
|
|
3
3
|
* This source code is licensed under the BSD-2-Clause license found in the
|
|
4
4
|
* LICENSE file in the root directory of this source tree.
|
|
5
5
|
*/
|
|
6
|
-
|
|
7
|
-
import
|
|
8
|
-
|
|
6
|
+
import Field from "./Field/index.js";
|
|
7
|
+
import Fieldset from "./Fieldset/index.js";
|
|
8
|
+
import FormBuilder from "./FormBuilder/index.js";
|
|
9
|
+
export * from "./inputs/Label/index.js";
|
|
10
|
+
export * from "./types.js";
|
|
11
|
+
const src = FormBuilder;
|
|
12
|
+
export { Field, Fieldset, src as default };
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { ControlledFieldProps } from '
|
|
3
|
-
import { FieldOptionProps } from '
|
|
4
|
-
import { AutoCompleteProps as UIAutoCompleteProps } from '@digigov/ui/form/AutoComplete';
|
|
2
|
+
import type { ControlledFieldProps } from '../../Field/types.js';
|
|
3
|
+
import type { FieldOptionProps } from '../Label/index.js';
|
|
4
|
+
import type { AutoCompleteProps as UIAutoCompleteProps } from '@digigov/ui/form/AutoComplete';
|
|
5
5
|
export interface AutoCompleteInputExtra extends Omit<UIAutoCompleteProps, 'source' | 'id' | 'templates' | 'defaultValue' | 'onConfirm' | 'dropdownArrow'> {
|
|
6
|
-
options:
|
|
6
|
+
options: FieldOptionProps[];
|
|
7
7
|
}
|
|
8
8
|
export interface AutoCompleteInputProps extends Omit<ControlledFieldProps, 'value' | 'onChange' | 'extra'> {
|
|
9
9
|
extra: AutoCompleteInputExtra;
|
|
10
10
|
value: string;
|
|
11
|
-
onChange: (v: string) => void;
|
|
11
|
+
onChange: (v: string | string[] | undefined) => void;
|
|
12
12
|
}
|
|
13
13
|
export declare const AutoCompleteInput: React.FC<AutoCompleteInputProps>;
|
|
14
14
|
export default AutoCompleteInput;
|
|
@@ -1,45 +1,43 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
id: "".concat(name, "-id"),
|
|
42
|
-
defaultValue: value
|
|
43
|
-
}));
|
|
1
|
+
import react, { useCallback } from "react";
|
|
2
|
+
import { AutoComplete } from "@digigov/ui/form/AutoComplete/index.js";
|
|
3
|
+
import { Hint } from "@digigov/ui/typography/Hint/index.js";
|
|
4
|
+
import { Base } from "@digigov/ui/utils/Base/index.js";
|
|
5
|
+
const AutoCompleteInput_AutoCompleteInput = ({ name, type, extra: { options }, onChange, value, ...props })=>{
|
|
6
|
+
const suggest = useCallback(function(query, syncResults) {
|
|
7
|
+
syncResults(query ? options.filter(function(option) {
|
|
8
|
+
return -1 !== `${option.value} ${option.label?.primary || ''} ${option.label?.secondary || ''}`.toLowerCase().indexOf(query.toLowerCase());
|
|
9
|
+
}) : options);
|
|
10
|
+
}, [
|
|
11
|
+
options
|
|
12
|
+
]);
|
|
13
|
+
return /*#__PURE__*/ react.createElement(AutoComplete, {
|
|
14
|
+
multiple: 'choice:multiple' === type,
|
|
15
|
+
source: suggest,
|
|
16
|
+
onConfirm: (value)=>{
|
|
17
|
+
if (Array.isArray(value)) {
|
|
18
|
+
const selectedValues = value.map((item)=>item.value);
|
|
19
|
+
selectedValues.length > 0 ? onChange(selectedValues) : onChange(void 0);
|
|
20
|
+
} else onChange(value.value);
|
|
21
|
+
},
|
|
22
|
+
templates: {
|
|
23
|
+
suggestion ({ label, value }) {
|
|
24
|
+
return /*#__PURE__*/ react.createElement(Base, {
|
|
25
|
+
as: "div"
|
|
26
|
+
}, label && label.primary && label.primary || value, label && label.secondary && /*#__PURE__*/ react.createElement(Hint, null, label.secondary));
|
|
27
|
+
},
|
|
28
|
+
inputValue: (option)=>{
|
|
29
|
+
if (!option) return '';
|
|
30
|
+
return option.label.primary || option.value;
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
...props,
|
|
34
|
+
reset: void 0,
|
|
35
|
+
required: void 0,
|
|
36
|
+
Field: void 0,
|
|
37
|
+
name: name,
|
|
38
|
+
id: `${name}-id`,
|
|
39
|
+
defaultValue: value
|
|
40
|
+
});
|
|
44
41
|
};
|
|
45
|
-
|
|
42
|
+
const AutoCompleteInput = AutoCompleteInput_AutoCompleteInput;
|
|
43
|
+
export { AutoCompleteInput_AutoCompleteInput as AutoCompleteInput, AutoCompleteInput as default };
|
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import type { UseFormReturn } from 'react-hook-form';
|
|
3
|
+
import type { ControlledFieldProps } from '../../Field/types.js';
|
|
4
|
+
import type { FieldOptionProps } from '../Label/index.js';
|
|
4
5
|
export interface CheckboxesProps extends Omit<ControlledFieldProps, 'extra' | 'value'> {
|
|
5
6
|
value?: string[];
|
|
6
7
|
extra: {
|
|
7
8
|
className?: string;
|
|
8
|
-
options:
|
|
9
|
+
options: FieldOptionProps[];
|
|
9
10
|
};
|
|
11
|
+
fieldComponent: React.FC<Omit<ControlledFieldProps, 'value' | 'onChange'>>;
|
|
12
|
+
resetField: UseFormReturn['resetField'];
|
|
10
13
|
}
|
|
11
|
-
export declare const Checkboxes: React.
|
|
14
|
+
export declare const Checkboxes: React.ForwardRefExoticComponent<CheckboxesProps & React.RefAttributes<HTMLInputElement>>;
|
|
12
15
|
export default Checkboxes;
|
|
@@ -1,91 +1,50 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
var _useTranslation = useTranslation(),
|
|
52
|
-
t = _useTranslation.t;
|
|
53
|
-
var _useState = useState(Array(options.length).fill(false)),
|
|
54
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
55
|
-
checked = _useState2[0],
|
|
56
|
-
setChecked = _useState2[1];
|
|
57
|
-
return /*#__PURE__*/React.createElement(CoreCheckboxes, {
|
|
58
|
-
className: className
|
|
59
|
-
}, options.map(function (_ref2, index) {
|
|
60
|
-
var _value;
|
|
61
|
-
var label = _ref2.label,
|
|
62
|
-
v = _ref2.value,
|
|
63
|
-
show = _ref2.show,
|
|
64
|
-
optionDisabled = _ref2.disabled,
|
|
65
|
-
selected = _ref2.selected,
|
|
66
|
-
option = _objectWithoutProperties(_ref2, _excluded2);
|
|
67
|
-
return /*#__PURE__*/React.createElement(React.Fragment, {
|
|
68
|
-
key: index
|
|
69
|
-
}, /*#__PURE__*/React.createElement(CheckboxItem, _extends({
|
|
70
|
-
key: "".concat(name, ".").concat(index),
|
|
71
|
-
name: name,
|
|
72
|
-
value: v,
|
|
73
|
-
disabled: disabled || optionDisabled,
|
|
74
|
-
checked: (_value = value) === null || _value === void 0 ? void 0 : _value.includes(v),
|
|
75
|
-
onChange: handleChange(v, index, show)
|
|
76
|
-
}, option, _extends({}, props, {
|
|
77
|
-
reset: undefined,
|
|
78
|
-
defaultValue: undefined,
|
|
79
|
-
onBlur: undefined,
|
|
80
|
-
required: undefined,
|
|
81
|
-
'aria-describedby': undefined,
|
|
82
|
-
type: 'checkbox'
|
|
83
|
-
})), 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) {
|
|
84
|
-
return /*#__PURE__*/React.createElement(Field, {
|
|
85
|
-
name: fieldName,
|
|
86
|
-
key: fieldName
|
|
87
|
-
});
|
|
88
|
-
})), selected && selected());
|
|
89
|
-
}));
|
|
90
|
-
};
|
|
91
|
-
export default Checkboxes;
|
|
1
|
+
import react, { useState } from "react";
|
|
2
|
+
import { omit } from "../../utils.js";
|
|
3
|
+
import { Checkbox, CheckboxConditional, CheckboxItem } from "@digigov/ui/form/Checkbox/index.js";
|
|
4
|
+
import { useTranslation } from "@digigov/ui/i18n/index.js";
|
|
5
|
+
import { Hint } from "@digigov/ui/typography/Hint/index.js";
|
|
6
|
+
const Checkboxes = /*#__PURE__*/ react.forwardRef(({ name, onChange, value, extra: { options, className }, disabled, Field, ...props }, ref)=>{
|
|
7
|
+
if (!value) value = [];
|
|
8
|
+
const handleChange = (optionValue, idx, show)=>(evt)=>{
|
|
9
|
+
let newValue = [];
|
|
10
|
+
newValue = evt.currentTarget.checked ? value.concat([
|
|
11
|
+
optionValue
|
|
12
|
+
]) : value.filter((val)=>val !== optionValue);
|
|
13
|
+
if (show && show.length > 0) setChecked((items)=>items.map((item, index)=>index === idx ? !item : item));
|
|
14
|
+
if (0 === newValue.length) newValue = void 0;
|
|
15
|
+
onChange(newValue);
|
|
16
|
+
};
|
|
17
|
+
const { t } = useTranslation();
|
|
18
|
+
const [checked, setChecked] = useState(Array(options.length).fill(false));
|
|
19
|
+
return /*#__PURE__*/ react.createElement(Checkbox, {
|
|
20
|
+
className: className
|
|
21
|
+
}, options.map(({ label, value: v, show, disabled: optionDisabled, selected, ...option }, index)=>/*#__PURE__*/ react.createElement(react.Fragment, {
|
|
22
|
+
key: index
|
|
23
|
+
}, /*#__PURE__*/ react.createElement(CheckboxItem, {
|
|
24
|
+
ref: 0 === index ? ref : void 0,
|
|
25
|
+
key: `${name}.${index}`,
|
|
26
|
+
name: `${name}.${v}`,
|
|
27
|
+
id: `${name}.${v}`,
|
|
28
|
+
value: v,
|
|
29
|
+
disabled: disabled || optionDisabled,
|
|
30
|
+
checked: value?.includes(v),
|
|
31
|
+
onChange: handleChange(v, index, show),
|
|
32
|
+
...option,
|
|
33
|
+
...omit(props, [
|
|
34
|
+
'resetField'
|
|
35
|
+
]),
|
|
36
|
+
reset: void 0,
|
|
37
|
+
defaultValue: void 0,
|
|
38
|
+
error: void 0,
|
|
39
|
+
onBlur: void 0,
|
|
40
|
+
required: void 0,
|
|
41
|
+
'aria-describedby': void 0,
|
|
42
|
+
type: 'checkbox'
|
|
43
|
+
}, label && label.primary && t(label.primary) || value, label && label.secondary && /*#__PURE__*/ react.createElement(Hint, null, t(label.secondary))), !!checked[index] && show && Field && /*#__PURE__*/ react.createElement(CheckboxConditional, null, show.map((fieldName)=>/*#__PURE__*/ react.createElement(Field, {
|
|
44
|
+
name: fieldName,
|
|
45
|
+
key: fieldName
|
|
46
|
+
}))), selected && selected())));
|
|
47
|
+
});
|
|
48
|
+
Checkboxes.displayName = 'Checkboxes';
|
|
49
|
+
const inputs_Checkboxes = Checkboxes;
|
|
50
|
+
export { Checkboxes, inputs_Checkboxes as default };
|
|
@@ -1,14 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
import { UncontrolledFieldProps } from '
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { UncontrolledFieldProps } from '../../Field/types.js';
|
|
3
3
|
export interface DateInputProps extends Omit<UncontrolledFieldProps, 'extra'> {
|
|
4
4
|
extra?: {
|
|
5
5
|
max?: string;
|
|
6
6
|
min?: string;
|
|
7
7
|
};
|
|
8
8
|
}
|
|
9
|
-
export declare const DateInput:
|
|
10
|
-
[x: string]: any;
|
|
11
|
-
name: any;
|
|
12
|
-
type: any;
|
|
13
|
-
}) => JSX.Element;
|
|
9
|
+
export declare const DateInput: React.ForwardRefExoticComponent<Omit<Record<string, any>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
14
10
|
export default DateInput;
|