rn-inputforge 0.3.1 → 0.5.0

package/lib/module/components/FieldFlowOTP/FieldFlowOTP.js

@@ -0,0 +1,250 @@
+"use strict";
+
+import React, { useCallback, useMemo, useRef, useState } from 'react';
+import { Pressable, StyleSheet, Text, TextInput, View } from 'react-native';
+import { useFieldFlowTheme, mergeDeep } from '../../theme/ThemeProvider';
+import { defaultTheme } from '../../theme/defaultTheme';
+import { useFieldState } from '../../hooks/useFieldState';
+import { borderColorFor, labelColorFor } from '../FieldFlowInput/styles';
+import { digitsOnly } from '../../utils/masks';
+import { renderFieldFlowIcon } from '../../icons/renderIcon';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function FieldFlowOTP({
+  length = 6,
+  value,
+  onChangeText,
+  onComplete,
+  label,
+  helperText,
+  errorText,
+  hasError,
+  successText,
+  isSuccess,
+  disabled,
+  required,
+  secure = false,
+  autoFocus = true,
+  leftIcon = 'otp',
+  rightIcon,
+  iconSize = 18,
+  onLeftIconPress,
+  onRightIconPress,
+  cellGap,
+  cellSize,
+  containerStyle,
+  rowStyle,
+  cellStyle,
+  cellFocusedStyle,
+  cellTextStyle,
+  labelStyle,
+  helperStyle,
+  errorStyle,
+  theme: themeOverride,
+  testID,
+  renderCell
+}) {
+  const contextTheme = useFieldFlowTheme();
+  const theme = useMemo(() => themeOverride ? mergeDeep(contextTheme ?? defaultTheme, themeOverride) : contextTheme ?? defaultTheme, [contextTheme, themeOverride]);
+  const isControlled = value !== undefined;
+  const [internal, setInternal] = useState('');
+  const code = (isControlled ? value ?? '' : internal).slice(0, length);
+  const digits = code.padEnd(length, ' ').split('').map(c => c === ' ' ? '' : c);
+  const [focusedIndex, setFocusedIndex] = useState(autoFocus ? 0 : null);
+  const refs = useRef([]);
+  const state = useFieldState({
+    isFocused: focusedIndex !== null,
+    hasError: Boolean(hasError || errorText),
+    isSuccess,
+    disabled
+  });
+  const styles = useMemo(() => createStyles(theme, state, cellGap ?? theme.spacing.gap, cellSize), [theme, state, cellGap, cellSize]);
+  const iconColor = state === 'focused' ? theme.colors.iconFocused : theme.colors.icon;
+  const commit = useCallback(next => {
+    const clipped = digitsOnly(next).slice(0, length);
+    if (!isControlled) setInternal(clipped);
+    onChangeText?.(clipped);
+    if (clipped.length === length) onComplete?.(clipped);
+  }, [isControlled, length, onChangeText, onComplete]);
+  const focusAt = useCallback(index => {
+    const clamped = Math.max(0, Math.min(length - 1, index));
+    refs.current[clamped]?.focus();
+    setFocusedIndex(clamped);
+  }, [length]);
+  const handleChangeAt = useCallback((index, text) => {
+    if (disabled) return;
+    const incoming = digitsOnly(text);
+    if (incoming.length > 1) {
+      commit(incoming);
+      focusAt(Math.min(incoming.length, length) - 1);
+      return;
+    }
+    const next = digits.slice();
+    next[index] = incoming.slice(-1);
+    commit(next.join(''));
+    if (incoming && index < length - 1) focusAt(index + 1);
+  }, [commit, digits, disabled, focusAt, length]);
+  const handleKeyPress = useCallback((index, e) => {
+    if (e.nativeEvent.key !== 'Backspace') return;
+    if (digits[index]) {
+      const next = digits.slice();
+      next[index] = '';
+      commit(next.join(''));
+      return;
+    }
+    if (index > 0) {
+      const next = digits.slice();
+      next[index - 1] = '';
+      commit(next.join(''));
+      focusAt(index - 1);
+    }
+  }, [commit, digits, focusAt]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.wrapper, containerStyle],
+    testID: testID,
+    accessibilityLabel: label ?? 'One-time code',
+    children: [(label || leftIcon || rightIcon) && /*#__PURE__*/_jsxs(View, {
+      style: styles.labelRow,
+      children: [leftIcon ? /*#__PURE__*/_jsx(Pressable, {
+        onPress: onLeftIconPress,
+        disabled: !onLeftIconPress,
+        hitSlop: 8,
+        style: styles.labelIcon,
+        children: renderFieldFlowIcon(leftIcon, iconColor, iconSize)
+      }) : null, label ? /*#__PURE__*/_jsxs(Text, {
+        style: [styles.label, labelStyle],
+        children: [label, required ? ' *' : '']
+      }) : /*#__PURE__*/_jsx(View, {
+        style: {
+          flex: 1
+        }
+      }), rightIcon ? /*#__PURE__*/_jsx(Pressable, {
+        onPress: onRightIconPress,
+        disabled: !onRightIconPress,
+        hitSlop: 8,
+        style: styles.labelIcon,
+        children: renderFieldFlowIcon(rightIcon, iconColor, iconSize)
+      }) : null]
+    }), /*#__PURE__*/_jsx(View, {
+      style: [styles.row, rowStyle],
+      children: digits.map((digit, index) => {
+        const isFocused = focusedIndex === index;
+        if (renderCell) {
+          return /*#__PURE__*/_jsx(View, {
+            children: renderCell({
+              index,
+              digit,
+              isFocused,
+              onChangeText: text => handleChangeAt(index, text)
+            })
+          }, index);
+        }
+        return /*#__PURE__*/_jsx(Pressable, {
+          onPress: () => !disabled && focusAt(index),
+          style: [styles.cell, {
+            borderColor: borderColorFor(theme, isFocused ? 'focused' : state),
+            borderWidth: isFocused ? theme.spacing.borderWidthFocused : theme.spacing.borderWidth
+          }, cellStyle, isFocused ? cellFocusedStyle : null],
+          children: /*#__PURE__*/_jsx(TextInput, {
+            ref: r => {
+              refs.current[index] = r;
+            },
+            value: digit,
+            onChangeText: text => handleChangeAt(index, text),
+            onKeyPress: e => handleKeyPress(index, e),
+            onFocus: () => setFocusedIndex(index),
+            onBlur: () => setFocusedIndex(prev => prev === index ? null : prev),
+            editable: !disabled,
+            keyboardType: "number-pad",
+            textContentType: "oneTimeCode",
+            autoComplete: "sms-otp",
+            secureTextEntry: secure,
+            maxLength: length,
+            selectTextOnFocus: true,
+            autoFocus: autoFocus && index === 0,
+            style: [styles.cellInput, cellTextStyle],
+            caretHidden: true,
+            accessibilityLabel: `Digit ${index + 1} of ${length}`
+          })
+        }, index);
+      })
+    }), (helperText || errorText || successText) && /*#__PURE__*/_jsx(View, {
+      style: styles.footer,
+      children: errorText ? /*#__PURE__*/_jsx(Text, {
+        style: [styles.errorText, errorStyle, helperStyle],
+        children: errorText
+      }) : successText ? /*#__PURE__*/_jsx(Text, {
+        style: [styles.successText, helperStyle],
+        children: successText
+      }) : helperText ? /*#__PURE__*/_jsx(Text, {
+        style: [styles.helperText, helperStyle],
+        children: helperText
+      }) : null
+    })]
+  });
+}
+function createStyles(theme, state, gap, cellSize) {
+  return StyleSheet.create({
+    wrapper: {
+      marginBottom: theme.spacing.gap * 2
+    },
+    labelRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      marginBottom: theme.spacing.gap / 1.5,
+      gap: theme.spacing.gap
+    },
+    labelIcon: {
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    label: {
+      flex: 1,
+      fontSize: theme.typography.labelFontSize,
+      color: labelColorFor(theme, state),
+      fontWeight: '500',
+      fontFamily: theme.typography.fontFamily
+    },
+    row: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      gap
+    },
+    cell: {
+      flex: cellSize ? undefined : 1,
+      width: cellSize,
+      height: cellSize,
+      aspectRatio: cellSize ? undefined : 0.9,
+      maxWidth: cellSize ?? 56,
+      borderRadius: theme.spacing.borderRadius,
+      backgroundColor: state === 'disabled' ? theme.colors.backgroundDisabled : theme.colors.background,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    cellInput: {
+      width: '100%',
+      height: '100%',
+      textAlign: 'center',
+      fontSize: theme.typography.fontSize + 4,
+      fontWeight: '600',
+      color: theme.colors.text,
+      padding: 0,
+      fontFamily: theme.typography.fontFamily
+    },
+    footer: {
+      marginTop: theme.spacing.gap / 1.5
+    },
+    helperText: {
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.label
+    },
+    errorText: {
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.error
+    },
+    successText: {
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.success
+    }
+  });
+}
+//# sourceMappingURL=FieldFlowOTP.js.map

