rn-inputforge 0.4.0 → 0.5.1

package/lib/module/components/FieldFlowSegmented/FieldFlowSegmented.js

@@ -0,0 +1,190 @@
+"use strict";
+
+import React, { useEffect, useMemo, useRef } from 'react';
+import { Animated, Pressable, StyleSheet, Text, View } from 'react-native';
+import { useFieldFlowTheme, mergeDeep } from '../../theme/ThemeProvider';
+import { defaultTheme } from '../../theme/defaultTheme';
+import { renderFieldFlowIcon } from '../../icons/renderIcon';
+import { useReducedMotion } from '../../motion/useReducedMotion';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Animated pill segmented control — plan pickers, account type, filters.
+ * Matches FieldFlow theming and supports option icons.
+ */
+export function FieldFlowSegmented({
+  options,
+  value,
+  onChange,
+  label,
+  helperText,
+  errorText,
+  disabled,
+  required,
+  equalWidth = true,
+  containerStyle,
+  trackStyle,
+  segmentStyle,
+  labelStyle,
+  helperStyle,
+  theme: themeOverride,
+  testID
+}) {
+  const contextTheme = useFieldFlowTheme();
+  const theme = useMemo(() => themeOverride ? mergeDeep(contextTheme ?? defaultTheme, themeOverride) : contextTheme ?? defaultTheme, [contextTheme, themeOverride]);
+  const styles = useMemo(() => createStyles(theme, Boolean(errorText), Boolean(disabled)), [theme, errorText, disabled]);
+  const reducedMotion = useReducedMotion();
+  const selectedIndex = Math.max(0, options.findIndex(o => o.value === value));
+  const [trackWidth, setTrackWidth] = React.useState(0);
+  const translate = useRef(new Animated.Value(0)).current;
+  const segmentWidth = options.length > 0 && trackWidth > 0 ? trackWidth / options.length : 0;
+  useEffect(() => {
+    if (!equalWidth || segmentWidth <= 0) return;
+    const to = selectedIndex * segmentWidth + 2;
+    if (reducedMotion) {
+      translate.setValue(to);
+      return;
+    }
+    Animated.spring(translate, {
+      toValue: to,
+      friction: 8,
+      tension: 120,
+      useNativeDriver: true
+    }).start();
+  }, [selectedIndex, segmentWidth, equalWidth, reducedMotion, translate]);
+  const onTrackLayout = e => {
+    setTrackWidth(e.nativeEvent.layout.width);
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.wrapper, containerStyle],
+    testID: testID,
+    children: [label ? /*#__PURE__*/_jsxs(Text, {
+      style: [styles.label, labelStyle],
+      children: [label, required ? ' *' : '']
+    }) : null, /*#__PURE__*/_jsxs(View, {
+      style: [styles.track, trackStyle],
+      onLayout: onTrackLayout,
+      accessibilityRole: "tablist",
+      children: [equalWidth && segmentWidth > 0 ? /*#__PURE__*/_jsx(Animated.View, {
+        pointerEvents: "none",
+        style: [styles.thumb, {
+          width: segmentWidth - 4,
+          transform: [{
+            translateX: translate
+          }]
+        }]
+      }) : null, options.map(option => {
+        const isSelected = option.value === value;
+        const itemDisabled = disabled || option.disabled;
+        return /*#__PURE__*/_jsxs(Pressable, {
+          onPress: () => !itemDisabled && onChange(option.value),
+          disabled: itemDisabled,
+          style: [styles.segment, equalWidth && {
+            flex: 1
+          }, !equalWidth && isSelected && styles.segmentSelectedStatic, segmentStyle, itemDisabled && styles.segmentDisabled],
+          accessibilityRole: "tab",
+          accessibilityState: {
+            selected: isSelected,
+            disabled: Boolean(itemDisabled)
+          },
+          accessibilityLabel: option.label,
+          children: [option.icon ? /*#__PURE__*/_jsx(View, {
+            style: styles.segmentIcon,
+            children: renderFieldFlowIcon(option.icon, isSelected ? theme.colors.borderFocused : theme.colors.icon, 14)
+          }) : null, /*#__PURE__*/_jsx(Text, {
+            style: [styles.segmentText, isSelected && styles.segmentTextSelected],
+            numberOfLines: 1,
+            children: option.label
+          })]
+        }, option.value);
+      })]
+    }), errorText ? /*#__PURE__*/_jsx(Text, {
+      style: [styles.errorText, helperStyle],
+      children: errorText
+    }) : helperText ? /*#__PURE__*/_jsx(Text, {
+      style: [styles.helperText, helperStyle],
+      children: helperText
+    }) : null]
+  });
+}
+function createStyles(theme, hasError, disabled) {
+  return StyleSheet.create({
+    wrapper: {
+      marginBottom: theme.spacing.gap * 2,
+      opacity: disabled ? 0.6 : 1
+    },
+    label: {
+      fontSize: theme.typography.labelFontSize,
+      marginBottom: theme.spacing.gap,
+      color: hasError ? theme.colors.error : theme.colors.label,
+      fontWeight: '500',
+      fontFamily: theme.typography.fontFamily
+    },
+    track: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      backgroundColor: theme.colors.backgroundDisabled,
+      borderRadius: theme.spacing.borderRadius + 2,
+      padding: 2,
+      borderWidth: hasError ? theme.spacing.borderWidth : 0,
+      borderColor: theme.colors.borderError,
+      position: 'relative',
+      overflow: 'hidden'
+    },
+    thumb: {
+      position: 'absolute',
+      top: 2,
+      bottom: 2,
+      left: 0,
+      borderRadius: theme.spacing.borderRadius,
+      backgroundColor: theme.colors.background,
+      shadowColor: '#000',
+      shadowOpacity: 0.08,
+      shadowRadius: 4,
+      shadowOffset: {
+        width: 0,
+        height: 1
+      },
+      elevation: 2
+    },
+    segment: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: 6,
+      paddingVertical: 10,
+      paddingHorizontal: 12,
+      zIndex: 1
+    },
+    segmentSelectedStatic: {
+      backgroundColor: theme.colors.background,
+      borderRadius: theme.spacing.borderRadius
+    },
+    segmentDisabled: {
+      opacity: 0.45
+    },
+    segmentIcon: {
+      marginRight: 0
+    },
+    segmentText: {
+      fontSize: theme.typography.helperFontSize + 1,
+      color: theme.colors.label,
+      fontWeight: '500',
+      fontFamily: theme.typography.fontFamily
+    },
+    segmentTextSelected: {
+      color: theme.colors.text,
+      fontWeight: '600'
+    },
+    helperText: {
+      marginTop: theme.spacing.gap / 1.5,
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.label
+    },
+    errorText: {
+      marginTop: theme.spacing.gap / 1.5,
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.error
+    }
+  });
+}
+//# sourceMappingURL=FieldFlowSegmented.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useMemo","useRef","Animated","Pressable","StyleSheet","Text","View","useFieldFlowTheme","mergeDeep","defaultTheme","renderFieldFlowIcon","useReducedMotion","jsxs","_jsxs","jsx","_jsx","FieldFlowSegmented","options","value","onChange","label","helperText","errorText","disabled","required","equalWidth","containerStyle","trackStyle","segmentStyle","labelStyle","helperStyle","theme","themeOverride","testID","contextTheme","styles","createStyles","Boolean","reducedMotion","selectedIndex","Math","max","findIndex","o","trackWidth","setTrackWidth","useState","translate","Value","current","segmentWidth","length","to","setValue","spring","toValue","friction","tension","useNativeDriver","start","onTrackLayout","e","nativeEvent","layout","width","style","wrapper","children","track","onLayout","accessibilityRole","pointerEvents","thumb","transform","translateX","map","option","isSelected","itemDisabled","onPress","segment","flex","segmentSelectedStatic","segmentDisabled","accessibilityState","selected","accessibilityLabel","icon","segmentIcon","colors","borderFocused","segmentText","segmentTextSelected","numberOfLines","hasError","create","marginBottom","spacing","gap","opacity","fontSize","typography","labelFontSize","color","error","fontWeight","fontFamily","flexDirection","alignItems","backgroundColor","backgroundDisabled","borderRadius","padding","borderWidth","borderColor","borderError","position","overflow","top","bottom","left","background","shadowColor","shadowOpacity","shadowRadius","shadowOffset","height","elevation","justifyContent","paddingVertical","paddingHorizontal","zIndex","marginRight","helperFontSize","text","marginTop"],"sourceRoot":"../../../../src","sources":["components/FieldFlowSegmented/FieldFlowSegmented.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/lib/module/components/FieldFlowSignature/FieldFlowSignature.js

