rn-inputforge 0.3.0 → 0.4.0

package/lib/commonjs/components/FieldFlowOTP/FieldFlowOTP.js

@@ -0,0 +1,255 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldFlowOTP = FieldFlowOTP;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _ThemeProvider = require("../../theme/ThemeProvider");
+var _defaultTheme = require("../../theme/defaultTheme");
+var _useFieldState = require("../../hooks/useFieldState");
+var _styles = require("../FieldFlowInput/styles");
+var _masks = require("../../utils/masks");
+var _renderIcon = require("../../icons/renderIcon");
+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 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 = (0, _ThemeProvider.useFieldFlowTheme)();
+  const theme = (0, _react.useMemo)(() => themeOverride ? (0, _ThemeProvider.mergeDeep)(contextTheme ?? _defaultTheme.defaultTheme, themeOverride) : contextTheme ?? _defaultTheme.defaultTheme, [contextTheme, themeOverride]);
+  const isControlled = value !== undefined;
+  const [internal, setInternal] = (0, _react.useState)('');
+  const code = (isControlled ? value ?? '' : internal).slice(0, length);
+  const digits = code.padEnd(length, ' ').split('').map(c => c === ' ' ? '' : c);
+  const [focusedIndex, setFocusedIndex] = (0, _react.useState)(autoFocus ? 0 : null);
+  const refs = (0, _react.useRef)([]);
+  const state = (0, _useFieldState.useFieldState)({
+    isFocused: focusedIndex !== null,
+    hasError: Boolean(hasError || errorText),
+    isSuccess,
+    disabled
+  });
+  const styles = (0, _react.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 = (0, _react.useCallback)(next => {
+    const clipped = (0, _masks.digitsOnly)(next).slice(0, length);
+    if (!isControlled) setInternal(clipped);
+    onChangeText?.(clipped);
+    if (clipped.length === length) onComplete?.(clipped);
+  }, [isControlled, length, onChangeText, onComplete]);
+  const focusAt = (0, _react.useCallback)(index => {
+    const clamped = Math.max(0, Math.min(length - 1, index));
+    refs.current[clamped]?.focus();
+    setFocusedIndex(clamped);
+  }, [length]);
+  const handleChangeAt = (0, _react.useCallback)((index, text) => {
+    if (disabled) return;
+    const incoming = (0, _masks.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 = (0, _react.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.wrapper, containerStyle],
+    testID: testID,
+    accessibilityLabel: label ?? 'One-time code',
+    children: [(label || leftIcon || rightIcon) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.labelRow,
+      children: [leftIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        onPress: onLeftIconPress,
+        disabled: !onLeftIconPress,
+        hitSlop: 8,
+        style: styles.labelIcon,
+        children: (0, _renderIcon.renderFieldFlowIcon)(leftIcon, iconColor, iconSize)
+      }) : null, label ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        style: [styles.label, labelStyle],
+        children: [label, required ? ' *' : '']
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          flex: 1
+        }
+      }), rightIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        onPress: onRightIconPress,
+        disabled: !onRightIconPress,
+        hitSlop: 8,
+        style: styles.labelIcon,
+        children: (0, _renderIcon.renderFieldFlowIcon)(rightIcon, iconColor, iconSize)
+      }) : null]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.row, rowStyle],
+      children: digits.map((digit, index) => {
+        const isFocused = focusedIndex === index;
+        if (renderCell) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            children: renderCell({
+              index,
+              digit,
+              isFocused,
+              onChangeText: text => handleChangeAt(index, text)
+            })
+          }, index);
+        }
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          onPress: () => !disabled && focusAt(index),
+          style: [styles.cell, {
+            borderColor: (0, _styles.borderColorFor)(theme, isFocused ? 'focused' : state),
+            borderWidth: isFocused ? theme.spacing.borderWidthFocused : theme.spacing.borderWidth
+          }, cellStyle, isFocused ? cellFocusedStyle : null],
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.footer,
+      children: errorText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.errorText, errorStyle, helperStyle],
+        children: errorText
+      }) : successText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.successText, helperStyle],
+        children: successText
+      }) : helperText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.helperText, helperStyle],
+        children: helperText
+      }) : null
+    })]
+  });
+}
+function createStyles(theme, state, gap, cellSize) {
+  return _reactNative.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: (0, _styles.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/commonjs/components/FieldFlowOTP/FieldFlowOTP.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ThemeProvider","_defaultTheme","_useFieldState","_styles","_masks","_renderIcon","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","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","useFieldFlowTheme","useMemo","mergeDeep","defaultTheme","isControlled","undefined","internal","setInternal","useState","code","slice","digits","padEnd","split","map","c","focusedIndex","setFocusedIndex","refs","useRef","state","useFieldState","isFocused","Boolean","styles","createStyles","spacing","gap","iconColor","colors","iconFocused","icon","commit","useCallback","next","clipped","digitsOnly","focusAt","index","clamped","Math","max","min","current","focus","handleChangeAt","text","incoming","join","handleKeyPress","nativeEvent","key","jsxs","View","style","wrapper","accessibilityLabel","children","labelRow","jsx","Pressable","onPress","hitSlop","labelIcon","renderFieldFlowIcon","Text","flex","row","digit","cell","borderColor","borderColorFor","borderWidth","borderWidthFocused","TextInput","ref","onKeyPress","onFocus","onBlur","prev","editable","keyboardType","textContentType","autoComplete","secureTextEntry","maxLength","selectTextOnFocus","cellInput","caretHidden","footer","StyleSheet","create","marginBottom","flexDirection","alignItems","justifyContent","fontSize","typography","labelFontSize","color","labelColorFor","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/commonjs/components/FieldFlowOTP/index.js

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

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

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

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

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

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

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

package/lib/commonjs/components/FieldFlowRadio/FieldFlowRadio.js

@@ -0,0 +1,164 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldFlowRadio = FieldFlowRadio;
+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 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 = (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), direction), [theme, errorText, disabled, direction]);
+  const active = selectedColor ?? theme.colors.borderFocused;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.wrapper, containerStyle],
+    testID: testID,
+    accessibilityRole: "radiogroup",
+    accessibilityLabel: label,
+    children: [(label || leftIcon) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.labelRow,
+      children: [leftIcon ? (0, _icons.renderFieldFlowIcon)(leftIcon, theme.colors.icon, 18) : null, label ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        style: [styles.groupLabel, labelStyle],
+        children: [label, required ? ' *' : '']
+      }) : null]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            children: renderOption({
+              option,
+              selected,
+              disabled: itemDisabled,
+              onPress
+            })
+          }, option.value);
+        }
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.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: [(0, _icons.renderFieldFlowIcon)(selected ? selectedIcon : unselectedIcon, selected ? active : errorText ? theme.colors.borderError : theme.colors.border, iconSize), option.icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: styles.optionIcon,
+            children: (0, _icons.renderFieldFlowIcon)(option.icon, theme.colors.icon, 18)
+          }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.optionTextCol,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.optionLabel,
+              children: option.label
+            }), option.description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.optionDescription,
+              children: option.description
+            }) : null]
+          })]
+        }, option.value);
+      })
+    }), 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, direction) {
+  return _reactNative.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/commonjs/components/FieldFlowRadio/FieldFlowRadio.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","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","useFieldFlowTheme","useMemo","mergeDeep","defaultTheme","styles","createStyles","Boolean","active","colors","borderFocused","jsxs","View","style","wrapper","accessibilityRole","accessibilityLabel","children","labelRow","renderFieldFlowIcon","icon","Text","groupLabel","jsx","map","option","selected","itemDisabled","onPress","Pressable","optionRow","optionDisabled","accessibilityState","hitSlop","borderError","border","optionIcon","optionTextCol","optionLabel","description","optionDescription","hasError","StyleSheet","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/commonjs/components/FieldFlowRadio/index.js

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

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

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

package/lib/commonjs/components/FieldFlowSwitch/FieldFlowSwitch.js

@@ -0,0 +1,152 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldFlowSwitch = FieldFlowSwitch;
+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 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 = (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(disabled)), [theme, disabled]);
+  const anim = (0, _react.useRef)(new _reactNative.Animated.Value(value ? 1 : 0)).current;
+  (0, _react.useEffect)(() => {
+    _reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+    style: [styles.track, {
+      backgroundColor: trackColor
+    }, trackStyle],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      style: [styles.thumb, {
+        backgroundColor: thumbColor,
+        transform: [{
+          translateX: thumbTranslate
+        }]
+      }, thumbStyle]
+    })
+  });
+  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(!value),
+      disabled: disabled,
+      style: styles.row,
+      accessibilityRole: "switch",
+      accessibilityState: {
+        checked: value,
+        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, iconSize)
+      }) : null, switchPosition === 'left' ? switchNode : null, labelNode, switchPosition === 'right' ? switchNode : 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, disabled) {
+  return _reactNative.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