package/lib/module/components/FieldFlowOTP/FieldFlowOTP.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","useRef","useState","Pressable","StyleSheet","Text","TextInput","View","useFieldFlowTheme","mergeDeep","defaultTheme","useFieldState","borderColorFor","labelColorFor","digitsOnly","renderFieldFlowIcon","jsx","_jsx","jsxs","_jsxs","FieldFlowOTP","length","value","onChangeText","onComplete","label","helperText","errorText","hasError","successText","isSuccess","disabled","required","secure","autoFocus","leftIcon","rightIcon","iconSize","onLeftIconPress","onRightIconPress","cellGap","cellSize","containerStyle","rowStyle","cellStyle","cellFocusedStyle","cellTextStyle","labelStyle","helperStyle","errorStyle","theme","themeOverride","testID","renderCell","contextTheme","isControlled","undefined","internal","setInternal","code","slice","digits","padEnd","split","map","c","focusedIndex","setFocusedIndex","refs","state","isFocused","Boolean","styles","createStyles","spacing","gap","iconColor","colors","iconFocused","icon","commit","next","clipped","focusAt","index","clamped","Math","max","min","current","focus","handleChangeAt","text","incoming","join","handleKeyPress","e","nativeEvent","key","style","wrapper","accessibilityLabel","children","labelRow","onPress","hitSlop","labelIcon","flex","row","digit","cell","borderColor","borderWidth","borderWidthFocused","ref","r","onKeyPress","onFocus","onBlur","prev","editable","keyboardType","textContentType","autoComplete","secureTextEntry","maxLength","selectTextOnFocus","cellInput","caretHidden","footer","create","marginBottom","flexDirection","alignItems","justifyContent","fontSize","typography","labelFontSize","color","fontWeight","fontFamily","width","height","aspectRatio","maxWidth","borderRadius","backgroundColor","backgroundDisabled","background","textAlign","padding","marginTop","helperFontSize","error","success"],"sourceRoot":"../../../../src","sources":["components/FieldFlowOTP/FieldFlowOTP.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/FieldFlowOTP/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { FieldFlowOTP } from './FieldFlowOTP';
+//# sourceMappingURL=index.js.map

