rn-floating-input 0.1.0

package/lib/module/FloatingInput.js

@@ -0,0 +1,163 @@
+"use strict";
+
+import React, { useEffect, useImperativeHandle, useRef, useState } from "react";
+import { Pressable, TextInput as RNTextInput, View } from "react-native";
+import Animated, { interpolate, LinearTransition, useAnimatedStyle, useSharedValue, withSequence, withTiming } from "react-native-reanimated";
+import { baseStyles, DEFAULT_ANIMATION, DEFAULT_THEME } from "./defaults";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const FloatingInput = /*#__PURE__*/React.forwardRef(({
+  value,
+  onChangeText,
+  onBlur,
+  onFocus,
+  onPress,
+  label,
+  placeholder,
+  error,
+  touched,
+  maxLength,
+  keyboardType = "default",
+  autoFocus = false,
+  editable = true,
+  autoCapitalize,
+  secureTextEntry = false,
+  right,
+  renderInput,
+  theme: themeProp,
+  styles: stylesProp,
+  style,
+  animationConfig: animationProp,
+  textInputProps
+}, ref) => {
+  const inputRef = useRef(null);
+  const [isFocused, setIsFocused] = useState(false);
+  const hasError = !!touched && !!error;
+  const theme = {
+    ...DEFAULT_THEME,
+    ...themeProp
+  };
+  const anim = {
+    ...DEFAULT_ANIMATION,
+    ...animationProp
+  };
+  const shouldBeActive = isFocused || !!value;
+  const focusAnim = useSharedValue(value ? 1 : 0);
+  const shakeAnim = useSharedValue(0);
+  useImperativeHandle(ref, () => ({
+    focus: () => inputRef.current?.focus(),
+    blur: () => inputRef.current?.blur(),
+    clear: () => inputRef.current?.clear(),
+    isFocused: () => inputRef.current?.isFocused() ?? false
+  }));
+  useEffect(() => {
+    focusAnim.value = withTiming(shouldBeActive ? 1 : 0, {
+      duration: anim.labelDuration
+    });
+  }, [shouldBeActive]);
+  useEffect(() => {
+    if (!hasError) return;
+    const mag = anim.shakeMagnitude;
+    const dur = anim.shakeDuration;
+    shakeAnim.value = withSequence(withTiming(-mag, {
+      duration: dur
+    }), withTiming(mag, {
+      duration: dur
+    }), withTiming(-mag, {
+      duration: dur
+    }), withTiming(0, {
+      duration: dur
+    }));
+  }, [hasError]);
+  const labelAnimatedStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: shakeAnim.value
+    }, {
+      translateY: interpolate(focusAnim.value, [0, 1], [0, -anim.labelTranslateY])
+    }],
+    fontSize: interpolate(focusAnim.value, [0, 1], [theme.fontSize, theme.labelActiveFontSize])
+  }));
+  function handleFocus() {
+    setIsFocused(true);
+    onFocus?.();
+  }
+  function handleBlur() {
+    setIsFocused(false);
+    onBlur?.();
+  }
+  function renderTextInput() {
+    const inputProps = {
+      ref: inputRef,
+      editable,
+      autoFocus,
+      maxLength,
+      value,
+      placeholder: shouldBeActive ? placeholder : undefined,
+      placeholderTextColor: theme.placeholderColor,
+      onChangeText,
+      onBlur: handleBlur,
+      onFocus: handleFocus,
+      keyboardType,
+      autoCapitalize,
+      secureTextEntry,
+      selectionColor: theme.selectionColor,
+      cursorColor: theme.selectionColor,
+      selectionHandleColor: theme.selectionColor,
+      underlineColorAndroid: "transparent",
+      style: [baseStyles.input, {
+        color: theme.inputColor,
+        fontFamily: theme.fontFamily,
+        fontSize: theme.fontSize
+      }, right ? baseStyles.inputWithRight : undefined, stylesProp?.input],
+      ...textInputProps
+    };
+    const inputElement = renderInput ? renderInput(inputProps) : /*#__PURE__*/_jsx(RNTextInput, {
+      ...inputProps
+    });
+    return /*#__PURE__*/_jsxs(View, {
+      style: [baseStyles.inputContainer, {
+        backgroundColor: theme.backgroundColor,
+        borderRadius: theme.borderRadius,
+        minHeight: theme.minHeight
+      }, style, stylesProp?.inputContainer],
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: [baseStyles.labelAndInputArea, stylesProp?.labelAndInputArea],
+        children: [/*#__PURE__*/_jsx(Animated.Text, {
+          style: [baseStyles.label, {
+            color: hasError ? theme.errorColor : theme.labelColor,
+            fontFamily: theme.fontFamily
+          }, labelAnimatedStyle, stylesProp?.label],
+          children: label
+        }), inputElement]
+      }), right && /*#__PURE__*/_jsx(View, {
+        style: [baseStyles.rightContainer, stylesProp?.right],
+        children: right
+      })]
+    });
+  }
+  function renderContent() {
+    if (onPress) {
+      return /*#__PURE__*/_jsx(Pressable, {
+        onPress: onPress,
+        children: /*#__PURE__*/_jsx(View, {
+          pointerEvents: "none",
+          children: renderTextInput()
+        })
+      });
+    }
+    return renderTextInput();
+  }
+  return /*#__PURE__*/_jsxs(Animated.View, {
+    layout: LinearTransition.springify(),
+    style: [baseStyles.container, stylesProp?.container],
+    children: [renderContent(), hasError && /*#__PURE__*/_jsx(Animated.Text, {
+      style: [baseStyles.errorText, {
+        fontSize: theme.labelActiveFontSize,
+        color: theme.errorColor,
+        fontFamily: theme.fontFamily
+      }, stylesProp?.error],
+      children: error
+    })]
+  });
+});
+FloatingInput.displayName = "FloatingInput";
+//# sourceMappingURL=FloatingInput.js.map