@@ -0,0 +1,195 @@
+"use strict";
+
+import React, { useMemo, useRef, useState } from 'react';
+import { PanResponder, Pressable, StyleSheet, Text, View } from 'react-native';
+import { useFieldFlowTheme, mergeDeep } from '../../theme/ThemeProvider';
+import { defaultTheme } from '../../theme/defaultTheme';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function SignatureSegment({
+  p1,
+  p2,
+  color,
+  thickness
+}) {
+  const dx = p2.x - p1.x;
+  const dy = p2.y - p1.y;
+  const len = Math.sqrt(dx * dx + dy * dy) || 0.01;
+  const angle = Math.atan2(dy, dx) * 180 / Math.PI;
+  return /*#__PURE__*/_jsx(View, {
+    pointerEvents: "none",
+    style: {
+      position: 'absolute',
+      left: p1.x,
+      top: p1.y,
+      width: len,
+      height: thickness,
+      backgroundColor: color,
+      borderRadius: thickness / 2,
+      transform: [{
+        translateY: -thickness / 2
+      }, {
+        rotate: `${angle}deg`
+      }]
+    }
+  });
+}
+export function FieldFlowSignature({
+  value,
+  onChange,
+  label,
+  helperText,
+  errorText,
+  disabled,
+  required,
+  height = 160,
+  strokeWidth = 2.5,
+  strokeColor,
+  clearLabel = 'Clear',
+  placeholder = 'Sign here',
+  renderClear,
+  renderPlaceholder,
+  containerStyle,
+  labelStyle,
+  theme: themeOverride,
+  testID
+}) {
+  const contextTheme = useFieldFlowTheme();
+  const theme = useMemo(() => themeOverride ? mergeDeep(contextTheme ?? defaultTheme, themeOverride) : contextTheme ?? defaultTheme, [contextTheme, themeOverride]);
+  const styles = useMemo(() => createStyles(theme, Boolean(errorText), Boolean(disabled)), [theme, errorText, disabled]);
+  const color = strokeColor ?? theme.colors.text;
+  const strokes = value?.strokes ?? [];
+  const strokesRef = useRef(strokes);
+  strokesRef.current = strokes;
+  const currentRef = useRef([]);
+  const [, setTick] = useState(0);
+  const bump = () => setTick(t => t + 1);
+  const emit = next => {
+    onChange({
+      strokes: next,
+      isEmpty: next.length === 0
+    });
+  };
+  const pan = useRef(PanResponder.create({
+    onStartShouldSetPanResponder: () => !disabled,
+    onMoveShouldSetPanResponder: () => !disabled,
+    onPanResponderGrant: e => {
+      currentRef.current = [{
+        x: e.nativeEvent.locationX,
+        y: e.nativeEvent.locationY
+      }];
+      bump();
+    },
+    onPanResponderMove: e => {
+      currentRef.current = [...currentRef.current, {
+        x: e.nativeEvent.locationX,
+        y: e.nativeEvent.locationY
+      }];
+      bump();
+    },
+    onPanResponderRelease: () => {
+      if (currentRef.current.length > 1) {
+        emit([...strokesRef.current, currentRef.current]);
+      }
+      currentRef.current = [];
+      bump();
+    }
+  })).current;
+  const allStrokes = currentRef.current.length ? [...strokes, currentRef.current] : strokes;
+  const clear = () => {
+    currentRef.current = [];
+    emit([]);
+    bump();
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.wrap, containerStyle],
+    testID: testID,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.header,
+      children: [label ? /*#__PURE__*/_jsxs(Text, {
+        style: [styles.label, labelStyle],
+        children: [label, required ? ' *' : '']
+      }) : /*#__PURE__*/_jsx(View, {}), renderClear ? renderClear({
+        clear,
+        isEmpty: allStrokes.length === 0
+      }) : /*#__PURE__*/_jsx(Pressable, {
+        onPress: clear,
+        disabled: disabled || allStrokes.length === 0,
+        hitSlop: 8,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.clear,
+          children: clearLabel
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: [styles.pad, {
+        height
+      }],
+      ...pan.panHandlers,
+      children: [allStrokes.map((stroke, si) => stroke.slice(1).map((point, pi) => /*#__PURE__*/_jsx(SignatureSegment, {
+        p1: stroke[pi],
+        p2: point,
+        color: color,
+        thickness: strokeWidth
+      }, `${si}-${pi}`))), allStrokes.length === 0 ? renderPlaceholder ? renderPlaceholder() : /*#__PURE__*/_jsx(Text, {
+        style: styles.placeholder,
+        pointerEvents: "none",
+        children: placeholder
+      }) : null]
+    }), errorText ? /*#__PURE__*/_jsx(Text, {
+      style: styles.error,
+      children: errorText
+    }) : helperText ? /*#__PURE__*/_jsx(Text, {
+      style: styles.helper,
+      children: helperText
+    }) : null]
+  });
+}
+function createStyles(theme, hasError, disabled) {
+  return StyleSheet.create({
+    wrap: {
+      marginBottom: theme.spacing.gap * 2,
+      opacity: disabled ? 0.6 : 1
+    },
+    header: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      marginBottom: 8
+    },
+    label: {
+      fontSize: theme.typography.labelFontSize,
+      color: hasError ? theme.colors.error : theme.colors.label,
+      fontWeight: '500'
+    },
+    clear: {
+      color: theme.colors.borderFocused,
+      fontWeight: '600',
+      fontSize: theme.typography.helperFontSize
+    },
+    pad: {
+      borderWidth: hasError ? theme.spacing.borderWidthFocused : theme.spacing.borderWidth,
+      borderColor: hasError ? theme.colors.borderError : theme.colors.border,
+      borderRadius: theme.spacing.borderRadius,
+      backgroundColor: theme.colors.background,
+      overflow: 'hidden'
+    },
+    placeholder: {
+      position: 'absolute',
+      alignSelf: 'center',
+      top: '42%',
+      color: theme.colors.placeholder,
+      fontSize: theme.typography.fontSize
+    },
+    helper: {
+      marginTop: 6,
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.label
+    },
+    error: {
+      marginTop: 6,
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.error
+    }
+  });
+}
+//# sourceMappingURL=FieldFlowSignature.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useRef","useState","PanResponder","Pressable","StyleSheet","Text","View","useFieldFlowTheme","mergeDeep","defaultTheme","jsx","_jsx","jsxs","_jsxs","SignatureSegment","p1","p2","color","thickness","dx","x","dy","y","len","Math","sqrt","angle","atan2","PI","pointerEvents","style","position","left","top","width","height","backgroundColor","borderRadius","transform","translateY","rotate","FieldFlowSignature","value","onChange","label","helperText","errorText","disabled","required","strokeWidth","strokeColor","clearLabel","placeholder","renderClear","renderPlaceholder","containerStyle","labelStyle","theme","themeOverride","testID","contextTheme","styles","createStyles","Boolean","colors","text","strokes","strokesRef","current","currentRef","setTick","bump","t","emit","next","isEmpty","length","pan","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","e","nativeEvent","locationX","locationY","onPanResponderMove","onPanResponderRelease","allStrokes","clear","wrap","children","header","onPress","hitSlop","pad","panHandlers","map","stroke","si","slice","point","pi","error","helper","hasError","marginBottom","spacing","gap","opacity","flexDirection","justifyContent","alignItems","fontSize","typography","labelFontSize","fontWeight","borderFocused","helperFontSize","borderWidth","borderWidthFocused","borderColor","borderError","border","background","overflow","alignSelf","marginTop"],"sourceRoot":"../../../../src","sources":["components/FieldFlowSignature/FieldFlowSignature.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/lib/module/components/FieldFlowSkeleton/FieldFlowSkeleton.js