package/lib/module/components/FieldFlowOTP/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FieldFlowOTP"],"sourceRoot":"../../../../src","sources":["components/FieldFlowOTP/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,gBAAgB","ignoreList":[]}

package/lib/module/components/FieldFlowOTP/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/FieldFlowOTP/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/FieldFlowOTP/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/FieldFlowPasswordStrength/FieldFlowPasswordStrength.js

@@ -0,0 +1,117 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { useFieldFlowTheme, mergeDeep } from '../../theme/ThemeProvider';
+import { defaultTheme } from '../../theme/defaultTheme';
+import { renderFieldFlowIcon } from '../../icons/renderIcon';
+import { DEFAULT_PASSWORD_RULES, evaluatePasswordStrength, PASSWORD_STRENGTH_COLORS } from '../../utils/passwordStrength';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Password strength meter + optional rule checklist.
+ * Pair with `FieldFlowInput type="password"` or use via `showStrength` on the input.
+ */
+export function FieldFlowPasswordStrength({
+  password,
+  rules,
+  showRules = true,
+  hideWhenEmpty = true,
+  colors,
+  containerStyle,
+  labelStyle,
+  ruleStyle,
+  theme: themeOverride,
+  testID
+}) {
+  const contextTheme = useFieldFlowTheme();
+  const theme = useMemo(() => themeOverride ? mergeDeep(contextTheme ?? defaultTheme, themeOverride) : contextTheme ?? defaultTheme, [contextTheme, themeOverride]);
+  const styles = useMemo(() => createStyles(theme), [theme]);
+  const result = useMemo(() => evaluatePasswordStrength(password, rules), [password, rules]);
+  if (hideWhenEmpty && result.level === 'empty') return null;
+  const barColor = result.level === 'empty' ? theme.colors.border : colors?.[result.level] ?? PASSWORD_STRENGTH_COLORS[result.level];
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.wrapper, containerStyle],
+    testID: testID,
+    accessibilityRole: "summary",
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.header,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.track,
+        children: /*#__PURE__*/_jsx(View, {
+          style: [styles.fill, {
+            width: `${Math.round(result.progress * 100)}%`,
+            backgroundColor: barColor
+          }]
+        })
+      }), result.label ? /*#__PURE__*/_jsx(Text, {
+        style: [styles.levelLabel, {
+          color: barColor
+        }, labelStyle],
+        children: result.label
+      }) : null]
+    }), showRules ? /*#__PURE__*/_jsx(View, {
+      style: styles.rules,
+      children: (rules ?? DEFAULT_PASSWORD_RULES).map(rule => {
+        const ok = result.passed.some(p => p.id === rule.id);
+        return /*#__PURE__*/_jsxs(View, {
+          style: styles.ruleRow,
+          children: [renderFieldFlowIcon(ok ? 'check' : 'clear', ok ? theme.colors.success : theme.colors.placeholder, 12), /*#__PURE__*/_jsx(Text, {
+            style: [styles.ruleText, ok ? styles.rulePassed : styles.ruleFailed, ruleStyle],
+            children: rule.label
+          })]
+        }, rule.id);
+      })
+    }) : null]
+  });
+}
+function createStyles(theme) {
+  return StyleSheet.create({
+    wrapper: {
+      marginTop: theme.spacing.gap,
+      marginBottom: theme.spacing.gap
+    },
+    header: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: theme.spacing.gap
+    },
+    track: {
+      flex: 1,
+      height: 6,
+      borderRadius: 3,
+      backgroundColor: theme.colors.border,
+      overflow: 'hidden'
+    },
+    fill: {
+      height: '100%',
+      borderRadius: 3
+    },
+    levelLabel: {
+      fontSize: theme.typography.helperFontSize,
+      fontWeight: '600',
+      minWidth: 48,
+      textAlign: 'right',
+      fontFamily: theme.typography.fontFamily
+    },
+    rules: {
+      marginTop: theme.spacing.gap,
+      gap: 4
+    },
+    ruleRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 6
+    },
+    ruleText: {
+      fontSize: theme.typography.helperFontSize,
+      fontFamily: theme.typography.fontFamily
+    },
+    rulePassed: {
+      color: theme.colors.success
+    },
+    ruleFailed: {
+      color: theme.colors.placeholder
+    }
+  });
+}
+//# sourceMappingURL=FieldFlowPasswordStrength.js.map