package/lib/module/FloatingInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useImperativeHandle","useRef","useState","Pressable","TextInput","RNTextInput","View","Animated","interpolate","LinearTransition","useAnimatedStyle","useSharedValue","withSequence","withTiming","baseStyles","DEFAULT_ANIMATION","DEFAULT_THEME","jsx","_jsx","jsxs","_jsxs","FloatingInput","forwardRef","value","onChangeText","onBlur","onFocus","onPress","label","placeholder","error","touched","maxLength","keyboardType","autoFocus","editable","autoCapitalize","secureTextEntry","right","renderInput","theme","themeProp","styles","stylesProp","style","animationConfig","animationProp","textInputProps","ref","inputRef","isFocused","setIsFocused","hasError","anim","shouldBeActive","focusAnim","shakeAnim","focus","current","blur","clear","duration","labelDuration","mag","shakeMagnitude","dur","shakeDuration","labelAnimatedStyle","transform","translateX","translateY","labelTranslateY","fontSize","labelActiveFontSize","handleFocus","handleBlur","renderTextInput","inputProps","undefined","placeholderTextColor","placeholderColor","selectionColor","cursorColor","selectionHandleColor","underlineColorAndroid","input","color","inputColor","fontFamily","inputWithRight","inputElement","inputContainer","backgroundColor","borderRadius","minHeight","children","labelAndInputArea","Text","errorColor","labelColor","rightContainer","renderContent","pointerEvents","layout","springify","container","errorText","displayName"],"sourceRoot":"../../src","sources":["FloatingInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,mBAAmB,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC/E,SAASC,SAAS,EAAEC,SAAS,IAAIC,WAAW,EAAEC,IAAI,QAAQ,cAAc;AACxE,OAAOC,QAAQ,IACbC,WAAW,EACXC,gBAAgB,EAChBC,gBAAgB,EAChBC,cAAc,EACdC,YAAY,EACZC,UAAU,QACL,yBAAyB;AAEhC,SAASC,UAAU,EAAEC,iBAAiB,EAAEC,aAAa,QAAQ,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG1E,OAAO,MAAMC,aAAa,gBAAGvB,KAAK,CAACwB,UAAU,CAI3C,CACE;EACEC,KAAK;EACLC,YAAY;EACZC,MAAM;EACNC,OAAO;EACPC,OAAO;EACPC,KAAK;EACLC,WAAW;EACXC,KAAK;EACLC,OAAO;EACPC,SAAS;EACTC,YAAY,GAAG,SAAS;EACxBC,SAAS,GAAG,KAAK;EACjBC,QAAQ,GAAG,IAAI;EACfC,cAAc;EACdC,eAAe,GAAG,KAAK;EACvBC,KAAK;EACLC,WAAW;EACXC,KAAK,EAAEC,SAAS;EAChBC,MAAM,EAAEC,UAAU;EAClBC,KAAK;EACLC,eAAe,EAAEC,aAAa;EAC9BC;AACF,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,QAAQ,GAAGhD,MAAM,CAAc,IAAI,CAAC;EAC1C,MAAM,CAACiD,SAAS,EAAEC,YAAY,CAAC,GAAGjD,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMkD,QAAQ,GAAG,CAAC,CAACrB,OAAO,IAAI,CAAC,CAACD,KAAK;EAErC,MAAMU,KAAK,GAAG;IAAE,GAAGxB,aAAa;IAAE,GAAGyB;EAAU,CAAC;EAChD,MAAMY,IAAI,GAAG;IAAE,GAAGtC,iBAAiB;IAAE,GAAG+B;EAAc,CAAC;EAEvD,MAAMQ,cAAc,GAAGJ,SAAS,IAAI,CAAC,CAAC3B,KAAK;EAC3C,MAAMgC,SAAS,GAAG5C,cAAc,CAACY,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC;EAC/C,MAAMiC,SAAS,GAAG7C,cAAc,CAAC,CAAC,CAAC;EAEnCX,mBAAmB,CAACgD,GAAG,EAAE,OAAO;IAC9BS,KAAK,EAAEA,CAAA,KAAMR,QAAQ,CAACS,OAAO,EAAED,KAAK,CAAC,CAAC;IACtCE,IAAI,EAAEA,CAAA,KAAMV,QAAQ,CAACS,OAAO,EAAEC,IAAI,CAAC,CAAC;IACpCC,KAAK,EAAEA,CAAA,KAAMX,QAAQ,CAACS,OAAO,EAAEE,KAAK,CAAC,CAAC;IACtCV,SAAS,EAAEA,CAAA,KAAMD,QAAQ,CAACS,OAAO,EAAER,SAAS,CAAC,CAAC,IAAI;EACpD,CAAC,CAAC,CAAC;EAEHnD,SAAS,CAAC,MAAM;IACdwD,SAAS,CAAChC,KAAK,GAAGV,UAAU,CAACyC,cAAc,GAAG,CAAC,GAAG,CAAC,EAAE;MACnDO,QAAQ,EAAER,IAAI,CAACS;IACjB,CAAC,CAAC;EACJ,CAAC,EAAE,CAACR,cAAc,CAAC,CAAC;EAEpBvD,SAAS,CAAC,MAAM;IACd,IAAI,CAACqD,QAAQ,EAAE;IACf,MAAMW,GAAG,GAAGV,IAAI,CAACW,cAAc;IAC/B,MAAMC,GAAG,GAAGZ,IAAI,CAACa,aAAa;IAC9BV,SAAS,CAACjC,KAAK,GAAGX,YAAY,CAC5BC,UAAU,CAAC,CAACkD,GAAG,EAAE;MAAEF,QAAQ,EAAEI;IAAI,CAAC,CAAC,EACnCpD,UAAU,CAACkD,GAAG,EAAE;MAAEF,QAAQ,EAAEI;IAAI,CAAC,CAAC,EAClCpD,UAAU,CAAC,CAACkD,GAAG,EAAE;MAAEF,QAAQ,EAAEI;IAAI,CAAC,CAAC,EACnCpD,UAAU,CAAC,CAAC,EAAE;MAAEgD,QAAQ,EAAEI;IAAI,CAAC,CACjC,CAAC;EACH,CAAC,EAAE,CAACb,QAAQ,CAAC,CAAC;EAEd,MAAMe,kBAAkB,GAAGzD,gBAAgB,CAAC,OAAO;IACjD0D,SAAS,EAAE,CACT;MAAEC,UAAU,EAAEb,SAAS,CAACjC;IAAM,CAAC,EAC/B;MACE+C,UAAU,EAAE9D,WAAW,CACrB+C,SAAS,CAAChC,KAAK,EACf,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAE,CAAC8B,IAAI,CAACkB,eAAe,CAC3B;IACF,CAAC,CACF;IACDC,QAAQ,EAAEhE,WAAW,CACnB+C,SAAS,CAAChC,KAAK,EACf,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACiB,KAAK,CAACgC,QAAQ,EAAEhC,KAAK,CAACiC,mBAAmB,CAC5C;EACF,CAAC,CAAC,CAAC;EAEH,SAASC,WAAWA,CAAA,EAAG;IACrBvB,YAAY,CAAC,IAAI,CAAC;IAClBzB,OAAO,GAAG,CAAC;EACb;EAEA,SAASiD,UAAUA,CAAA,EAAG;IACpBxB,YAAY,CAAC,KAAK,CAAC;IACnB1B,MAAM,GAAG,CAAC;EACZ;EAEA,SAASmD,eAAeA,CAAA,EAAG;IACzB,MAAMC,UAAU,GAAG;MACjB7B,GAAG,EAAEC,QAAQ;MACbd,QAAQ;MACRD,SAAS;MACTF,SAAS;MACTT,KAAK;MACLM,WAAW,EAAEyB,cAAc,GAAGzB,WAAW,GAAGiD,SAAS;MACrDC,oBAAoB,EAAEvC,KAAK,CAACwC,gBAAgB;MAC5CxD,YAAY;MACZC,MAAM,EAAEkD,UAAU;MAClBjD,OAAO,EAAEgD,WAAW;MACpBzC,YAAY;MACZG,cAAc;MACdC,eAAe;MACf4C,cAAc,EAAEzC,KAAK,CAACyC,cAAc;MACpCC,WAAW,EAAE1C,KAAK,CAACyC,cAAc;MACjCE,oBAAoB,EAAE3C,KAAK,CAACyC,cAAc;MAC1CG,qBAAqB,EAAE,aAAsB;MAC7CxC,KAAK,EAAE,CACL9B,UAAU,CAACuE,KAAK,EAChB;QACEC,KAAK,EAAE9C,KAAK,CAAC+C,UAAU;QACvBC,UAAU,EAAEhD,KAAK,CAACgD,UAAU;QAC5BhB,QAAQ,EAAEhC,KAAK,CAACgC;MAClB,CAAC,EACDlC,KAAK,GAAGxB,UAAU,CAAC2E,cAAc,GAAGX,SAAS,EAC7CnC,UAAU,EAAE0C,KAAK,CAClB;MACD,GAAGtC;IACL,CAAC;IAED,MAAM2C,YAAY,GAAGnD,WAAW,GAC9BA,WAAW,CAACsC,UAAU,CAAC,gBAEvB3D,IAAA,CAACb,WAAW;MAAA,GAAKwE;IAAU,CAAG,CAC/B;IAED,oBACEzD,KAAA,CAACd,IAAI;MACHsC,KAAK,EAAE,CACL9B,UAAU,CAAC6E,cAAc,EACzB;QACEC,eAAe,EAAEpD,KAAK,CAACoD,eAAe;QACtCC,YAAY,EAAErD,KAAK,CAACqD,YAAY;QAChCC,SAAS,EAAEtD,KAAK,CAACsD;MACnB,CAAC,EACDlD,KAAK,EACLD,UAAU,EAAEgD,cAAc,CAC1B;MAAAI,QAAA,gBAEF3E,KAAA,CAACd,IAAI;QACHsC,KAAK,EAAE,CACL9B,UAAU,CAACkF,iBAAiB,EAC5BrD,UAAU,EAAEqD,iBAAiB,CAC7B;QAAAD,QAAA,gBAEF7E,IAAA,CAACX,QAAQ,CAAC0F,IAAI;UACZrD,KAAK,EAAE,CACL9B,UAAU,CAACc,KAAK,EAChB;YACE0D,KAAK,EAAElC,QAAQ,GAAGZ,KAAK,CAAC0D,UAAU,GAAG1D,KAAK,CAAC2D,UAAU;YACrDX,UAAU,EAAEhD,KAAK,CAACgD;UACpB,CAAC,EACDrB,kBAAkB,EAClBxB,UAAU,EAAEf,KAAK,CACjB;UAAAmE,QAAA,EAEDnE;QAAK,CACO,CAAC,EACf8D,YAAY;MAAA,CACT,CAAC,EACNpD,KAAK,iBACJpB,IAAA,CAACZ,IAAI;QAACsC,KAAK,EAAE,CAAC9B,UAAU,CAACsF,cAAc,EAAEzD,UAAU,EAAEL,KAAK,CAAE;QAAAyD,QAAA,EACzDzD;MAAK,CACF,CACP;IAAA,CACG,CAAC;EAEX;EAEA,SAAS+D,aAAaA,CAAA,EAAG;IACvB,IAAI1E,OAAO,EAAE;MACX,oBACET,IAAA,CAACf,SAAS;QAACwB,OAAO,EAAEA,OAAQ;QAAAoE,QAAA,eAC1B7E,IAAA,CAACZ,IAAI;UAACgG,aAAa,EAAC,MAAM;UAAAP,QAAA,EAAEnB,eAAe,CAAC;QAAC,CAAO;MAAC,CAC5C,CAAC;IAEhB;IAEA,OAAOA,eAAe,CAAC,CAAC;EAC1B;EAEA,oBACExD,KAAA,CAACb,QAAQ,CAACD,IAAI;IACZiG,MAAM,EAAE9F,gBAAgB,CAAC+F,SAAS,CAAC,CAAE;IACrC5D,KAAK,EAAE,CAAC9B,UAAU,CAAC2F,SAAS,EAAE9D,UAAU,EAAE8D,SAAS,CAAE;IAAAV,QAAA,GAEpDM,aAAa,CAAC,CAAC,EACfjD,QAAQ,iBACPlC,IAAA,CAACX,QAAQ,CAAC0F,IAAI;MACZrD,KAAK,EAAE,CACL9B,UAAU,CAAC4F,SAAS,EACpB;QACElC,QAAQ,EAAEhC,KAAK,CAACiC,mBAAmB;QACnCa,KAAK,EAAE9C,KAAK,CAAC0D,UAAU;QACvBV,UAAU,EAAEhD,KAAK,CAACgD;MACpB,CAAC,EACD7C,UAAU,EAAEb,KAAK,CACjB;MAAAiE,QAAA,EAEDjE;IAAK,CACO,CAChB;EAAA,CACY,CAAC;AAEpB,CACF,CAAC;AAEDT,aAAa,CAACsF,WAAW,GAAG,eAAe","ignoreList":[]}

