rn-inputforge 0.4.0 → 0.5.1

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":[]}

package/lib/module/components/FieldFlowTags/FieldFlowTags.js

@@ -0,0 +1,235 @@
+"use strict";
+
+import React, { useCallback, useMemo, 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 { renderFieldFlowIcon } from '../../icons';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Multi-value chip / tags input — skills, interests, keywords.
+ * Type a value and press Enter or comma to commit.
+ */
+export function FieldFlowTags({
+  value,
+  onChange,
+  label,
+  placeholder = 'Add a tag…',
+  helperText,
+  errorText,
+  hasError,
+  disabled,
+  required,
+  maxTags,
+  maxTagLength = 32,
+  separators = [',', 'enter'],
+  allowDuplicates = false,
+  transformTag = raw => raw.trim(),
+  leftIcon = 'hash',
+  variant = 'outlined',
+  containerStyle,
+  inputContainerStyle,
+  tagStyle,
+  tagTextStyle,
+  labelStyle,
+  helperStyle,
+  theme: themeOverride,
+  testID
+}) {
+  const contextTheme = useFieldFlowTheme();
+  const theme = useMemo(() => themeOverride ? mergeDeep(contextTheme ?? defaultTheme, themeOverride) : contextTheme ?? defaultTheme, [contextTheme, themeOverride]);
+  const tags = value ?? [];
+  const [draft, setDraft] = useState('');
+  const [focused, setFocused] = useState(false);
+  const state = useFieldState({
+    isFocused: focused,
+    hasError: Boolean(hasError || errorText),
+    disabled
+  });
+  const styles = useMemo(() => createStyles(theme, state, variant), [theme, state, variant]);
+  const atMax = maxTags !== undefined && tags.length >= maxTags;
+  const commit = useCallback(raw => {
+    const next = transformTag(raw).slice(0, maxTagLength);
+    if (!next) {
+      setDraft('');
+      return;
+    }
+    if (atMax) {
+      setDraft('');
+      return;
+    }
+    if (!allowDuplicates && tags.some(t => t.toLowerCase() === next.toLowerCase())) {
+      setDraft('');
+      return;
+    }
+    onChange([...tags, next]);
+    setDraft('');
+  }, [allowDuplicates, atMax, maxTagLength, onChange, tags, transformTag]);
+  const removeAt = useCallback(index => {
+    if (disabled) return;
+    onChange(tags.filter((_, i) => i !== index));
+  }, [disabled, onChange, tags]);
+  const onChangeText = useCallback(text => {
+    if (separators.includes(',') && text.includes(',')) {
+      const parts = text.split(',');
+      const last = parts.pop() ?? '';
+      for (const part of parts) commit(part);
+      setDraft(last);
+      return;
+    }
+    if (separators.includes(' ') && text.endsWith(' ') && text.trim()) {
+      commit(text);
+      return;
+    }
+    setDraft(text.slice(0, maxTagLength));
+  }, [commit, maxTagLength, separators]);
+  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.inputContainer, inputContainerStyle],
+      children: [leftIcon ? /*#__PURE__*/_jsx(View, {
+        style: styles.iconSlot,
+        children: renderFieldFlowIcon(leftIcon, theme.colors.icon, 16)
+      }) : null, /*#__PURE__*/_jsxs(View, {
+        style: styles.chips,
+        children: [tags.map((tag, index) => /*#__PURE__*/_jsxs(Pressable, {
+          onPress: () => removeAt(index),
+          disabled: disabled,
+          style: [styles.tag, tagStyle],
+          accessibilityRole: "button",
+          accessibilityLabel: `Remove ${tag}`,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: [styles.tagText, tagTextStyle],
+            numberOfLines: 1,
+            children: tag
+          }), !disabled ? renderFieldFlowIcon('clear', theme.colors.icon, 10) : null]
+        }, `${tag}-${index}`)), !atMax && !disabled ? /*#__PURE__*/_jsx(TextInput, {
+          value: draft,
+          onChangeText: onChangeText,
+          onFocus: () => setFocused(true),
+          onBlur: () => {
+            setFocused(false);
+            if (draft.trim()) commit(draft);
+          },
+          onSubmitEditing: () => {
+            if (separators.includes('enter')) commit(draft);
+          },
+          placeholder: tags.length === 0 ? placeholder : '',
+          placeholderTextColor: theme.colors.placeholder,
+          editable: !disabled,
+          style: styles.input,
+          autoCapitalize: "none",
+          autoCorrect: false,
+          blurOnSubmit: false,
+          returnKeyType: "done",
+          accessibilityLabel: label ?? 'Tags'
+        }) : null]
+      })]
+    }), (helperText || errorText || maxTags !== undefined) && /*#__PURE__*/_jsxs(View, {
+      style: styles.footer,
+      children: [errorText ? /*#__PURE__*/_jsx(Text, {
+        style: [styles.errorText, helperStyle],
+        children: errorText
+      }) : helperText ? /*#__PURE__*/_jsx(Text, {
+        style: [styles.helperText, helperStyle],
+        children: helperText
+      }) : /*#__PURE__*/_jsx(View, {}), maxTags !== undefined ? /*#__PURE__*/_jsxs(Text, {
+        style: styles.counter,
+        children: [tags.length, "/", maxTags]
+      }) : null]
+    })]
+  });
+}
+function createStyles(theme, state, variant) {
+  const isUnderline = variant === 'underline';
+  const isFilled = variant === 'filled';
+  const borderW = state === 'focused' ? theme.spacing.borderWidthFocused : theme.spacing.borderWidth;
+  return StyleSheet.create({
+    wrapper: {
+      marginBottom: theme.spacing.gap * 2
+    },
+    label: {
+      fontSize: theme.typography.labelFontSize,
+      marginBottom: theme.spacing.gap / 1.5,
+      color: labelColorFor(theme, state),
+      fontWeight: '500',
+      fontFamily: theme.typography.fontFamily
+    },
+    inputContainer: {
+      flexDirection: 'row',
+      alignItems: 'flex-start',
+      backgroundColor: state === 'disabled' ? theme.colors.backgroundDisabled : isFilled ? theme.colors.backgroundDisabled : isUnderline ? 'transparent' : theme.colors.background,
+      borderRadius: isUnderline ? 0 : theme.spacing.borderRadius,
+      borderWidth: isUnderline ? 0 : isFilled ? 0 : borderW,
+      borderBottomWidth: isUnderline ? borderW + (state === 'focused' ? 0.5 : 0) : isFilled ? 0 : borderW,
+      borderColor: borderColorFor(theme, state),
+      paddingHorizontal: theme.spacing.paddingHorizontal,
+      paddingVertical: theme.spacing.paddingVertical / 1.5,
+      minHeight: theme.spacing.paddingVertical * 2 + theme.typography.fontSize + 6
+    },
+    iconSlot: {
+      marginRight: theme.spacing.gap,
+      marginTop: 6
+    },
+    chips: {
+      flex: 1,
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      alignItems: 'center',
+      gap: 6
+    },
+    tag: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4,
+      paddingHorizontal: 10,
+      paddingVertical: 5,
+      borderRadius: 999,
+      backgroundColor: theme.colors.backgroundDisabled,
+      borderWidth: theme.spacing.borderWidth,
+      borderColor: theme.colors.border,
+      maxWidth: '100%'
+    },
+    tagText: {
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.text,
+      fontFamily: theme.typography.fontFamily,
+      maxWidth: 160
+    },
+    input: {
+      flexGrow: 1,
+      minWidth: 96,
+      fontSize: theme.typography.fontSize,
+      color: theme.colors.text,
+      paddingVertical: 4,
+      fontFamily: theme.typography.fontFamily
+    },
+    footer: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      marginTop: theme.spacing.gap / 1.5
+    },
+    helperText: {
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.label,
+      flex: 1
+    },
+    errorText: {
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.error,
+      flex: 1
+    },
+    counter: {
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.placeholder,
+      marginLeft: theme.spacing.gap
+    }
+  });
+}
+//# sourceMappingURL=FieldFlowTags.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","useState","Pressable","StyleSheet","Text","TextInput","View","useFieldFlowTheme","mergeDeep","defaultTheme","useFieldState","borderColorFor","labelColorFor","renderFieldFlowIcon","jsxs","_jsxs","jsx","_jsx","FieldFlowTags","value","onChange","label","placeholder","helperText","errorText","hasError","disabled","required","maxTags","maxTagLength","separators","allowDuplicates","transformTag","raw","trim","leftIcon","variant","containerStyle","inputContainerStyle","tagStyle","tagTextStyle","labelStyle","helperStyle","theme","themeOverride","testID","contextTheme","tags","draft","setDraft","focused","setFocused","state","isFocused","Boolean","styles","createStyles","atMax","undefined","length","commit","next","slice","some","t","toLowerCase","removeAt","index","filter","_","i","onChangeText","text","includes","parts","split","last","pop","part","endsWith","style","wrapper","children","inputContainer","iconSlot","colors","icon","chips","map","tag","onPress","accessibilityRole","accessibilityLabel","tagText","numberOfLines","onFocus","onBlur","onSubmitEditing","placeholderTextColor","editable","input","autoCapitalize","autoCorrect","blurOnSubmit","returnKeyType","footer","counter","isUnderline","isFilled","borderW","spacing","borderWidthFocused","borderWidth","create","marginBottom","gap","fontSize","typography","labelFontSize","color","fontWeight","fontFamily","flexDirection","alignItems","backgroundColor","backgroundDisabled","background","borderRadius","borderBottomWidth","borderColor","paddingHorizontal","paddingVertical","minHeight","marginRight","marginTop","flex","flexWrap","border","maxWidth","helperFontSize","flexGrow","minWidth","justifyContent","error","marginLeft"],"sourceRoot":"../../../../src","sources":["components/FieldFlowTags/FieldFlowTags.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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