rn-inputforge 0.3.1 → 0.4.0

package/README.md

@@ -1,11 +1,36 @@
 # rn-inputforge
 
-A production-ready, highly customizable input field system for **bare React Native CLI** apps — text, email, number, phone, password, search, description, and chat inputs, plus a fully customizable single/multi-select dropdown (bottom sheet, popup, or inline), with built-in validation, theming, icons, and keyboard-aware form navigation. Pure JS/TS, no native modules, so there's nothing to link.
+A production-ready, highly customizable input field system for **React Native** (bare CLI **and Expo**) — text, email, number, phone, password, search, OTP/PIN, masked inputs, date/time picker, checkbox/radio/switch, description, and chat inputs, plus a fully customizable single/multi-select dropdown (bottom sheet, popup, or inline), with built-in validation (sync, async, cross-field, optional Zod), theming, icons, and keyboard-aware form navigation. Pure JS/TS, no native modules, so there's nothing to link.
 
 Works identically whether your project uses **npm** or **yarn**.
 
 ---
 
+## What's new in 0.4.0
+
+Upgrading from **0.3.1**? Here's everything added in this release:
+
+| Addition | What you get |
+| -------- | ------------ |
+| **`FieldFlowOTP`** | OTP / PIN digit cells with paste, autofill, and `onComplete` |
+| **`FieldFlowMaskedInput`** | `phone`, `card`, `currency`, `date`, and custom `#` masks |
+| **`FieldFlowDateTimePicker`** | Pure-JS date / time / datetime picker (no native modules) |
+| **`FieldFlowCheckbox`** | Themed checkbox with custom icons & colors |
+| **`FieldFlowRadio`** | Radio group (options can carry icons too) |
+| **`FieldFlowSwitch`** | Animated switch with theme overrides |
+| **Variants** | `outlined` · `filled` · `underline` · `floating` on text fields |
+| **Icons** | Larger built-in set + pass any custom React node anywhere |
+| **Async validation** | `asyncValidators` + `form.validating` / `form.isValidating` |
+| **Cross-field rules** | e.g. password confirm via `crossFieldRules` |
+| **Zod helpers** | Optional `zodFormValidate`, `zodToFormErrors`, etc. |
+| **Expo** | Explicit support — same install, no linking |
+
+**Breaking change:** `validateField` and `validateAll` now return `Promise<boolean>` (needed for async validation). Prefer `await form.validateAll()` or just use `form.submit()`.
+
+Jump to: [OTP](#otp--pin) · [Masked inputs](#masked-inputs) · [Date & time](#date--time-picker) · [Checkbox / radio / switch](#checkbox-radio--switch) · [Variants](#variants) · [Icons](#icons) · [Validation](#validation)
+
+---
+
 ## Installation
 
 Pick whichever your project already uses — the package itself doesn't care.
@@ -18,13 +43,15 @@ npm install rn-inputforge
 yarn add rn-inputforge
 ```
 
-That's it — this is a pure JavaScript/TypeScript package (no native code), so on a bare React Native CLI project there is **no pod install step and no manual linking** required. If you're on iOS and your project's Podfile does a full `pod install` on every dependency change anyway, running it won't hurt, it's just not required for this package.
+That's it — this is a pure JavaScript/TypeScript package (no native code), so there is **no pod install step and no manual linking** required on bare React Native CLI. Same install works in **Expo** (Managed or Dev Client) — just `npx expo install` is not required for this package because it has no native dependencies; `npm install rn-inputforge` / `yarn add rn-inputforge` is enough.
 
 ### Requirements
 
 - `react` >= 18 (tested against 19.2.x)
 - `react-native` >= 0.73 (tested against 0.86.x)
+- Works with Expo SDK that ships RN ≥ 0.73
 - TypeScript is optional but recommended (type defs are bundled)
+- `zod` is an **optional** peer dependency (only if you use the Zod helpers)
 
 ---
 
@@ -112,7 +139,190 @@ const form = useFieldFlowForm({
 />;
 ```
 
-`form.submit()` validates every field and only calls `onSubmit` if everything passes.
+`form.submit()` validates every field (including async + cross-field rules) and only calls `onSubmit` if everything passes.
+
+### Cross-field & async validation
+
+```tsx
+const form = useFieldFlowForm({
+  initialValues: { password: '', confirm: '', email: '' },
+  rules: {
+    password: { required: true, minLength: 8 },
+    confirm: { required: true },
+    email: { required: true, email: true },
+  },
+  crossFieldRules: [
+    {
+      target: 'confirm',
+      deps: ['password'],
+      validate: v =>
+        v.password === v.confirm
+          ? { valid: true }
+          : { valid: false, message: 'Passwords must match' },
+    },
+  ],
+  asyncValidators: {
+    email: async value => {
+      const taken = await api.isEmailTaken(value);
+      return taken
+        ? { valid: false, message: 'Email is already taken' }
+        : { valid: true };
+    },
+  },
+});
+
+// form.validating.email === true while the async check runs
+// form.isValidating === true if any async validator is in flight
+```
+
+> **Note (0.4.0):** `validateField` and `validateAll` are now `async` and return `Promise<boolean>`.
+
+### Zod (optional)
+
+```bash
+npm install zod
+```
+
+```tsx
+import { z } from 'zod';
+import { useFieldFlowForm, zodFormValidate } from 'rn-inputforge';
+
+const schema = z.object({
+  email: z.string().email(),
+  password: z.string().min(8),
+});
+
+const form = useFieldFlowForm({
+  initialValues: { email: '', password: '' },
+  formValidate: zodFormValidate(schema),
+  onSubmit: async values => api.login(values),
+});
+```
+
+Also exported: `zodToFormErrors`, `createZodSubmitGuard`, `fieldRulesFromZodString`.
+
+---
+
+## Variants
+
+Every text-like field (`FieldFlowInput`, `FieldFlowMaskedInput`, date picker trigger) supports:
+
+| `variant`    | Look                                      |
+| ------------ | ----------------------------------------- |
+| `outlined`   | Bordered box (default)                    |
+| `filled`     | Soft filled background                    |
+| `underline`  | Bottom border only                        |
+| `floating`   | Label animates into the border when filled / focused |
+
+```tsx
+<FieldFlowInput variant="floating" label="Email" type="email" value={email} onChangeText={setEmail} />
+<FieldFlowInput variant="underline" label="Name" leftIcon="user" value={name} onChangeText={setName} />
+```
+
+## Icons
+
+Built-in, dependency-free icons — pass a name **or** any custom React node:
+
+```tsx
+<FieldFlowInput leftIcon="mail" rightIcon={<MyLucideIcon />} />
+<FieldFlowInput type="email" />           // auto leftIcon="mail"
+<FieldFlowInput type="password" />        // auto leftIcon="lock" + show/hide
+<FieldFlowMaskedInput mask="card" />      // auto leftIcon="creditCard"
+```
+
+Built-in names include: `eye`, `eyeOff`, `clear`, `check`, `alert`, `search`, `send`, `camera`, `image`, `paperclip`, `mic`, `mapPin`, `chevronDown/Up/Left/Right`, `calendar`, `clock`, `creditCard`, `currency`, `phone`, `mail`, `lock`, `user`, `key`, `hash`, `otp`, `radio`, `radioFilled`, `switch`, `star`, `plus`, `minus`, `info`, `home`, `settings`, `edit`, `trash`, `link`, `globe`, `file`, `folder`, `bell`, `heart`, `spinner`.
+
+Use `FieldFlowIcon` / `renderFieldFlowIcon` anywhere in your app. Set `iconSize` on components to scale them. Pass `leftIcon={null}` / `undefined` carefully — omit the prop to keep defaults, or pass a custom node to replace.
+
+## OTP / PIN
+
+```tsx
+import { FieldFlowOTP } from 'rn-inputforge';
+
+<FieldFlowOTP
+  label="Verification code"
+  leftIcon="otp"
+  length={6}
+  value={code}
+  onChangeText={setCode}
+  onComplete={value => verify(value)}
+  cellSize={48}
+/>
+```
+
+Supports paste/autofill (`textContentType="oneTimeCode"`), backspace navigation, secure mode, custom `renderCell`, cell styles, and icons.
+
+---
+
+## Masked inputs
+
+```tsx
+import { FieldFlowMaskedInput } from 'rn-inputforge';
+
+<FieldFlowMaskedInput mask="phone" label="Phone" value={phone} onChangeText={setPhone} />
+<FieldFlowMaskedInput mask="card" label="Card" valueMode="raw" value={card} onChangeText={(_, raw) => setCard(raw)} />
+<FieldFlowMaskedInput mask="currency" maskOptions={{ currencySymbol: '$' }} value={amount} onChangeText={setAmount} />
+<FieldFlowMaskedInput mask="date" label="Date" value={date} onChangeText={setDate} />
+<FieldFlowMaskedInput mask="custom" maskOptions={{ pattern: '###-##-####' }} value={ssn} onChangeText={setSsn} />
+```
+
+Built-in masks: `phone`, `card`, `currency`, `date`, `custom` (pattern with `#` = digit). `onChangeText(formatted, raw)` always receives both; `valueMode` controls which string you store (`'formatted'` default, or `'raw'`).
+
+Low-level helpers are also exported: `applyMask`, `formatMasked`, `unmask`, `digitsOnly`.
+
+---
+
+## Date & time picker
+
+Pure JS calendar / time sheet (no native modules):
+
+```tsx
+import { FieldFlowDateTimePicker } from 'rn-inputforge';
+
+<FieldFlowDateTimePicker mode="date" label="Birthday" value={dob} onChange={setDob} clearable />
+<FieldFlowDateTimePicker mode="time" label="Start time" value={time} onChange={setTime} hourCycle={12} />
+<FieldFlowDateTimePicker
+  mode="datetime"
+  label="Appointment"
+  value={appt}
+  onChange={setAppt}
+  leftIcon="calendar"
+  minimumDate="2020-01-01"
+  formatDisplay={(d) => d.toLocaleString()}
+/>
+```
+
+Fully customizable: icons, labels, confirm/cancel text, `renderTrigger`, `formatDisplay`, min/max dates, theme, styles.
+
+## Checkbox, radio & switch
+
+```tsx
+import { FieldFlowCheckbox, FieldFlowRadio, FieldFlowSwitch } from 'rn-inputforge';
+
+<FieldFlowCheckbox
+  label="I agree to the Terms"
+  leftIcon="file"
+  checkedIcon="check"
+  value={accepted}
+  onChange={setAccepted}
+  required
+/>
+
+<FieldFlowRadio
+  label="Plan"
+  leftIcon="star"
+  value={plan}
+  onChange={setPlan}
+  options={[
+    { label: 'Starter', value: 'starter', icon: 'home' },
+    { label: 'Pro', value: 'pro', description: 'Most popular', icon: 'star' },
+  ]}
+/>
+
+<FieldFlowSwitch label="Push notifications" leftIcon="bell" value={pushOn} onChange={setPushOn} />
+```
+
+Override colors (`checkedColor`, `onTrackColor`, …), icons, sizes, and `renderOption` when you need full control.
 
 ---
 
@@ -225,18 +435,6 @@ Handles expandable height, keyboard-avoiding behavior, and a send button that's
 
 ---
 
-## Icons
-
-FieldFlow ships a small, dependency-free icon set (`eye`, `eyeOff`, `clear`, `check`, `alert`, `search`, `send`, `camera`, `image`, `paperclip`, `mic`, `mapPin`, `spinner`) so you don't need to install `react-native-svg` or a vector-icon library just to use text fields with icons:
-
-```tsx
-<FieldFlowInput leftIcon="search" rightIcon={<MyCustomIcon />} />
-```
-
-Any prop that accepts an icon also accepts a raw `ReactNode`, so you can swap in your own icon library (e.g. `react-native-vector-icons`, `lucide-react-native`) at any time without changing anything else.
-
----
-
 ## Theming
 
 Wrap your app (or just a screen) in `FieldFlowThemeProvider` and override only what you need — everything else falls back to the default theme:
@@ -265,17 +463,24 @@ rn-inputforge/
 ├── src/
 │   ├── components/
 │   │   ├── FieldFlowInput/        core input (all field types, icons, states)
+│   │   ├── FieldFlowInput/        core input + variants (outlined/filled/underline/floating)
+│   │   ├── FieldFlowOTP/          OTP / PIN digit cells
+│   │   ├── FieldFlowMaskedInput/  phone, card, currency, date, custom masks
+│   │   ├── FieldFlowDateTimePicker/ date / time / datetime (pure JS)
+│   │   ├── FieldFlowCheckbox/     themed checkbox
+│   │   ├── FieldFlowRadio/        radio group
+│   │   ├── FieldFlowSwitch/       animated switch
 │   │   ├── DescriptionField/      auto-growing multiline field
 │   │   ├── ChatInput/             chat composer + attachment toolbar
 │   │   ├── FieldFlowDropdown/     single/multi select — bottom sheet, popup, or inline
 │   │   └── KeyboardAwareFormWrapper/
 │   ├── hooks/                     useFieldFlowForm, useKeyboardManager, useFieldState
 │   ├── theme/                     ThemeProvider + default/dark themes
-│   ├── validation/                validators + useValidation
-│   ├── icons/                     dependency-free icon set
-│   ├── utils/                     keyboard-type resolution, formatters
+│   ├── validation/                validators, useValidation, Zod adapter
+│   ├── icons/                     expanded dependency-free icon set + render helper
+│   ├── utils/                     keyboard-type resolution, formatters, masks
 │   └── index.ts                   public API
-├── example/App.tsx                full usage reference (form + chat screen)
+├── example/App.tsx                full usage reference
 ├── package.json
 └── tsconfig*.json
 ```

package/lib/commonjs/components/FieldFlowCheckbox/FieldFlowCheckbox.js

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldFlowCheckbox = FieldFlowCheckbox;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _ThemeProvider = require("../../theme/ThemeProvider");
+var _defaultTheme = require("../../theme/defaultTheme");
+var _icons = require("../../icons");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function FieldFlowCheckbox({
+  value,
+  onChange,
+  label,
+  helperText,
+  errorText,
+  disabled,
+  required,
+  labelPosition = 'right',
+  checkedIcon = 'check',
+  uncheckedIcon,
+  leftIcon,
+  iconSize = 14,
+  checkedColor,
+  uncheckedColor,
+  boxSize = 22,
+  boxStyle,
+  containerStyle,
+  labelStyle,
+  helperStyle,
+  errorStyle,
+  theme: themeOverride,
+  testID
+}) {
+  const contextTheme = (0, _ThemeProvider.useFieldFlowTheme)();
+  const theme = (0, _react.useMemo)(() => themeOverride ? (0, _ThemeProvider.mergeDeep)(contextTheme ?? _defaultTheme.defaultTheme, themeOverride) : contextTheme ?? _defaultTheme.defaultTheme, [contextTheme, themeOverride]);
+  const styles = (0, _react.useMemo)(() => createStyles(theme, Boolean(errorText), Boolean(disabled), boxSize), [theme, errorText, disabled, boxSize]);
+  const checked = Boolean(value);
+  const activeColor = checkedColor ?? theme.colors.borderFocused;
+  const idleColor = uncheckedColor ?? (errorText ? theme.colors.borderError : theme.colors.border);
+  const box = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.box, checked && {
+      backgroundColor: activeColor,
+      borderColor: activeColor
+    }, !checked && {
+      borderColor: idleColor
+    }, disabled ? styles.boxDisabled : null, boxStyle],
+    children: checked ? (0, _icons.renderFieldFlowIcon)(checkedIcon, '#FFFFFF', iconSize) : uncheckedIcon ? (0, _icons.renderFieldFlowIcon)(uncheckedIcon, idleColor, iconSize) : null
+  });
+  const labelNode = label ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+    style: [styles.label, labelStyle],
+    children: [label, required ? ' *' : '']
+  }) : null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.wrapper, containerStyle],
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      onPress: () => !disabled && onChange(!checked),
+      disabled: disabled,
+      style: styles.row,
+      accessibilityRole: "checkbox",
+      accessibilityState: {
+        checked,
+        disabled: Boolean(disabled)
+      },
+      accessibilityLabel: label,
+      hitSlop: 6,
+      children: [leftIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.leftIcon,
+        children: (0, _icons.renderFieldFlowIcon)(leftIcon, theme.colors.icon, 18)
+      }) : null, labelPosition === 'left' ? labelNode : null, box, labelPosition === 'right' ? labelNode : null]
+    }), errorText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.errorText, errorStyle, helperStyle],
+      children: errorText
+    }) : helperText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.helperText, helperStyle],
+      children: helperText
+    }) : null]
+  });
+}
+function createStyles(theme, _hasError, disabled, boxSize) {
+  return _reactNative.StyleSheet.create({
+    wrapper: {
+      marginBottom: theme.spacing.gap * 2,
+      opacity: disabled ? 0.6 : 1
+    },
+    row: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: theme.spacing.gap
+    },
+    leftIcon: {
+      marginRight: 2
+    },
+    box: {
+      width: boxSize,
+      height: boxSize,
+      borderRadius: 6,
+      borderWidth: theme.spacing.borderWidthFocused,
+      backgroundColor: theme.colors.background,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    boxDisabled: {
+      backgroundColor: theme.colors.backgroundDisabled
+    },
+    label: {
+      flex: 1,
+      fontSize: theme.typography.fontSize,
+      color: theme.colors.text,
+      fontWeight: '400',
+      fontFamily: theme.typography.fontFamily
+    },
+    helperText: {
+      marginTop: theme.spacing.gap / 1.5,
+      marginLeft: boxSize + theme.spacing.gap,
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.label
+    },
+    errorText: {
+      marginTop: theme.spacing.gap / 1.5,
+      marginLeft: boxSize + theme.spacing.gap,
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.error
+    }
+  });
+}
+//# sourceMappingURL=FieldFlowCheckbox.js.map

package/lib/commonjs/components/FieldFlowCheckbox/FieldFlowCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ThemeProvider","_defaultTheme","_icons","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FieldFlowCheckbox","value","onChange","label","helperText","errorText","disabled","required","labelPosition","checkedIcon","uncheckedIcon","leftIcon","iconSize","checkedColor","uncheckedColor","boxSize","boxStyle","containerStyle","labelStyle","helperStyle","errorStyle","theme","themeOverride","testID","contextTheme","useFieldFlowTheme","useMemo","mergeDeep","defaultTheme","styles","createStyles","Boolean","checked","activeColor","colors","borderFocused","idleColor","borderError","border","box","jsx","View","style","backgroundColor","borderColor","boxDisabled","children","renderFieldFlowIcon","labelNode","jsxs","Text","wrapper","Pressable","onPress","row","accessibilityRole","accessibilityState","accessibilityLabel","hitSlop","icon","_hasError","StyleSheet","create","marginBottom","spacing","gap","opacity","flexDirection","alignItems","marginRight","width","height","borderRadius","borderWidth","borderWidthFocused","background","justifyContent","backgroundDisabled","flex","fontSize","typography","color","text","fontWeight","fontFamily","marginTop","marginLeft","helperFontSize","error"],"sourceRoot":"../../../../src","sources":["components/FieldFlowCheckbox/FieldFlowCheckbox.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/FieldFlowCheckbox/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FieldFlowCheckbox", {
+  enumerable: true,
+  get: function () {
+    return _FieldFlowCheckbox.FieldFlowCheckbox;
+  }
+});
+var _FieldFlowCheckbox = require("./FieldFlowCheckbox");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/FieldFlowCheckbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_FieldFlowCheckbox","require"],"sourceRoot":"../../../../src","sources":["components/FieldFlowCheckbox/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA","ignoreList":[]}