package/lib/module/defaults.js

@@ -0,0 +1,56 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+export const DEFAULT_THEME = {
+  backgroundColor: '#EDEFF2',
+  labelColor: '#878A99',
+  inputColor: '#36373D',
+  errorColor: '#E3152E',
+  selectionColor: '#31BE30',
+  placeholderColor: '#878A99',
+  borderRadius: 14,
+  minHeight: 56,
+  fontSize: 16,
+  labelActiveFontSize: 12,
+  fontFamily: 'System'
+};
+export const DEFAULT_ANIMATION = {
+  labelDuration: 200,
+  shakeMagnitude: 2,
+  shakeDuration: 50,
+  labelTranslateY: 10
+};
+export const baseStyles = StyleSheet.create({
+  container: {},
+  inputContainer: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  labelAndInputArea: {
+    flex: 1,
+    justifyContent: 'center'
+  },
+  label: {
+    position: 'absolute',
+    left: 16
+  },
+  input: {
+    paddingTop: 24,
+    paddingBottom: 8,
+    paddingLeft: 16,
+    paddingRight: 16
+  },
+  inputWithRight: {
+    paddingRight: 48
+  },
+  rightContainer: {
+    position: 'absolute',
+    right: 12,
+    alignSelf: 'center'
+  },
+  errorText: {
+    marginLeft: 8,
+    marginTop: 6
+  }
+});
+//# sourceMappingURL=defaults.js.map

