rn-inputforge 0.5.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 +236 -0
- 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/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/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/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 +44 -18
- package/lib/commonjs/components/FieldFlowInput/FieldFlowInput.js.map +1 -1
- package/lib/commonjs/components/FieldFlowInput/styles.js +49 -13
- 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/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/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.js +6 -4
- package/lib/commonjs/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.js.map +1 -1
- package/lib/commonjs/hooks/index.js +21 -0
- package/lib/commonjs/hooks/index.js.map +1 -1
- package/lib/commonjs/hooks/useFieldFlowCompleteness.js +46 -0
- package/lib/commonjs/hooks/useFieldFlowCompleteness.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/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/index.js +144 -0
- package/lib/commonjs/index.js.map +1 -1
- 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 +19 -0
- package/lib/commonjs/theme/index.js.map +1 -1
- package/lib/commonjs/types/globals.d.js +2 -0
- package/lib/commonjs/types/globals.d.js.map +1 -0
- 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/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/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/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 +44 -18
- package/lib/module/components/FieldFlowInput/FieldFlowInput.js.map +1 -1
- package/lib/module/components/FieldFlowInput/styles.js +49 -13
- 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/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/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.js +5 -3
- package/lib/module/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.js.map +1 -1
- package/lib/module/hooks/index.js +3 -0
- package/lib/module/hooks/index.js.map +1 -1
- package/lib/module/hooks/useFieldFlowCompleteness.js +42 -0
- package/lib/module/hooks/useFieldFlowCompleteness.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/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/index.js +17 -2
- package/lib/module/index.js.map +1 -1
- 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 +1 -0
- package/lib/module/theme/index.js.map +1 -1
- package/lib/module/types/globals.d.js +2 -0
- package/lib/module/types/globals.d.js.map +1 -0
- 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/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/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/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 +36 -1
- package/lib/typescript/components/FieldFlowInput/styles.d.ts.map +1 -1
- package/lib/typescript/components/FieldFlowInput/types.d.ts +18 -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/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/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.d.ts +3 -2
- package/lib/typescript/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.d.ts.map +1 -1
- package/lib/typescript/hooks/index.d.ts +6 -0
- package/lib/typescript/hooks/index.d.ts.map +1 -1
- package/lib/typescript/hooks/useFieldFlowCompleteness.d.ts +28 -0
- package/lib/typescript/hooks/useFieldFlowCompleteness.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/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/index.d.ts +28 -4
- package/lib/typescript/index.d.ts.map +1 -1
- 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 +1 -0
- package/lib/typescript/theme/index.d.ts.map +1 -1
- package/lib/typescript/types/index.d.ts +26 -0
- package/lib/typescript/types/index.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/a11y/audit.ts +99 -0
- package/src/a11y/index.ts +7 -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/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/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 +71 -13
- package/src/components/FieldFlowInput/styles.ts +58 -16
- package/src/components/FieldFlowInput/types.ts +21 -0
- package/src/components/FieldFlowKeyboardToolbar/FieldFlowKeyboardToolbar.tsx +150 -0
- package/src/components/FieldFlowKeyboardToolbar/index.ts +5 -0
- package/src/components/FieldFlowSkeleton/FieldFlowSkeleton.tsx +105 -0
- package/src/components/FieldFlowSkeleton/index.ts +2 -0
- package/src/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.tsx +8 -4
- package/src/hooks/index.ts +17 -0
- package/src/hooks/useFieldFlowCompleteness.ts +69 -0
- package/src/hooks/useFieldFlowSubmitQueue.ts +206 -0
- package/src/hooks/useKeyboardManager.ts +26 -0
- package/src/hooks/useSmartPaste.ts +33 -0
- package/src/index.ts +90 -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 +1 -0
- package/src/types/globals.d.ts +2 -0
- package/src/types/index.ts +28 -0
|
@@ -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":["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,125 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useMemo } from 'react';
|
|
4
|
+
import { ActivityIndicator, Pressable, StyleSheet, Text, View } from 'react-native';
|
|
5
|
+
import { useFieldFlowTheme, mergeDeep } from '../../theme/ThemeProvider';
|
|
6
|
+
import { defaultTheme } from '../../theme/defaultTheme';
|
|
7
|
+
import { renderFieldFlowIcon } from '../../icons';
|
|
8
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
/**
|
|
10
|
+
* Auth action strip for passkey / SSO / biometric — place above password fields.
|
|
11
|
+
* All providers are injected; FieldFlow only themes the chrome.
|
|
12
|
+
*/
|
|
13
|
+
export function FieldFlowAuthActions({
|
|
14
|
+
actions,
|
|
15
|
+
title = 'Sign in faster',
|
|
16
|
+
dividerLabel = 'or continue with email',
|
|
17
|
+
loadingId,
|
|
18
|
+
containerStyle,
|
|
19
|
+
titleStyle,
|
|
20
|
+
theme: themeOverride,
|
|
21
|
+
testID
|
|
22
|
+
}) {
|
|
23
|
+
const contextTheme = useFieldFlowTheme();
|
|
24
|
+
const theme = useMemo(() => themeOverride ? mergeDeep(contextTheme ?? defaultTheme, themeOverride) : contextTheme ?? defaultTheme, [contextTheme, themeOverride]);
|
|
25
|
+
const styles = useMemo(() => createStyles(theme), [theme]);
|
|
26
|
+
if (!actions.length) return null;
|
|
27
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
28
|
+
style: [styles.wrap, containerStyle],
|
|
29
|
+
testID: testID,
|
|
30
|
+
children: [title ? /*#__PURE__*/_jsx(Text, {
|
|
31
|
+
style: [styles.title, titleStyle],
|
|
32
|
+
children: title
|
|
33
|
+
}) : null, /*#__PURE__*/_jsx(View, {
|
|
34
|
+
style: styles.row,
|
|
35
|
+
children: actions.map(action => {
|
|
36
|
+
const loading = loadingId === action.id;
|
|
37
|
+
return /*#__PURE__*/_jsx(Pressable, {
|
|
38
|
+
style: [styles.btn, (action.disabled || loading) && styles.btnDisabled],
|
|
39
|
+
disabled: action.disabled || loading,
|
|
40
|
+
onPress: () => void action.onPress(),
|
|
41
|
+
accessibilityRole: "button",
|
|
42
|
+
accessibilityLabel: action.label,
|
|
43
|
+
children: loading ? /*#__PURE__*/_jsx(ActivityIndicator, {
|
|
44
|
+
size: "small",
|
|
45
|
+
color: theme.colors.borderFocused
|
|
46
|
+
}) : /*#__PURE__*/_jsxs(_Fragment, {
|
|
47
|
+
children: [action.icon ? renderFieldFlowIcon(action.icon, theme.colors.text, 18) : null, /*#__PURE__*/_jsx(Text, {
|
|
48
|
+
style: styles.btnLabel,
|
|
49
|
+
numberOfLines: 1,
|
|
50
|
+
children: action.label
|
|
51
|
+
})]
|
|
52
|
+
})
|
|
53
|
+
}, action.id);
|
|
54
|
+
})
|
|
55
|
+
}), dividerLabel ? /*#__PURE__*/_jsxs(View, {
|
|
56
|
+
style: styles.dividerRow,
|
|
57
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
58
|
+
style: styles.line
|
|
59
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
60
|
+
style: styles.divider,
|
|
61
|
+
children: dividerLabel
|
|
62
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
63
|
+
style: styles.line
|
|
64
|
+
})]
|
|
65
|
+
}) : null]
|
|
66
|
+
});
|
|
67
|
+
}
|
|
68
|
+
function createStyles(theme) {
|
|
69
|
+
return StyleSheet.create({
|
|
70
|
+
wrap: {
|
|
71
|
+
marginBottom: theme.spacing.gap * 2
|
|
72
|
+
},
|
|
73
|
+
title: {
|
|
74
|
+
fontSize: theme.typography.labelFontSize,
|
|
75
|
+
color: theme.colors.label,
|
|
76
|
+
fontWeight: '500',
|
|
77
|
+
marginBottom: theme.spacing.gap,
|
|
78
|
+
textAlign: 'center'
|
|
79
|
+
},
|
|
80
|
+
row: {
|
|
81
|
+
flexDirection: 'row',
|
|
82
|
+
flexWrap: 'wrap',
|
|
83
|
+
gap: 8,
|
|
84
|
+
justifyContent: 'center'
|
|
85
|
+
},
|
|
86
|
+
btn: {
|
|
87
|
+
flexGrow: 1,
|
|
88
|
+
minWidth: '30%',
|
|
89
|
+
flexDirection: 'row',
|
|
90
|
+
alignItems: 'center',
|
|
91
|
+
justifyContent: 'center',
|
|
92
|
+
gap: 8,
|
|
93
|
+
paddingVertical: 12,
|
|
94
|
+
paddingHorizontal: 12,
|
|
95
|
+
borderRadius: theme.spacing.borderRadius,
|
|
96
|
+
borderWidth: theme.spacing.borderWidth,
|
|
97
|
+
borderColor: theme.colors.border,
|
|
98
|
+
backgroundColor: theme.colors.background
|
|
99
|
+
},
|
|
100
|
+
btnDisabled: {
|
|
101
|
+
opacity: 0.5
|
|
102
|
+
},
|
|
103
|
+
btnLabel: {
|
|
104
|
+
fontSize: theme.typography.helperFontSize + 1,
|
|
105
|
+
fontWeight: '600',
|
|
106
|
+
color: theme.colors.text
|
|
107
|
+
},
|
|
108
|
+
dividerRow: {
|
|
109
|
+
flexDirection: 'row',
|
|
110
|
+
alignItems: 'center',
|
|
111
|
+
marginTop: theme.spacing.gap * 1.5,
|
|
112
|
+
gap: 10
|
|
113
|
+
},
|
|
114
|
+
line: {
|
|
115
|
+
flex: 1,
|
|
116
|
+
height: StyleSheet.hairlineWidth,
|
|
117
|
+
backgroundColor: theme.colors.border
|
|
118
|
+
},
|
|
119
|
+
divider: {
|
|
120
|
+
fontSize: theme.typography.helperFontSize,
|
|
121
|
+
color: theme.colors.placeholder
|
|
122
|
+
}
|
|
123
|
+
});
|
|
124
|
+
}
|
|
125
|
+
//# sourceMappingURL=FieldFlowAuthActions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useMemo","ActivityIndicator","Pressable","StyleSheet","Text","View","useFieldFlowTheme","mergeDeep","defaultTheme","renderFieldFlowIcon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","FieldFlowAuthActions","actions","title","dividerLabel","loadingId","containerStyle","titleStyle","theme","themeOverride","testID","contextTheme","styles","createStyles","length","style","wrap","children","row","map","action","loading","id","btn","disabled","btnDisabled","onPress","accessibilityRole","accessibilityLabel","label","size","color","colors","borderFocused","icon","text","btnLabel","numberOfLines","dividerRow","line","divider","create","marginBottom","spacing","gap","fontSize","typography","labelFontSize","fontWeight","textAlign","flexDirection","flexWrap","justifyContent","flexGrow","minWidth","alignItems","paddingVertical","paddingHorizontal","borderRadius","borderWidth","borderColor","border","backgroundColor","background","opacity","helperFontSize","marginTop","flex","height","hairlineWidth","placeholder"],"sourceRoot":"../../../../src","sources":["components/FieldFlowAuthActions/FieldFlowAuthActions.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["FieldFlowAuthActions"],"sourceRoot":"../../../../src","sources":["components/FieldFlowAuthActions/index.ts"],"mappings":";;AAAA,SAASA,oBAAoB,QAAQ,wBAAwB","ignoreList":[]}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useMemo } from 'react';
|
|
4
|
+
import { StyleSheet, Text, View } from 'react-native';
|
|
5
|
+
import { useFieldFlowTheme, mergeDeep } from '../../theme/ThemeProvider';
|
|
6
|
+
import { defaultTheme } from '../../theme/defaultTheme';
|
|
7
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
+
export function FieldFlowCompleteness({
|
|
9
|
+
completeness,
|
|
10
|
+
title = 'Form progress',
|
|
11
|
+
showEstimate = true,
|
|
12
|
+
formatRemaining,
|
|
13
|
+
containerStyle,
|
|
14
|
+
titleStyle,
|
|
15
|
+
theme: themeOverride,
|
|
16
|
+
testID
|
|
17
|
+
}) {
|
|
18
|
+
const contextTheme = useFieldFlowTheme();
|
|
19
|
+
const theme = useMemo(() => themeOverride ? mergeDeep(contextTheme ?? defaultTheme, themeOverride) : contextTheme ?? defaultTheme, [contextTheme, themeOverride]);
|
|
20
|
+
const styles = useMemo(() => createStyles(theme), [theme]);
|
|
21
|
+
const remainingCopy = formatRemaining?.(completeness.remaining) ?? (completeness.isComplete ? 'All set' : `${completeness.remaining} field${completeness.remaining === 1 ? '' : 's'} left`);
|
|
22
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
23
|
+
style: [styles.wrap, containerStyle],
|
|
24
|
+
testID: testID,
|
|
25
|
+
accessibilityRole: "progressbar",
|
|
26
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
27
|
+
style: styles.header,
|
|
28
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
29
|
+
style: [styles.title, titleStyle],
|
|
30
|
+
children: title
|
|
31
|
+
}), /*#__PURE__*/_jsxs(Text, {
|
|
32
|
+
style: styles.percent,
|
|
33
|
+
children: [completeness.percent, "%"]
|
|
34
|
+
})]
|
|
35
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
36
|
+
style: styles.track,
|
|
37
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
38
|
+
style: [styles.fill, {
|
|
39
|
+
flex: Math.max(0.001, completeness.progress)
|
|
40
|
+
}]
|
|
41
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
42
|
+
style: {
|
|
43
|
+
flex: Math.max(0.001, 1 - completeness.progress)
|
|
44
|
+
}
|
|
45
|
+
})]
|
|
46
|
+
}), /*#__PURE__*/_jsxs(Text, {
|
|
47
|
+
style: styles.meta,
|
|
48
|
+
children: [remainingCopy, showEstimate && !completeness.isComplete ? ` · ~${completeness.estimatedSecondsLeft}s` : '']
|
|
49
|
+
})]
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
function createStyles(theme) {
|
|
53
|
+
return StyleSheet.create({
|
|
54
|
+
wrap: {
|
|
55
|
+
marginBottom: theme.spacing.gap * 2,
|
|
56
|
+
padding: theme.spacing.paddingHorizontal,
|
|
57
|
+
borderRadius: theme.spacing.borderRadius + 2,
|
|
58
|
+
backgroundColor: theme.colors.backgroundDisabled,
|
|
59
|
+
borderWidth: StyleSheet.hairlineWidth,
|
|
60
|
+
borderColor: theme.colors.border
|
|
61
|
+
},
|
|
62
|
+
header: {
|
|
63
|
+
flexDirection: 'row',
|
|
64
|
+
justifyContent: 'space-between',
|
|
65
|
+
marginBottom: 8
|
|
66
|
+
},
|
|
67
|
+
title: {
|
|
68
|
+
fontSize: theme.typography.helperFontSize + 1,
|
|
69
|
+
fontWeight: '600',
|
|
70
|
+
color: theme.colors.text
|
|
71
|
+
},
|
|
72
|
+
percent: {
|
|
73
|
+
fontSize: theme.typography.helperFontSize + 1,
|
|
74
|
+
fontWeight: '700',
|
|
75
|
+
color: theme.colors.borderFocused
|
|
76
|
+
},
|
|
77
|
+
track: {
|
|
78
|
+
flexDirection: 'row',
|
|
79
|
+
height: 6,
|
|
80
|
+
borderRadius: 3,
|
|
81
|
+
overflow: 'hidden',
|
|
82
|
+
backgroundColor: theme.colors.border
|
|
83
|
+
},
|
|
84
|
+
fill: {
|
|
85
|
+
backgroundColor: theme.colors.borderFocused,
|
|
86
|
+
borderRadius: 3
|
|
87
|
+
},
|
|
88
|
+
meta: {
|
|
89
|
+
marginTop: 8,
|
|
90
|
+
fontSize: theme.typography.helperFontSize,
|
|
91
|
+
color: theme.colors.label
|
|
92
|
+
}
|
|
93
|
+
});
|
|
94
|
+
}
|
|
95
|
+
//# sourceMappingURL=FieldFlowCompleteness.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useMemo","StyleSheet","Text","View","useFieldFlowTheme","mergeDeep","defaultTheme","jsx","_jsx","jsxs","_jsxs","FieldFlowCompleteness","completeness","title","showEstimate","formatRemaining","containerStyle","titleStyle","theme","themeOverride","testID","contextTheme","styles","createStyles","remainingCopy","remaining","isComplete","style","wrap","accessibilityRole","children","header","percent","track","fill","flex","Math","max","progress","meta","estimatedSecondsLeft","create","marginBottom","spacing","gap","padding","paddingHorizontal","borderRadius","backgroundColor","colors","backgroundDisabled","borderWidth","hairlineWidth","borderColor","border","flexDirection","justifyContent","fontSize","typography","helperFontSize","fontWeight","color","text","borderFocused","height","overflow","marginTop","label"],"sourceRoot":"../../../../src","sources":["components/FieldFlowCompleteness/FieldFlowCompleteness.tsx"],"mappings":"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","ignoreList":[]}
|