rn-floating-input 0.1.0 → 0.1.2

package/README.md

@@ -1,4 +1,4 @@
-# react-native-floating-input
+# rn-floating-input
 
 A performant floating label TextInput for React Native with animated label transitions, error shake animation, and full customization support.
 
@@ -7,9 +7,9 @@ Built with `react-native-reanimated` for smooth 60fps animations. No styled-comp
 ## Installation
 
 ```bash
-npm install react-native-floating-input
+npm install rn-floating-input
 # or
-yarn add react-native-floating-input
+yarn add rn-floating-input
 ```
 
 ### Peer Dependencies
@@ -23,7 +23,7 @@ Make sure `react-native-reanimated` is properly configured in your project (babe
 ## Basic Usage
 
 ```tsx
-import { FloatingInput } from 'react-native-floating-input'
+import { FloatingInput } from 'rn-floating-input'
 
 function MyForm() {
   const [value, setValue] = useState('')
@@ -232,7 +232,7 @@ Pass any additional `TextInput` props via `textInputProps`:
 
 ```tsx
 // Component
-import { FloatingInput } from 'react-native-floating-input'
+import { FloatingInput } from 'rn-floating-input'
 
 // Types
 import type {
@@ -241,10 +241,10 @@ import type {
   FloatingInputTheme,
   FloatingInputStyles,
   FloatingInputAnimationConfig,
-} from 'react-native-floating-input'
+} from 'rn-floating-input'
 
 // Constants
-import { DEFAULT_THEME, DEFAULT_ANIMATION } from 'react-native-floating-input'
+import { DEFAULT_THEME, DEFAULT_ANIMATION } from 'rn-floating-input'
 ```
 
 ## License

package/lib/commonjs/ErrorText.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ErrorText = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _defaults = require("./defaults");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ErrorText = exports.ErrorText = /*#__PURE__*/_react.default.memo(function ErrorText({
+  error,
+  theme,
+  style
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
+    style: [_defaults.baseStyles.errorText, {
+      fontSize: theme.labelActiveFontSize,
+      color: theme.errorColor,
+      fontFamily: theme.fontFamily
+    }, style],
+    children: error
+  });
+});
+//# sourceMappingURL=ErrorText.js.map

package/lib/commonjs/ErrorText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeReanimated","_defaults","_jsxRuntime","e","__esModule","default","ErrorText","exports","React","memo","error","theme","style","jsx","Text","baseStyles","errorText","fontSize","labelActiveFontSize","color","errorColor","fontFamily","children"],"sourceRoot":"../../src","sources":["ErrorText.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAGA,IAAAE,SAAA,GAAAF,OAAA;AAAwC,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAYjC,MAAMG,SAAS,GAAAC,OAAA,CAAAD,SAAA,gBAAGE,cAAK,CAACC,IAAI,CAAC,SAASH,SAASA,CAAC;EACrDI,KAAK;EACLC,KAAK;EACLC;AACc,CAAC,EAAE;EACjB,oBACE,IAAAV,WAAA,CAAAW,GAAA,EAACb,sBAAA,CAAAK,OAAQ,CAACS,IAAI;IACZF,KAAK,EAAE,CACLG,oBAAU,CAACC,SAAS,EACpB;MACEC,QAAQ,EAAEN,KAAK,CAACO,mBAAmB;MACnCC,KAAK,EAAER,KAAK,CAACS,UAAU;MACvBC,UAAU,EAAEV,KAAK,CAACU;IACpB,CAAC,EACDT,KAAK,CACL;IAAAU,QAAA,EAEDZ;EAAK,CACO,CAAC;AAEpB,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/FloatingInput.js

@@ -8,6 +8,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _defaults = require("./defaults");
+var _ErrorText = require("./ErrorText");
+var _FloatingLabel = require("./FloatingLabel");
+var _useFloatingLabel = require("./useFloatingLabel");
 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); }
 const FloatingInput = exports.FloatingInput = /*#__PURE__*/_react.default.forwardRef(({
@@ -31,136 +34,94 @@ const FloatingInput = exports.FloatingInput = /*#__PURE__*/_react.default.forwar
   theme: themeProp,
   styles: stylesProp,
   style,
-  animationConfig: animationProp,
+  animationConfig,
   textInputProps
 }, ref) => {
   const inputRef = (0, _react.useRef)(null);
-  const [isFocused, setIsFocused] = (0, _react.useState)(false);
-  const hasError = !!touched && !!error;
-  const theme = {
-    ..._defaults.DEFAULT_THEME,
-    ...themeProp
-  };
-  const anim = {
-    ..._defaults.DEFAULT_ANIMATION,
-    ...animationProp
-  };
-  const shouldBeActive = isFocused || !!value;
-  const focusAnim = (0, _reactNativeReanimated.useSharedValue)(value ? 1 : 0);
-  const shakeAnim = (0, _reactNativeReanimated.useSharedValue)(0);
+  const {
+    hasError,
+    shouldBeActive,
+    theme,
+    labelAnimatedStyle,
+    handleFocus,
+    handleBlur,
+    onContainerLayout
+  } = (0, _useFloatingLabel.useFloatingLabel)({
+    value,
+    onFocus,
+    onBlur,
+    touched,
+    error,
+    theme: themeProp,
+    animationConfig
+  });
   (0, _react.useImperativeHandle)(ref, () => ({
     focus: () => inputRef.current?.focus(),
     blur: () => inputRef.current?.blur(),
     clear: () => inputRef.current?.clear(),
     isFocused: () => inputRef.current?.isFocused() ?? false
   }));
-  (0, _react.useEffect)(() => {
-    focusAnim.value = (0, _reactNativeReanimated.withTiming)(shouldBeActive ? 1 : 0, {
-      duration: anim.labelDuration
-    });
-  }, [shouldBeActive]);
-  (0, _react.useEffect)(() => {
-    if (!hasError) return;
-    const mag = anim.shakeMagnitude;
-    const dur = anim.shakeDuration;
-    shakeAnim.value = (0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withTiming)(-mag, {
-      duration: dur
-    }), (0, _reactNativeReanimated.withTiming)(mag, {
-      duration: dur
-    }), (0, _reactNativeReanimated.withTiming)(-mag, {
-      duration: dur
-    }), (0, _reactNativeReanimated.withTiming)(0, {
-      duration: dur
-    }));
-  }, [hasError]);
-  const labelAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
-    transform: [{
-      translateX: shakeAnim.value
-    }, {
-      translateY: (0, _reactNativeReanimated.interpolate)(focusAnim.value, [0, 1], [0, -anim.labelTranslateY])
-    }],
-    fontSize: (0, _reactNativeReanimated.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: [_defaults.baseStyles.input, {
-        color: theme.inputColor,
-        fontFamily: theme.fontFamily,
-        fontSize: theme.fontSize
-      }, right ? _defaults.baseStyles.inputWithRight : undefined, stylesProp?.input],
-      ...textInputProps
-    };
-    const inputElement = renderInput ? renderInput(inputProps) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-      ...inputProps
-    });
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [_defaults.baseStyles.inputContainer, {
-        backgroundColor: theme.backgroundColor,
-        borderRadius: theme.borderRadius,
-        minHeight: theme.minHeight
-      }, style, stylesProp?.inputContainer],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: [_defaults.baseStyles.labelAndInputArea, stylesProp?.labelAndInputArea],
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
-          style: [_defaults.baseStyles.label, {
-            color: hasError ? theme.errorColor : theme.labelColor,
-            fontFamily: theme.fontFamily
-          }, labelAnimatedStyle, stylesProp?.label],
-          children: label
-        }), inputElement]
-      }), right && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [_defaults.baseStyles.rightContainer, stylesProp?.right],
-        children: right
-      })]
-    });
-  }
-  function renderContent() {
-    if (onPress) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-        onPress: onPress,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          pointerEvents: "none",
-          children: renderTextInput()
-        })
-      });
-    }
-    return 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: hasError ? theme.errorColor : theme.selectionColor,
+    cursorColor: hasError ? theme.errorColor : theme.selectionColor,
+    selectionHandleColor: hasError ? theme.errorColor : theme.selectionColor,
+    underlineColorAndroid: "transparent",
+    style: [_defaults.baseStyles.input, {
+      color: theme.inputColor,
+      fontFamily: theme.fontFamily,
+      fontSize: theme.fontSize
+    }, right ? _defaults.baseStyles.inputWithRight : undefined, stylesProp?.input],
+    ...textInputProps
+  };
+  const inputElement = renderInput ? renderInput(inputProps) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+    ...inputProps
+  });
+  const inputContainer = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    onLayout: onContainerLayout,
+    style: [_defaults.baseStyles.inputContainer, {
+      backgroundColor: theme.backgroundColor,
+      borderRadius: theme.borderRadius
+    }, style, stylesProp?.inputContainer],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [_defaults.baseStyles.labelAndInputArea, stylesProp?.labelAndInputArea],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FloatingLabel.FloatingLabel, {
+        label: label,
+        hasError: hasError,
+        theme: theme,
+        labelAnimatedStyle: labelAnimatedStyle,
+        style: stylesProp?.label
+      }), inputElement]
+    }), right && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [_defaults.baseStyles.rightContainer, stylesProp?.right],
+      children: right
+    })]
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
     layout: _reactNativeReanimated.LinearTransition.springify(),
     style: [_defaults.baseStyles.container, stylesProp?.container],
-    children: [renderContent(), hasError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
-      style: [_defaults.baseStyles.errorText, {
-        fontSize: theme.labelActiveFontSize,
-        color: theme.errorColor,
-        fontFamily: theme.fontFamily
-      }, stylesProp?.error],
-      children: error
+    children: [onPress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      onPress: onPress,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        pointerEvents: "none",
+        children: inputContainer
+      })
+    }) : inputContainer, hasError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorText.ErrorText, {
+      error: error,
+      theme: theme,
+      style: stylesProp?.error
     })]
   });
 });

package/lib/commonjs/FloatingInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_defaults","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FloatingInput","exports","React","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","useRef","isFocused","setIsFocused","useState","hasError","DEFAULT_THEME","anim","DEFAULT_ANIMATION","shouldBeActive","focusAnim","useSharedValue","shakeAnim","useImperativeHandle","focus","current","blur","clear","useEffect","withTiming","duration","labelDuration","mag","shakeMagnitude","dur","shakeDuration","withSequence","labelAnimatedStyle","useAnimatedStyle","transform","translateX","translateY","interpolate","labelTranslateY","fontSize","labelActiveFontSize","handleFocus","handleBlur","renderTextInput","inputProps","undefined","placeholderTextColor","placeholderColor","selectionColor","cursorColor","selectionHandleColor","underlineColorAndroid","baseStyles","input","color","inputColor","fontFamily","inputWithRight","inputElement","jsx","TextInput","jsxs","View","inputContainer","backgroundColor","borderRadius","minHeight","children","labelAndInputArea","Text","errorColor","labelColor","rightContainer","renderContent","Pressable","pointerEvents","layout","LinearTransition","springify","container","errorText","displayName"],"sourceRoot":"../../src","sources":["FloatingInput.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_defaults","_ErrorText","_FloatingLabel","_useFloatingLabel","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FloatingInput","exports","React","forwardRef","value","onChangeText","onBlur","onFocus","onPress","label","placeholder","error","touched","maxLength","keyboardType","autoFocus","editable","autoCapitalize","secureTextEntry","right","renderInput","theme","themeProp","styles","stylesProp","style","animationConfig","textInputProps","ref","inputRef","useRef","hasError","shouldBeActive","labelAnimatedStyle","handleFocus","handleBlur","onContainerLayout","useFloatingLabel","useImperativeHandle","focus","current","blur","clear","isFocused","inputProps","undefined","placeholderTextColor","placeholderColor","selectionColor","errorColor","cursorColor","selectionHandleColor","underlineColorAndroid","baseStyles","input","color","inputColor","fontFamily","fontSize","inputWithRight","inputElement","jsx","TextInput","inputContainer","jsxs","View","onLayout","backgroundColor","borderRadius","children","labelAndInputArea","FloatingLabel","rightContainer","layout","LinearTransition","springify","container","Pressable","pointerEvents","ErrorText","displayName"],"sourceRoot":"../../src","sources":["FloatingInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/FloatingLabel.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FloatingLabel = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _defaults = require("./defaults");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FloatingLabel = exports.FloatingLabel = /*#__PURE__*/_react.default.memo(function FloatingLabel({
+  label,
+  hasError,
+  theme,
+  labelAnimatedStyle,
+  style
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
+    style: [_defaults.baseStyles.label, {
+      color: hasError ? theme.errorColor : theme.labelColor,
+      fontFamily: theme.fontFamily
+    }, labelAnimatedStyle, style],
+    children: label
+  });
+});
+//# sourceMappingURL=FloatingLabel.js.map

package/lib/commonjs/FloatingLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeReanimated","_defaults","_jsxRuntime","e","__esModule","default","FloatingLabel","exports","React","memo","label","hasError","theme","labelAnimatedStyle","style","jsx","Text","baseStyles","color","errorColor","labelColor","fontFamily","children"],"sourceRoot":"../../src","sources":["FloatingLabel.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAGA,IAAAE,SAAA,GAAAF,OAAA;AAAwC,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAcjC,MAAMG,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAGE,cAAK,CAACC,IAAI,CAAC,SAASH,aAAaA,CAAC;EAC7DI,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC,kBAAkB;EAClBC;AACkB,CAAC,EAAE;EACrB,oBACE,IAAAZ,WAAA,CAAAa,GAAA,EAACf,sBAAA,CAAAK,OAAQ,CAACW,IAAI;IACZF,KAAK,EAAE,CACLG,oBAAU,CAACP,KAAK,EAChB;MACEQ,KAAK,EAAEP,QAAQ,GAAGC,KAAK,CAACO,UAAU,GAAGP,KAAK,CAACQ,UAAU;MACrDC,UAAU,EAAET,KAAK,CAACS;IACpB,CAAC,EACDR,kBAAkB,EAClBC,KAAK,CACL;IAAAQ,QAAA,EAEDZ;EAAK,CACO,CAAC;AAEpB,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/defaults.js

@@ -3,58 +3,63 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.baseStyles = exports.DEFAULT_THEME = exports.DEFAULT_ANIMATION = void 0;
+exports.baseStyles = exports.INPUT_PADDING_TOP = exports.DEFAULT_THEME = exports.DEFAULT_ANIMATION = void 0;
 var _reactNative = require("react-native");
+const INPUT_PADDING_TOP = exports.INPUT_PADDING_TOP = 24;
+const INPUT_PADDING_BOTTOM = 8;
+const INPUT_PADDING_HORIZONTAL = 16;
+const RIGHT_CONTAINER_OFFSET = 12;
+const INPUT_WITH_RIGHT_PADDING = 48;
+const ERROR_MARGIN_LEFT = 8;
+const ERROR_MARGIN_TOP = 6;
 const DEFAULT_THEME = exports.DEFAULT_THEME = {
-  backgroundColor: '#EDEFF2',
-  labelColor: '#878A99',
-  inputColor: '#36373D',
-  errorColor: '#E3152E',
-  selectionColor: '#31BE30',
-  placeholderColor: '#878A99',
+  backgroundColor: "#EDEFF2",
+  labelColor: "#878A99",
+  inputColor: "#36373D",
+  errorColor: "#E3152E",
+  selectionColor: "#31BE30",
+  placeholderColor: "#878A99",
   borderRadius: 14,
-  minHeight: 56,
   fontSize: 16,
   labelActiveFontSize: 12,
-  fontFamily: 'System'
+  fontFamily: "System"
 };
 const DEFAULT_ANIMATION = exports.DEFAULT_ANIMATION = {
   labelDuration: 200,
   shakeMagnitude: 2,
-  shakeDuration: 50,
-  labelTranslateY: 10
+  shakeDuration: 50
 };
 const baseStyles = exports.baseStyles = _reactNative.StyleSheet.create({
   container: {},
   inputContainer: {
-    flexDirection: 'row',
-    alignItems: 'center'
+    flexDirection: "row",
+    alignItems: "center"
   },
   labelAndInputArea: {
     flex: 1,
-    justifyContent: 'center'
+    justifyContent: "center"
   },
   label: {
-    position: 'absolute',
-    left: 16
+    position: "absolute",
+    left: INPUT_PADDING_HORIZONTAL
   },
   input: {
-    paddingTop: 24,
-    paddingBottom: 8,
-    paddingLeft: 16,
-    paddingRight: 16
+    paddingTop: INPUT_PADDING_TOP,
+    paddingBottom: INPUT_PADDING_BOTTOM,
+    paddingLeft: INPUT_PADDING_HORIZONTAL,
+    paddingRight: INPUT_PADDING_HORIZONTAL
   },
   inputWithRight: {
-    paddingRight: 48
+    paddingRight: INPUT_WITH_RIGHT_PADDING
   },
   rightContainer: {
-    position: 'absolute',
-    right: 12,
-    alignSelf: 'center'
+    position: "absolute",
+    right: RIGHT_CONTAINER_OFFSET,
+    alignSelf: "center"
   },
   errorText: {
-    marginLeft: 8,
-    marginTop: 6
+    marginLeft: ERROR_MARGIN_LEFT,
+    marginTop: ERROR_MARGIN_TOP
   }
 });
 //# sourceMappingURL=defaults.js.map

package/lib/commonjs/defaults.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","DEFAULT_THEME","exports","backgroundColor","labelColor","inputColor","errorColor","selectionColor","placeholderColor","borderRadius","minHeight","fontSize","labelActiveFontSize","fontFamily","DEFAULT_ANIMATION","labelDuration","shakeMagnitude","shakeDuration","labelTranslateY","baseStyles","StyleSheet","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,IAAAA,YAAA,GAAAC,OAAA;AAIO,MAAMC,aAA2C,GAAAC,OAAA,CAAAD,aAAA,GAAG;EACzDE,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;AAEM,MAAMC,iBAAyD,GAAAZ,OAAA,CAAAY,iBAAA,GAAG;EACvEC,aAAa,EAAE,GAAG;EAClBC,cAAc,EAAE,CAAC;EACjBC,aAAa,EAAE,EAAE;EACjBC,eAAe,EAAE;AACnB,CAAC;AAEM,MAAMC,UAAU,GAAAjB,OAAA,CAAAiB,UAAA,GAAGC,uBAAU,CAACC,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":[]}
+{"version":3,"names":["_reactNative","require","INPUT_PADDING_TOP","exports","INPUT_PADDING_BOTTOM","INPUT_PADDING_HORIZONTAL","RIGHT_CONTAINER_OFFSET","INPUT_WITH_RIGHT_PADDING","ERROR_MARGIN_LEFT","ERROR_MARGIN_TOP","DEFAULT_THEME","backgroundColor","labelColor","inputColor","errorColor","selectionColor","placeholderColor","borderRadius","fontSize","labelActiveFontSize","fontFamily","DEFAULT_ANIMATION","labelDuration","shakeMagnitude","shakeDuration","baseStyles","StyleSheet","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,IAAAA,YAAA,GAAAC,OAAA;AAGO,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,EAAE;AACnC,MAAME,oBAAoB,GAAG,CAAC;AAC9B,MAAMC,wBAAwB,GAAG,EAAE;AACnC,MAAMC,sBAAsB,GAAG,EAAE;AACjC,MAAMC,wBAAwB,GAAG,EAAE;AACnC,MAAMC,iBAAiB,GAAG,CAAC;AAC3B,MAAMC,gBAAgB,GAAG,CAAC;AAEnB,MAAMC,aAA2C,GAAAP,OAAA,CAAAO,aAAA,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,QAAQ,EAAE,EAAE;EACZC,mBAAmB,EAAE,EAAE;EACvBC,UAAU,EAAE;AACd,CAAC;AAEM,MAAMC,iBAAyD,GAAAlB,OAAA,CAAAkB,iBAAA,GAAG;EACvEC,aAAa,EAAE,GAAG;EAClBC,cAAc,EAAE,CAAC;EACjBC,aAAa,EAAE;AACjB,CAAC;AAEM,MAAMC,UAAU,GAAAtB,OAAA,CAAAsB,UAAA,GAAGC,uBAAU,CAACC,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,EAAEhC;EACR,CAAC;EACDiC,KAAK,EAAE;IACLC,UAAU,EAAErC,iBAAiB;IAC7BsC,aAAa,EAAEpC,oBAAoB;IACnCqC,WAAW,EAAEpC,wBAAwB;IACrCqC,YAAY,EAAErC;EAChB,CAAC;EACDsC,cAAc,EAAE;IACdD,YAAY,EAAEnC;EAChB,CAAC;EACDqC,cAAc,EAAE;IACdR,QAAQ,EAAE,UAAU;IACpBS,KAAK,EAAEvC,sBAAsB;IAC7BwC,SAAS,EAAE;EACb,CAAC;EACDC,SAAS,EAAE;IACTC,UAAU,EAAExC,iBAAiB;IAC7ByC,SAAS,EAAExC;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/index.js

@@ -3,18 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "DEFAULT_ANIMATION", {
-  enumerable: true,
-  get: function () {
-    return _defaults.DEFAULT_ANIMATION;
-  }
-});
-Object.defineProperty(exports, "DEFAULT_THEME", {
-  enumerable: true,
-  get: function () {
-    return _defaults.DEFAULT_THEME;
-  }
-});
 Object.defineProperty(exports, "FloatingInput", {
   enumerable: true,
   get: function () {
@@ -22,5 +10,4 @@ Object.defineProperty(exports, "FloatingInput", {
   }
 });
 var _FloatingInput = require("./FloatingInput");
-var _defaults = require("./defaults");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_FloatingInput","require","_defaults"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA","ignoreList":[]}
+{"version":3,"names":["_FloatingInput","require"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/useFloatingLabel.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFloatingLabel = useFloatingLabel;
+var _react = require("react");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _defaults = require("./defaults");
+function useFloatingLabel({
+  value,
+  onFocus,
+  onBlur,
+  touched,
+  error,
+  theme: themeProp,
+  animationConfig: animationProp
+}) {
+  const [isFocused, setIsFocused] = (0, _react.useState)(false);
+  const hasError = !!touched && !!error;
+  const theme = {
+    ..._defaults.DEFAULT_THEME,
+    ...themeProp
+  };
+  const anim = {
+    ..._defaults.DEFAULT_ANIMATION,
+    ...animationProp
+  };
+  const shouldBeActive = isFocused || !!value;
+  const focusAnim = (0, _reactNativeReanimated.useSharedValue)(value ? 1 : 0);
+  const shakeAnim = (0, _reactNativeReanimated.useSharedValue)(0);
+  const containerHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  (0, _react.useEffect)(() => {
+    focusAnim.value = (0, _reactNativeReanimated.withTiming)(shouldBeActive ? 1 : 0, {
+      duration: anim.labelDuration
+    });
+  }, [shouldBeActive]);
+  (0, _react.useEffect)(() => {
+    if (!hasError) return;
+    const mag = anim.shakeMagnitude;
+    const dur = anim.shakeDuration;
+    shakeAnim.value = (0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withTiming)(-mag, {
+      duration: dur
+    }), (0, _reactNativeReanimated.withTiming)(mag, {
+      duration: dur
+    }), (0, _reactNativeReanimated.withTiming)(-mag, {
+      duration: dur
+    }), (0, _reactNativeReanimated.withTiming)(0, {
+      duration: dur
+    }));
+  }, [hasError]);
+  const labelAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const h = containerHeight.value;
+    const translateY = h > 0 ? (0, _reactNativeReanimated.interpolate)(focusAnim.value, [0, 1], [0, -(h / 2 - _defaults.INPUT_PADDING_TOP / 1.75)]) : 0;
+    return {
+      transform: [{
+        translateX: shakeAnim.value
+      }, {
+        translateY
+      }],
+      fontSize: (0, _reactNativeReanimated.interpolate)(focusAnim.value, [0, 1], [theme.fontSize, theme.labelActiveFontSize])
+    };
+  });
+  function handleFocus() {
+    setIsFocused(true);
+    onFocus?.();
+  }
+  function handleBlur() {
+    setIsFocused(false);
+    onBlur?.();
+  }
+  function onContainerLayout(e) {
+    containerHeight.value = e.nativeEvent.layout.height;
+  }
+  return {
+    isFocused,
+    hasError,
+    shouldBeActive,
+    theme,
+    labelAnimatedStyle,
+    handleFocus,
+    handleBlur,
+    onContainerLayout
+  };
+}
+//# sourceMappingURL=useFloatingLabel.js.map

package/lib/commonjs/useFloatingLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","_defaults","useFloatingLabel","value","onFocus","onBlur","touched","error","theme","themeProp","animationConfig","animationProp","isFocused","setIsFocused","useState","hasError","DEFAULT_THEME","anim","DEFAULT_ANIMATION","shouldBeActive","focusAnim","useSharedValue","shakeAnim","containerHeight","useEffect","withTiming","duration","labelDuration","mag","shakeMagnitude","dur","shakeDuration","withSequence","labelAnimatedStyle","useAnimatedStyle","h","translateY","interpolate","INPUT_PADDING_TOP","transform","translateX","fontSize","labelActiveFontSize","handleFocus","handleBlur","onContainerLayout","e","nativeEvent","layout","height"],"sourceRoot":"../../src","sources":["useFloatingLabel.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/ErrorText.js

@@ -0,0 +1,21 @@
+"use strict";
+
+import React from "react";
+import Animated from "react-native-reanimated";
+import { baseStyles } from "./defaults";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ErrorText = /*#__PURE__*/React.memo(function ErrorText({
+  error,
+  theme,
+  style
+}) {
+  return /*#__PURE__*/_jsx(Animated.Text, {
+    style: [baseStyles.errorText, {
+      fontSize: theme.labelActiveFontSize,
+      color: theme.errorColor,
+      fontFamily: theme.fontFamily
+    }, style],
+    children: error
+  });
+});
+//# sourceMappingURL=ErrorText.js.map