package/lib/module/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","DEFAULT_THEME","backgroundColor","labelColor","inputColor","errorColor","selectionColor","placeholderColor","borderRadius","minHeight","fontSize","labelActiveFontSize","fontFamily","DEFAULT_ANIMATION","labelDuration","shakeMagnitude","shakeDuration","labelTranslateY","baseStyles","create","container","inputContainer","flexDirection","alignItems","labelAndInputArea","flex","justifyContent","label","position","left","input","paddingTop","paddingBottom","paddingLeft","paddingRight","inputWithRight","rightContainer","right","alignSelf","errorText","marginLeft","marginTop"],"sourceRoot":"../../src","sources":["defaults.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAIzC,OAAO,MAAMC,aAA2C,GAAG;EACzDC,eAAe,EAAE,SAAS;EAC1BC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,SAAS;EACrBC,cAAc,EAAE,SAAS;EACzBC,gBAAgB,EAAE,SAAS;EAC3BC,YAAY,EAAE,EAAE;EAChBC,SAAS,EAAE,EAAE;EACbC,QAAQ,EAAE,EAAE;EACZC,mBAAmB,EAAE,EAAE;EACvBC,UAAU,EAAE;AACd,CAAC;AAED,OAAO,MAAMC,iBAAyD,GAAG;EACvEC,aAAa,EAAE,GAAG;EAClBC,cAAc,EAAE,CAAC;EACjBC,aAAa,EAAE,EAAE;EACjBC,eAAe,EAAE;AACnB,CAAC;AAED,OAAO,MAAMC,UAAU,GAAGlB,UAAU,CAACmB,MAAM,CAAC;EAC1CC,SAAS,EAAE,CAAC,CAAC;EACbC,cAAc,EAAE;IACdC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDC,iBAAiB,EAAE;IACjBC,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EAClB,CAAC;EACDC,KAAK,EAAE;IACLC,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE;EACR,CAAC;EACDC,KAAK,EAAE;IACLC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,CAAC;IAChBC,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE;EAChB,CAAC;EACDC,cAAc,EAAE;IACdD,YAAY,EAAE;EAChB,CAAC;EACDE,cAAc,EAAE;IACdR,QAAQ,EAAE,UAAU;IACpBS,KAAK,EAAE,EAAE;IACTC,SAAS,EAAE;EACb,CAAC;EACDC,SAAS,EAAE;IACTC,UAAU,EAAE,CAAC;IACbC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { FloatingInput } from './FloatingInput';
+export { DEFAULT_ANIMATION, DEFAULT_THEME } from './defaults';
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FloatingInput","DEFAULT_ANIMATION","DEFAULT_THEME"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,iBAAiB,EAAEC,aAAa,QAAQ,YAAY","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/module/types.js

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

