rn-inputforge 0.3.1 → 0.4.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useCallback","useMemo","useState","FieldFlowInput","applyMask","jsx","_jsx","keyboardForMask","mask","DEFAULT_MASK_ICONS","phone","card","currency","date","custom","FieldFlowMaskedInput","maskOptions","value","defaultValue","onChangeText","valueMode","leftIcon","rest","ref","isControlled","undefined","internal","setInternal","formatted","displayValue","source","handleChange","rawInput","result","primary","raw","type","keyboardType","autoCapitalize","autoCorrect"],"sourceRoot":"../../../../src","sources":["components/FieldFlowMaskedInput/FieldFlowMaskedInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAEzE,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAI9C,SAASC,eAAeA,CAACC,IAAuC,EAAE;EAChE,QAAQA,IAAI;IACV,KAAK,UAAU;MACb,OAAO,aAAa;IACtB,KAAK,OAAO;MACV,OAAO,WAAW;IACpB;MACE,OAAO,YAAY;EACvB;AACF;AAEA,MAAMC,kBAAkF,GAAG;EACzFC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,YAAY;EAClBC,QAAQ,EAAE,UAAU;EACpBC,IAAI,EAAE,UAAU;EAChBC,MAAM,EAAE;AACV,CAAC;AAED,OAAO,MAAMC,oBAAoB,gBAAGhB,UAAU,CAC5C,SAASgB,oBAAoBA,CAC3B;EACEP,IAAI;EACJQ,WAAW;EACXC,KAAK;EACLC,YAAY;EACZC,YAAY;EACZC,SAAS,GAAG,WAAW;EACvBC,QAAQ;EACR,GAAGC;AACL,CAAC,EACDC,GAAG,EACH;EACA,MAAMC,YAAY,GAAGP,KAAK,KAAKQ,SAAS;EACxC,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGzB,QAAQ,CAAC,MAAM;IAC7C,IAAIgB,YAAY,KAAKO,SAAS,EAAE,OAAO,EAAE;IACzC,OAAOrB,SAAS,CAACc,YAAY,EAAEV,IAAI,EAAEQ,WAAW,CAAC,CAACY,SAAS;EAC7D,CAAC,CAAC;EAEF,MAAMC,YAAY,GAAG5B,OAAO,CAAC,MAAM;IACjC,MAAM6B,MAAM,GAAGN,YAAY,GAAGP,KAAK,IAAI,EAAE,GAAGS,QAAQ;IACpD,OAAOtB,SAAS,CAAC0B,MAAM,EAAEtB,IAAI,EAAEQ,WAAW,CAAC,CAACY,SAAS;EACvD,CAAC,EAAE,CAACJ,YAAY,EAAEP,KAAK,EAAES,QAAQ,EAAElB,IAAI,EAAEQ,WAAW,CAAC,CAAC;EAEtD,MAAMe,YAAY,GAAG/B,WAAW,CAC7BgC,QAAgB,IAAK;IACpB,MAAMC,MAAM,GAAG7B,SAAS,CAAC4B,QAAQ,EAAExB,IAAI,EAAEQ,WAAW,CAAC;IACrD,IAAI,CAACQ,YAAY,EAAEG,WAAW,CAACM,MAAM,CAACL,SAAS,CAAC;IAChD,MAAMM,OAAO,GAAGd,SAAS,KAAK,KAAK,GAAGa,MAAM,CAACE,GAAG,GAAGF,MAAM,CAACL,SAAS;IACnET,YAAY,GAAGe,OAAO,EAAED,MAAM,CAACE,GAAG,CAAC;EACrC,CAAC,EACD,CAACX,YAAY,EAAEhB,IAAI,EAAEQ,WAAW,EAAEG,YAAY,EAAEC,SAAS,CAC3D,CAAC;EAED,oBACEd,IAAA,CAACH,cAAc;IACboB,GAAG,EAAEA,GAAI;IAAA,GACLD,IAAI;IACRc,IAAI,EAAC,MAAM;IACXnB,KAAK,EAAEY,YAAa;IACpBV,YAAY,EAAEY,YAAa;IAC3BM,YAAY,EAAE9B,eAAe,CAACC,IAAI,CAAE;IACpC8B,cAAc,EAAC,MAAM;IACrBC,WAAW,EAAE,KAAM;IACnBlB,QAAQ,EAAEA,QAAQ,KAAKI,SAAS,GAAGJ,QAAQ,GAAGZ,kBAAkB,CAACD,IAAI;EAAE,CACxE,CAAC;AAEN,CACF,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,159 @@
+"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 { renderFieldFlowIcon } from '../../icons';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+export function FieldFlowRadio({
+  options,
+  value,
+  onChange,
+  label,
+  helperText,
+  errorText,
+  disabled,
+  required,
+  direction = 'vertical',
+  leftIcon,
+  selectedIcon = 'radioFilled',
+  unselectedIcon = 'radio',
+  iconSize = 20,
+  selectedColor,
+  containerStyle,
+  optionStyle,
+  labelStyle,
+  helperStyle,
+  errorStyle,
+  theme: themeOverride,
+  testID,
+  renderOption
+}) {
+  const contextTheme = useFieldFlowTheme();
+  const theme = useMemo(() => themeOverride ? mergeDeep(contextTheme ?? defaultTheme, themeOverride) : contextTheme ?? defaultTheme, [contextTheme, themeOverride]);
+  const styles = useMemo(() => createStyles(theme, Boolean(errorText), Boolean(disabled), direction), [theme, errorText, disabled, direction]);
+  const active = selectedColor ?? theme.colors.borderFocused;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.wrapper, containerStyle],
+    testID: testID,
+    accessibilityRole: "radiogroup",
+    accessibilityLabel: label,
+    children: [(label || leftIcon) && /*#__PURE__*/_jsxs(View, {
+      style: styles.labelRow,
+      children: [leftIcon ? renderFieldFlowIcon(leftIcon, theme.colors.icon, 18) : null, label ? /*#__PURE__*/_jsxs(Text, {
+        style: [styles.groupLabel, labelStyle],
+        children: [label, required ? ' *' : '']
+      }) : null]
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.options,
+      children: options.map(option => {
+        const selected = value === option.value;
+        const itemDisabled = Boolean(disabled || option.disabled);
+        const onPress = () => onChange(option.value);
+        if (renderOption) {
+          return /*#__PURE__*/_jsx(View, {
+            children: renderOption({
+              option,
+              selected,
+              disabled: itemDisabled,
+              onPress
+            })
+          }, option.value);
+        }
+        return /*#__PURE__*/_jsxs(Pressable, {
+          onPress: () => !itemDisabled && onPress(),
+          disabled: itemDisabled,
+          style: [styles.optionRow, itemDisabled && styles.optionDisabled, optionStyle],
+          accessibilityRole: "radio",
+          accessibilityState: {
+            selected,
+            disabled: itemDisabled
+          },
+          accessibilityLabel: option.label,
+          hitSlop: 4,
+          children: [renderFieldFlowIcon(selected ? selectedIcon : unselectedIcon, selected ? active : errorText ? theme.colors.borderError : theme.colors.border, iconSize), option.icon ? /*#__PURE__*/_jsx(View, {
+            style: styles.optionIcon,
+            children: renderFieldFlowIcon(option.icon, theme.colors.icon, 18)
+          }) : null, /*#__PURE__*/_jsxs(View, {
+            style: styles.optionTextCol,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: styles.optionLabel,
+              children: option.label
+            }), option.description ? /*#__PURE__*/_jsx(Text, {
+              style: styles.optionDescription,
+              children: option.description
+            }) : null]
+          })]
+        }, option.value);
+      })
+    }), errorText ? /*#__PURE__*/_jsx(Text, {
+      style: [styles.errorText, errorStyle, helperStyle],
+      children: errorText
+    }) : helperText ? /*#__PURE__*/_jsx(Text, {
+      style: [styles.helperText, helperStyle],
+      children: helperText
+    }) : null]
+  });
+}
+function createStyles(theme, hasError, disabled, direction) {
+  return StyleSheet.create({
+    wrapper: {
+      marginBottom: theme.spacing.gap * 2,
+      opacity: disabled ? 0.6 : 1
+    },
+    labelRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: theme.spacing.gap,
+      marginBottom: theme.spacing.gap
+    },
+    groupLabel: {
+      fontSize: theme.typography.labelFontSize,
+      color: hasError ? theme.colors.error : theme.colors.label,
+      fontWeight: '500',
+      fontFamily: theme.typography.fontFamily
+    },
+    options: {
+      flexDirection: direction === 'horizontal' ? 'row' : 'column',
+      flexWrap: direction === 'horizontal' ? 'wrap' : 'nowrap',
+      gap: theme.spacing.gap * 1.5
+    },
+    optionRow: {
+      flexDirection: 'row',
+      alignItems: 'flex-start',
+      gap: theme.spacing.gap,
+      minWidth: direction === 'horizontal' ? '40%' : undefined
+    },
+    optionDisabled: {
+      opacity: 0.5
+    },
+    optionIcon: {
+      marginTop: 1
+    },
+    optionTextCol: {
+      flex: 1
+    },
+    optionLabel: {
+      fontSize: theme.typography.fontSize,
+      color: theme.colors.text,
+      fontFamily: theme.typography.fontFamily
+    },
+    optionDescription: {
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.placeholder,
+      marginTop: 2
+    },
+    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=FieldFlowRadio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Pressable","StyleSheet","Text","View","useFieldFlowTheme","mergeDeep","defaultTheme","renderFieldFlowIcon","jsxs","_jsxs","jsx","_jsx","FieldFlowRadio","options","value","onChange","label","helperText","errorText","disabled","required","direction","leftIcon","selectedIcon","unselectedIcon","iconSize","selectedColor","containerStyle","optionStyle","labelStyle","helperStyle","errorStyle","theme","themeOverride","testID","renderOption","contextTheme","styles","createStyles","Boolean","active","colors","borderFocused","style","wrapper","accessibilityRole","accessibilityLabel","children","labelRow","icon","groupLabel","map","option","selected","itemDisabled","onPress","optionRow","optionDisabled","accessibilityState","hitSlop","borderError","border","optionIcon","optionTextCol","optionLabel","description","optionDescription","hasError","create","marginBottom","spacing","gap","opacity","flexDirection","alignItems","fontSize","typography","labelFontSize","color","error","fontWeight","fontFamily","flexWrap","minWidth","undefined","marginTop","flex","text","helperFontSize","placeholder"],"sourceRoot":"../../../../src","sources":["components/FieldFlowRadio/FieldFlowRadio.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/lib/module/components/FieldFlowSwitch/FieldFlowSwitch.js

@@ -0,0 +1,147 @@
+"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';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function FieldFlowSwitch({
+  value,
+  onChange,
+  label,
+  helperText,
+  errorText,
+  disabled,
+  required,
+  switchPosition = 'right',
+  leftIcon,
+  iconSize = 18,
+  onTrackColor,
+  offTrackColor,
+  thumbColor = '#FFFFFF',
+  trackStyle,
+  thumbStyle,
+  containerStyle,
+  labelStyle,
+  helperStyle,
+  errorStyle,
+  theme: themeOverride,
+  testID
+}) {
+  const contextTheme = useFieldFlowTheme();
+  const theme = useMemo(() => themeOverride ? mergeDeep(contextTheme ?? defaultTheme, themeOverride) : contextTheme ?? defaultTheme, [contextTheme, themeOverride]);
+  const styles = useMemo(() => createStyles(theme, Boolean(disabled)), [theme, disabled]);
+  const anim = useRef(new Animated.Value(value ? 1 : 0)).current;
+  useEffect(() => {
+    Animated.timing(anim, {
+      toValue: value ? 1 : 0,
+      duration: theme.animation.duration,
+      useNativeDriver: false
+    }).start();
+  }, [anim, theme.animation.duration, value]);
+  const trackColor = anim.interpolate({
+    inputRange: [0, 1],
+    outputRange: [offTrackColor ?? theme.colors.border, onTrackColor ?? theme.colors.borderFocused]
+  });
+  const thumbTranslate = anim.interpolate({
+    inputRange: [0, 1],
+    outputRange: [2, 22]
+  });
+  const switchNode = /*#__PURE__*/_jsx(Animated.View, {
+    style: [styles.track, {
+      backgroundColor: trackColor
+    }, trackStyle],
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.thumb, {
+        backgroundColor: thumbColor,
+        transform: [{
+          translateX: thumbTranslate
+        }]
+      }, thumbStyle]
+    })
+  });
+  const labelNode = label ? /*#__PURE__*/_jsxs(Text, {
+    style: [styles.label, labelStyle],
+    children: [label, required ? ' *' : '']
+  }) : null;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.wrapper, containerStyle],
+    testID: testID,
+    children: [/*#__PURE__*/_jsxs(Pressable, {
+      onPress: () => !disabled && onChange(!value),
+      disabled: disabled,
+      style: styles.row,
+      accessibilityRole: "switch",
+      accessibilityState: {
+        checked: value,
+        disabled: Boolean(disabled)
+      },
+      accessibilityLabel: label,
+      hitSlop: 6,
+      children: [leftIcon ? /*#__PURE__*/_jsx(View, {
+        style: styles.leftIcon,
+        children: renderFieldFlowIcon(leftIcon, theme.colors.icon, iconSize)
+      }) : null, switchPosition === 'left' ? switchNode : null, labelNode, switchPosition === 'right' ? switchNode : null]
+    }), errorText ? /*#__PURE__*/_jsx(Text, {
+      style: [styles.errorText, errorStyle, helperStyle],
+      children: errorText
+    }) : helperText ? /*#__PURE__*/_jsx(Text, {
+      style: [styles.helperText, helperStyle],
+      children: helperText
+    }) : null]
+  });
+}
+function createStyles(theme, disabled) {
+  return StyleSheet.create({
+    wrapper: {
+      marginBottom: theme.spacing.gap * 2,
+      opacity: disabled ? 0.6 : 1
+    },
+    row: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      gap: theme.spacing.gap
+    },
+    leftIcon: {
+      marginRight: 2
+    },
+    label: {
+      flex: 1,
+      fontSize: theme.typography.fontSize,
+      color: theme.colors.text,
+      fontFamily: theme.typography.fontFamily
+    },
+    track: {
+      width: 44,
+      height: 26,
+      borderRadius: 13,
+      justifyContent: 'center'
+    },
+    thumb: {
+      width: 20,
+      height: 20,
+      borderRadius: 10,
+      shadowColor: '#000',
+      shadowOpacity: 0.15,
+      shadowRadius: 2,
+      shadowOffset: {
+        width: 0,
+        height: 1
+      },
+      elevation: 2
+    },
+    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=FieldFlowSwitch.js.map