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,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "useFieldMotion", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _useFieldMotion.useFieldMotion;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "useReducedMotion", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _useReducedMotion.useReducedMotion;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
var _useReducedMotion = require("./useReducedMotion");
|
|
19
|
+
var _useFieldMotion = require("./useFieldMotion");
|
|
20
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_useReducedMotion","require","_useFieldMotion"],"sourceRoot":"../../../src","sources":["motion/index.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA","ignoreList":[]}
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useFieldMotion = useFieldMotion;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _useReducedMotion = require("./useReducedMotion");
|
|
10
|
+
/**
|
|
11
|
+
* Field micro-interactions: error shake, focus glow, message cross-fade, success pop.
|
|
12
|
+
* Uses RN Animated only (no Reanimated) and respects Reduce Motion.
|
|
13
|
+
*/
|
|
14
|
+
function useFieldMotion({
|
|
15
|
+
enabled = true,
|
|
16
|
+
isFocused,
|
|
17
|
+
hasError,
|
|
18
|
+
isSuccess,
|
|
19
|
+
duration = 180
|
|
20
|
+
}) {
|
|
21
|
+
const reducedMotion = (0, _useReducedMotion.useReducedMotion)();
|
|
22
|
+
const active = enabled && !reducedMotion;
|
|
23
|
+
const shake = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
|
|
24
|
+
const glowOpacity = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
|
|
25
|
+
const messageOpacity = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
|
|
26
|
+
const successScale = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
|
|
27
|
+
const prevError = (0, _react.useRef)(hasError);
|
|
28
|
+
|
|
29
|
+
// Focus glow
|
|
30
|
+
(0, _react.useEffect)(() => {
|
|
31
|
+
if (!active) {
|
|
32
|
+
glowOpacity.setValue(isFocused ? 0.35 : 0);
|
|
33
|
+
return;
|
|
34
|
+
}
|
|
35
|
+
_reactNative.Animated.timing(glowOpacity, {
|
|
36
|
+
toValue: isFocused ? 1 : 0,
|
|
37
|
+
duration,
|
|
38
|
+
easing: _reactNative.Easing.out(_reactNative.Easing.cubic),
|
|
39
|
+
useNativeDriver: true
|
|
40
|
+
}).start();
|
|
41
|
+
}, [active, isFocused, glowOpacity, duration]);
|
|
42
|
+
|
|
43
|
+
// Error shake when error turns on
|
|
44
|
+
(0, _react.useEffect)(() => {
|
|
45
|
+
const justErrored = hasError && !prevError.current;
|
|
46
|
+
prevError.current = hasError;
|
|
47
|
+
if (!justErrored) return;
|
|
48
|
+
if (!active) return;
|
|
49
|
+
shake.setValue(0);
|
|
50
|
+
_reactNative.Animated.sequence([_reactNative.Animated.timing(shake, {
|
|
51
|
+
toValue: 1,
|
|
52
|
+
duration: 40,
|
|
53
|
+
useNativeDriver: true
|
|
54
|
+
}), _reactNative.Animated.timing(shake, {
|
|
55
|
+
toValue: -1,
|
|
56
|
+
duration: 40,
|
|
57
|
+
useNativeDriver: true
|
|
58
|
+
}), _reactNative.Animated.timing(shake, {
|
|
59
|
+
toValue: 1,
|
|
60
|
+
duration: 40,
|
|
61
|
+
useNativeDriver: true
|
|
62
|
+
}), _reactNative.Animated.timing(shake, {
|
|
63
|
+
toValue: -1,
|
|
64
|
+
duration: 40,
|
|
65
|
+
useNativeDriver: true
|
|
66
|
+
}), _reactNative.Animated.timing(shake, {
|
|
67
|
+
toValue: 0,
|
|
68
|
+
duration: 40,
|
|
69
|
+
useNativeDriver: true
|
|
70
|
+
})]).start();
|
|
71
|
+
messageOpacity.setValue(0);
|
|
72
|
+
_reactNative.Animated.timing(messageOpacity, {
|
|
73
|
+
toValue: 1,
|
|
74
|
+
duration: duration + 40,
|
|
75
|
+
easing: _reactNative.Easing.out(_reactNative.Easing.cubic),
|
|
76
|
+
useNativeDriver: true
|
|
77
|
+
}).start();
|
|
78
|
+
}, [hasError, active, shake, messageOpacity, duration]);
|
|
79
|
+
|
|
80
|
+
// Success pop
|
|
81
|
+
(0, _react.useEffect)(() => {
|
|
82
|
+
if (!isSuccess) {
|
|
83
|
+
successScale.setValue(1);
|
|
84
|
+
return;
|
|
85
|
+
}
|
|
86
|
+
if (!active) return;
|
|
87
|
+
successScale.setValue(0.6);
|
|
88
|
+
_reactNative.Animated.spring(successScale, {
|
|
89
|
+
toValue: 1,
|
|
90
|
+
friction: 5,
|
|
91
|
+
tension: 140,
|
|
92
|
+
useNativeDriver: true
|
|
93
|
+
}).start();
|
|
94
|
+
}, [isSuccess, active, successScale]);
|
|
95
|
+
const translateX = shake.interpolate({
|
|
96
|
+
inputRange: [-1, 0, 1],
|
|
97
|
+
outputRange: [-6, 0, 6]
|
|
98
|
+
});
|
|
99
|
+
return (0, _react.useMemo)(() => ({
|
|
100
|
+
containerStyle: {
|
|
101
|
+
transform: [{
|
|
102
|
+
translateX
|
|
103
|
+
}]
|
|
104
|
+
},
|
|
105
|
+
glowOpacity,
|
|
106
|
+
messageOpacity,
|
|
107
|
+
successScale,
|
|
108
|
+
reducedMotion
|
|
109
|
+
}), [translateX, glowOpacity, messageOpacity, successScale, reducedMotion]);
|
|
110
|
+
}
|
|
111
|
+
//# sourceMappingURL=useFieldMotion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_useReducedMotion","useFieldMotion","enabled","isFocused","hasError","isSuccess","duration","reducedMotion","useReducedMotion","active","shake","useRef","Animated","Value","current","glowOpacity","messageOpacity","successScale","prevError","useEffect","setValue","timing","toValue","easing","Easing","out","cubic","useNativeDriver","start","justErrored","sequence","spring","friction","tension","translateX","interpolate","inputRange","outputRange","useMemo","containerStyle","transform"],"sourceRoot":"../../../src","sources":["motion/useFieldMotion.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useReducedMotion = useReducedMotion;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
/**
|
|
10
|
+
* Tracks the OS “Reduce Motion” preference so FieldFlow can skip decorative animation.
|
|
11
|
+
*/
|
|
12
|
+
function useReducedMotion() {
|
|
13
|
+
const [reduced, setReduced] = (0, _react.useState)(false);
|
|
14
|
+
(0, _react.useEffect)(() => {
|
|
15
|
+
let mounted = true;
|
|
16
|
+
_reactNative.AccessibilityInfo.isReduceMotionEnabled?.().then(value => {
|
|
17
|
+
if (mounted) setReduced(Boolean(value));
|
|
18
|
+
}).catch(() => {
|
|
19
|
+
/* older RN */
|
|
20
|
+
});
|
|
21
|
+
const sub = _reactNative.AccessibilityInfo.addEventListener?.('reduceMotionChanged', setReduced);
|
|
22
|
+
return () => {
|
|
23
|
+
mounted = false;
|
|
24
|
+
// RN versions differ: subscription may be `{ remove }` or a legacy remover fn
|
|
25
|
+
if (sub && typeof sub.remove === 'function') {
|
|
26
|
+
sub.remove();
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
}, []);
|
|
30
|
+
return reduced;
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=useReducedMotion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","useReducedMotion","reduced","setReduced","useState","useEffect","mounted","AccessibilityInfo","isReduceMotionEnabled","then","value","Boolean","catch","sub","addEventListener","remove"],"sourceRoot":"../../../src","sources":["motion/useReducedMotion.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACO,SAASE,gBAAgBA,CAAA,EAAY;EAC1C,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAE7C,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIC,OAAO,GAAG,IAAI;IAClBC,8BAAiB,CAACC,qBAAqB,GAAG,CAAC,CACxCC,IAAI,CAACC,KAAK,IAAI;MACb,IAAIJ,OAAO,EAAEH,UAAU,CAACQ,OAAO,CAACD,KAAK,CAAC,CAAC;IACzC,CAAC,CAAC,CACDE,KAAK,CAAC,MAAM;MACX;IAAA,CACD,CAAC;IAEJ,MAAMC,GAAG,GAAGN,8BAAiB,CAACO,gBAAgB,GAAG,qBAAqB,EAAEX,UAAU,CAAC;IACnF,OAAO,MAAM;MACXG,OAAO,GAAG,KAAK;MACf;MACA,IAAIO,GAAG,IAAI,OAAQA,GAAG,CAA6BE,MAAM,KAAK,UAAU,EAAE;QACvEF,GAAG,CAA4BE,MAAM,CAAC,CAAC;MAC1C;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOb,OAAO;AAChB","ignoreList":[]}
|
|
@@ -21,12 +21,24 @@ Object.defineProperty(exports, "defaultTheme", {
|
|
|
21
21
|
return _defaultTheme.defaultTheme;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
|
+
Object.defineProperty(exports, "getThemePreset", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function () {
|
|
27
|
+
return _presets.getThemePreset;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
24
30
|
Object.defineProperty(exports, "mergeDeep", {
|
|
25
31
|
enumerable: true,
|
|
26
32
|
get: function () {
|
|
27
33
|
return _ThemeProvider.mergeDeep;
|
|
28
34
|
}
|
|
29
35
|
});
|
|
36
|
+
Object.defineProperty(exports, "themePresets", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function () {
|
|
39
|
+
return _presets.themePresets;
|
|
40
|
+
}
|
|
41
|
+
});
|
|
30
42
|
Object.defineProperty(exports, "useFieldFlowTheme", {
|
|
31
43
|
enumerable: true,
|
|
32
44
|
get: function () {
|
|
@@ -35,4 +47,5 @@ Object.defineProperty(exports, "useFieldFlowTheme", {
|
|
|
35
47
|
});
|
|
36
48
|
var _defaultTheme = require("./defaultTheme");
|
|
37
49
|
var _ThemeProvider = require("./ThemeProvider");
|
|
50
|
+
var _presets = require("./presets");
|
|
38
51
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_defaultTheme","require","_ThemeProvider"],"sourceRoot":"../../../src","sources":["theme/index.ts"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_defaultTheme","require","_ThemeProvider","_presets"],"sourceRoot":"../../../src","sources":["theme/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA","ignoreList":[]}
|
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getThemePreset = getThemePreset;
|
|
7
|
+
exports.themePresets = void 0;
|
|
8
|
+
var _defaultTheme = require("./defaultTheme");
|
|
9
|
+
/**
|
|
10
|
+
* Curated one-liner themes for demos and brand starts.
|
|
11
|
+
* Pass into `FieldFlowThemeProvider theme={themePresets.soft}`.
|
|
12
|
+
*/
|
|
13
|
+
const themePresets = exports.themePresets = {
|
|
14
|
+
/** Default FieldFlow blue. */
|
|
15
|
+
default: _defaultTheme.defaultTheme,
|
|
16
|
+
/** Bundled dark palette. */
|
|
17
|
+
dark: _defaultTheme.darkTheme,
|
|
18
|
+
/** Soft rounded surfaces, indigo accent. */
|
|
19
|
+
soft: {
|
|
20
|
+
colors: {
|
|
21
|
+
background: '#F8FAFC',
|
|
22
|
+
backgroundDisabled: '#EEF2F7',
|
|
23
|
+
border: '#E2E8F0',
|
|
24
|
+
borderFocused: '#6366F1',
|
|
25
|
+
borderError: '#F43F5E',
|
|
26
|
+
borderSuccess: '#10B981',
|
|
27
|
+
text: '#0F172A',
|
|
28
|
+
placeholder: '#94A3B8',
|
|
29
|
+
label: '#475569',
|
|
30
|
+
labelFocused: '#6366F1',
|
|
31
|
+
error: '#F43F5E',
|
|
32
|
+
success: '#10B981',
|
|
33
|
+
icon: '#64748B',
|
|
34
|
+
iconFocused: '#6366F1'
|
|
35
|
+
},
|
|
36
|
+
spacing: {
|
|
37
|
+
borderRadius: 16,
|
|
38
|
+
paddingHorizontal: 16,
|
|
39
|
+
paddingVertical: 14
|
|
40
|
+
},
|
|
41
|
+
typography: {
|
|
42
|
+
fontSize: 16,
|
|
43
|
+
labelFontSize: 13,
|
|
44
|
+
helperFontSize: 12
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
/** High-contrast ink on white — docs / legal forms. */
|
|
48
|
+
contrast: {
|
|
49
|
+
colors: {
|
|
50
|
+
background: '#FFFFFF',
|
|
51
|
+
backgroundDisabled: '#F3F4F6',
|
|
52
|
+
border: '#111827',
|
|
53
|
+
borderFocused: '#111827',
|
|
54
|
+
borderError: '#B91C1C',
|
|
55
|
+
borderSuccess: '#047857',
|
|
56
|
+
text: '#111827',
|
|
57
|
+
placeholder: '#6B7280',
|
|
58
|
+
label: '#111827',
|
|
59
|
+
labelFocused: '#111827',
|
|
60
|
+
error: '#B91C1C',
|
|
61
|
+
success: '#047857',
|
|
62
|
+
icon: '#374151',
|
|
63
|
+
iconFocused: '#111827'
|
|
64
|
+
},
|
|
65
|
+
spacing: {
|
|
66
|
+
borderRadius: 4,
|
|
67
|
+
borderWidth: 1.5,
|
|
68
|
+
borderWidthFocused: 2
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
/** Warm coral accent, cream surfaces. */
|
|
72
|
+
warm: {
|
|
73
|
+
colors: {
|
|
74
|
+
background: '#FFFBF7',
|
|
75
|
+
backgroundDisabled: '#F5EDE4',
|
|
76
|
+
border: '#E8D5C4',
|
|
77
|
+
borderFocused: '#E11D48',
|
|
78
|
+
borderError: '#DC2626',
|
|
79
|
+
borderSuccess: '#059669',
|
|
80
|
+
text: '#1C1917',
|
|
81
|
+
placeholder: '#A8A29E',
|
|
82
|
+
label: '#57534E',
|
|
83
|
+
labelFocused: '#E11D48',
|
|
84
|
+
error: '#DC2626',
|
|
85
|
+
success: '#059669',
|
|
86
|
+
icon: '#78716C',
|
|
87
|
+
iconFocused: '#E11D48'
|
|
88
|
+
},
|
|
89
|
+
spacing: {
|
|
90
|
+
borderRadius: 12
|
|
91
|
+
}
|
|
92
|
+
},
|
|
93
|
+
/** Cool teal — fintech / health. */
|
|
94
|
+
teal: {
|
|
95
|
+
colors: {
|
|
96
|
+
background: '#FFFFFF',
|
|
97
|
+
backgroundDisabled: '#F0FDFA',
|
|
98
|
+
border: '#CCFBF1',
|
|
99
|
+
borderFocused: '#0D9488',
|
|
100
|
+
borderError: '#E11D48',
|
|
101
|
+
borderSuccess: '#059669',
|
|
102
|
+
text: '#134E4A',
|
|
103
|
+
placeholder: '#5EEAD4',
|
|
104
|
+
label: '#0F766E',
|
|
105
|
+
labelFocused: '#0D9488',
|
|
106
|
+
error: '#E11D48',
|
|
107
|
+
success: '#059669',
|
|
108
|
+
icon: '#14B8A6',
|
|
109
|
+
iconFocused: '#0D9488'
|
|
110
|
+
},
|
|
111
|
+
spacing: {
|
|
112
|
+
borderRadius: 14,
|
|
113
|
+
paddingHorizontal: 16
|
|
114
|
+
}
|
|
115
|
+
},
|
|
116
|
+
/** Midnight elevated cards. */
|
|
117
|
+
midnight: {
|
|
118
|
+
colors: {
|
|
119
|
+
background: '#0B1220',
|
|
120
|
+
backgroundDisabled: '#111827',
|
|
121
|
+
border: '#1F2937',
|
|
122
|
+
borderFocused: '#818CF8',
|
|
123
|
+
borderError: '#FB7185',
|
|
124
|
+
borderSuccess: '#34D399',
|
|
125
|
+
text: '#F9FAFB',
|
|
126
|
+
placeholder: '#6B7280',
|
|
127
|
+
label: '#9CA3AF',
|
|
128
|
+
labelFocused: '#A5B4FC',
|
|
129
|
+
error: '#FB7185',
|
|
130
|
+
success: '#34D399',
|
|
131
|
+
icon: '#9CA3AF',
|
|
132
|
+
iconFocused: '#A5B4FC'
|
|
133
|
+
},
|
|
134
|
+
spacing: {
|
|
135
|
+
borderRadius: 14
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
};
|
|
139
|
+
function getThemePreset(name) {
|
|
140
|
+
return themePresets[name];
|
|
141
|
+
}
|
|
142
|
+
//# sourceMappingURL=presets.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_defaultTheme","require","themePresets","exports","default","defaultTheme","dark","darkTheme","soft","colors","background","backgroundDisabled","border","borderFocused","borderError","borderSuccess","text","placeholder","label","labelFocused","error","success","icon","iconFocused","spacing","borderRadius","paddingHorizontal","paddingVertical","typography","fontSize","labelFontSize","helperFontSize","contrast","borderWidth","borderWidthFocused","warm","teal","midnight","getThemePreset","name"],"sourceRoot":"../../../src","sources":["theme/presets.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.DEFAULT_PHONE_DIAL_CODES = exports.DEFAULT_EMAIL_DOMAINS = exports.DEFAULT_CURRENCY_SYMBOLS = void 0;
|
|
7
|
+
exports.affordanceKindFromFieldType = affordanceKindFromFieldType;
|
|
8
|
+
exports.applyAffordanceSuggestion = applyAffordanceSuggestion;
|
|
9
|
+
exports.applyCurrencySymbolSuggestion = applyCurrencySymbolSuggestion;
|
|
10
|
+
exports.applyEmailDomainSuggestion = applyEmailDomainSuggestion;
|
|
11
|
+
exports.applyPhoneDialSuggestion = applyPhoneDialSuggestion;
|
|
12
|
+
exports.emailDomainsToChips = emailDomainsToChips;
|
|
13
|
+
exports.resolveAffordanceChips = resolveAffordanceChips;
|
|
14
|
+
/** Popular consumer email domains for quick completion. */
|
|
15
|
+
const DEFAULT_EMAIL_DOMAINS = exports.DEFAULT_EMAIL_DOMAINS = ['gmail.com', 'outlook.com', 'hotmail.com', 'yahoo.com', 'icloud.com', 'proton.me', 'aol.com', 'mail.com'];
|
|
16
|
+
|
|
17
|
+
/** Common dial-code chips (label shown to the user). */
|
|
18
|
+
const DEFAULT_PHONE_DIAL_CODES = exports.DEFAULT_PHONE_DIAL_CODES = [{
|
|
19
|
+
label: '+1',
|
|
20
|
+
accessibilityLabel: 'United States / Canada +1'
|
|
21
|
+
}, {
|
|
22
|
+
label: '+44',
|
|
23
|
+
accessibilityLabel: 'United Kingdom +44'
|
|
24
|
+
}, {
|
|
25
|
+
label: '+92',
|
|
26
|
+
accessibilityLabel: 'Pakistan +92'
|
|
27
|
+
}, {
|
|
28
|
+
label: '+91',
|
|
29
|
+
accessibilityLabel: 'India +91'
|
|
30
|
+
}, {
|
|
31
|
+
label: '+61',
|
|
32
|
+
accessibilityLabel: 'Australia +61'
|
|
33
|
+
}, {
|
|
34
|
+
label: '+49',
|
|
35
|
+
accessibilityLabel: 'Germany +49'
|
|
36
|
+
}, {
|
|
37
|
+
label: '+971',
|
|
38
|
+
accessibilityLabel: 'UAE +971'
|
|
39
|
+
}, {
|
|
40
|
+
label: '+966',
|
|
41
|
+
accessibilityLabel: 'Saudi Arabia +966'
|
|
42
|
+
}];
|
|
43
|
+
|
|
44
|
+
/** Currency symbol chips. */
|
|
45
|
+
const DEFAULT_CURRENCY_SYMBOLS = exports.DEFAULT_CURRENCY_SYMBOLS = [{
|
|
46
|
+
label: '$',
|
|
47
|
+
value: '$',
|
|
48
|
+
accessibilityLabel: 'US Dollar'
|
|
49
|
+
}, {
|
|
50
|
+
label: '€',
|
|
51
|
+
value: '€',
|
|
52
|
+
accessibilityLabel: 'Euro'
|
|
53
|
+
}, {
|
|
54
|
+
label: '£',
|
|
55
|
+
value: '£',
|
|
56
|
+
accessibilityLabel: 'British Pound'
|
|
57
|
+
}, {
|
|
58
|
+
label: '₹',
|
|
59
|
+
value: '₹',
|
|
60
|
+
accessibilityLabel: 'Indian Rupee'
|
|
61
|
+
}, {
|
|
62
|
+
label: 'Rs',
|
|
63
|
+
value: 'Rs ',
|
|
64
|
+
accessibilityLabel: 'Rupee'
|
|
65
|
+
}, {
|
|
66
|
+
label: 'AED',
|
|
67
|
+
value: 'AED ',
|
|
68
|
+
accessibilityLabel: 'UAE Dirham'
|
|
69
|
+
}];
|
|
70
|
+
function emailDomainsToChips(domains) {
|
|
71
|
+
return domains.map(domain => ({
|
|
72
|
+
label: `@${domain}`,
|
|
73
|
+
value: domain,
|
|
74
|
+
accessibilityLabel: `Complete with ${domain}`
|
|
75
|
+
}));
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
/**
|
|
79
|
+
* Apply an email-domain suggestion to the current value.
|
|
80
|
+
* - `jane` + `gmail.com` → `jane@gmail.com`
|
|
81
|
+
* - `jane@hot` + `gmail.com` → `jane@gmail.com`
|
|
82
|
+
* - `jane@gmail.com` + `outlook.com` → `jane@outlook.com`
|
|
83
|
+
*/
|
|
84
|
+
function applyEmailDomainSuggestion(current, domain) {
|
|
85
|
+
const cleanedDomain = domain.replace(/^@/, '');
|
|
86
|
+
const at = current.indexOf('@');
|
|
87
|
+
if (at === -1) {
|
|
88
|
+
const local = current.trim();
|
|
89
|
+
return local ? `${local}@${cleanedDomain}` : `@${cleanedDomain}`;
|
|
90
|
+
}
|
|
91
|
+
return `${current.slice(0, at)}@${cleanedDomain}`;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
/**
|
|
95
|
+
* Apply a dial-code chip. Replaces an existing leading `+digits` prefix when present.
|
|
96
|
+
*/
|
|
97
|
+
function applyPhoneDialSuggestion(current, dialCode) {
|
|
98
|
+
const code = dialCode.startsWith('+') ? dialCode : `+${dialCode}`;
|
|
99
|
+
const rest = current.replace(/^\s*\+?\d{0,4}\s*/, '');
|
|
100
|
+
return rest ? `${code} ${rest.trimStart()}` : code;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
/**
|
|
104
|
+
* Ensure the value starts with the currency symbol (does not duplicate if already present).
|
|
105
|
+
*/
|
|
106
|
+
function applyCurrencySymbolSuggestion(current, symbol) {
|
|
107
|
+
const trimmed = current.trimStart();
|
|
108
|
+
if (trimmed.startsWith(symbol.trim())) return current;
|
|
109
|
+
const digits = trimmed.replace(/^[^\d.-]+/, '');
|
|
110
|
+
return `${symbol}${digits}`;
|
|
111
|
+
}
|
|
112
|
+
function resolveAffordanceChips(kind, custom) {
|
|
113
|
+
if (custom && custom.length > 0) {
|
|
114
|
+
return custom.map(item => typeof item === 'string' ? {
|
|
115
|
+
label: item.startsWith('@') || item.startsWith('+') ? item : item,
|
|
116
|
+
value: item
|
|
117
|
+
} : item);
|
|
118
|
+
}
|
|
119
|
+
switch (kind) {
|
|
120
|
+
case 'email':
|
|
121
|
+
return emailDomainsToChips(DEFAULT_EMAIL_DOMAINS);
|
|
122
|
+
case 'phone':
|
|
123
|
+
return DEFAULT_PHONE_DIAL_CODES;
|
|
124
|
+
case 'currency':
|
|
125
|
+
return DEFAULT_CURRENCY_SYMBOLS;
|
|
126
|
+
default:
|
|
127
|
+
return [];
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
function applyAffordanceSuggestion(kind, current, chip) {
|
|
131
|
+
const value = chip.value ?? chip.label;
|
|
132
|
+
switch (kind) {
|
|
133
|
+
case 'email':
|
|
134
|
+
return applyEmailDomainSuggestion(current, value);
|
|
135
|
+
case 'phone':
|
|
136
|
+
return applyPhoneDialSuggestion(current, value);
|
|
137
|
+
case 'currency':
|
|
138
|
+
return applyCurrencySymbolSuggestion(current, value);
|
|
139
|
+
default:
|
|
140
|
+
return value;
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
/** Infer affordance kind from FieldFlow input `type`. */
|
|
145
|
+
function affordanceKindFromFieldType(type) {
|
|
146
|
+
if (type === 'email') return 'email';
|
|
147
|
+
if (type === 'phone') return 'phone';
|
|
148
|
+
if (type === 'decimal' || type === 'number') return 'currency';
|
|
149
|
+
return undefined;
|
|
150
|
+
}
|
|
151
|
+
//# sourceMappingURL=affordance.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["DEFAULT_EMAIL_DOMAINS","exports","DEFAULT_PHONE_DIAL_CODES","label","accessibilityLabel","DEFAULT_CURRENCY_SYMBOLS","value","emailDomainsToChips","domains","map","domain","applyEmailDomainSuggestion","current","cleanedDomain","replace","at","indexOf","local","trim","slice","applyPhoneDialSuggestion","dialCode","code","startsWith","rest","trimStart","applyCurrencySymbolSuggestion","symbol","trimmed","digits","resolveAffordanceChips","kind","custom","length","item","applyAffordanceSuggestion","chip","affordanceKindFromFieldType","type","undefined"],"sourceRoot":"../../../src","sources":["utils/affordance.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.applyCardMask = applyCardMask;
|
|
7
|
+
exports.applyCurrencyMask = applyCurrencyMask;
|
|
8
|
+
exports.applyDateMask = applyDateMask;
|
|
9
|
+
exports.applyMask = applyMask;
|
|
10
|
+
exports.applyPattern = applyPattern;
|
|
11
|
+
exports.applyPhoneMask = applyPhoneMask;
|
|
12
|
+
exports.digitsOnly = digitsOnly;
|
|
13
|
+
exports.formatMasked = formatMasked;
|
|
14
|
+
exports.unmask = unmask;
|
|
15
|
+
/** Strip everything except digits. */
|
|
16
|
+
function digitsOnly(value) {
|
|
17
|
+
return value.replace(/\D/g, '');
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
/**
|
|
21
|
+
* Apply a digit pattern where `#` is a digit slot and any other char is literal.
|
|
22
|
+
* Extra digits beyond the pattern are ignored.
|
|
23
|
+
*/
|
|
24
|
+
function applyPattern(rawDigits, pattern) {
|
|
25
|
+
let di = 0;
|
|
26
|
+
let formatted = '';
|
|
27
|
+
for (let i = 0; i < pattern.length && di < rawDigits.length; i++) {
|
|
28
|
+
const ch = pattern[i];
|
|
29
|
+
if (ch === '#') {
|
|
30
|
+
formatted += rawDigits[di++];
|
|
31
|
+
} else {
|
|
32
|
+
formatted += ch;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
return {
|
|
36
|
+
formatted,
|
|
37
|
+
raw: rawDigits.slice(0, di)
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
function applyPhoneMask(value) {
|
|
41
|
+
const digits = digitsOnly(value).slice(0, 15);
|
|
42
|
+
// US-style when 10 digits or less; otherwise keep a loose international grouping
|
|
43
|
+
if (digits.length <= 10) {
|
|
44
|
+
return applyPattern(digits, '(###) ###-####');
|
|
45
|
+
}
|
|
46
|
+
// +X (XXX) XXX-XXXX… style for longer numbers
|
|
47
|
+
const country = digits.slice(0, digits.length - 10);
|
|
48
|
+
const rest = applyPattern(digits.slice(-10), '(###) ###-####').formatted;
|
|
49
|
+
return {
|
|
50
|
+
formatted: `+${country} ${rest}`,
|
|
51
|
+
raw: digits
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
function applyCardMask(value) {
|
|
55
|
+
const digits = digitsOnly(value).slice(0, 19);
|
|
56
|
+
const groups = digits.match(/.{1,4}/g) ?? [];
|
|
57
|
+
return {
|
|
58
|
+
formatted: groups.join(' '),
|
|
59
|
+
raw: digits
|
|
60
|
+
};
|
|
61
|
+
}
|
|
62
|
+
function applyDateMask(value) {
|
|
63
|
+
// MM/DD/YYYY
|
|
64
|
+
return applyPattern(digitsOnly(value).slice(0, 8), '##/##/####');
|
|
65
|
+
}
|
|
66
|
+
function applyCurrencyMask(value, symbol = '$', decimals = 2) {
|
|
67
|
+
// Keep only digits and at most one decimal point
|
|
68
|
+
let cleaned = value.replace(/[^0-9.]/g, '');
|
|
69
|
+
const firstDot = cleaned.indexOf('.');
|
|
70
|
+
if (firstDot !== -1) {
|
|
71
|
+
cleaned = cleaned.slice(0, firstDot + 1) + cleaned.slice(firstDot + 1).replace(/\./g, '');
|
|
72
|
+
const [intPart, frac = ''] = cleaned.split('.');
|
|
73
|
+
cleaned = `${intPart}.${frac.slice(0, decimals)}`;
|
|
74
|
+
}
|
|
75
|
+
if (!cleaned || cleaned === '.') {
|
|
76
|
+
return {
|
|
77
|
+
formatted: '',
|
|
78
|
+
raw: ''
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
const [intRaw, fracRaw] = cleaned.split('.');
|
|
82
|
+
const intFormatted = (intRaw || '0').replace(/\B(?=(\d{3})+(?!\d))/g, ',');
|
|
83
|
+
const formatted = fracRaw !== undefined ? `${symbol}${intFormatted}.${fracRaw}` : `${symbol}${intFormatted}`;
|
|
84
|
+
return {
|
|
85
|
+
formatted,
|
|
86
|
+
raw: cleaned
|
|
87
|
+
};
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
/**
|
|
91
|
+
* Format a value with a built-in or custom mask.
|
|
92
|
+
* Pass the previous formatted value's raw length context via the incoming `value`
|
|
93
|
+
* (the function always re-derives from the full string the user typed).
|
|
94
|
+
*/
|
|
95
|
+
function applyMask(value, type, options = {}) {
|
|
96
|
+
switch (type) {
|
|
97
|
+
case 'phone':
|
|
98
|
+
return applyPhoneMask(value);
|
|
99
|
+
case 'card':
|
|
100
|
+
return applyCardMask(value);
|
|
101
|
+
case 'date':
|
|
102
|
+
return applyDateMask(value);
|
|
103
|
+
case 'currency':
|
|
104
|
+
return applyCurrencyMask(value, options.currencySymbol ?? '$', options.currencyDecimals ?? 2);
|
|
105
|
+
case 'custom':
|
|
106
|
+
if (!options.pattern) {
|
|
107
|
+
return {
|
|
108
|
+
formatted: value,
|
|
109
|
+
raw: value
|
|
110
|
+
};
|
|
111
|
+
}
|
|
112
|
+
return applyPattern(digitsOnly(value), options.pattern);
|
|
113
|
+
default:
|
|
114
|
+
return {
|
|
115
|
+
formatted: value,
|
|
116
|
+
raw: value
|
|
117
|
+
};
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
/** Convenience: return only the formatted display string. */
|
|
122
|
+
function formatMasked(value, type, options) {
|
|
123
|
+
return applyMask(value, type, options).formatted;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
/** Convenience: return only the raw (unmasked) value. */
|
|
127
|
+
function unmask(value, type, options) {
|
|
128
|
+
return applyMask(value, type, options).raw;
|
|
129
|
+
}
|
|
130
|
+
//# sourceMappingURL=masks.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["digitsOnly","value","replace","applyPattern","rawDigits","pattern","di","formatted","i","length","ch","raw","slice","applyPhoneMask","digits","country","rest","applyCardMask","groups","match","join","applyDateMask","applyCurrencyMask","symbol","decimals","cleaned","firstDot","indexOf","intPart","frac","split","intRaw","fracRaw","intFormatted","undefined","applyMask","type","options","currencySymbol","currencyDecimals","formatMasked","unmask"],"sourceRoot":"../../../src","sources":["utils/masks.ts"],"mappings":"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","ignoreList":[]}
|