rn-inputforge 0.3.1 → 0.5.0
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/README.md +909 -20
- package/lib/commonjs/adapters/index.js +25 -0
- package/lib/commonjs/adapters/index.js.map +1 -0
- package/lib/commonjs/adapters/reactHookForm.js +107 -0
- package/lib/commonjs/adapters/reactHookForm.js.map +1 -0
- package/lib/commonjs/components/FieldFlowAffordance/FieldFlowAffordance.js +104 -0
- package/lib/commonjs/components/FieldFlowAffordance/FieldFlowAffordance.js.map +1 -0
- package/lib/commonjs/components/FieldFlowAffordance/index.js +13 -0
- package/lib/commonjs/components/FieldFlowAffordance/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowCheckbox/FieldFlowCheckbox.js +131 -0
- package/lib/commonjs/components/FieldFlowCheckbox/FieldFlowCheckbox.js.map +1 -0
- package/lib/commonjs/components/FieldFlowCheckbox/index.js +13 -0
- package/lib/commonjs/components/FieldFlowCheckbox/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowCreditCard/FieldFlowCreditCard.js +146 -0
- package/lib/commonjs/components/FieldFlowCreditCard/FieldFlowCreditCard.js.map +1 -0
- package/lib/commonjs/components/FieldFlowCreditCard/index.js +13 -0
- package/lib/commonjs/components/FieldFlowCreditCard/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowDateTimePicker/FieldFlowDateTimePicker.js +536 -0
- package/lib/commonjs/components/FieldFlowDateTimePicker/FieldFlowDateTimePicker.js.map +1 -0
- package/lib/commonjs/components/FieldFlowDateTimePicker/index.js +13 -0
- package/lib/commonjs/components/FieldFlowDateTimePicker/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowDateTimePicker/types.js +6 -0
- package/lib/commonjs/components/FieldFlowDateTimePicker/types.js.map +1 -0
- package/lib/commonjs/components/FieldFlowDraftBanner/FieldFlowDraftBanner.js +156 -0
- package/lib/commonjs/components/FieldFlowDraftBanner/FieldFlowDraftBanner.js.map +1 -0
- package/lib/commonjs/components/FieldFlowDraftBanner/index.js +13 -0
- package/lib/commonjs/components/FieldFlowDraftBanner/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowDropdown/FieldFlowDropdown.js +24 -9
- package/lib/commonjs/components/FieldFlowDropdown/FieldFlowDropdown.js.map +1 -1
- package/lib/commonjs/components/FieldFlowInput/FieldFlowInput.js +187 -56
- package/lib/commonjs/components/FieldFlowInput/FieldFlowInput.js.map +1 -1
- package/lib/commonjs/components/FieldFlowInput/styles.js +48 -11
- package/lib/commonjs/components/FieldFlowInput/styles.js.map +1 -1
- package/lib/commonjs/components/FieldFlowMaskedInput/FieldFlowMaskedInput.js +66 -0
- package/lib/commonjs/components/FieldFlowMaskedInput/FieldFlowMaskedInput.js.map +1 -0
- package/lib/commonjs/components/FieldFlowMaskedInput/index.js +13 -0
- package/lib/commonjs/components/FieldFlowMaskedInput/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowMaskedInput/types.js +6 -0
- package/lib/commonjs/components/FieldFlowMaskedInput/types.js.map +1 -0
- package/lib/commonjs/components/FieldFlowNumberStepper/FieldFlowNumberStepper.js +136 -0
- package/lib/commonjs/components/FieldFlowNumberStepper/FieldFlowNumberStepper.js.map +1 -0
- package/lib/commonjs/components/FieldFlowNumberStepper/index.js +13 -0
- package/lib/commonjs/components/FieldFlowNumberStepper/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowOTP/FieldFlowOTP.js +255 -0
- package/lib/commonjs/components/FieldFlowOTP/FieldFlowOTP.js.map +1 -0
- package/lib/commonjs/components/FieldFlowOTP/index.js +13 -0
- package/lib/commonjs/components/FieldFlowOTP/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowOTP/types.js +6 -0
- package/lib/commonjs/components/FieldFlowOTP/types.js.map +1 -0
- package/lib/commonjs/components/FieldFlowPasswordStrength/FieldFlowPasswordStrength.js +122 -0
- package/lib/commonjs/components/FieldFlowPasswordStrength/FieldFlowPasswordStrength.js.map +1 -0
- package/lib/commonjs/components/FieldFlowPasswordStrength/index.js +13 -0
- package/lib/commonjs/components/FieldFlowPasswordStrength/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowPhone/FieldFlowPhone.js +263 -0
- package/lib/commonjs/components/FieldFlowPhone/FieldFlowPhone.js.map +1 -0
- package/lib/commonjs/components/FieldFlowPhone/index.js +13 -0
- package/lib/commonjs/components/FieldFlowPhone/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowRadio/FieldFlowRadio.js +164 -0
- package/lib/commonjs/components/FieldFlowRadio/FieldFlowRadio.js.map +1 -0
- package/lib/commonjs/components/FieldFlowRadio/index.js +13 -0
- package/lib/commonjs/components/FieldFlowRadio/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowRating/FieldFlowRating.js +106 -0
- package/lib/commonjs/components/FieldFlowRating/FieldFlowRating.js.map +1 -0
- package/lib/commonjs/components/FieldFlowRating/index.js +13 -0
- package/lib/commonjs/components/FieldFlowRating/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowSection/FieldFlowSection.js +141 -0
- package/lib/commonjs/components/FieldFlowSection/FieldFlowSection.js.map +1 -0
- package/lib/commonjs/components/FieldFlowSection/index.js +13 -0
- package/lib/commonjs/components/FieldFlowSection/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowSegmented/FieldFlowSegmented.js +195 -0
- package/lib/commonjs/components/FieldFlowSegmented/FieldFlowSegmented.js.map +1 -0
- package/lib/commonjs/components/FieldFlowSegmented/index.js +13 -0
- package/lib/commonjs/components/FieldFlowSegmented/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowSignature/FieldFlowSignature.js +200 -0
- package/lib/commonjs/components/FieldFlowSignature/FieldFlowSignature.js.map +1 -0
- package/lib/commonjs/components/FieldFlowSignature/index.js +13 -0
- package/lib/commonjs/components/FieldFlowSignature/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowSlider/FieldFlowSlider.js +178 -0
- package/lib/commonjs/components/FieldFlowSlider/FieldFlowSlider.js.map +1 -0
- package/lib/commonjs/components/FieldFlowSlider/index.js +13 -0
- package/lib/commonjs/components/FieldFlowSlider/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowStepper/FieldFlowStepper.js +166 -0
- package/lib/commonjs/components/FieldFlowStepper/FieldFlowStepper.js.map +1 -0
- package/lib/commonjs/components/FieldFlowStepper/index.js +13 -0
- package/lib/commonjs/components/FieldFlowStepper/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowSwitch/FieldFlowSwitch.js +152 -0
- package/lib/commonjs/components/FieldFlowSwitch/FieldFlowSwitch.js.map +1 -0
- package/lib/commonjs/components/FieldFlowSwitch/index.js +13 -0
- package/lib/commonjs/components/FieldFlowSwitch/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowTags/FieldFlowTags.js +240 -0
- package/lib/commonjs/components/FieldFlowTags/FieldFlowTags.js.map +1 -0
- package/lib/commonjs/components/FieldFlowTags/index.js +13 -0
- package/lib/commonjs/components/FieldFlowTags/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowTypeahead/FieldFlowTypeahead.js +227 -0
- package/lib/commonjs/components/FieldFlowTypeahead/FieldFlowTypeahead.js.map +1 -0
- package/lib/commonjs/components/FieldFlowTypeahead/index.js +13 -0
- package/lib/commonjs/components/FieldFlowTypeahead/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowUpload/FieldFlowUpload.js +191 -0
- package/lib/commonjs/components/FieldFlowUpload/FieldFlowUpload.js.map +1 -0
- package/lib/commonjs/components/FieldFlowUpload/index.js +13 -0
- package/lib/commonjs/components/FieldFlowUpload/index.js.map +1 -0
- package/lib/commonjs/hooks/index.js +35 -0
- package/lib/commonjs/hooks/index.js.map +1 -1
- package/lib/commonjs/hooks/useFieldFlowArray.js +110 -0
- package/lib/commonjs/hooks/useFieldFlowArray.js.map +1 -0
- package/lib/commonjs/hooks/useFieldFlowDirtyGuard.js +53 -0
- package/lib/commonjs/hooks/useFieldFlowDirtyGuard.js.map +1 -0
- package/lib/commonjs/hooks/useFieldFlowDraft.js +168 -0
- package/lib/commonjs/hooks/useFieldFlowDraft.js.map +1 -0
- package/lib/commonjs/hooks/useFieldFlowForm.js +350 -41
- package/lib/commonjs/hooks/useFieldFlowForm.js.map +1 -1
- package/lib/commonjs/hooks/useFieldFlowSteps.js +77 -0
- package/lib/commonjs/hooks/useFieldFlowSteps.js.map +1 -0
- package/lib/commonjs/hooks/useFormIntelligence.js +130 -0
- package/lib/commonjs/hooks/useFormIntelligence.js.map +1 -0
- package/lib/commonjs/i18n/index.js +25 -0
- package/lib/commonjs/i18n/index.js.map +1 -0
- package/lib/commonjs/i18n/messages.js +88 -0
- package/lib/commonjs/i18n/messages.js.map +1 -0
- package/lib/commonjs/icons/Icon.js +719 -30
- package/lib/commonjs/icons/Icon.js.map +1 -1
- package/lib/commonjs/icons/index.js +7 -0
- package/lib/commonjs/icons/index.js.map +1 -1
- package/lib/commonjs/icons/renderIcon.js +24 -0
- package/lib/commonjs/icons/renderIcon.js.map +1 -0
- package/lib/commonjs/index.js +449 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/intelligence/formAccessibility.js +79 -0
- package/lib/commonjs/intelligence/formAccessibility.js.map +1 -0
- package/lib/commonjs/intelligence/index.js +31 -0
- package/lib/commonjs/intelligence/index.js.map +1 -0
- package/lib/commonjs/intelligence/types.js +2 -0
- package/lib/commonjs/intelligence/types.js.map +1 -0
- package/lib/commonjs/motion/index.js +20 -0
- package/lib/commonjs/motion/index.js.map +1 -0
- package/lib/commonjs/motion/useFieldMotion.js +111 -0
- package/lib/commonjs/motion/useFieldMotion.js.map +1 -0
- package/lib/commonjs/motion/useReducedMotion.js +32 -0
- package/lib/commonjs/motion/useReducedMotion.js.map +1 -0
- package/lib/commonjs/theme/index.js +13 -0
- package/lib/commonjs/theme/index.js.map +1 -1
- package/lib/commonjs/theme/presets.js +142 -0
- package/lib/commonjs/theme/presets.js.map +1 -0
- package/lib/commonjs/utils/affordance.js +151 -0
- package/lib/commonjs/utils/affordance.js.map +1 -0
- package/lib/commonjs/utils/masks.js +130 -0
- package/lib/commonjs/utils/masks.js.map +1 -0
- package/lib/commonjs/utils/passwordStrength.js +79 -0
- package/lib/commonjs/utils/passwordStrength.js.map +1 -0
- package/lib/commonjs/utils/phoneCountries.js +119 -0
- package/lib/commonjs/utils/phoneCountries.js.map +1 -0
- package/lib/commonjs/validation/index.js +25 -0
- package/lib/commonjs/validation/index.js.map +1 -1
- package/lib/commonjs/validation/validators.js +10 -7
- package/lib/commonjs/validation/validators.js.map +1 -1
- package/lib/commonjs/validation/zodAdapter.js +91 -0
- package/lib/commonjs/validation/zodAdapter.js.map +1 -0
- package/lib/module/adapters/index.js +4 -0
- package/lib/module/adapters/index.js.map +1 -0
- package/lib/module/adapters/reactHookForm.js +100 -0
- package/lib/module/adapters/reactHookForm.js.map +1 -0
- package/lib/module/components/FieldFlowAffordance/FieldFlowAffordance.js +99 -0
- package/lib/module/components/FieldFlowAffordance/FieldFlowAffordance.js.map +1 -0
- package/lib/module/components/FieldFlowAffordance/index.js +4 -0
- package/lib/module/components/FieldFlowAffordance/index.js.map +1 -0
- package/lib/module/components/FieldFlowCheckbox/FieldFlowCheckbox.js +126 -0
- package/lib/module/components/FieldFlowCheckbox/FieldFlowCheckbox.js.map +1 -0
- package/lib/module/components/FieldFlowCheckbox/index.js +4 -0
- package/lib/module/components/FieldFlowCheckbox/index.js.map +1 -0
- package/lib/module/components/FieldFlowCreditCard/FieldFlowCreditCard.js +141 -0
- package/lib/module/components/FieldFlowCreditCard/FieldFlowCreditCard.js.map +1 -0
- package/lib/module/components/FieldFlowCreditCard/index.js +4 -0
- package/lib/module/components/FieldFlowCreditCard/index.js.map +1 -0
- package/lib/module/components/FieldFlowDateTimePicker/FieldFlowDateTimePicker.js +531 -0
- package/lib/module/components/FieldFlowDateTimePicker/FieldFlowDateTimePicker.js.map +1 -0
- package/lib/module/components/FieldFlowDateTimePicker/index.js +4 -0
- package/lib/module/components/FieldFlowDateTimePicker/index.js.map +1 -0
- package/lib/module/components/FieldFlowDateTimePicker/types.js +4 -0
- package/lib/module/components/FieldFlowDateTimePicker/types.js.map +1 -0
- package/lib/module/components/FieldFlowDraftBanner/FieldFlowDraftBanner.js +151 -0
- package/lib/module/components/FieldFlowDraftBanner/FieldFlowDraftBanner.js.map +1 -0
- package/lib/module/components/FieldFlowDraftBanner/index.js +4 -0
- package/lib/module/components/FieldFlowDraftBanner/index.js.map +1 -0
- package/lib/module/components/FieldFlowDropdown/FieldFlowDropdown.js +24 -9
- package/lib/module/components/FieldFlowDropdown/FieldFlowDropdown.js.map +1 -1
- package/lib/module/components/FieldFlowInput/FieldFlowInput.js +190 -59
- package/lib/module/components/FieldFlowInput/FieldFlowInput.js.map +1 -1
- package/lib/module/components/FieldFlowInput/styles.js +48 -11
- package/lib/module/components/FieldFlowInput/styles.js.map +1 -1
- package/lib/module/components/FieldFlowMaskedInput/FieldFlowMaskedInput.js +61 -0
- package/lib/module/components/FieldFlowMaskedInput/FieldFlowMaskedInput.js.map +1 -0
- package/lib/module/components/FieldFlowMaskedInput/index.js +4 -0
- package/lib/module/components/FieldFlowMaskedInput/index.js.map +1 -0
- package/lib/module/components/FieldFlowMaskedInput/types.js +4 -0
- package/lib/module/components/FieldFlowMaskedInput/types.js.map +1 -0
- package/lib/module/components/FieldFlowNumberStepper/FieldFlowNumberStepper.js +131 -0
- package/lib/module/components/FieldFlowNumberStepper/FieldFlowNumberStepper.js.map +1 -0
- package/lib/module/components/FieldFlowNumberStepper/index.js +4 -0
- package/lib/module/components/FieldFlowNumberStepper/index.js.map +1 -0
- package/lib/module/components/FieldFlowOTP/FieldFlowOTP.js +250 -0
- package/lib/module/components/FieldFlowOTP/FieldFlowOTP.js.map +1 -0
- package/lib/module/components/FieldFlowOTP/index.js +4 -0
- package/lib/module/components/FieldFlowOTP/index.js.map +1 -0
- package/lib/module/components/FieldFlowOTP/types.js +4 -0
- package/lib/module/components/FieldFlowOTP/types.js.map +1 -0
- package/lib/module/components/FieldFlowPasswordStrength/FieldFlowPasswordStrength.js +117 -0
- package/lib/module/components/FieldFlowPasswordStrength/FieldFlowPasswordStrength.js.map +1 -0
- package/lib/module/components/FieldFlowPasswordStrength/index.js +4 -0
- package/lib/module/components/FieldFlowPasswordStrength/index.js.map +1 -0
- package/lib/module/components/FieldFlowPhone/FieldFlowPhone.js +258 -0
- package/lib/module/components/FieldFlowPhone/FieldFlowPhone.js.map +1 -0
- package/lib/module/components/FieldFlowPhone/index.js +4 -0
- package/lib/module/components/FieldFlowPhone/index.js.map +1 -0
- package/lib/module/components/FieldFlowRadio/FieldFlowRadio.js +159 -0
- package/lib/module/components/FieldFlowRadio/FieldFlowRadio.js.map +1 -0
- package/lib/module/components/FieldFlowRadio/index.js +4 -0
- package/lib/module/components/FieldFlowRadio/index.js.map +1 -0
- package/lib/module/components/FieldFlowRating/FieldFlowRating.js +101 -0
- package/lib/module/components/FieldFlowRating/FieldFlowRating.js.map +1 -0
- package/lib/module/components/FieldFlowRating/index.js +4 -0
- package/lib/module/components/FieldFlowRating/index.js.map +1 -0
- package/lib/module/components/FieldFlowSection/FieldFlowSection.js +136 -0
- package/lib/module/components/FieldFlowSection/FieldFlowSection.js.map +1 -0
- package/lib/module/components/FieldFlowSection/index.js +4 -0
- package/lib/module/components/FieldFlowSection/index.js.map +1 -0
- package/lib/module/components/FieldFlowSegmented/FieldFlowSegmented.js +190 -0
- package/lib/module/components/FieldFlowSegmented/FieldFlowSegmented.js.map +1 -0
- package/lib/module/components/FieldFlowSegmented/index.js +4 -0
- package/lib/module/components/FieldFlowSegmented/index.js.map +1 -0
- package/lib/module/components/FieldFlowSignature/FieldFlowSignature.js +195 -0
- package/lib/module/components/FieldFlowSignature/FieldFlowSignature.js.map +1 -0
- package/lib/module/components/FieldFlowSignature/index.js +4 -0
- package/lib/module/components/FieldFlowSignature/index.js.map +1 -0
- package/lib/module/components/FieldFlowSlider/FieldFlowSlider.js +173 -0
- package/lib/module/components/FieldFlowSlider/FieldFlowSlider.js.map +1 -0
- package/lib/module/components/FieldFlowSlider/index.js +4 -0
- package/lib/module/components/FieldFlowSlider/index.js.map +1 -0
- package/lib/module/components/FieldFlowStepper/FieldFlowStepper.js +161 -0
- package/lib/module/components/FieldFlowStepper/FieldFlowStepper.js.map +1 -0
- package/lib/module/components/FieldFlowStepper/index.js +4 -0
- package/lib/module/components/FieldFlowStepper/index.js.map +1 -0
- package/lib/module/components/FieldFlowSwitch/FieldFlowSwitch.js +147 -0
- package/lib/module/components/FieldFlowSwitch/FieldFlowSwitch.js.map +1 -0
- package/lib/module/components/FieldFlowSwitch/index.js +4 -0
- package/lib/module/components/FieldFlowSwitch/index.js.map +1 -0
- package/lib/module/components/FieldFlowTags/FieldFlowTags.js +235 -0
- package/lib/module/components/FieldFlowTags/FieldFlowTags.js.map +1 -0
- package/lib/module/components/FieldFlowTags/index.js +4 -0
- package/lib/module/components/FieldFlowTags/index.js.map +1 -0
- package/lib/module/components/FieldFlowTypeahead/FieldFlowTypeahead.js +222 -0
- package/lib/module/components/FieldFlowTypeahead/FieldFlowTypeahead.js.map +1 -0
- package/lib/module/components/FieldFlowTypeahead/index.js +4 -0
- package/lib/module/components/FieldFlowTypeahead/index.js.map +1 -0
- package/lib/module/components/FieldFlowUpload/FieldFlowUpload.js +186 -0
- package/lib/module/components/FieldFlowUpload/FieldFlowUpload.js.map +1 -0
- package/lib/module/components/FieldFlowUpload/index.js +4 -0
- package/lib/module/components/FieldFlowUpload/index.js.map +1 -0
- package/lib/module/hooks/index.js +5 -0
- package/lib/module/hooks/index.js.map +1 -1
- package/lib/module/hooks/useFieldFlowArray.js +106 -0
- package/lib/module/hooks/useFieldFlowArray.js.map +1 -0
- package/lib/module/hooks/useFieldFlowDirtyGuard.js +49 -0
- package/lib/module/hooks/useFieldFlowDirtyGuard.js.map +1 -0
- package/lib/module/hooks/useFieldFlowDraft.js +165 -0
- package/lib/module/hooks/useFieldFlowDraft.js.map +1 -0
- package/lib/module/hooks/useFieldFlowForm.js +351 -42
- package/lib/module/hooks/useFieldFlowForm.js.map +1 -1
- package/lib/module/hooks/useFieldFlowSteps.js +73 -0
- package/lib/module/hooks/useFieldFlowSteps.js.map +1 -0
- package/lib/module/hooks/useFormIntelligence.js +126 -0
- package/lib/module/hooks/useFormIntelligence.js.map +1 -0
- package/lib/module/i18n/index.js +4 -0
- package/lib/module/i18n/index.js.map +1 -0
- package/lib/module/i18n/messages.js +82 -0
- package/lib/module/i18n/messages.js.map +1 -0
- package/lib/module/icons/Icon.js +720 -31
- package/lib/module/icons/Icon.js.map +1 -1
- package/lib/module/icons/index.js +1 -0
- package/lib/module/icons/index.js.map +1 -1
- package/lib/module/icons/renderIcon.js +19 -0
- package/lib/module/icons/renderIcon.js.map +1 -0
- package/lib/module/index.js +42 -5
- package/lib/module/index.js.map +1 -1
- package/lib/module/intelligence/formAccessibility.js +72 -0
- package/lib/module/intelligence/formAccessibility.js.map +1 -0
- package/lib/module/intelligence/index.js +4 -0
- package/lib/module/intelligence/index.js.map +1 -0
- package/lib/module/intelligence/types.js +2 -0
- package/lib/module/intelligence/types.js.map +1 -0
- package/lib/module/motion/index.js +5 -0
- package/lib/module/motion/index.js.map +1 -0
- package/lib/module/motion/useFieldMotion.js +107 -0
- package/lib/module/motion/useFieldMotion.js.map +1 -0
- package/lib/module/motion/useReducedMotion.js +29 -0
- package/lib/module/motion/useReducedMotion.js.map +1 -0
- package/lib/module/theme/index.js +1 -0
- package/lib/module/theme/index.js.map +1 -1
- package/lib/module/theme/presets.js +138 -0
- package/lib/module/theme/presets.js.map +1 -0
- package/lib/module/utils/affordance.js +140 -0
- package/lib/module/utils/affordance.js.map +1 -0
- package/lib/module/utils/masks.js +118 -0
- package/lib/module/utils/masks.js.map +1 -0
- package/lib/module/utils/passwordStrength.js +74 -0
- package/lib/module/utils/passwordStrength.js.map +1 -0
- package/lib/module/utils/phoneCountries.js +113 -0
- package/lib/module/utils/phoneCountries.js.map +1 -0
- package/lib/module/validation/index.js +1 -0
- package/lib/module/validation/index.js.map +1 -1
- package/lib/module/validation/validators.js +10 -7
- package/lib/module/validation/validators.js.map +1 -1
- package/lib/module/validation/zodAdapter.js +84 -0
- package/lib/module/validation/zodAdapter.js.map +1 -0
- package/lib/typescript/adapters/index.d.ts +3 -0
- package/lib/typescript/adapters/index.d.ts.map +1 -0
- package/lib/typescript/adapters/reactHookForm.d.ts +56 -0
- package/lib/typescript/adapters/reactHookForm.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowAffordance/FieldFlowAffordance.d.ts +29 -0
- package/lib/typescript/components/FieldFlowAffordance/FieldFlowAffordance.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowAffordance/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowAffordance/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowCheckbox/FieldFlowCheckbox.d.ts +36 -0
- package/lib/typescript/components/FieldFlowCheckbox/FieldFlowCheckbox.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowCheckbox/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowCheckbox/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowCreditCard/FieldFlowCreditCard.d.ts +27 -0
- package/lib/typescript/components/FieldFlowCreditCard/FieldFlowCreditCard.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowCreditCard/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowCreditCard/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowDateTimePicker/FieldFlowDateTimePicker.d.ts +4 -0
- package/lib/typescript/components/FieldFlowDateTimePicker/FieldFlowDateTimePicker.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowDateTimePicker/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowDateTimePicker/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowDateTimePicker/types.d.ts +55 -0
- package/lib/typescript/components/FieldFlowDateTimePicker/types.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowDraftBanner/FieldFlowDraftBanner.d.ts +24 -0
- package/lib/typescript/components/FieldFlowDraftBanner/FieldFlowDraftBanner.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowDraftBanner/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowDraftBanner/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowDropdown/FieldFlowDropdown.d.ts.map +1 -1
- package/lib/typescript/components/FieldFlowDropdown/types.d.ts +7 -1
- package/lib/typescript/components/FieldFlowDropdown/types.d.ts.map +1 -1
- package/lib/typescript/components/FieldFlowInput/FieldFlowInput.d.ts.map +1 -1
- package/lib/typescript/components/FieldFlowInput/styles.d.ts +35 -2
- package/lib/typescript/components/FieldFlowInput/styles.d.ts.map +1 -1
- package/lib/typescript/components/FieldFlowInput/types.d.ts +55 -4
- package/lib/typescript/components/FieldFlowInput/types.d.ts.map +1 -1
- package/lib/typescript/components/FieldFlowMaskedInput/FieldFlowMaskedInput.d.ts +5 -0
- package/lib/typescript/components/FieldFlowMaskedInput/FieldFlowMaskedInput.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowMaskedInput/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowMaskedInput/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowMaskedInput/types.d.ts +20 -0
- package/lib/typescript/components/FieldFlowMaskedInput/types.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowNumberStepper/FieldFlowNumberStepper.d.ts +34 -0
- package/lib/typescript/components/FieldFlowNumberStepper/FieldFlowNumberStepper.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowNumberStepper/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowNumberStepper/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowOTP/FieldFlowOTP.d.ts +4 -0
- package/lib/typescript/components/FieldFlowOTP/FieldFlowOTP.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowOTP/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowOTP/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowOTP/types.d.ts +52 -0
- package/lib/typescript/components/FieldFlowOTP/types.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowPasswordStrength/FieldFlowPasswordStrength.d.ts +26 -0
- package/lib/typescript/components/FieldFlowPasswordStrength/FieldFlowPasswordStrength.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowPasswordStrength/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowPasswordStrength/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowPhone/FieldFlowPhone.d.ts +40 -0
- package/lib/typescript/components/FieldFlowPhone/FieldFlowPhone.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowPhone/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowPhone/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowRadio/FieldFlowRadio.d.ts +39 -0
- package/lib/typescript/components/FieldFlowRadio/FieldFlowRadio.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowRadio/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowRadio/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowRating/FieldFlowRating.d.ts +30 -0
- package/lib/typescript/components/FieldFlowRating/FieldFlowRating.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowRating/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowRating/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowSection/FieldFlowSection.d.ts +35 -0
- package/lib/typescript/components/FieldFlowSection/FieldFlowSection.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowSection/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowSection/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowSegmented/FieldFlowSegmented.d.ts +28 -0
- package/lib/typescript/components/FieldFlowSegmented/FieldFlowSegmented.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowSegmented/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowSegmented/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowSignature/FieldFlowSignature.d.ts +41 -0
- package/lib/typescript/components/FieldFlowSignature/FieldFlowSignature.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowSignature/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowSignature/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowSlider/FieldFlowSlider.d.ts +30 -0
- package/lib/typescript/components/FieldFlowSlider/FieldFlowSlider.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowSlider/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowSlider/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowStepper/FieldFlowStepper.d.ts +31 -0
- package/lib/typescript/components/FieldFlowStepper/FieldFlowStepper.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowStepper/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowStepper/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowSwitch/FieldFlowSwitch.d.ts +31 -0
- package/lib/typescript/components/FieldFlowSwitch/FieldFlowSwitch.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowSwitch/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowSwitch/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowTags/FieldFlowTags.d.ts +41 -0
- package/lib/typescript/components/FieldFlowTags/FieldFlowTags.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowTags/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowTags/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowTypeahead/FieldFlowTypeahead.d.ts +43 -0
- package/lib/typescript/components/FieldFlowTypeahead/FieldFlowTypeahead.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowTypeahead/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowTypeahead/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowUpload/FieldFlowUpload.d.ts +52 -0
- package/lib/typescript/components/FieldFlowUpload/FieldFlowUpload.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowUpload/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowUpload/index.d.ts.map +1 -0
- package/lib/typescript/hooks/index.d.ts +11 -1
- package/lib/typescript/hooks/index.d.ts.map +1 -1
- package/lib/typescript/hooks/useFieldFlowArray.d.ts +54 -0
- package/lib/typescript/hooks/useFieldFlowArray.d.ts.map +1 -0
- package/lib/typescript/hooks/useFieldFlowDirtyGuard.d.ts +26 -0
- package/lib/typescript/hooks/useFieldFlowDirtyGuard.d.ts.map +1 -0
- package/lib/typescript/hooks/useFieldFlowDraft.d.ts +64 -0
- package/lib/typescript/hooks/useFieldFlowDraft.d.ts.map +1 -0
- package/lib/typescript/hooks/useFieldFlowForm.d.ts +124 -7
- package/lib/typescript/hooks/useFieldFlowForm.d.ts.map +1 -1
- package/lib/typescript/hooks/useFieldFlowSteps.d.ts +42 -0
- package/lib/typescript/hooks/useFieldFlowSteps.d.ts.map +1 -0
- package/lib/typescript/hooks/useFormIntelligence.d.ts +23 -0
- package/lib/typescript/hooks/useFormIntelligence.d.ts.map +1 -0
- package/lib/typescript/i18n/index.d.ts +3 -0
- package/lib/typescript/i18n/index.d.ts.map +1 -0
- package/lib/typescript/i18n/messages.d.ts +16 -0
- package/lib/typescript/i18n/messages.d.ts.map +1 -0
- package/lib/typescript/icons/Icon.d.ts +2 -2
- package/lib/typescript/icons/Icon.d.ts.map +1 -1
- package/lib/typescript/icons/index.d.ts +2 -0
- package/lib/typescript/icons/index.d.ts.map +1 -1
- package/lib/typescript/icons/renderIcon.d.ts +6 -0
- package/lib/typescript/icons/renderIcon.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +67 -9
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/intelligence/formAccessibility.d.ts +21 -0
- package/lib/typescript/intelligence/formAccessibility.d.ts.map +1 -0
- package/lib/typescript/intelligence/index.d.ts +4 -0
- package/lib/typescript/intelligence/index.d.ts.map +1 -0
- package/lib/typescript/intelligence/types.d.ts +36 -0
- package/lib/typescript/intelligence/types.d.ts.map +1 -0
- package/lib/typescript/motion/index.d.ts +4 -0
- package/lib/typescript/motion/index.d.ts.map +1 -0
- package/lib/typescript/motion/useFieldMotion.d.ts +31 -0
- package/lib/typescript/motion/useFieldMotion.d.ts.map +1 -0
- package/lib/typescript/motion/useReducedMotion.d.ts +5 -0
- package/lib/typescript/motion/useReducedMotion.d.ts.map +1 -0
- package/lib/typescript/theme/index.d.ts +2 -0
- package/lib/typescript/theme/index.d.ts.map +1 -1
- package/lib/typescript/theme/presets.d.ts +134 -0
- package/lib/typescript/theme/presets.d.ts.map +1 -0
- package/lib/typescript/types/index.d.ts +4 -0
- package/lib/typescript/types/index.d.ts.map +1 -1
- package/lib/typescript/utils/affordance.d.ts +36 -0
- package/lib/typescript/utils/affordance.d.ts.map +1 -0
- package/lib/typescript/utils/masks.d.ts +37 -0
- package/lib/typescript/utils/masks.d.ts.map +1 -0
- package/lib/typescript/utils/passwordStrength.d.ts +26 -0
- package/lib/typescript/utils/passwordStrength.d.ts.map +1 -0
- package/lib/typescript/utils/phoneCountries.d.ts +12 -0
- package/lib/typescript/utils/phoneCountries.d.ts.map +1 -0
- package/lib/typescript/validation/index.d.ts +2 -0
- package/lib/typescript/validation/index.d.ts.map +1 -1
- package/lib/typescript/validation/validators.d.ts +3 -1
- package/lib/typescript/validation/validators.d.ts.map +1 -1
- package/lib/typescript/validation/zodAdapter.d.ts +53 -0
- package/lib/typescript/validation/zodAdapter.d.ts.map +1 -0
- package/package.json +34 -3
- package/src/adapters/index.ts +9 -0
- package/src/adapters/reactHookForm.tsx +152 -0
- package/src/components/FieldFlowAffordance/FieldFlowAffordance.tsx +143 -0
- package/src/components/FieldFlowAffordance/index.ts +2 -0
- package/src/components/FieldFlowCheckbox/FieldFlowCheckbox.tsx +174 -0
- package/src/components/FieldFlowCheckbox/index.ts +2 -0
- package/src/components/FieldFlowCreditCard/FieldFlowCreditCard.tsx +152 -0
- package/src/components/FieldFlowCreditCard/index.ts +2 -0
- package/src/components/FieldFlowDateTimePicker/FieldFlowDateTimePicker.tsx +585 -0
- package/src/components/FieldFlowDateTimePicker/index.ts +2 -0
- package/src/components/FieldFlowDateTimePicker/types.ts +57 -0
- package/src/components/FieldFlowDraftBanner/FieldFlowDraftBanner.tsx +169 -0
- package/src/components/FieldFlowDraftBanner/index.ts +2 -0
- package/src/components/FieldFlowDropdown/FieldFlowDropdown.tsx +17 -7
- package/src/components/FieldFlowDropdown/types.ts +8 -1
- package/src/components/FieldFlowInput/FieldFlowInput.tsx +230 -66
- package/src/components/FieldFlowInput/styles.ts +57 -6
- package/src/components/FieldFlowInput/types.ts +56 -4
- package/src/components/FieldFlowMaskedInput/FieldFlowMaskedInput.tsx +76 -0
- package/src/components/FieldFlowMaskedInput/index.ts +2 -0
- package/src/components/FieldFlowMaskedInput/types.ts +22 -0
- package/src/components/FieldFlowNumberStepper/FieldFlowNumberStepper.tsx +156 -0
- package/src/components/FieldFlowNumberStepper/index.ts +2 -0
- package/src/components/FieldFlowOTP/FieldFlowOTP.tsx +305 -0
- package/src/components/FieldFlowOTP/index.ts +2 -0
- package/src/components/FieldFlowOTP/types.ts +57 -0
- package/src/components/FieldFlowPasswordStrength/FieldFlowPasswordStrength.tsx +148 -0
- package/src/components/FieldFlowPasswordStrength/index.ts +2 -0
- package/src/components/FieldFlowPhone/FieldFlowPhone.tsx +298 -0
- package/src/components/FieldFlowPhone/index.ts +2 -0
- package/src/components/FieldFlowRadio/FieldFlowRadio.tsx +215 -0
- package/src/components/FieldFlowRadio/index.ts +2 -0
- package/src/components/FieldFlowRating/FieldFlowRating.tsx +121 -0
- package/src/components/FieldFlowRating/index.ts +2 -0
- package/src/components/FieldFlowSection/FieldFlowSection.tsx +176 -0
- package/src/components/FieldFlowSection/index.ts +2 -0
- package/src/components/FieldFlowSegmented/FieldFlowSegmented.tsx +248 -0
- package/src/components/FieldFlowSegmented/index.ts +2 -0
- package/src/components/FieldFlowSignature/FieldFlowSignature.tsx +241 -0
- package/src/components/FieldFlowSignature/index.ts +7 -0
- package/src/components/FieldFlowSlider/FieldFlowSlider.tsx +190 -0
- package/src/components/FieldFlowSlider/index.ts +2 -0
- package/src/components/FieldFlowStepper/FieldFlowStepper.tsx +190 -0
- package/src/components/FieldFlowStepper/index.ts +2 -0
- package/src/components/FieldFlowSwitch/FieldFlowSwitch.tsx +172 -0
- package/src/components/FieldFlowSwitch/index.ts +2 -0
- package/src/components/FieldFlowTags/FieldFlowTags.tsx +319 -0
- package/src/components/FieldFlowTags/index.ts +2 -0
- package/src/components/FieldFlowTypeahead/FieldFlowTypeahead.tsx +261 -0
- package/src/components/FieldFlowTypeahead/index.ts +2 -0
- package/src/components/FieldFlowUpload/FieldFlowUpload.tsx +226 -0
- package/src/components/FieldFlowUpload/index.ts +6 -0
- package/src/hooks/index.ts +34 -0
- package/src/hooks/useFieldFlowArray.ts +153 -0
- package/src/hooks/useFieldFlowDirtyGuard.ts +70 -0
- package/src/hooks/useFieldFlowDraft.ts +221 -0
- package/src/hooks/useFieldFlowForm.ts +545 -40
- package/src/hooks/useFieldFlowSteps.ts +130 -0
- package/src/hooks/useFormIntelligence.ts +207 -0
- package/src/i18n/index.ts +6 -0
- package/src/i18n/messages.ts +101 -0
- package/src/icons/Icon.tsx +451 -5
- package/src/icons/index.ts +2 -0
- package/src/icons/renderIcon.tsx +17 -0
- package/src/index.ts +208 -7
- package/src/intelligence/formAccessibility.ts +87 -0
- package/src/intelligence/index.ts +12 -0
- package/src/intelligence/types.ts +34 -0
- package/src/motion/index.ts +3 -0
- package/src/motion/useFieldMotion.ts +120 -0
- package/src/motion/useReducedMotion.ts +31 -0
- package/src/theme/index.ts +2 -0
- package/src/theme/presets.ts +120 -0
- package/src/types/index.ts +5 -0
- package/src/utils/affordance.ts +138 -0
- package/src/utils/masks.ts +137 -0
- package/src/utils/passwordStrength.ts +109 -0
- package/src/utils/phoneCountries.ts +44 -0
- package/src/validation/index.ts +7 -0
- package/src/validation/validators.ts +17 -7
- package/src/validation/zodAdapter.ts +103 -0
|
@@ -0,0 +1,240 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.FieldFlowTags = FieldFlowTags;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _ThemeProvider = require("../../theme/ThemeProvider");
|
|
10
|
+
var _defaultTheme = require("../../theme/defaultTheme");
|
|
11
|
+
var _useFieldState = require("../../hooks/useFieldState");
|
|
12
|
+
var _styles = require("../FieldFlowInput/styles");
|
|
13
|
+
var _icons = require("../../icons");
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
16
|
+
/**
|
|
17
|
+
* Multi-value chip / tags input — skills, interests, keywords.
|
|
18
|
+
* Type a value and press Enter or comma to commit.
|
|
19
|
+
*/
|
|
20
|
+
function FieldFlowTags({
|
|
21
|
+
value,
|
|
22
|
+
onChange,
|
|
23
|
+
label,
|
|
24
|
+
placeholder = 'Add a tag…',
|
|
25
|
+
helperText,
|
|
26
|
+
errorText,
|
|
27
|
+
hasError,
|
|
28
|
+
disabled,
|
|
29
|
+
required,
|
|
30
|
+
maxTags,
|
|
31
|
+
maxTagLength = 32,
|
|
32
|
+
separators = [',', 'enter'],
|
|
33
|
+
allowDuplicates = false,
|
|
34
|
+
transformTag = raw => raw.trim(),
|
|
35
|
+
leftIcon = 'hash',
|
|
36
|
+
variant = 'outlined',
|
|
37
|
+
containerStyle,
|
|
38
|
+
inputContainerStyle,
|
|
39
|
+
tagStyle,
|
|
40
|
+
tagTextStyle,
|
|
41
|
+
labelStyle,
|
|
42
|
+
helperStyle,
|
|
43
|
+
theme: themeOverride,
|
|
44
|
+
testID
|
|
45
|
+
}) {
|
|
46
|
+
const contextTheme = (0, _ThemeProvider.useFieldFlowTheme)();
|
|
47
|
+
const theme = (0, _react.useMemo)(() => themeOverride ? (0, _ThemeProvider.mergeDeep)(contextTheme ?? _defaultTheme.defaultTheme, themeOverride) : contextTheme ?? _defaultTheme.defaultTheme, [contextTheme, themeOverride]);
|
|
48
|
+
const tags = value ?? [];
|
|
49
|
+
const [draft, setDraft] = (0, _react.useState)('');
|
|
50
|
+
const [focused, setFocused] = (0, _react.useState)(false);
|
|
51
|
+
const state = (0, _useFieldState.useFieldState)({
|
|
52
|
+
isFocused: focused,
|
|
53
|
+
hasError: Boolean(hasError || errorText),
|
|
54
|
+
disabled
|
|
55
|
+
});
|
|
56
|
+
const styles = (0, _react.useMemo)(() => createStyles(theme, state, variant), [theme, state, variant]);
|
|
57
|
+
const atMax = maxTags !== undefined && tags.length >= maxTags;
|
|
58
|
+
const commit = (0, _react.useCallback)(raw => {
|
|
59
|
+
const next = transformTag(raw).slice(0, maxTagLength);
|
|
60
|
+
if (!next) {
|
|
61
|
+
setDraft('');
|
|
62
|
+
return;
|
|
63
|
+
}
|
|
64
|
+
if (atMax) {
|
|
65
|
+
setDraft('');
|
|
66
|
+
return;
|
|
67
|
+
}
|
|
68
|
+
if (!allowDuplicates && tags.some(t => t.toLowerCase() === next.toLowerCase())) {
|
|
69
|
+
setDraft('');
|
|
70
|
+
return;
|
|
71
|
+
}
|
|
72
|
+
onChange([...tags, next]);
|
|
73
|
+
setDraft('');
|
|
74
|
+
}, [allowDuplicates, atMax, maxTagLength, onChange, tags, transformTag]);
|
|
75
|
+
const removeAt = (0, _react.useCallback)(index => {
|
|
76
|
+
if (disabled) return;
|
|
77
|
+
onChange(tags.filter((_, i) => i !== index));
|
|
78
|
+
}, [disabled, onChange, tags]);
|
|
79
|
+
const onChangeText = (0, _react.useCallback)(text => {
|
|
80
|
+
if (separators.includes(',') && text.includes(',')) {
|
|
81
|
+
const parts = text.split(',');
|
|
82
|
+
const last = parts.pop() ?? '';
|
|
83
|
+
for (const part of parts) commit(part);
|
|
84
|
+
setDraft(last);
|
|
85
|
+
return;
|
|
86
|
+
}
|
|
87
|
+
if (separators.includes(' ') && text.endsWith(' ') && text.trim()) {
|
|
88
|
+
commit(text);
|
|
89
|
+
return;
|
|
90
|
+
}
|
|
91
|
+
setDraft(text.slice(0, maxTagLength));
|
|
92
|
+
}, [commit, maxTagLength, separators]);
|
|
93
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
94
|
+
style: [styles.wrapper, containerStyle],
|
|
95
|
+
testID: testID,
|
|
96
|
+
children: [label ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
|
|
97
|
+
style: [styles.label, labelStyle],
|
|
98
|
+
children: [label, required ? ' *' : '']
|
|
99
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
100
|
+
style: [styles.inputContainer, inputContainerStyle],
|
|
101
|
+
children: [leftIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
102
|
+
style: styles.iconSlot,
|
|
103
|
+
children: (0, _icons.renderFieldFlowIcon)(leftIcon, theme.colors.icon, 16)
|
|
104
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
105
|
+
style: styles.chips,
|
|
106
|
+
children: [tags.map((tag, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
|
|
107
|
+
onPress: () => removeAt(index),
|
|
108
|
+
disabled: disabled,
|
|
109
|
+
style: [styles.tag, tagStyle],
|
|
110
|
+
accessibilityRole: "button",
|
|
111
|
+
accessibilityLabel: `Remove ${tag}`,
|
|
112
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
113
|
+
style: [styles.tagText, tagTextStyle],
|
|
114
|
+
numberOfLines: 1,
|
|
115
|
+
children: tag
|
|
116
|
+
}), !disabled ? (0, _icons.renderFieldFlowIcon)('clear', theme.colors.icon, 10) : null]
|
|
117
|
+
}, `${tag}-${index}`)), !atMax && !disabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
|
|
118
|
+
value: draft,
|
|
119
|
+
onChangeText: onChangeText,
|
|
120
|
+
onFocus: () => setFocused(true),
|
|
121
|
+
onBlur: () => {
|
|
122
|
+
setFocused(false);
|
|
123
|
+
if (draft.trim()) commit(draft);
|
|
124
|
+
},
|
|
125
|
+
onSubmitEditing: () => {
|
|
126
|
+
if (separators.includes('enter')) commit(draft);
|
|
127
|
+
},
|
|
128
|
+
placeholder: tags.length === 0 ? placeholder : '',
|
|
129
|
+
placeholderTextColor: theme.colors.placeholder,
|
|
130
|
+
editable: !disabled,
|
|
131
|
+
style: styles.input,
|
|
132
|
+
autoCapitalize: "none",
|
|
133
|
+
autoCorrect: false,
|
|
134
|
+
blurOnSubmit: false,
|
|
135
|
+
returnKeyType: "done",
|
|
136
|
+
accessibilityLabel: label ?? 'Tags'
|
|
137
|
+
}) : null]
|
|
138
|
+
})]
|
|
139
|
+
}), (helperText || errorText || maxTags !== undefined) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
140
|
+
style: styles.footer,
|
|
141
|
+
children: [errorText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
142
|
+
style: [styles.errorText, helperStyle],
|
|
143
|
+
children: errorText
|
|
144
|
+
}) : helperText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
145
|
+
style: [styles.helperText, helperStyle],
|
|
146
|
+
children: helperText
|
|
147
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {}), maxTags !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
|
|
148
|
+
style: styles.counter,
|
|
149
|
+
children: [tags.length, "/", maxTags]
|
|
150
|
+
}) : null]
|
|
151
|
+
})]
|
|
152
|
+
});
|
|
153
|
+
}
|
|
154
|
+
function createStyles(theme, state, variant) {
|
|
155
|
+
const isUnderline = variant === 'underline';
|
|
156
|
+
const isFilled = variant === 'filled';
|
|
157
|
+
const borderW = state === 'focused' ? theme.spacing.borderWidthFocused : theme.spacing.borderWidth;
|
|
158
|
+
return _reactNative.StyleSheet.create({
|
|
159
|
+
wrapper: {
|
|
160
|
+
marginBottom: theme.spacing.gap * 2
|
|
161
|
+
},
|
|
162
|
+
label: {
|
|
163
|
+
fontSize: theme.typography.labelFontSize,
|
|
164
|
+
marginBottom: theme.spacing.gap / 1.5,
|
|
165
|
+
color: (0, _styles.labelColorFor)(theme, state),
|
|
166
|
+
fontWeight: '500',
|
|
167
|
+
fontFamily: theme.typography.fontFamily
|
|
168
|
+
},
|
|
169
|
+
inputContainer: {
|
|
170
|
+
flexDirection: 'row',
|
|
171
|
+
alignItems: 'flex-start',
|
|
172
|
+
backgroundColor: state === 'disabled' ? theme.colors.backgroundDisabled : isFilled ? theme.colors.backgroundDisabled : isUnderline ? 'transparent' : theme.colors.background,
|
|
173
|
+
borderRadius: isUnderline ? 0 : theme.spacing.borderRadius,
|
|
174
|
+
borderWidth: isUnderline ? 0 : isFilled ? 0 : borderW,
|
|
175
|
+
borderBottomWidth: isUnderline ? borderW + (state === 'focused' ? 0.5 : 0) : isFilled ? 0 : borderW,
|
|
176
|
+
borderColor: (0, _styles.borderColorFor)(theme, state),
|
|
177
|
+
paddingHorizontal: theme.spacing.paddingHorizontal,
|
|
178
|
+
paddingVertical: theme.spacing.paddingVertical / 1.5,
|
|
179
|
+
minHeight: theme.spacing.paddingVertical * 2 + theme.typography.fontSize + 6
|
|
180
|
+
},
|
|
181
|
+
iconSlot: {
|
|
182
|
+
marginRight: theme.spacing.gap,
|
|
183
|
+
marginTop: 6
|
|
184
|
+
},
|
|
185
|
+
chips: {
|
|
186
|
+
flex: 1,
|
|
187
|
+
flexDirection: 'row',
|
|
188
|
+
flexWrap: 'wrap',
|
|
189
|
+
alignItems: 'center',
|
|
190
|
+
gap: 6
|
|
191
|
+
},
|
|
192
|
+
tag: {
|
|
193
|
+
flexDirection: 'row',
|
|
194
|
+
alignItems: 'center',
|
|
195
|
+
gap: 4,
|
|
196
|
+
paddingHorizontal: 10,
|
|
197
|
+
paddingVertical: 5,
|
|
198
|
+
borderRadius: 999,
|
|
199
|
+
backgroundColor: theme.colors.backgroundDisabled,
|
|
200
|
+
borderWidth: theme.spacing.borderWidth,
|
|
201
|
+
borderColor: theme.colors.border,
|
|
202
|
+
maxWidth: '100%'
|
|
203
|
+
},
|
|
204
|
+
tagText: {
|
|
205
|
+
fontSize: theme.typography.helperFontSize,
|
|
206
|
+
color: theme.colors.text,
|
|
207
|
+
fontFamily: theme.typography.fontFamily,
|
|
208
|
+
maxWidth: 160
|
|
209
|
+
},
|
|
210
|
+
input: {
|
|
211
|
+
flexGrow: 1,
|
|
212
|
+
minWidth: 96,
|
|
213
|
+
fontSize: theme.typography.fontSize,
|
|
214
|
+
color: theme.colors.text,
|
|
215
|
+
paddingVertical: 4,
|
|
216
|
+
fontFamily: theme.typography.fontFamily
|
|
217
|
+
},
|
|
218
|
+
footer: {
|
|
219
|
+
flexDirection: 'row',
|
|
220
|
+
justifyContent: 'space-between',
|
|
221
|
+
marginTop: theme.spacing.gap / 1.5
|
|
222
|
+
},
|
|
223
|
+
helperText: {
|
|
224
|
+
fontSize: theme.typography.helperFontSize,
|
|
225
|
+
color: theme.colors.label,
|
|
226
|
+
flex: 1
|
|
227
|
+
},
|
|
228
|
+
errorText: {
|
|
229
|
+
fontSize: theme.typography.helperFontSize,
|
|
230
|
+
color: theme.colors.error,
|
|
231
|
+
flex: 1
|
|
232
|
+
},
|
|
233
|
+
counter: {
|
|
234
|
+
fontSize: theme.typography.helperFontSize,
|
|
235
|
+
color: theme.colors.placeholder,
|
|
236
|
+
marginLeft: theme.spacing.gap
|
|
237
|
+
}
|
|
238
|
+
});
|
|
239
|
+
}
|
|
240
|
+
//# sourceMappingURL=FieldFlowTags.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ThemeProvider","_defaultTheme","_useFieldState","_styles","_icons","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FieldFlowTags","value","onChange","label","placeholder","helperText","errorText","hasError","disabled","required","maxTags","maxTagLength","separators","allowDuplicates","transformTag","raw","trim","leftIcon","variant","containerStyle","inputContainerStyle","tagStyle","tagTextStyle","labelStyle","helperStyle","theme","themeOverride","testID","contextTheme","useFieldFlowTheme","useMemo","mergeDeep","defaultTheme","tags","draft","setDraft","useState","focused","setFocused","state","useFieldState","isFocused","Boolean","styles","createStyles","atMax","undefined","length","commit","useCallback","next","slice","some","toLowerCase","removeAt","index","filter","_","onChangeText","text","includes","parts","split","last","pop","part","endsWith","jsxs","View","style","wrapper","children","Text","inputContainer","jsx","iconSlot","renderFieldFlowIcon","colors","icon","chips","map","tag","Pressable","onPress","accessibilityRole","accessibilityLabel","tagText","numberOfLines","TextInput","onFocus","onBlur","onSubmitEditing","placeholderTextColor","editable","input","autoCapitalize","autoCorrect","blurOnSubmit","returnKeyType","footer","counter","isUnderline","isFilled","borderW","spacing","borderWidthFocused","borderWidth","StyleSheet","create","marginBottom","gap","fontSize","typography","labelFontSize","color","labelColorFor","fontWeight","fontFamily","flexDirection","alignItems","backgroundColor","backgroundDisabled","background","borderRadius","borderBottomWidth","borderColor","borderColorFor","paddingHorizontal","paddingVertical","minHeight","marginRight","marginTop","flex","flexWrap","border","maxWidth","helperFontSize","flexGrow","minWidth","justifyContent","error","marginLeft"],"sourceRoot":"../../../../src","sources":["components/FieldFlowTags/FieldFlowTags.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "FieldFlowTags", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _FieldFlowTags.FieldFlowTags;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _FieldFlowTags = require("./FieldFlowTags");
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_FieldFlowTags","require"],"sourceRoot":"../../../../src","sources":["components/FieldFlowTags/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA","ignoreList":[]}
|
|
@@ -0,0 +1,227 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.FieldFlowTypeahead = FieldFlowTypeahead;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _ThemeProvider = require("../../theme/ThemeProvider");
|
|
10
|
+
var _defaultTheme = require("../../theme/defaultTheme");
|
|
11
|
+
var _renderIcon = require("../../icons/renderIcon");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
14
|
+
function FieldFlowTypeahead({
|
|
15
|
+
value,
|
|
16
|
+
displayValue,
|
|
17
|
+
onChange,
|
|
18
|
+
fetchOptions,
|
|
19
|
+
defaultOptions = [],
|
|
20
|
+
label,
|
|
21
|
+
placeholder = 'Search…',
|
|
22
|
+
helperText,
|
|
23
|
+
errorText,
|
|
24
|
+
disabled,
|
|
25
|
+
required,
|
|
26
|
+
debounceMs = 300,
|
|
27
|
+
minChars = 1,
|
|
28
|
+
emptyText = 'No results',
|
|
29
|
+
renderOption,
|
|
30
|
+
renderEmpty,
|
|
31
|
+
containerStyle,
|
|
32
|
+
labelStyle,
|
|
33
|
+
theme: themeOverride,
|
|
34
|
+
testID
|
|
35
|
+
}) {
|
|
36
|
+
const contextTheme = (0, _ThemeProvider.useFieldFlowTheme)();
|
|
37
|
+
const theme = (0, _react.useMemo)(() => themeOverride ? (0, _ThemeProvider.mergeDeep)(contextTheme ?? _defaultTheme.defaultTheme, themeOverride) : contextTheme ?? _defaultTheme.defaultTheme, [contextTheme, themeOverride]);
|
|
38
|
+
const styles = (0, _react.useMemo)(() => createStyles(theme, Boolean(errorText), Boolean(disabled)), [theme, errorText, disabled]);
|
|
39
|
+
const [query, setQuery] = (0, _react.useState)(displayValue ?? '');
|
|
40
|
+
const [options, setOptions] = (0, _react.useState)(defaultOptions);
|
|
41
|
+
const [open, setOpen] = (0, _react.useState)(false);
|
|
42
|
+
const [loading, setLoading] = (0, _react.useState)(false);
|
|
43
|
+
const gen = (0, _react.useRef)(0);
|
|
44
|
+
(0, _react.useEffect)(() => {
|
|
45
|
+
if (displayValue != null) setQuery(displayValue);
|
|
46
|
+
}, [displayValue]);
|
|
47
|
+
(0, _react.useEffect)(() => {
|
|
48
|
+
if (!open) return;
|
|
49
|
+
const q = query.trim();
|
|
50
|
+
if (q.length < minChars) {
|
|
51
|
+
setOptions(defaultOptions);
|
|
52
|
+
setLoading(false);
|
|
53
|
+
return;
|
|
54
|
+
}
|
|
55
|
+
const id = setTimeout(async () => {
|
|
56
|
+
const token = ++gen.current;
|
|
57
|
+
setLoading(true);
|
|
58
|
+
try {
|
|
59
|
+
const result = await fetchOptions(q);
|
|
60
|
+
if (token === gen.current) setOptions(result);
|
|
61
|
+
} finally {
|
|
62
|
+
if (token === gen.current) setLoading(false);
|
|
63
|
+
}
|
|
64
|
+
}, debounceMs);
|
|
65
|
+
return () => clearTimeout(id);
|
|
66
|
+
}, [query, open, debounceMs, minChars, fetchOptions, defaultOptions]);
|
|
67
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
68
|
+
style: [styles.wrap, containerStyle],
|
|
69
|
+
testID: testID,
|
|
70
|
+
children: [label ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
|
|
71
|
+
style: [styles.label, labelStyle],
|
|
72
|
+
children: [label, required ? ' *' : '']
|
|
73
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
74
|
+
style: styles.field,
|
|
75
|
+
children: [(0, _renderIcon.renderFieldFlowIcon)('search', theme.colors.icon, 16), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
|
|
76
|
+
style: styles.input,
|
|
77
|
+
value: query,
|
|
78
|
+
editable: !disabled,
|
|
79
|
+
placeholder: placeholder,
|
|
80
|
+
placeholderTextColor: theme.colors.placeholder,
|
|
81
|
+
onFocus: () => setOpen(true),
|
|
82
|
+
onChangeText: text => {
|
|
83
|
+
setQuery(text);
|
|
84
|
+
setOpen(true);
|
|
85
|
+
if (value != null) onChange(null);
|
|
86
|
+
}
|
|
87
|
+
}), loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
|
|
88
|
+
size: "small",
|
|
89
|
+
color: theme.colors.borderFocused
|
|
90
|
+
}) : null, query ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
91
|
+
onPress: () => {
|
|
92
|
+
setQuery('');
|
|
93
|
+
onChange(null);
|
|
94
|
+
setOptions(defaultOptions);
|
|
95
|
+
},
|
|
96
|
+
hitSlop: 8,
|
|
97
|
+
children: (0, _renderIcon.renderFieldFlowIcon)('clear', theme.colors.icon, 14)
|
|
98
|
+
}) : null]
|
|
99
|
+
}), open && !disabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
100
|
+
style: styles.dropdown,
|
|
101
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
|
|
102
|
+
keyboardShouldPersistTaps: "handled",
|
|
103
|
+
data: options,
|
|
104
|
+
keyExtractor: item => item.value,
|
|
105
|
+
ListEmptyComponent: loading ? null : renderEmpty ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
106
|
+
children: renderEmpty({
|
|
107
|
+
query,
|
|
108
|
+
loading
|
|
109
|
+
})
|
|
110
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
111
|
+
style: styles.empty,
|
|
112
|
+
children: emptyText
|
|
113
|
+
}),
|
|
114
|
+
renderItem: ({
|
|
115
|
+
item
|
|
116
|
+
}) => {
|
|
117
|
+
const select = () => {
|
|
118
|
+
setQuery(item.label);
|
|
119
|
+
onChange(item.value, item);
|
|
120
|
+
setOpen(false);
|
|
121
|
+
};
|
|
122
|
+
if (renderOption) {
|
|
123
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
124
|
+
children: renderOption({
|
|
125
|
+
option: item,
|
|
126
|
+
selected: item.value === value,
|
|
127
|
+
select
|
|
128
|
+
})
|
|
129
|
+
});
|
|
130
|
+
}
|
|
131
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
|
|
132
|
+
style: styles.option,
|
|
133
|
+
disabled: item.disabled,
|
|
134
|
+
onPress: select,
|
|
135
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
136
|
+
style: styles.optionLabel,
|
|
137
|
+
children: item.label
|
|
138
|
+
}), item.description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
139
|
+
style: styles.optionDesc,
|
|
140
|
+
children: item.description
|
|
141
|
+
}) : null]
|
|
142
|
+
});
|
|
143
|
+
},
|
|
144
|
+
style: {
|
|
145
|
+
maxHeight: 200
|
|
146
|
+
}
|
|
147
|
+
})
|
|
148
|
+
}) : null, errorText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
149
|
+
style: styles.error,
|
|
150
|
+
children: errorText
|
|
151
|
+
}) : helperText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
152
|
+
style: styles.helper,
|
|
153
|
+
children: helperText
|
|
154
|
+
}) : null]
|
|
155
|
+
});
|
|
156
|
+
}
|
|
157
|
+
function createStyles(theme, hasError, disabled) {
|
|
158
|
+
return _reactNative.StyleSheet.create({
|
|
159
|
+
wrap: {
|
|
160
|
+
marginBottom: theme.spacing.gap * 2,
|
|
161
|
+
opacity: disabled ? 0.6 : 1,
|
|
162
|
+
zIndex: 2
|
|
163
|
+
},
|
|
164
|
+
label: {
|
|
165
|
+
fontSize: theme.typography.labelFontSize,
|
|
166
|
+
marginBottom: theme.spacing.gap / 1.5,
|
|
167
|
+
color: hasError ? theme.colors.error : theme.colors.label,
|
|
168
|
+
fontWeight: '500'
|
|
169
|
+
},
|
|
170
|
+
field: {
|
|
171
|
+
flexDirection: 'row',
|
|
172
|
+
alignItems: 'center',
|
|
173
|
+
gap: 8,
|
|
174
|
+
borderWidth: hasError ? theme.spacing.borderWidthFocused : theme.spacing.borderWidth,
|
|
175
|
+
borderColor: hasError ? theme.colors.borderError : theme.colors.border,
|
|
176
|
+
borderRadius: theme.spacing.borderRadius,
|
|
177
|
+
paddingHorizontal: theme.spacing.paddingHorizontal,
|
|
178
|
+
backgroundColor: theme.colors.background,
|
|
179
|
+
minHeight: theme.spacing.paddingVertical * 2 + theme.typography.fontSize + 6
|
|
180
|
+
},
|
|
181
|
+
input: {
|
|
182
|
+
flex: 1,
|
|
183
|
+
fontSize: theme.typography.fontSize,
|
|
184
|
+
color: theme.colors.text,
|
|
185
|
+
paddingVertical: theme.spacing.paddingVertical
|
|
186
|
+
},
|
|
187
|
+
dropdown: {
|
|
188
|
+
marginTop: 4,
|
|
189
|
+
borderWidth: theme.spacing.borderWidth,
|
|
190
|
+
borderColor: theme.colors.border,
|
|
191
|
+
borderRadius: theme.spacing.borderRadius,
|
|
192
|
+
backgroundColor: theme.colors.background,
|
|
193
|
+
overflow: 'hidden'
|
|
194
|
+
},
|
|
195
|
+
option: {
|
|
196
|
+
paddingHorizontal: 14,
|
|
197
|
+
paddingVertical: 12,
|
|
198
|
+
borderBottomWidth: _reactNative.StyleSheet.hairlineWidth,
|
|
199
|
+
borderBottomColor: theme.colors.border
|
|
200
|
+
},
|
|
201
|
+
optionLabel: {
|
|
202
|
+
color: theme.colors.text,
|
|
203
|
+
fontSize: theme.typography.fontSize
|
|
204
|
+
},
|
|
205
|
+
optionDesc: {
|
|
206
|
+
color: theme.colors.label,
|
|
207
|
+
fontSize: theme.typography.helperFontSize,
|
|
208
|
+
marginTop: 2
|
|
209
|
+
},
|
|
210
|
+
empty: {
|
|
211
|
+
padding: 14,
|
|
212
|
+
color: theme.colors.placeholder,
|
|
213
|
+
textAlign: 'center'
|
|
214
|
+
},
|
|
215
|
+
helper: {
|
|
216
|
+
marginTop: 6,
|
|
217
|
+
fontSize: theme.typography.helperFontSize,
|
|
218
|
+
color: theme.colors.label
|
|
219
|
+
},
|
|
220
|
+
error: {
|
|
221
|
+
marginTop: 6,
|
|
222
|
+
fontSize: theme.typography.helperFontSize,
|
|
223
|
+
color: theme.colors.error
|
|
224
|
+
}
|
|
225
|
+
});
|
|
226
|
+
}
|
|
227
|
+
//# sourceMappingURL=FieldFlowTypeahead.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ThemeProvider","_defaultTheme","_renderIcon","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FieldFlowTypeahead","value","displayValue","onChange","fetchOptions","defaultOptions","label","placeholder","helperText","errorText","disabled","required","debounceMs","minChars","emptyText","renderOption","renderEmpty","containerStyle","labelStyle","theme","themeOverride","testID","contextTheme","useFieldFlowTheme","useMemo","mergeDeep","defaultTheme","styles","createStyles","Boolean","query","setQuery","useState","options","setOptions","open","setOpen","loading","setLoading","gen","useRef","useEffect","q","trim","length","id","setTimeout","token","current","result","clearTimeout","jsxs","View","style","wrap","children","Text","field","renderFieldFlowIcon","colors","icon","jsx","TextInput","input","editable","placeholderTextColor","onFocus","onChangeText","text","ActivityIndicator","size","color","borderFocused","Pressable","onPress","hitSlop","dropdown","FlatList","keyboardShouldPersistTaps","data","keyExtractor","item","ListEmptyComponent","Fragment","empty","renderItem","select","option","selected","optionLabel","description","optionDesc","maxHeight","error","helper","hasError","StyleSheet","create","marginBottom","spacing","gap","opacity","zIndex","fontSize","typography","labelFontSize","fontWeight","flexDirection","alignItems","borderWidth","borderWidthFocused","borderColor","borderError","border","borderRadius","paddingHorizontal","backgroundColor","background","minHeight","paddingVertical","flex","marginTop","overflow","borderBottomWidth","hairlineWidth","borderBottomColor","helperFontSize","padding","textAlign"],"sourceRoot":"../../../../src","sources":["components/FieldFlowTypeahead/FieldFlowTypeahead.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "FieldFlowTypeahead", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _FieldFlowTypeahead.FieldFlowTypeahead;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _FieldFlowTypeahead = require("./FieldFlowTypeahead");
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_FieldFlowTypeahead","require"],"sourceRoot":"../../../../src","sources":["components/FieldFlowTypeahead/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA","ignoreList":[]}
|