rn-inputforge 0.4.0 → 0.5.1
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 +959 -39
- package/lib/commonjs/a11y/audit.js +72 -0
- package/lib/commonjs/a11y/audit.js.map +1 -0
- package/lib/commonjs/a11y/index.js +13 -0
- package/lib/commonjs/a11y/index.js.map +1 -0
- 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/autofill/index.js +25 -0
- package/lib/commonjs/autofill/index.js.map +1 -0
- package/lib/commonjs/autofill/profiles.js +199 -0
- package/lib/commonjs/autofill/profiles.js.map +1 -0
- package/lib/commonjs/components/FieldFlowA11yAudit/FieldFlowA11yAudit.js +99 -0
- package/lib/commonjs/components/FieldFlowA11yAudit/FieldFlowA11yAudit.js.map +1 -0
- package/lib/commonjs/components/FieldFlowA11yAudit/index.js +13 -0
- package/lib/commonjs/components/FieldFlowA11yAudit/index.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/FieldFlowAuthActions/FieldFlowAuthActions.js +130 -0
- package/lib/commonjs/components/FieldFlowAuthActions/FieldFlowAuthActions.js.map +1 -0
- package/lib/commonjs/components/FieldFlowAuthActions/index.js +13 -0
- package/lib/commonjs/components/FieldFlowAuthActions/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowCompleteness/FieldFlowCompleteness.js +100 -0
- package/lib/commonjs/components/FieldFlowCompleteness/FieldFlowCompleteness.js.map +1 -0
- package/lib/commonjs/components/FieldFlowCompleteness/index.js +13 -0
- package/lib/commonjs/components/FieldFlowCompleteness/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/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/FieldFlowFormHeader/FieldFlowFormHeader.js +102 -0
- package/lib/commonjs/components/FieldFlowFormHeader/FieldFlowFormHeader.js.map +1 -0
- package/lib/commonjs/components/FieldFlowFormHeader/index.js +13 -0
- package/lib/commonjs/components/FieldFlowFormHeader/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowInfoTip/FieldFlowInfoTip.js +121 -0
- package/lib/commonjs/components/FieldFlowInfoTip/FieldFlowInfoTip.js.map +1 -0
- package/lib/commonjs/components/FieldFlowInfoTip/index.js +13 -0
- package/lib/commonjs/components/FieldFlowInfoTip/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowInlineAlert/FieldFlowInlineAlert.js +142 -0
- package/lib/commonjs/components/FieldFlowInlineAlert/FieldFlowInlineAlert.js.map +1 -0
- package/lib/commonjs/components/FieldFlowInlineAlert/index.js +13 -0
- package/lib/commonjs/components/FieldFlowInlineAlert/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowInput/FieldFlowInput.js +179 -53
- package/lib/commonjs/components/FieldFlowInput/FieldFlowInput.js.map +1 -1
- package/lib/commonjs/components/FieldFlowInput/styles.js +60 -8
- package/lib/commonjs/components/FieldFlowInput/styles.js.map +1 -1
- package/lib/commonjs/components/FieldFlowKeyboardToolbar/FieldFlowKeyboardToolbar.js +137 -0
- package/lib/commonjs/components/FieldFlowKeyboardToolbar/FieldFlowKeyboardToolbar.js.map +1 -0
- package/lib/commonjs/components/FieldFlowKeyboardToolbar/index.js +19 -0
- package/lib/commonjs/components/FieldFlowKeyboardToolbar/index.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/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/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/FieldFlowSkeleton/FieldFlowSkeleton.js +101 -0
- package/lib/commonjs/components/FieldFlowSkeleton/FieldFlowSkeleton.js.map +1 -0
- package/lib/commonjs/components/FieldFlowSkeleton/index.js +13 -0
- package/lib/commonjs/components/FieldFlowSkeleton/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/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/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.js +6 -4
- package/lib/commonjs/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.js.map +1 -1
- package/lib/commonjs/hooks/index.js +56 -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/useFieldFlowCompleteness.js +46 -0
- package/lib/commonjs/hooks/useFieldFlowCompleteness.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 +224 -30
- 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/useFieldFlowSubmitQueue.js +145 -0
- package/lib/commonjs/hooks/useFieldFlowSubmitQueue.js.map +1 -0
- package/lib/commonjs/hooks/useFormIntelligence.js +130 -0
- package/lib/commonjs/hooks/useFormIntelligence.js.map +1 -0
- package/lib/commonjs/hooks/useKeyboardManager.js +15 -0
- package/lib/commonjs/hooks/useKeyboardManager.js.map +1 -1
- package/lib/commonjs/hooks/useSmartPaste.js +27 -0
- package/lib/commonjs/hooks/useSmartPaste.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/index.js +466 -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/paste/index.js +19 -0
- package/lib/commonjs/paste/index.js.map +1 -0
- package/lib/commonjs/paste/smartPaste.js +113 -0
- package/lib/commonjs/paste/smartPaste.js.map +1 -0
- package/lib/commonjs/schema/FieldFlowSchemaForm.js +219 -0
- package/lib/commonjs/schema/FieldFlowSchemaForm.js.map +1 -0
- package/lib/commonjs/schema/index.js +13 -0
- package/lib/commonjs/schema/index.js.map +1 -0
- package/lib/commonjs/schema/types.js +6 -0
- package/lib/commonjs/schema/types.js.map +1 -0
- package/lib/commonjs/theme/ThemeProvider.js +65 -4
- package/lib/commonjs/theme/ThemeProvider.js.map +1 -1
- package/lib/commonjs/theme/appearance.js +93 -0
- package/lib/commonjs/theme/appearance.js.map +1 -0
- package/lib/commonjs/theme/defaultTheme.js +17 -2
- package/lib/commonjs/theme/defaultTheme.js.map +1 -1
- package/lib/commonjs/theme/index.js +32 -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/types/globals.d.js +2 -0
- package/lib/commonjs/types/globals.d.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/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/validators.js +10 -7
- package/lib/commonjs/validation/validators.js.map +1 -1
- package/lib/module/a11y/audit.js +68 -0
- package/lib/module/a11y/audit.js.map +1 -0
- package/lib/module/a11y/index.js +4 -0
- package/lib/module/a11y/index.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/autofill/index.js +4 -0
- package/lib/module/autofill/index.js.map +1 -0
- package/lib/module/autofill/profiles.js +193 -0
- package/lib/module/autofill/profiles.js.map +1 -0
- package/lib/module/components/FieldFlowA11yAudit/FieldFlowA11yAudit.js +94 -0
- package/lib/module/components/FieldFlowA11yAudit/FieldFlowA11yAudit.js.map +1 -0
- package/lib/module/components/FieldFlowA11yAudit/index.js +4 -0
- package/lib/module/components/FieldFlowA11yAudit/index.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/FieldFlowAuthActions/FieldFlowAuthActions.js +125 -0
- package/lib/module/components/FieldFlowAuthActions/FieldFlowAuthActions.js.map +1 -0
- package/lib/module/components/FieldFlowAuthActions/index.js +4 -0
- package/lib/module/components/FieldFlowAuthActions/index.js.map +1 -0
- package/lib/module/components/FieldFlowCompleteness/FieldFlowCompleteness.js +95 -0
- package/lib/module/components/FieldFlowCompleteness/FieldFlowCompleteness.js.map +1 -0
- package/lib/module/components/FieldFlowCompleteness/index.js +4 -0
- package/lib/module/components/FieldFlowCompleteness/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/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/FieldFlowFormHeader/FieldFlowFormHeader.js +97 -0
- package/lib/module/components/FieldFlowFormHeader/FieldFlowFormHeader.js.map +1 -0
- package/lib/module/components/FieldFlowFormHeader/index.js +4 -0
- package/lib/module/components/FieldFlowFormHeader/index.js.map +1 -0
- package/lib/module/components/FieldFlowInfoTip/FieldFlowInfoTip.js +116 -0
- package/lib/module/components/FieldFlowInfoTip/FieldFlowInfoTip.js.map +1 -0
- package/lib/module/components/FieldFlowInfoTip/index.js +4 -0
- package/lib/module/components/FieldFlowInfoTip/index.js.map +1 -0
- package/lib/module/components/FieldFlowInlineAlert/FieldFlowInlineAlert.js +137 -0
- package/lib/module/components/FieldFlowInlineAlert/FieldFlowInlineAlert.js.map +1 -0
- package/lib/module/components/FieldFlowInlineAlert/index.js +4 -0
- package/lib/module/components/FieldFlowInlineAlert/index.js.map +1 -0
- package/lib/module/components/FieldFlowInput/FieldFlowInput.js +180 -54
- package/lib/module/components/FieldFlowInput/FieldFlowInput.js.map +1 -1
- package/lib/module/components/FieldFlowInput/styles.js +60 -8
- package/lib/module/components/FieldFlowInput/styles.js.map +1 -1
- package/lib/module/components/FieldFlowKeyboardToolbar/FieldFlowKeyboardToolbar.js +131 -0
- package/lib/module/components/FieldFlowKeyboardToolbar/FieldFlowKeyboardToolbar.js.map +1 -0
- package/lib/module/components/FieldFlowKeyboardToolbar/index.js +4 -0
- package/lib/module/components/FieldFlowKeyboardToolbar/index.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/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/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/FieldFlowSkeleton/FieldFlowSkeleton.js +96 -0
- package/lib/module/components/FieldFlowSkeleton/FieldFlowSkeleton.js.map +1 -0
- package/lib/module/components/FieldFlowSkeleton/index.js +4 -0
- package/lib/module/components/FieldFlowSkeleton/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/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/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.js +5 -3
- package/lib/module/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.js.map +1 -1
- package/lib/module/hooks/index.js +8 -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/useFieldFlowCompleteness.js +42 -0
- package/lib/module/hooks/useFieldFlowCompleteness.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 +224 -30
- 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/useFieldFlowSubmitQueue.js +141 -0
- package/lib/module/hooks/useFieldFlowSubmitQueue.js.map +1 -0
- package/lib/module/hooks/useFormIntelligence.js +126 -0
- package/lib/module/hooks/useFormIntelligence.js.map +1 -0
- package/lib/module/hooks/useKeyboardManager.js +15 -0
- package/lib/module/hooks/useKeyboardManager.js.map +1 -1
- package/lib/module/hooks/useSmartPaste.js +23 -0
- package/lib/module/hooks/useSmartPaste.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/index.js +46 -2
- 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/paste/index.js +4 -0
- package/lib/module/paste/index.js.map +1 -0
- package/lib/module/paste/smartPaste.js +108 -0
- package/lib/module/paste/smartPaste.js.map +1 -0
- package/lib/module/schema/FieldFlowSchemaForm.js +214 -0
- package/lib/module/schema/FieldFlowSchemaForm.js.map +1 -0
- package/lib/module/schema/index.js +4 -0
- package/lib/module/schema/index.js.map +1 -0
- package/lib/module/schema/types.js +4 -0
- package/lib/module/schema/types.js.map +1 -0
- package/lib/module/theme/ThemeProvider.js +66 -5
- package/lib/module/theme/ThemeProvider.js.map +1 -1
- package/lib/module/theme/appearance.js +87 -0
- package/lib/module/theme/appearance.js.map +1 -0
- package/lib/module/theme/defaultTheme.js +17 -2
- package/lib/module/theme/defaultTheme.js.map +1 -1
- package/lib/module/theme/index.js +2 -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/types/globals.d.js +2 -0
- package/lib/module/types/globals.d.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/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/validators.js +10 -7
- package/lib/module/validation/validators.js.map +1 -1
- package/lib/typescript/a11y/audit.d.ts +32 -0
- package/lib/typescript/a11y/audit.d.ts.map +1 -0
- package/lib/typescript/a11y/index.d.ts +3 -0
- package/lib/typescript/a11y/index.d.ts.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/autofill/index.d.ts +3 -0
- package/lib/typescript/autofill/index.d.ts.map +1 -0
- package/lib/typescript/autofill/profiles.d.ts +48 -0
- package/lib/typescript/autofill/profiles.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowA11yAudit/FieldFlowA11yAudit.d.ts +21 -0
- package/lib/typescript/components/FieldFlowA11yAudit/FieldFlowA11yAudit.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowA11yAudit/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowA11yAudit/index.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/FieldFlowAuthActions/FieldFlowAuthActions.d.ts +29 -0
- package/lib/typescript/components/FieldFlowAuthActions/FieldFlowAuthActions.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowAuthActions/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowAuthActions/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowCompleteness/FieldFlowCompleteness.d.ts +25 -0
- package/lib/typescript/components/FieldFlowCompleteness/FieldFlowCompleteness.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowCompleteness/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowCompleteness/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/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/FieldFlowFormHeader/FieldFlowFormHeader.d.ts +23 -0
- package/lib/typescript/components/FieldFlowFormHeader/FieldFlowFormHeader.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowFormHeader/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowFormHeader/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowInfoTip/FieldFlowInfoTip.d.ts +19 -0
- package/lib/typescript/components/FieldFlowInfoTip/FieldFlowInfoTip.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowInfoTip/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowInfoTip/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowInlineAlert/FieldFlowInlineAlert.d.ts +22 -0
- package/lib/typescript/components/FieldFlowInlineAlert/FieldFlowInlineAlert.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowInlineAlert/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowInlineAlert/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowInput/FieldFlowInput.d.ts.map +1 -1
- package/lib/typescript/components/FieldFlowInput/styles.d.ts +52 -1
- package/lib/typescript/components/FieldFlowInput/styles.d.ts.map +1 -1
- package/lib/typescript/components/FieldFlowInput/types.d.ts +50 -0
- package/lib/typescript/components/FieldFlowInput/types.d.ts.map +1 -1
- package/lib/typescript/components/FieldFlowKeyboardToolbar/FieldFlowKeyboardToolbar.d.ts +30 -0
- package/lib/typescript/components/FieldFlowKeyboardToolbar/FieldFlowKeyboardToolbar.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowKeyboardToolbar/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowKeyboardToolbar/index.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/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/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/FieldFlowSkeleton/FieldFlowSkeleton.d.ts +21 -0
- package/lib/typescript/components/FieldFlowSkeleton/FieldFlowSkeleton.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowSkeleton/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowSkeleton/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/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/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.d.ts +3 -2
- package/lib/typescript/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.d.ts.map +1 -1
- package/lib/typescript/hooks/index.d.ts +17 -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/useFieldFlowCompleteness.d.ts +28 -0
- package/lib/typescript/hooks/useFieldFlowCompleteness.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 +80 -2
- 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/useFieldFlowSubmitQueue.d.ts +45 -0
- package/lib/typescript/hooks/useFieldFlowSubmitQueue.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/hooks/useKeyboardManager.d.ts +6 -0
- package/lib/typescript/hooks/useKeyboardManager.d.ts.map +1 -1
- package/lib/typescript/hooks/useSmartPaste.d.ts +14 -0
- package/lib/typescript/hooks/useSmartPaste.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/index.d.ts +73 -5
- 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/paste/index.d.ts +3 -0
- package/lib/typescript/paste/index.d.ts.map +1 -0
- package/lib/typescript/paste/smartPaste.d.ts +32 -0
- package/lib/typescript/paste/smartPaste.d.ts.map +1 -0
- package/lib/typescript/schema/FieldFlowSchemaForm.d.ts +28 -0
- package/lib/typescript/schema/FieldFlowSchemaForm.d.ts.map +1 -0
- package/lib/typescript/schema/index.d.ts +4 -0
- package/lib/typescript/schema/index.d.ts.map +1 -0
- package/lib/typescript/schema/types.d.ts +43 -0
- package/lib/typescript/schema/types.d.ts.map +1 -0
- package/lib/typescript/theme/ThemeProvider.d.ts +18 -4
- package/lib/typescript/theme/ThemeProvider.d.ts.map +1 -1
- package/lib/typescript/theme/appearance.d.ts +19 -0
- package/lib/typescript/theme/appearance.d.ts.map +1 -0
- package/lib/typescript/theme/defaultTheme.d.ts.map +1 -1
- package/lib/typescript/theme/index.d.ts +3 -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 +26 -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/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/validators.d.ts +3 -1
- package/lib/typescript/validation/validators.d.ts.map +1 -1
- package/package.json +19 -2
- package/src/a11y/audit.ts +99 -0
- package/src/a11y/index.ts +7 -0
- package/src/adapters/index.ts +9 -0
- package/src/adapters/reactHookForm.tsx +152 -0
- package/src/autofill/index.ts +10 -0
- package/src/autofill/profiles.ts +224 -0
- package/src/components/FieldFlowA11yAudit/FieldFlowA11yAudit.tsx +112 -0
- package/src/components/FieldFlowA11yAudit/index.ts +2 -0
- package/src/components/FieldFlowAffordance/FieldFlowAffordance.tsx +143 -0
- package/src/components/FieldFlowAffordance/index.ts +2 -0
- package/src/components/FieldFlowAuthActions/FieldFlowAuthActions.tsx +146 -0
- package/src/components/FieldFlowAuthActions/index.ts +6 -0
- package/src/components/FieldFlowCompleteness/FieldFlowCompleteness.tsx +109 -0
- package/src/components/FieldFlowCompleteness/index.ts +2 -0
- package/src/components/FieldFlowCreditCard/FieldFlowCreditCard.tsx +152 -0
- package/src/components/FieldFlowCreditCard/index.ts +2 -0
- package/src/components/FieldFlowDraftBanner/FieldFlowDraftBanner.tsx +169 -0
- package/src/components/FieldFlowDraftBanner/index.ts +2 -0
- package/src/components/FieldFlowFormHeader/FieldFlowFormHeader.tsx +106 -0
- package/src/components/FieldFlowFormHeader/index.ts +2 -0
- package/src/components/FieldFlowInfoTip/FieldFlowInfoTip.tsx +120 -0
- package/src/components/FieldFlowInfoTip/index.ts +2 -0
- package/src/components/FieldFlowInlineAlert/FieldFlowInlineAlert.tsx +134 -0
- package/src/components/FieldFlowInlineAlert/index.ts +2 -0
- package/src/components/FieldFlowInput/FieldFlowInput.tsx +240 -61
- package/src/components/FieldFlowInput/styles.ts +69 -11
- package/src/components/FieldFlowInput/types.ts +54 -0
- package/src/components/FieldFlowKeyboardToolbar/FieldFlowKeyboardToolbar.tsx +150 -0
- package/src/components/FieldFlowKeyboardToolbar/index.ts +5 -0
- package/src/components/FieldFlowNumberStepper/FieldFlowNumberStepper.tsx +156 -0
- package/src/components/FieldFlowNumberStepper/index.ts +2 -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/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/FieldFlowSkeleton/FieldFlowSkeleton.tsx +105 -0
- package/src/components/FieldFlowSkeleton/index.ts +2 -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/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/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.tsx +8 -4
- package/src/hooks/index.ts +48 -0
- package/src/hooks/useFieldFlowArray.ts +153 -0
- package/src/hooks/useFieldFlowCompleteness.ts +69 -0
- package/src/hooks/useFieldFlowDirtyGuard.ts +70 -0
- package/src/hooks/useFieldFlowDraft.ts +221 -0
- package/src/hooks/useFieldFlowForm.ts +357 -28
- package/src/hooks/useFieldFlowSteps.ts +130 -0
- package/src/hooks/useFieldFlowSubmitQueue.ts +206 -0
- package/src/hooks/useFormIntelligence.ts +207 -0
- package/src/hooks/useKeyboardManager.ts +26 -0
- package/src/hooks/useSmartPaste.ts +33 -0
- package/src/i18n/index.ts +6 -0
- package/src/i18n/messages.ts +101 -0
- package/src/index.ts +251 -3
- 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/paste/index.ts +7 -0
- package/src/paste/smartPaste.ts +132 -0
- package/src/schema/FieldFlowSchemaForm.tsx +274 -0
- package/src/schema/index.ts +8 -0
- package/src/schema/types.ts +63 -0
- package/src/theme/ThemeProvider.tsx +96 -7
- package/src/theme/appearance.ts +105 -0
- package/src/theme/defaultTheme.ts +11 -0
- package/src/theme/index.ts +3 -0
- package/src/theme/presets.ts +120 -0
- package/src/types/globals.d.ts +2 -0
- package/src/types/index.ts +28 -0
- package/src/utils/affordance.ts +138 -0
- package/src/utils/passwordStrength.ts +109 -0
- package/src/utils/phoneCountries.ts +44 -0
- package/src/validation/validators.ts +17 -7
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Dev-time accessibility audit for FieldFlow forms.
|
|
5
|
+
* Call in `__DEV__` and log / render via `FieldFlowA11yAudit`.
|
|
6
|
+
*/
|
|
7
|
+
export function runA11yAudit(input) {
|
|
8
|
+
const minHit = input.minHitTarget ?? 44;
|
|
9
|
+
const issues = [];
|
|
10
|
+
for (const field of input.fields) {
|
|
11
|
+
if (!field.label && !field.hasAccessibilityLabel) {
|
|
12
|
+
issues.push({
|
|
13
|
+
id: `label-${field.name}`,
|
|
14
|
+
severity: 'error',
|
|
15
|
+
field: field.name,
|
|
16
|
+
message: `Field "${field.name}" has no visible label or accessibilityLabel`
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
if (field.placeholderOnly && !field.label) {
|
|
20
|
+
issues.push({
|
|
21
|
+
id: `placeholder-${field.name}`,
|
|
22
|
+
severity: 'warn',
|
|
23
|
+
field: field.name,
|
|
24
|
+
message: `Field "${field.name}" relies on placeholder as the only label`
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
if (field.required && field.label && !/\*|required/i.test(field.label) && !field.hasAccessibilityLabel) {
|
|
28
|
+
issues.push({
|
|
29
|
+
id: `required-${field.name}`,
|
|
30
|
+
severity: 'info',
|
|
31
|
+
field: field.name,
|
|
32
|
+
message: `Required field "${field.name}" — ensure required state is announced`
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
if (field.hasError && !field.errorText) {
|
|
36
|
+
issues.push({
|
|
37
|
+
id: `error-text-${field.name}`,
|
|
38
|
+
severity: 'error',
|
|
39
|
+
field: field.name,
|
|
40
|
+
message: `Field "${field.name}" is in error state without errorText for screen readers`
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
if (field.hitHeight != null && field.hitHeight < minHit) {
|
|
44
|
+
issues.push({
|
|
45
|
+
id: `hit-${field.name}`,
|
|
46
|
+
severity: 'warn',
|
|
47
|
+
field: field.name,
|
|
48
|
+
message: `Field "${field.name}" hit target ~${field.hitHeight}px (min ${minHit})`
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
if (input.respectsReducedMotion === false) {
|
|
53
|
+
issues.push({
|
|
54
|
+
id: 'reduced-motion',
|
|
55
|
+
severity: 'warn',
|
|
56
|
+
message: 'Animations may not respect Reduce Motion — use motion={false} or useReducedMotion'
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
if (input.fields.length === 0) {
|
|
60
|
+
issues.push({
|
|
61
|
+
id: 'empty',
|
|
62
|
+
severity: 'info',
|
|
63
|
+
message: 'No fields registered for audit'
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
return issues;
|
|
67
|
+
}
|
|
68
|
+
//# sourceMappingURL=audit.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["runA11yAudit","input","minHit","minHitTarget","issues","field","fields","label","hasAccessibilityLabel","push","id","name","severity","message","placeholderOnly","required","test","hasError","errorText","hitHeight","respectsReducedMotion","length"],"sourceRoot":"../../../src","sources":["a11y/audit.ts"],"mappings":";;AA8BA;AACA;AACA;AACA;AACA,OAAO,SAASA,YAAYA,CAACC,KAA8B,EAAwB;EACjF,MAAMC,MAAM,GAAGD,KAAK,CAACE,YAAY,IAAI,EAAE;EACvC,MAAMC,MAA4B,GAAG,EAAE;EAEvC,KAAK,MAAMC,KAAK,IAAIJ,KAAK,CAACK,MAAM,EAAE;IAChC,IAAI,CAACD,KAAK,CAACE,KAAK,IAAI,CAACF,KAAK,CAACG,qBAAqB,EAAE;MAChDJ,MAAM,CAACK,IAAI,CAAC;QACVC,EAAE,EAAE,SAASL,KAAK,CAACM,IAAI,EAAE;QACzBC,QAAQ,EAAE,OAAO;QACjBP,KAAK,EAAEA,KAAK,CAACM,IAAI;QACjBE,OAAO,EAAE,UAAUR,KAAK,CAACM,IAAI;MAC/B,CAAC,CAAC;IACJ;IACA,IAAIN,KAAK,CAACS,eAAe,IAAI,CAACT,KAAK,CAACE,KAAK,EAAE;MACzCH,MAAM,CAACK,IAAI,CAAC;QACVC,EAAE,EAAE,eAAeL,KAAK,CAACM,IAAI,EAAE;QAC/BC,QAAQ,EAAE,MAAM;QAChBP,KAAK,EAAEA,KAAK,CAACM,IAAI;QACjBE,OAAO,EAAE,UAAUR,KAAK,CAACM,IAAI;MAC/B,CAAC,CAAC;IACJ;IACA,IAAIN,KAAK,CAACU,QAAQ,IAAIV,KAAK,CAACE,KAAK,IAAI,CAAC,cAAc,CAACS,IAAI,CAACX,KAAK,CAACE,KAAK,CAAC,IAAI,CAACF,KAAK,CAACG,qBAAqB,EAAE;MACtGJ,MAAM,CAACK,IAAI,CAAC;QACVC,EAAE,EAAE,YAAYL,KAAK,CAACM,IAAI,EAAE;QAC5BC,QAAQ,EAAE,MAAM;QAChBP,KAAK,EAAEA,KAAK,CAACM,IAAI;QACjBE,OAAO,EAAE,mBAAmBR,KAAK,CAACM,IAAI;MACxC,CAAC,CAAC;IACJ;IACA,IAAIN,KAAK,CAACY,QAAQ,IAAI,CAACZ,KAAK,CAACa,SAAS,EAAE;MACtCd,MAAM,CAACK,IAAI,CAAC;QACVC,EAAE,EAAE,cAAcL,KAAK,CAACM,IAAI,EAAE;QAC9BC,QAAQ,EAAE,OAAO;QACjBP,KAAK,EAAEA,KAAK,CAACM,IAAI;QACjBE,OAAO,EAAE,UAAUR,KAAK,CAACM,IAAI;MAC/B,CAAC,CAAC;IACJ;IACA,IAAIN,KAAK,CAACc,SAAS,IAAI,IAAI,IAAId,KAAK,CAACc,SAAS,GAAGjB,MAAM,EAAE;MACvDE,MAAM,CAACK,IAAI,CAAC;QACVC,EAAE,EAAE,OAAOL,KAAK,CAACM,IAAI,EAAE;QACvBC,QAAQ,EAAE,MAAM;QAChBP,KAAK,EAAEA,KAAK,CAACM,IAAI;QACjBE,OAAO,EAAE,UAAUR,KAAK,CAACM,IAAI,iBAAiBN,KAAK,CAACc,SAAS,WAAWjB,MAAM;MAChF,CAAC,CAAC;IACJ;EACF;EAEA,IAAID,KAAK,CAACmB,qBAAqB,KAAK,KAAK,EAAE;IACzChB,MAAM,CAACK,IAAI,CAAC;MACVC,EAAE,EAAE,gBAAgB;MACpBE,QAAQ,EAAE,MAAM;MAChBC,OAAO,EAAE;IACX,CAAC,CAAC;EACJ;EAEA,IAAIZ,KAAK,CAACK,MAAM,CAACe,MAAM,KAAK,CAAC,EAAE;IAC7BjB,MAAM,CAACK,IAAI,CAAC;MACVC,EAAE,EAAE,OAAO;MACXE,QAAQ,EAAE,MAAM;MAChBC,OAAO,EAAE;IACX,CAAC,CAAC;EACJ;EAEA,OAAOT,MAAM;AACf","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["runA11yAudit"],"sourceRoot":"../../../src","sources":["a11y/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,SAAS","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["FieldFlowController","FieldFlowTagsController","mapRhfToFieldFlowProps"],"sourceRoot":"../../../src","sources":["adapters/index.ts"],"mappings":";;AAAA,SACEA,mBAAmB,EACnBC,uBAAuB,EACvBC,sBAAsB,QACjB,iBAAiB","ignoreList":[]}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { Controller } from 'react-hook-form';
|
|
5
|
+
import { FieldFlowInput } from '../components/FieldFlowInput';
|
|
6
|
+
import { FieldFlowTags } from '../components/FieldFlowTags';
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
/**
|
|
9
|
+
* Drop-in `Controller` wrapper that renders a themed `FieldFlowInput`
|
|
10
|
+
* wired to react-hook-form. Requires the optional `react-hook-form` peer.
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* const { control, handleSubmit } = useForm({ defaultValues: { email: '' } });
|
|
14
|
+
*
|
|
15
|
+
* <FieldFlowController
|
|
16
|
+
* control={control}
|
|
17
|
+
* name="email"
|
|
18
|
+
* type="email"
|
|
19
|
+
* label="Email"
|
|
20
|
+
* rules={{ required: 'Email is required' }}
|
|
21
|
+
* suggestions
|
|
22
|
+
* />
|
|
23
|
+
*/
|
|
24
|
+
export function FieldFlowController({
|
|
25
|
+
control,
|
|
26
|
+
name,
|
|
27
|
+
rules,
|
|
28
|
+
defaultValue,
|
|
29
|
+
showError = true,
|
|
30
|
+
...inputProps
|
|
31
|
+
}) {
|
|
32
|
+
return /*#__PURE__*/_jsx(Controller, {
|
|
33
|
+
control: control,
|
|
34
|
+
name: name,
|
|
35
|
+
rules: rules,
|
|
36
|
+
defaultValue: defaultValue,
|
|
37
|
+
render: ({
|
|
38
|
+
field,
|
|
39
|
+
fieldState
|
|
40
|
+
}) => /*#__PURE__*/_jsx(FieldFlowInput, {
|
|
41
|
+
...inputProps,
|
|
42
|
+
ref: field.ref,
|
|
43
|
+
value: field.value == null ? '' : String(field.value),
|
|
44
|
+
onChangeText: field.onChange,
|
|
45
|
+
onBlur: field.onBlur,
|
|
46
|
+
errorText: showError ? fieldState.error?.message : undefined,
|
|
47
|
+
hasError: showError ? Boolean(fieldState.error) : undefined
|
|
48
|
+
})
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
/**
|
|
52
|
+
* RHF `Controller` for `FieldFlowTags` (string[] values).
|
|
53
|
+
*/
|
|
54
|
+
export function FieldFlowTagsController({
|
|
55
|
+
control,
|
|
56
|
+
name,
|
|
57
|
+
rules,
|
|
58
|
+
defaultValue,
|
|
59
|
+
showError = true,
|
|
60
|
+
...tagsProps
|
|
61
|
+
}) {
|
|
62
|
+
return /*#__PURE__*/_jsx(Controller, {
|
|
63
|
+
control: control,
|
|
64
|
+
name: name,
|
|
65
|
+
rules: rules,
|
|
66
|
+
defaultValue: defaultValue,
|
|
67
|
+
render: ({
|
|
68
|
+
field,
|
|
69
|
+
fieldState
|
|
70
|
+
}) => /*#__PURE__*/_jsx(FieldFlowTags, {
|
|
71
|
+
...tagsProps,
|
|
72
|
+
value: Array.isArray(field.value) ? field.value : [],
|
|
73
|
+
onChange: field.onChange,
|
|
74
|
+
errorText: showError ? fieldState.error?.message : undefined,
|
|
75
|
+
hasError: showError ? Boolean(fieldState.error) : undefined
|
|
76
|
+
})
|
|
77
|
+
});
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
/**
|
|
81
|
+
* Map an RHF `field` + `fieldState` onto common FieldFlow input props.
|
|
82
|
+
* Useful when you need a custom render or a non-input FieldFlow component.
|
|
83
|
+
*/
|
|
84
|
+
export function mapRhfToFieldFlowProps(args) {
|
|
85
|
+
const {
|
|
86
|
+
value,
|
|
87
|
+
onChange,
|
|
88
|
+
onBlur,
|
|
89
|
+
errorMessage,
|
|
90
|
+
showError = true
|
|
91
|
+
} = args;
|
|
92
|
+
return {
|
|
93
|
+
value: value == null ? '' : String(value),
|
|
94
|
+
onChangeText: onChange,
|
|
95
|
+
onBlur,
|
|
96
|
+
errorText: showError ? errorMessage : undefined,
|
|
97
|
+
hasError: showError ? Boolean(errorMessage) : undefined
|
|
98
|
+
};
|
|
99
|
+
}
|
|
100
|
+
//# sourceMappingURL=reactHookForm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Controller","FieldFlowInput","FieldFlowTags","jsx","_jsx","FieldFlowController","control","name","rules","defaultValue","showError","inputProps","render","field","fieldState","ref","value","String","onChangeText","onChange","onBlur","errorText","error","message","undefined","hasError","Boolean","FieldFlowTagsController","tagsProps","Array","isArray","mapRhfToFieldFlowProps","args","errorMessage"],"sourceRoot":"../../../src","sources":["adapters/reactHookForm.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SACEC,UAAU,QAML,iBAAiB;AACxB,SAASC,cAAc,QAAkC,8BAA8B;AACvF,SAASC,aAAa,QAAiC,6BAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AA2BrF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,mBAAmBA,CAGjC;EACAC,OAAO;EACPC,IAAI;EACJC,KAAK;EACLC,YAAY;EACZC,SAAS,GAAG,IAAI;EAChB,GAAGC;AAC0C,CAAC,EAAE;EAChD,oBACEP,IAAA,CAACJ,UAAU;IACTM,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BG,MAAM,EAAEA,CAAC;MAAEC,KAAK;MAAEC;IAAW,CAAC,kBAC5BV,IAAA,CAACH,cAAc;MAAA,GACTU,UAAU;MACdI,GAAG,EAAEF,KAAK,CAACE,GAA4B;MACvCC,KAAK,EAAEH,KAAK,CAACG,KAAK,IAAI,IAAI,GAAG,EAAE,GAAGC,MAAM,CAACJ,KAAK,CAACG,KAAK,CAAE;MACtDE,YAAY,EAAEL,KAAK,CAACM,QAAS;MAC7BC,MAAM,EAAEP,KAAK,CAACO,MAAO;MACrBC,SAAS,EAAEX,SAAS,GAAGI,UAAU,CAACQ,KAAK,EAAEC,OAAO,GAAGC,SAAU;MAC7DC,QAAQ,EAAEf,SAAS,GAAGgB,OAAO,CAACZ,UAAU,CAACQ,KAAK,CAAC,GAAGE;IAAU,CAC7D;EACD,CACH,CAAC;AAEN;AAeA;AACA;AACA;AACA,OAAO,SAASG,uBAAuBA,CAGrC;EACArB,OAAO;EACPC,IAAI;EACJC,KAAK;EACLC,YAAY;EACZC,SAAS,GAAG,IAAI;EAChB,GAAGkB;AAC8C,CAAC,EAAE;EACpD,oBACExB,IAAA,CAACJ,UAAU;IACTM,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BG,MAAM,EAAEA,CAAC;MAAEC,KAAK;MAAEC;IAAW,CAAC,kBAC5BV,IAAA,CAACF,aAAa;MAAA,GACR0B,SAAS;MACbZ,KAAK,EAAEa,KAAK,CAACC,OAAO,CAACjB,KAAK,CAACG,KAAK,CAAC,GAAGH,KAAK,CAACG,KAAK,GAAG,EAAG;MACrDG,QAAQ,EAAEN,KAAK,CAACM,QAAS;MACzBE,SAAS,EAAEX,SAAS,GAAGI,UAAU,CAACQ,KAAK,EAAEC,OAAO,GAAGC,SAAU;MAC7DC,QAAQ,EAAEf,SAAS,GAAGgB,OAAO,CAACZ,UAAU,CAACQ,KAAK,CAAC,GAAGE;IAAU,CAC7D;EACD,CACH,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASO,sBAAsBA,CAACC,IAMtC,EAA6F;EAC5F,MAAM;IAAEhB,KAAK;IAAEG,QAAQ;IAAEC,MAAM;IAAEa,YAAY;IAAEvB,SAAS,GAAG;EAAK,CAAC,GAAGsB,IAAI;EACxE,OAAO;IACLhB,KAAK,EAAEA,KAAK,IAAI,IAAI,GAAG,EAAE,GAAGC,MAAM,CAACD,KAAK,CAAC;IACzCE,YAAY,EAAEC,QAAQ;IACtBC,MAAM;IACNC,SAAS,EAAEX,SAAS,GAAGuB,YAAY,GAAGT,SAAS;IAC/CC,QAAQ,EAAEf,SAAS,GAAGgB,OAAO,CAACO,YAAY,CAAC,GAAGT;EAChD,CAAC;AACH","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getAutofillProps","autofillRoleFromFieldType","autofillProfiles"],"sourceRoot":"../../../src","sources":["autofill/index.ts"],"mappings":";;AAAA,SACEA,gBAAgB,EAChBC,yBAAyB,EACzBC,gBAAgB,QACX,YAAY","ignoreList":[]}
|
|
@@ -0,0 +1,193 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Semantic autofill roles — map to platform `autoComplete` + iOS `textContentType`.
|
|
5
|
+
* Pass as `autofill="email"` on `FieldFlowInput`, or use a profile bundle.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
const ROLE_MAP = {
|
|
9
|
+
off: {
|
|
10
|
+
autoComplete: 'off',
|
|
11
|
+
textContentType: 'none',
|
|
12
|
+
importantForAutofill: 'no'
|
|
13
|
+
},
|
|
14
|
+
name: {
|
|
15
|
+
autoComplete: 'name',
|
|
16
|
+
textContentType: 'name',
|
|
17
|
+
importantForAutofill: 'yes',
|
|
18
|
+
autoCapitalize: 'words'
|
|
19
|
+
},
|
|
20
|
+
givenName: {
|
|
21
|
+
autoComplete: 'given-name',
|
|
22
|
+
textContentType: 'givenName',
|
|
23
|
+
importantForAutofill: 'yes',
|
|
24
|
+
autoCapitalize: 'words'
|
|
25
|
+
},
|
|
26
|
+
familyName: {
|
|
27
|
+
autoComplete: 'family-name',
|
|
28
|
+
textContentType: 'familyName',
|
|
29
|
+
importantForAutofill: 'yes',
|
|
30
|
+
autoCapitalize: 'words'
|
|
31
|
+
},
|
|
32
|
+
email: {
|
|
33
|
+
autoComplete: 'email',
|
|
34
|
+
textContentType: 'emailAddress',
|
|
35
|
+
importantForAutofill: 'yes',
|
|
36
|
+
autoCapitalize: 'none',
|
|
37
|
+
autoCorrect: false
|
|
38
|
+
},
|
|
39
|
+
username: {
|
|
40
|
+
autoComplete: 'username',
|
|
41
|
+
textContentType: 'username',
|
|
42
|
+
importantForAutofill: 'yes',
|
|
43
|
+
autoCapitalize: 'none',
|
|
44
|
+
autoCorrect: false
|
|
45
|
+
},
|
|
46
|
+
password: {
|
|
47
|
+
autoComplete: 'password',
|
|
48
|
+
textContentType: 'password',
|
|
49
|
+
importantForAutofill: 'yes',
|
|
50
|
+
autoCapitalize: 'none',
|
|
51
|
+
autoCorrect: false
|
|
52
|
+
},
|
|
53
|
+
newPassword: {
|
|
54
|
+
autoComplete: 'password-new',
|
|
55
|
+
textContentType: 'newPassword',
|
|
56
|
+
importantForAutofill: 'yes',
|
|
57
|
+
autoCapitalize: 'none',
|
|
58
|
+
autoCorrect: false
|
|
59
|
+
},
|
|
60
|
+
oneTimeCode: {
|
|
61
|
+
autoComplete: 'sms-otp',
|
|
62
|
+
textContentType: 'oneTimeCode',
|
|
63
|
+
importantForAutofill: 'yes',
|
|
64
|
+
autoCapitalize: 'none',
|
|
65
|
+
autoCorrect: false
|
|
66
|
+
},
|
|
67
|
+
tel: {
|
|
68
|
+
autoComplete: 'tel',
|
|
69
|
+
textContentType: 'telephoneNumber',
|
|
70
|
+
importantForAutofill: 'yes'
|
|
71
|
+
},
|
|
72
|
+
streetAddress: {
|
|
73
|
+
autoComplete: 'street-address',
|
|
74
|
+
textContentType: 'fullStreetAddress',
|
|
75
|
+
importantForAutofill: 'yes'
|
|
76
|
+
},
|
|
77
|
+
postalCode: {
|
|
78
|
+
autoComplete: 'postal-code',
|
|
79
|
+
textContentType: 'postalCode',
|
|
80
|
+
importantForAutofill: 'yes'
|
|
81
|
+
},
|
|
82
|
+
addressCity: {
|
|
83
|
+
autoComplete: 'postal-address-locality',
|
|
84
|
+
textContentType: 'addressCity',
|
|
85
|
+
importantForAutofill: 'yes',
|
|
86
|
+
autoCapitalize: 'words'
|
|
87
|
+
},
|
|
88
|
+
addressState: {
|
|
89
|
+
autoComplete: 'postal-address-region',
|
|
90
|
+
textContentType: 'addressState',
|
|
91
|
+
importantForAutofill: 'yes'
|
|
92
|
+
},
|
|
93
|
+
country: {
|
|
94
|
+
autoComplete: 'country',
|
|
95
|
+
textContentType: 'countryName',
|
|
96
|
+
importantForAutofill: 'yes'
|
|
97
|
+
},
|
|
98
|
+
ccNumber: {
|
|
99
|
+
autoComplete: 'cc-number',
|
|
100
|
+
textContentType: 'creditCardNumber',
|
|
101
|
+
importantForAutofill: 'yes'
|
|
102
|
+
},
|
|
103
|
+
ccExp: {
|
|
104
|
+
autoComplete: 'cc-exp',
|
|
105
|
+
textContentType: 'creditCardExpiration',
|
|
106
|
+
importantForAutofill: 'yes'
|
|
107
|
+
},
|
|
108
|
+
ccCsc: {
|
|
109
|
+
autoComplete: 'cc-csc',
|
|
110
|
+
textContentType: 'creditCardSecurityCode',
|
|
111
|
+
importantForAutofill: 'yes'
|
|
112
|
+
},
|
|
113
|
+
ccName: {
|
|
114
|
+
autoComplete: 'cc-name',
|
|
115
|
+
textContentType: 'creditCardName',
|
|
116
|
+
importantForAutofill: 'yes',
|
|
117
|
+
autoCapitalize: 'words'
|
|
118
|
+
},
|
|
119
|
+
organization: {
|
|
120
|
+
autoComplete: 'organization',
|
|
121
|
+
textContentType: 'organizationName',
|
|
122
|
+
importantForAutofill: 'yes',
|
|
123
|
+
autoCapitalize: 'words'
|
|
124
|
+
},
|
|
125
|
+
url: {
|
|
126
|
+
autoComplete: 'url',
|
|
127
|
+
textContentType: 'URL',
|
|
128
|
+
importantForAutofill: 'yes',
|
|
129
|
+
autoCapitalize: 'none',
|
|
130
|
+
autoCorrect: false
|
|
131
|
+
},
|
|
132
|
+
birthdate: {
|
|
133
|
+
autoComplete: 'birthdate-full',
|
|
134
|
+
textContentType: 'none',
|
|
135
|
+
importantForAutofill: 'yes'
|
|
136
|
+
}
|
|
137
|
+
};
|
|
138
|
+
|
|
139
|
+
/** Resolve platform autofill props for a semantic role. */
|
|
140
|
+
export function getAutofillProps(role) {
|
|
141
|
+
return ROLE_MAP[role] ?? ROLE_MAP.off;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
/** Infer a sensible autofill role from FieldFlow `type` when no explicit role is set. */
|
|
145
|
+
export function autofillRoleFromFieldType(type) {
|
|
146
|
+
switch (type) {
|
|
147
|
+
case 'email':
|
|
148
|
+
return 'email';
|
|
149
|
+
case 'phone':
|
|
150
|
+
return 'tel';
|
|
151
|
+
case 'password':
|
|
152
|
+
return 'password';
|
|
153
|
+
default:
|
|
154
|
+
return undefined;
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
/**
|
|
159
|
+
* Named screen profiles — spread onto multiple fields.
|
|
160
|
+
* Example: `autofillProfiles.signup.email` → role `'email'`.
|
|
161
|
+
*/
|
|
162
|
+
export const autofillProfiles = {
|
|
163
|
+
login: {
|
|
164
|
+
email: 'email',
|
|
165
|
+
username: 'username',
|
|
166
|
+
password: 'password'
|
|
167
|
+
},
|
|
168
|
+
signup: {
|
|
169
|
+
name: 'name',
|
|
170
|
+
email: 'email',
|
|
171
|
+
password: 'newPassword',
|
|
172
|
+
phone: 'tel'
|
|
173
|
+
},
|
|
174
|
+
shipping: {
|
|
175
|
+
name: 'name',
|
|
176
|
+
street: 'streetAddress',
|
|
177
|
+
city: 'addressCity',
|
|
178
|
+
state: 'addressState',
|
|
179
|
+
postalCode: 'postalCode',
|
|
180
|
+
country: 'country',
|
|
181
|
+
phone: 'tel'
|
|
182
|
+
},
|
|
183
|
+
payment: {
|
|
184
|
+
name: 'ccName',
|
|
185
|
+
number: 'ccNumber',
|
|
186
|
+
expiry: 'ccExp',
|
|
187
|
+
cvc: 'ccCsc'
|
|
188
|
+
},
|
|
189
|
+
otp: {
|
|
190
|
+
code: 'oneTimeCode'
|
|
191
|
+
}
|
|
192
|
+
};
|
|
193
|
+
//# sourceMappingURL=profiles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["ROLE_MAP","off","autoComplete","textContentType","importantForAutofill","name","autoCapitalize","givenName","familyName","email","autoCorrect","username","password","newPassword","oneTimeCode","tel","streetAddress","postalCode","addressCity","addressState","country","ccNumber","ccExp","ccCsc","ccName","organization","url","birthdate","getAutofillProps","role","autofillRoleFromFieldType","type","undefined","autofillProfiles","login","signup","phone","shipping","street","city","state","payment","number","expiry","cvc","otp","code"],"sourceRoot":"../../../src","sources":["autofill/profiles.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useMemo } from 'react';
|
|
4
|
+
import { StyleSheet, Text, View } from 'react-native';
|
|
5
|
+
import { runA11yAudit } from '../../a11y';
|
|
6
|
+
import { useFieldFlowTheme, mergeDeep } from '../../theme/ThemeProvider';
|
|
7
|
+
import { defaultTheme } from '../../theme/defaultTheme';
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
/**
|
|
10
|
+
* Dev overlay listing accessibility issues for the current form.
|
|
11
|
+
* No-ops in production when `devOnly` is true.
|
|
12
|
+
*/
|
|
13
|
+
export function FieldFlowA11yAudit({
|
|
14
|
+
audit,
|
|
15
|
+
issues: issuesProp,
|
|
16
|
+
devOnly = true,
|
|
17
|
+
title = 'FieldFlow a11y audit',
|
|
18
|
+
containerStyle,
|
|
19
|
+
theme: themeOverride,
|
|
20
|
+
testID
|
|
21
|
+
}) {
|
|
22
|
+
// Prefer RN `__DEV__`; fall back without assuming Node `process` types.
|
|
23
|
+
const isDev = typeof __DEV__ !== 'undefined' ? __DEV__ : typeof process !== 'undefined' && typeof process.env !== 'undefined' && process.env.NODE_ENV !== 'production';
|
|
24
|
+
const issues = useMemo(() => {
|
|
25
|
+
if (issuesProp) return issuesProp;
|
|
26
|
+
if (audit) return runA11yAudit(audit);
|
|
27
|
+
return [];
|
|
28
|
+
}, [audit, issuesProp]);
|
|
29
|
+
const contextTheme = useFieldFlowTheme();
|
|
30
|
+
const theme = useMemo(() => themeOverride ? mergeDeep(contextTheme ?? defaultTheme, themeOverride) : contextTheme ?? defaultTheme, [contextTheme, themeOverride]);
|
|
31
|
+
const styles = useMemo(() => createStyles(theme), [theme]);
|
|
32
|
+
if (devOnly && !isDev) return null;
|
|
33
|
+
if (issues.length === 0) {
|
|
34
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
35
|
+
style: [styles.wrap, styles.ok, containerStyle],
|
|
36
|
+
testID: testID,
|
|
37
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
38
|
+
style: styles.title,
|
|
39
|
+
children: title
|
|
40
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
41
|
+
style: styles.okText,
|
|
42
|
+
children: "No issues found"
|
|
43
|
+
})]
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
47
|
+
style: [styles.wrap, containerStyle],
|
|
48
|
+
testID: testID,
|
|
49
|
+
children: [/*#__PURE__*/_jsxs(Text, {
|
|
50
|
+
style: styles.title,
|
|
51
|
+
children: [title, " (", issues.length, ")"]
|
|
52
|
+
}), issues.map(issue => /*#__PURE__*/_jsxs(Text, {
|
|
53
|
+
style: [styles.item, issue.severity === 'error' && styles.error, issue.severity === 'warn' && styles.warn],
|
|
54
|
+
children: ["[", issue.severity, "] ", issue.field ? `${issue.field}: ` : '', issue.message]
|
|
55
|
+
}, issue.id))]
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
function createStyles(theme) {
|
|
59
|
+
return StyleSheet.create({
|
|
60
|
+
wrap: {
|
|
61
|
+
marginVertical: 8,
|
|
62
|
+
padding: 12,
|
|
63
|
+
borderRadius: 8,
|
|
64
|
+
borderWidth: 1,
|
|
65
|
+
borderColor: theme.colors.borderError,
|
|
66
|
+
backgroundColor: theme.colors.background
|
|
67
|
+
},
|
|
68
|
+
ok: {
|
|
69
|
+
borderColor: theme.colors.borderSuccess
|
|
70
|
+
},
|
|
71
|
+
title: {
|
|
72
|
+
fontWeight: '700',
|
|
73
|
+
marginBottom: 6,
|
|
74
|
+
color: theme.colors.text,
|
|
75
|
+
fontSize: theme.typography.helperFontSize + 1
|
|
76
|
+
},
|
|
77
|
+
item: {
|
|
78
|
+
fontSize: theme.typography.helperFontSize,
|
|
79
|
+
color: theme.colors.label,
|
|
80
|
+
marginBottom: 4
|
|
81
|
+
},
|
|
82
|
+
error: {
|
|
83
|
+
color: theme.colors.error
|
|
84
|
+
},
|
|
85
|
+
warn: {
|
|
86
|
+
color: '#B45309'
|
|
87
|
+
},
|
|
88
|
+
okText: {
|
|
89
|
+
color: theme.colors.success,
|
|
90
|
+
fontSize: theme.typography.helperFontSize
|
|
91
|
+
}
|
|
92
|
+
});
|
|
93
|
+
}
|
|
94
|
+
//# sourceMappingURL=FieldFlowA11yAudit.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useMemo","StyleSheet","Text","View","runA11yAudit","useFieldFlowTheme","mergeDeep","defaultTheme","jsx","_jsx","jsxs","_jsxs","FieldFlowA11yAudit","audit","issues","issuesProp","devOnly","title","containerStyle","theme","themeOverride","testID","isDev","__DEV__","process","env","NODE_ENV","contextTheme","styles","createStyles","length","style","wrap","ok","children","okText","map","issue","item","severity","error","warn","field","message","id","create","marginVertical","padding","borderRadius","borderWidth","borderColor","colors","borderError","backgroundColor","background","borderSuccess","fontWeight","marginBottom","color","text","fontSize","typography","helperFontSize","label","success"],"sourceRoot":"../../../../src","sources":["components/FieldFlowA11yAudit/FieldFlowA11yAudit.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["FieldFlowA11yAudit"],"sourceRoot":"../../../../src","sources":["components/FieldFlowA11yAudit/index.ts"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,sBAAsB","ignoreList":[]}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useMemo } from 'react';
|
|
4
|
+
import { Pressable, ScrollView, StyleSheet, Text, View } from 'react-native';
|
|
5
|
+
import { useFieldFlowTheme, mergeDeep } from '../../theme/ThemeProvider';
|
|
6
|
+
import { defaultTheme } from '../../theme/defaultTheme';
|
|
7
|
+
import { applyAffordanceSuggestion, resolveAffordanceChips } from '../../utils/affordance';
|
|
8
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
+
/**
|
|
10
|
+
* Horizontal suggestion chips shown under (or near) a field — email domains,
|
|
11
|
+
* phone dial codes, currency symbols, or a fully custom chip list.
|
|
12
|
+
*/
|
|
13
|
+
export function FieldFlowAffordance({
|
|
14
|
+
kind = 'custom',
|
|
15
|
+
chips: chipsProp,
|
|
16
|
+
value = '',
|
|
17
|
+
onSelect,
|
|
18
|
+
hidden = false,
|
|
19
|
+
allowNoop = true,
|
|
20
|
+
containerStyle,
|
|
21
|
+
chipStyle,
|
|
22
|
+
chipTextStyle,
|
|
23
|
+
theme: themeOverride,
|
|
24
|
+
testID
|
|
25
|
+
}) {
|
|
26
|
+
const contextTheme = useFieldFlowTheme();
|
|
27
|
+
const theme = useMemo(() => themeOverride ? mergeDeep(contextTheme ?? defaultTheme, themeOverride) : contextTheme ?? defaultTheme, [contextTheme, themeOverride]);
|
|
28
|
+
const styles = useMemo(() => createStyles(theme), [theme]);
|
|
29
|
+
const chips = useMemo(() => resolveAffordanceChips(kind, chipsProp), [kind, chipsProp]);
|
|
30
|
+
if (hidden || chips.length === 0) return null;
|
|
31
|
+
return /*#__PURE__*/_jsx(View, {
|
|
32
|
+
style: [styles.wrapper, containerStyle],
|
|
33
|
+
testID: testID,
|
|
34
|
+
accessibilityRole: "menu",
|
|
35
|
+
children: /*#__PURE__*/_jsx(ScrollView, {
|
|
36
|
+
horizontal: true,
|
|
37
|
+
showsHorizontalScrollIndicator: false,
|
|
38
|
+
keyboardShouldPersistTaps: "handled",
|
|
39
|
+
contentContainerStyle: styles.row,
|
|
40
|
+
children: chips.map((chip, index) => {
|
|
41
|
+
const next = applyAffordanceSuggestion(kind, value, chip);
|
|
42
|
+
const disabled = !allowNoop && next === value;
|
|
43
|
+
return /*#__PURE__*/_jsx(Pressable, {
|
|
44
|
+
onPress: () => onSelect(next, chip),
|
|
45
|
+
disabled: disabled,
|
|
46
|
+
style: ({
|
|
47
|
+
pressed
|
|
48
|
+
}) => [styles.chip, pressed && styles.chipPressed, disabled && styles.chipDisabled, chipStyle],
|
|
49
|
+
accessibilityRole: "button",
|
|
50
|
+
accessibilityLabel: chip.accessibilityLabel ?? chip.label,
|
|
51
|
+
accessibilityState: {
|
|
52
|
+
disabled
|
|
53
|
+
},
|
|
54
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
55
|
+
style: [styles.chipText, chipTextStyle],
|
|
56
|
+
numberOfLines: 1,
|
|
57
|
+
children: chip.label
|
|
58
|
+
})
|
|
59
|
+
}, `${chip.label}-${index}`);
|
|
60
|
+
})
|
|
61
|
+
})
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
function createStyles(theme) {
|
|
65
|
+
return StyleSheet.create({
|
|
66
|
+
wrapper: {
|
|
67
|
+
marginTop: theme.spacing.gap,
|
|
68
|
+
marginBottom: theme.spacing.gap / 2
|
|
69
|
+
},
|
|
70
|
+
row: {
|
|
71
|
+
flexDirection: 'row',
|
|
72
|
+
alignItems: 'center',
|
|
73
|
+
gap: theme.spacing.gap,
|
|
74
|
+
paddingRight: theme.spacing.paddingHorizontal
|
|
75
|
+
},
|
|
76
|
+
chip: {
|
|
77
|
+
paddingHorizontal: 12,
|
|
78
|
+
paddingVertical: 7,
|
|
79
|
+
borderRadius: 999,
|
|
80
|
+
borderWidth: theme.spacing.borderWidth,
|
|
81
|
+
borderColor: theme.colors.border,
|
|
82
|
+
backgroundColor: theme.colors.background
|
|
83
|
+
},
|
|
84
|
+
chipPressed: {
|
|
85
|
+
borderColor: theme.colors.borderFocused,
|
|
86
|
+
backgroundColor: theme.colors.backgroundDisabled
|
|
87
|
+
},
|
|
88
|
+
chipDisabled: {
|
|
89
|
+
opacity: 0.4
|
|
90
|
+
},
|
|
91
|
+
chipText: {
|
|
92
|
+
fontSize: theme.typography.helperFontSize,
|
|
93
|
+
color: theme.colors.text,
|
|
94
|
+
fontWeight: '500',
|
|
95
|
+
fontFamily: theme.typography.fontFamily
|
|
96
|
+
}
|
|
97
|
+
});
|
|
98
|
+
}
|
|
99
|
+
//# sourceMappingURL=FieldFlowAffordance.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useMemo","Pressable","ScrollView","StyleSheet","Text","View","useFieldFlowTheme","mergeDeep","defaultTheme","applyAffordanceSuggestion","resolveAffordanceChips","jsx","_jsx","FieldFlowAffordance","kind","chips","chipsProp","value","onSelect","hidden","allowNoop","containerStyle","chipStyle","chipTextStyle","theme","themeOverride","testID","contextTheme","styles","createStyles","length","style","wrapper","accessibilityRole","children","horizontal","showsHorizontalScrollIndicator","keyboardShouldPersistTaps","contentContainerStyle","row","map","chip","index","next","disabled","onPress","pressed","chipPressed","chipDisabled","accessibilityLabel","label","accessibilityState","chipText","numberOfLines","create","marginTop","spacing","gap","marginBottom","flexDirection","alignItems","paddingRight","paddingHorizontal","paddingVertical","borderRadius","borderWidth","borderColor","colors","border","backgroundColor","background","borderFocused","backgroundDisabled","opacity","fontSize","typography","helperFontSize","color","text","fontWeight","fontFamily"],"sourceRoot":"../../../../src","sources":["components/FieldFlowAffordance/FieldFlowAffordance.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SACEC,SAAS,EACTC,UAAU,EACVC,UAAU,EACVC,IAAI,EACJC,IAAI,QAGC,cAAc;AACrB,SAASC,iBAAiB,EAAEC,SAAS,QAAQ,2BAA2B;AACxE,SAASC,YAAY,QAAQ,0BAA0B;AAEvD,SACEC,yBAAyB,EACzBC,sBAAsB,QAGjB,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAsBhC;AACA;AACA;AACA;AACA,OAAO,SAASC,mBAAmBA,CAAC;EAClCC,IAAI,GAAG,QAAQ;EACfC,KAAK,EAAEC,SAAS;EAChBC,KAAK,GAAG,EAAE;EACVC,QAAQ;EACRC,MAAM,GAAG,KAAK;EACdC,SAAS,GAAG,IAAI;EAChBC,cAAc;EACdC,SAAS;EACTC,aAAa;EACbC,KAAK,EAAEC,aAAa;EACpBC;AACwB,CAAC,EAAE;EAC3B,MAAMC,YAAY,GAAGrB,iBAAiB,CAAC,CAAC;EACxC,MAAMkB,KAAK,GAAGxB,OAAO,CACnB,MAAOyB,aAAa,GAAGlB,SAAS,CAACoB,YAAY,IAAInB,YAAY,EAAEiB,aAAa,CAAC,GAAGE,YAAY,IAAInB,YAAa,EAC7G,CAACmB,YAAY,EAAEF,aAAa,CAC9B,CAAC;EACD,MAAMG,MAAM,GAAG5B,OAAO,CAAC,MAAM6B,YAAY,CAACL,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAE1D,MAAMT,KAAK,GAAGf,OAAO,CACnB,MAAMU,sBAAsB,CAACI,IAAI,EAAEE,SAAS,CAAC,EAC7C,CAACF,IAAI,EAAEE,SAAS,CAClB,CAAC;EAED,IAAIG,MAAM,IAAIJ,KAAK,CAACe,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAE7C,oBACElB,IAAA,CAACP,IAAI;IAAC0B,KAAK,EAAE,CAACH,MAAM,CAACI,OAAO,EAAEX,cAAc,CAAE;IAACK,MAAM,EAAEA,MAAO;IAACO,iBAAiB,EAAC,MAAM;IAAAC,QAAA,eACrFtB,IAAA,CAACV,UAAU;MACTiC,UAAU;MACVC,8BAA8B,EAAE,KAAM;MACtCC,yBAAyB,EAAC,SAAS;MACnCC,qBAAqB,EAAEV,MAAM,CAACW,GAAI;MAAAL,QAAA,EAEjCnB,KAAK,CAACyB,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;QAC1B,MAAMC,IAAI,GAAGlC,yBAAyB,CAACK,IAAI,EAAEG,KAAK,EAAEwB,IAAI,CAAC;QACzD,MAAMG,QAAQ,GAAG,CAACxB,SAAS,IAAIuB,IAAI,KAAK1B,KAAK;QAC7C,oBACEL,IAAA,CAACX,SAAS;UAER4C,OAAO,EAAEA,CAAA,KAAM3B,QAAQ,CAACyB,IAAI,EAAEF,IAAI,CAAE;UACpCG,QAAQ,EAAEA,QAAS;UACnBb,KAAK,EAAEA,CAAC;YAAEe;UAAQ,CAAC,KAAK,CACtBlB,MAAM,CAACa,IAAI,EACXK,OAAO,IAAIlB,MAAM,CAACmB,WAAW,EAC7BH,QAAQ,IAAIhB,MAAM,CAACoB,YAAY,EAC/B1B,SAAS,CACT;UACFW,iBAAiB,EAAC,QAAQ;UAC1BgB,kBAAkB,EAAER,IAAI,CAACQ,kBAAkB,IAAIR,IAAI,CAACS,KAAM;UAC1DC,kBAAkB,EAAE;YAAEP;UAAS,CAAE;UAAAV,QAAA,eAEjCtB,IAAA,CAACR,IAAI;YAAC2B,KAAK,EAAE,CAACH,MAAM,CAACwB,QAAQ,EAAE7B,aAAa,CAAE;YAAC8B,aAAa,EAAE,CAAE;YAAAnB,QAAA,EAC7DO,IAAI,CAACS;UAAK,CACP;QAAC,GAfF,GAAGT,IAAI,CAACS,KAAK,IAAIR,KAAK,EAgBlB,CAAC;MAEhB,CAAC;IAAC,CACQ;EAAC,CACT,CAAC;AAEX;AAEA,SAASb,YAAYA,CAACL,KAAqB,EAAE;EAC3C,OAAOrB,UAAU,CAACmD,MAAM,CAAC;IACvBtB,OAAO,EAAE;MACPuB,SAAS,EAAE/B,KAAK,CAACgC,OAAO,CAACC,GAAG;MAC5BC,YAAY,EAAElC,KAAK,CAACgC,OAAO,CAACC,GAAG,GAAG;IACpC,CAAC;IACDlB,GAAG,EAAE;MACHoB,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBH,GAAG,EAAEjC,KAAK,CAACgC,OAAO,CAACC,GAAG;MACtBI,YAAY,EAAErC,KAAK,CAACgC,OAAO,CAACM;IAC9B,CAAC;IACDrB,IAAI,EAAE;MACJqB,iBAAiB,EAAE,EAAE;MACrBC,eAAe,EAAE,CAAC;MAClBC,YAAY,EAAE,GAAG;MACjBC,WAAW,EAAEzC,KAAK,CAACgC,OAAO,CAACS,WAAW;MACtCC,WAAW,EAAE1C,KAAK,CAAC2C,MAAM,CAACC,MAAM;MAChCC,eAAe,EAAE7C,KAAK,CAAC2C,MAAM,CAACG;IAChC,CAAC;IACDvB,WAAW,EAAE;MACXmB,WAAW,EAAE1C,KAAK,CAAC2C,MAAM,CAACI,aAAa;MACvCF,eAAe,EAAE7C,KAAK,CAAC2C,MAAM,CAACK;IAChC,CAAC;IACDxB,YAAY,EAAE;MACZyB,OAAO,EAAE;IACX,CAAC;IACDrB,QAAQ,EAAE;MACRsB,QAAQ,EAAElD,KAAK,CAACmD,UAAU,CAACC,cAAc;MACzCC,KAAK,EAAErD,KAAK,CAAC2C,MAAM,CAACW,IAAI;MACxBC,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAExD,KAAK,CAACmD,UAAU,CAACK;IAC/B;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["FieldFlowAffordance"],"sourceRoot":"../../../../src","sources":["components/FieldFlowAffordance/index.ts"],"mappings":";;AAAA,SAASA,mBAAmB,QAAQ,uBAAuB","ignoreList":[]}
|