@@ -0,0 +1,96 @@
+"use strict";
+
+import React, { useEffect, useMemo, useRef } from 'react';
+import { Animated, Easing, StyleSheet, View } from 'react-native';
+import { useFieldFlowTheme, mergeDeep } from '../../theme/ThemeProvider';
+import { defaultTheme } from '../../theme/defaultTheme';
+import { useReducedMotion } from '../../motion/useReducedMotion';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Soft shimmer placeholders while a form hydrates (draft / API).
+ */
+export function FieldFlowSkeleton({
+  count = 3,
+  variant = 'outlined',
+  showLabels = true,
+  lastMultiline = false,
+  containerStyle,
+  theme: themeOverride,
+  testID
+}) {
+  const contextTheme = useFieldFlowTheme();
+  const theme = useMemo(() => themeOverride ? mergeDeep(contextTheme ?? defaultTheme, themeOverride) : contextTheme ?? defaultTheme, [contextTheme, themeOverride]);
+  const styles = useMemo(() => createStyles(theme, variant), [theme, variant]);
+  const reducedMotion = useReducedMotion();
+  const pulse = useRef(new Animated.Value(0.45)).current;
+  useEffect(() => {
+    if (reducedMotion) {
+      pulse.setValue(0.55);
+      return;
+    }
+    const loop = Animated.loop(Animated.sequence([Animated.timing(pulse, {
+      toValue: 0.9,
+      duration: 700,
+      easing: Easing.inOut(Easing.quad),
+      useNativeDriver: true
+    }), Animated.timing(pulse, {
+      toValue: 0.45,
+      duration: 700,
+      easing: Easing.inOut(Easing.quad),
+      useNativeDriver: true
+    })]));
+    loop.start();
+    return () => loop.stop();
+  }, [reducedMotion, pulse]);
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.wrap, containerStyle],
+    testID: testID,
+    accessibilityLabel: "Loading form",
+    children: Array.from({
+      length: count
+    }, (_, i) => {
+      const tall = lastMultiline && i === count - 1;
+      return /*#__PURE__*/_jsxs(View, {
+        style: styles.item,
+        children: [showLabels ? /*#__PURE__*/_jsx(Animated.View, {
+          style: [styles.label, {
+            opacity: pulse
+          }]
+        }) : null, /*#__PURE__*/_jsx(Animated.View, {
+          style: [styles.field, tall && styles.fieldTall, {
+            opacity: pulse
+          }]
+        })]
+      }, i);
+    })
+  });
+}
+function createStyles(theme, variant) {
+  const height = theme.spacing.paddingVertical * 2 + theme.typography.fontSize + 6 + (variant === 'floating' ? 6 : 0);
+  return StyleSheet.create({
+    wrap: {
+      marginBottom: theme.spacing.gap
+    },
+    item: {
+      marginBottom: theme.spacing.gap * 2
+    },
+    label: {
+      width: '32%',
+      height: theme.typography.labelFontSize,
+      borderRadius: 4,
+      backgroundColor: theme.colors.backgroundDisabled,
+      marginBottom: theme.spacing.gap
+    },
+    field: {
+      height,
+      borderRadius: theme.spacing.borderRadius,
+      backgroundColor: theme.colors.backgroundDisabled,
+      borderWidth: StyleSheet.hairlineWidth,
+      borderColor: theme.colors.border
+    },
+    fieldTall: {
+      height: 88
+    }
+  });
+}
+//# sourceMappingURL=FieldFlowSkeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useMemo","useRef","Animated","Easing","StyleSheet","View","useFieldFlowTheme","mergeDeep","defaultTheme","useReducedMotion","jsx","_jsx","jsxs","_jsxs","FieldFlowSkeleton","count","variant","showLabels","lastMultiline","containerStyle","theme","themeOverride","testID","contextTheme","styles","createStyles","reducedMotion","pulse","Value","current","setValue","loop","sequence","timing","toValue","duration","easing","inOut","quad","useNativeDriver","start","stop","style","wrap","accessibilityLabel","children","Array","from","length","_","i","tall","item","label","opacity","field","fieldTall","height","spacing","paddingVertical","typography","fontSize","create","marginBottom","gap","width","labelFontSize","borderRadius","backgroundColor","colors","backgroundDisabled","borderWidth","hairlineWidth","borderColor","border"],"sourceRoot":"../../../../src","sources":["components/FieldFlowSkeleton/FieldFlowSkeleton.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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