rn-inputforge 0.4.0 → 0.5.0

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/FieldFlowSlider/FieldFlowSlider.js

@@ -0,0 +1,173 @@
+"use strict";
+
+import React, { useMemo, useRef, useState } from 'react';
+import { PanResponder, StyleSheet, Text, View } from 'react-native';
+import { useFieldFlowTheme, mergeDeep } from '../../theme/ThemeProvider';
+import { defaultTheme } from '../../theme/defaultTheme';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+function clamp(n, min, max) {
+  return Math.min(max, Math.max(min, n));
+}
+function snap(n, min, max, step) {
+  const raw = Math.round((n - min) / step) * step + min;
+  return clamp(Number(raw.toFixed(6)), min, max);
+}
+export function FieldFlowSlider({
+  value,
+  onChange,
+  min = 0,
+  max = 100,
+  step = 1,
+  label,
+  helperText,
+  errorText,
+  disabled,
+  required,
+  showValue = true,
+  formatValue,
+  renderThumb,
+  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 [width, setWidth] = useState(0);
+  const widthRef = useRef(0);
+  const valueRef = useRef(value);
+  valueRef.current = value;
+  const ratio = max === min ? 0 : (clamp(value, min, max) - min) / (max - min);
+  const updateFromX = x => {
+    if (widthRef.current <= 0 || disabled) return;
+    const r = clamp(x / widthRef.current, 0, 1);
+    const next = snap(min + r * (max - min), min, max, step);
+    if (next !== valueRef.current) onChange(next);
+  };
+  const pan = useRef(PanResponder.create({
+    onStartShouldSetPanResponder: () => !disabled,
+    onMoveShouldSetPanResponder: () => !disabled,
+    onPanResponderGrant: e => updateFromX(e.nativeEvent.locationX),
+    onPanResponderMove: e => updateFromX(e.nativeEvent.locationX)
+  })).current;
+  const onLayout = e => {
+    const w = e.nativeEvent.layout.width;
+    widthRef.current = w;
+    setWidth(w);
+  };
+  const display = formatValue ? formatValue(value) : String(value);
+  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, {}), showValue ? /*#__PURE__*/_jsx(Text, {
+        style: styles.value,
+        children: display
+      }) : null]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.track,
+      onLayout: onLayout,
+      ...pan.panHandlers,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.trackBg
+      }), /*#__PURE__*/_jsx(View, {
+        style: [styles.fill, {
+          width: Math.max(0, ratio * width)
+        }]
+      }), renderThumb ? renderThumb({
+        value,
+        ratio,
+        style: {
+          ...styles.thumb,
+          left: Math.max(0, ratio * width - 10)
+        }
+      }) : /*#__PURE__*/_jsx(View, {
+        style: [styles.thumb, {
+          left: Math.max(0, ratio * width - 10)
+        }]
+      })]
+    }), 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',
+      marginBottom: theme.spacing.gap
+    },
+    label: {
+      fontSize: theme.typography.labelFontSize,
+      color: hasError ? theme.colors.error : theme.colors.label,
+      fontWeight: '500'
+    },
+    value: {
+      fontSize: theme.typography.fontSize,
+      fontWeight: '600',
+      color: theme.colors.text
+    },
+    track: {
+      height: 28,
+      justifyContent: 'center'
+    },
+    trackBg: {
+      position: 'absolute',
+      left: 0,
+      right: 0,
+      height: 6,
+      borderRadius: 3,
+      backgroundColor: theme.colors.backgroundDisabled
+    },
+    fill: {
+      position: 'absolute',
+      left: 0,
+      height: 6,
+      borderRadius: 3,
+      backgroundColor: theme.colors.borderFocused
+    },
+    thumb: {
+      position: 'absolute',
+      width: 20,
+      height: 20,
+      borderRadius: 10,
+      backgroundColor: theme.colors.background,
+      borderWidth: 2,
+      borderColor: theme.colors.borderFocused,
+      top: 4,
+      shadowColor: '#000',
+      shadowOpacity: 0.12,
+      shadowRadius: 3,
+      shadowOffset: {
+        width: 0,
+        height: 1
+      },
+      elevation: 2
+    },
+    helper: {
+      marginTop: 6,
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.label
+    },
+    error: {
+      marginTop: 6,
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.error
+    }
+  });
+}
+//# sourceMappingURL=FieldFlowSlider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useRef","useState","PanResponder","StyleSheet","Text","View","useFieldFlowTheme","mergeDeep","defaultTheme","jsxs","_jsxs","jsx","_jsx","clamp","n","min","max","Math","snap","step","raw","round","Number","toFixed","FieldFlowSlider","value","onChange","label","helperText","errorText","disabled","required","showValue","formatValue","renderThumb","containerStyle","labelStyle","theme","themeOverride","testID","contextTheme","styles","createStyles","Boolean","width","setWidth","widthRef","valueRef","current","ratio","updateFromX","x","r","next","pan","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","e","nativeEvent","locationX","onPanResponderMove","onLayout","w","layout","display","String","style","wrap","children","header","track","panHandlers","trackBg","fill","thumb","left","error","helper","hasError","marginBottom","spacing","gap","opacity","flexDirection","justifyContent","fontSize","typography","labelFontSize","color","colors","fontWeight","text","height","position","right","borderRadius","backgroundColor","backgroundDisabled","borderFocused","background","borderWidth","borderColor","top","shadowColor","shadowOpacity","shadowRadius","shadowOffset","elevation","marginTop","helperFontSize"],"sourceRoot":"../../../../src","sources":["components/FieldFlowSlider/FieldFlowSlider.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/lib/module/components/FieldFlowStepper/FieldFlowStepper.js