package/lib/module/types.js.map

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

package/lib/typescript/FloatingInput.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { FloatingInputProps, FloatingInputRef } from "./types";
+export declare const FloatingInput: React.ForwardRefExoticComponent<FloatingInputProps & React.RefAttributes<FloatingInputRef>>;
+//# sourceMappingURL=FloatingInput.d.ts.map

package/lib/typescript/FloatingInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingInput.d.ts","sourceRoot":"","sources":["../../src/FloatingInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAYhF,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEpE,eAAO,MAAM,aAAa,6FAoNzB,CAAC"}

package/lib/typescript/defaults.d.ts

@@ -0,0 +1,37 @@
+import type { FloatingInputAnimationConfig, FloatingInputTheme } from './types';
+export declare const DEFAULT_THEME: Required<FloatingInputTheme>;
+export declare const DEFAULT_ANIMATION: Required<FloatingInputAnimationConfig>;
+export declare const baseStyles: {
+    container: {};
+    inputContainer: {
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    labelAndInputArea: {
+        flex: number;
+        justifyContent: "center";
+    };
+    label: {
+        position: "absolute";
+        left: number;
+    };
+    input: {
+        paddingTop: number;
+        paddingBottom: number;
+        paddingLeft: number;
+        paddingRight: number;
+    };
+    inputWithRight: {
+        paddingRight: number;
+    };
+    rightContainer: {
+        position: "absolute";
+        right: number;
+        alignSelf: "center";
+    };
+    errorText: {
+        marginLeft: number;
+        marginTop: number;
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

package/lib/typescript/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/defaults.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,4BAA4B,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAE/E,eAAO,MAAM,aAAa,EAAE,QAAQ,CAAC,kBAAkB,CAYtD,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,QAAQ,CAAC,4BAA4B,CAKpE,CAAA;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCrB,CAAA"}

package/lib/typescript/index.d.ts

@@ -0,0 +1,4 @@
+export { FloatingInput } from './FloatingInput';
+export { DEFAULT_ANIMATION, DEFAULT_THEME } from './defaults';
+export type { FloatingInputAnimationConfig, FloatingInputProps, FloatingInputRef, FloatingInputStyles, FloatingInputTheme, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC7D,YAAY,EACV,4BAA4B,EAC5B,kBAAkB,EAClB,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,SAAS,CAAA"}

package/lib/typescript/types.d.ts

@@ -0,0 +1,60 @@
+import type { KeyboardTypeOptions, StyleProp, TextInputProps, TextStyle, ViewStyle } from 'react-native';
+export interface FloatingInputTheme {
+    backgroundColor?: string;
+    labelColor?: string;
+    inputColor?: string;
+    errorColor?: string;
+    selectionColor?: string;
+    placeholderColor?: string;
+    borderRadius?: number;
+    minHeight?: number;
+    fontSize?: number;
+    labelActiveFontSize?: number;
+    fontFamily?: string;
+}
+export interface FloatingInputStyles {
+    container?: StyleProp<ViewStyle>;
+    inputContainer?: StyleProp<ViewStyle>;
+    labelAndInputArea?: StyleProp<ViewStyle>;
+    label?: StyleProp<TextStyle>;
+    input?: StyleProp<TextStyle>;
+    error?: StyleProp<TextStyle>;
+    right?: StyleProp<ViewStyle>;
+}
+export interface FloatingInputAnimationConfig {
+    labelDuration?: number;
+    shakeMagnitude?: number;
+    shakeDuration?: number;
+    labelTranslateY?: number;
+}
+export interface FloatingInputRef {
+    focus: () => void;
+    blur: () => void;
+    clear: () => void;
+    isFocused: () => boolean;
+}
+export interface FloatingInputProps {
+    value?: string;
+    onChangeText?: (text: string) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    onPress?: () => void;
+    label?: string;
+    placeholder?: string;
+    error?: string;
+    touched?: boolean;
+    maxLength?: number;
+    keyboardType?: KeyboardTypeOptions;
+    autoFocus?: boolean;
+    editable?: boolean;
+    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
+    secureTextEntry?: boolean;
+    right?: React.ReactNode;
+    renderInput?: (props: TextInputProps) => React.ReactNode;
+    theme?: FloatingInputTheme;
+    styles?: FloatingInputStyles;
+    style?: StyleProp<ViewStyle>;
+    animationConfig?: FloatingInputAnimationConfig;
+    textInputProps?: Omit<TextInputProps, 'value' | 'onChangeText' | 'onBlur' | 'onFocus'>;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "rn-floating-input",
+  "version": "0.1.0",
+  "description": "A performant floating label TextInput for React Native with animated label, error shake, and full customization",
+  "main": "lib/commonjs/index",
+  "module": "lib/module/index",
+  "types": "lib/typescript/index.d.ts",
+  "react-native": "src/index",
+  "source": "src/index",
+  "files": [
+    "src",
+    "lib",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__"
+  ],
+  "scripts": {
+    "build": "bob build",
+    "typescript": "tsc --noEmit",
+    "prepare": "bob build"
+  },
+  "keywords": [
+    "react-native",
+    "floating-label",
+    "text-input",
+    "animated",
+    "reanimated",
+    "form"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ilhambabayev/react-native-floating-input.git"
+  },
+  "author": "Ilham Babayev",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-native": ">=0.70.0",
+    "react-native-reanimated": ">=3.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "~19.1.0",
+    "react": "19.1.0",
+    "react-native": "0.81.5",
+    "react-native-builder-bob": "^0.35.0",
+    "react-native-reanimated": "~4.1.1",
+    "typescript": "~5.9.2"
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+}