package/lib/module/components/FieldFlowPasswordStrength/FieldFlowPasswordStrength.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","StyleSheet","Text","View","useFieldFlowTheme","mergeDeep","defaultTheme","renderFieldFlowIcon","DEFAULT_PASSWORD_RULES","evaluatePasswordStrength","PASSWORD_STRENGTH_COLORS","jsx","_jsx","jsxs","_jsxs","FieldFlowPasswordStrength","password","rules","showRules","hideWhenEmpty","colors","containerStyle","labelStyle","ruleStyle","theme","themeOverride","testID","contextTheme","styles","createStyles","result","level","barColor","border","style","wrapper","accessibilityRole","children","header","track","fill","width","Math","round","progress","backgroundColor","label","levelLabel","color","map","rule","ok","passed","some","p","id","ruleRow","success","placeholder","ruleText","rulePassed","ruleFailed","create","marginTop","spacing","gap","marginBottom","flexDirection","alignItems","flex","height","borderRadius","overflow","fontSize","typography","helperFontSize","fontWeight","minWidth","textAlign","fontFamily"],"sourceRoot":"../../../../src","sources":["components/FieldFlowPasswordStrength/FieldFlowPasswordStrength.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/FieldFlowPasswordStrength/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { FieldFlowPasswordStrength } from './FieldFlowPasswordStrength';
+//# sourceMappingURL=index.js.map

package/lib/module/components/FieldFlowPasswordStrength/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FieldFlowPasswordStrength"],"sourceRoot":"../../../../src","sources":["components/FieldFlowPasswordStrength/index.ts"],"mappings":";;AAAA,SAASA,yBAAyB,QAAQ,6BAA6B","ignoreList":[]}