@@ -0,0 +1,161 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { 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";
+export function FieldFlowStepper({
+  steps,
+  stepIndex,
+  onStepPress,
+  allowJumpBack = true,
+  showLabels = true,
+  headerRight,
+  renderStep,
+  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), [theme]);
+  const progress = steps.length <= 1 ? 1 : Math.min(1, Math.max(0, stepIndex / (steps.length - 1)));
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.wrap, containerStyle],
+    testID: testID,
+    children: [headerRight ? /*#__PURE__*/_jsx(View, {
+      style: styles.headerRow,
+      children: headerRight
+    }) : null, /*#__PURE__*/_jsxs(View, {
+      style: styles.track,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: [styles.trackFill, {
+          flex: progress
+        }]
+      }), /*#__PURE__*/_jsx(View, {
+        style: {
+          flex: Math.max(0.0001, 1 - progress)
+        }
+      })]
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.row,
+      children: steps.map((step, index) => {
+        const done = index < stepIndex;
+        const active = index === stepIndex;
+        const canPress = Boolean(onStepPress) && (allowJumpBack ? index <= stepIndex : false);
+        const onPress = () => {
+          if (canPress) onStepPress?.(index);
+        };
+        if (renderStep) {
+          return /*#__PURE__*/_jsx(React.Fragment, {
+            children: renderStep({
+              step,
+              index,
+              active,
+              done,
+              canPress,
+              onPress
+            })
+          }, step.id);
+        }
+        return /*#__PURE__*/_jsxs(Pressable, {
+          disabled: !canPress,
+          onPress: onPress,
+          style: styles.item,
+          accessibilityRole: "button",
+          accessibilityState: {
+            selected: active,
+            disabled: !canPress
+          },
+          accessibilityLabel: step.title,
+          children: [/*#__PURE__*/_jsx(View, {
+            style: [styles.dot, done && styles.dotDone, active && styles.dotActive],
+            children: /*#__PURE__*/_jsx(Text, {
+              style: [styles.dotText, done && styles.dotTextOnFill, active && !done && styles.dotTextActive],
+              children: done ? '✓' : index + 1
+            })
+          }), showLabels ? /*#__PURE__*/_jsx(Text, {
+            style: [styles.label, active && styles.labelActive, labelStyle],
+            numberOfLines: 2,
+            children: step.title
+          }) : null]
+        }, step.id);
+      })
+    })]
+  });
+}
+function createStyles(theme) {
+  return StyleSheet.create({
+    wrap: {
+      marginBottom: theme.spacing.gap * 2.5
+    },
+    headerRow: {
+      alignItems: 'flex-end',
+      marginBottom: theme.spacing.gap
+    },
+    track: {
+      flexDirection: 'row',
+      height: 4,
+      borderRadius: 2,
+      backgroundColor: theme.colors.backgroundDisabled,
+      marginBottom: theme.spacing.gap * 1.5,
+      overflow: 'hidden'
+    },
+    trackFill: {
+      backgroundColor: theme.colors.borderFocused,
+      borderRadius: 2
+    },
+    row: {
+      flexDirection: 'row',
+      justifyContent: 'space-between'
+    },
+    item: {
+      flex: 1,
+      alignItems: 'center',
+      paddingHorizontal: 2
+    },
+    dot: {
+      width: 28,
+      height: 28,
+      borderRadius: 14,
+      borderWidth: theme.spacing.borderWidth,
+      borderColor: theme.colors.border,
+      backgroundColor: theme.colors.background,
+      alignItems: 'center',
+      justifyContent: 'center',
+      marginBottom: 6
+    },
+    dotDone: {
+      backgroundColor: theme.colors.borderFocused,
+      borderColor: theme.colors.borderFocused
+    },
+    dotActive: {
+      borderColor: theme.colors.borderFocused,
+      borderWidth: theme.spacing.borderWidthFocused
+    },
+    dotText: {
+      fontSize: 12,
+      fontWeight: '600',
+      color: theme.colors.label
+    },
+    dotTextOnFill: {
+      color: '#fff'
+    },
+    dotTextActive: {
+      color: theme.colors.borderFocused
+    },
+    label: {
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.label,
+      textAlign: 'center',
+      fontFamily: theme.typography.fontFamily
+    },
+    labelActive: {
+      color: theme.colors.text,
+      fontWeight: '600'
+    }
+  });
+}
+//# sourceMappingURL=FieldFlowStepper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Pressable","StyleSheet","Text","View","useFieldFlowTheme","mergeDeep","defaultTheme","jsx","_jsx","jsxs","_jsxs","FieldFlowStepper","steps","stepIndex","onStepPress","allowJumpBack","showLabels","headerRight","renderStep","containerStyle","labelStyle","theme","themeOverride","testID","contextTheme","styles","createStyles","progress","length","Math","min","max","style","wrap","children","headerRow","track","trackFill","flex","row","map","step","index","done","active","canPress","Boolean","onPress","Fragment","id","disabled","item","accessibilityRole","accessibilityState","selected","accessibilityLabel","title","dot","dotDone","dotActive","dotText","dotTextOnFill","dotTextActive","label","labelActive","numberOfLines","create","marginBottom","spacing","gap","alignItems","flexDirection","height","borderRadius","backgroundColor","colors","backgroundDisabled","overflow","borderFocused","justifyContent","paddingHorizontal","width","borderWidth","borderColor","border","background","borderWidthFocused","fontSize","fontWeight","color","typography","helperFontSize","textAlign","fontFamily","text"],"sourceRoot":"../../../../src","sources":["components/FieldFlowStepper/FieldFlowStepper.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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