rn-floating-input 0.1.1 → 0.1.2

package/lib/module/FloatingInput.js

@@ -1,9 +1,12 @@
 "use strict";
 
-import React, { useEffect, useImperativeHandle, useRef, useState } from "react";
+import React, { useImperativeHandle, useRef } 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 Animated, { LinearTransition } from "react-native-reanimated";
+import { baseStyles } from "./defaults";
+import { ErrorText } from "./ErrorText";
+import { FloatingLabel } from "./FloatingLabel";
+import { useFloatingLabel } from "./useFloatingLabel";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const FloatingInput = /*#__PURE__*/React.forwardRef(({
   value,
@@ -26,136 +29,94 @@ export const FloatingInput = /*#__PURE__*/React.forwardRef(({
   theme: themeProp,
   styles: stylesProp,
   style,
-  animationConfig: animationProp,
+  animationConfig,
   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);
+  const {
+    hasError,
+    shouldBeActive,
+    theme,
+    labelAnimatedStyle,
+    handleFocus,
+    handleBlur,
+    onContainerLayout
+  } = useFloatingLabel({
+    value,
+    onFocus,
+    onBlur,
+    touched,
+    error,
+    theme: themeProp,
+    animationConfig
+  });
   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();
-  }
+  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: [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
+  });
+  const inputContainer = /*#__PURE__*/_jsxs(View, {
+    onLayout: onContainerLayout,
+    style: [baseStyles.inputContainer, {
+      backgroundColor: theme.backgroundColor,
+      borderRadius: theme.borderRadius
+    }, style, stylesProp?.inputContainer],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: [baseStyles.labelAndInputArea, stylesProp?.labelAndInputArea],
+      children: [/*#__PURE__*/_jsx(FloatingLabel, {
+        label: label,
+        hasError: hasError,
+        theme: theme,
+        labelAnimatedStyle: labelAnimatedStyle,
+        style: stylesProp?.label
+      }), inputElement]
+    }), right && /*#__PURE__*/_jsx(View, {
+      style: [baseStyles.rightContainer, stylesProp?.right],
+      children: right
+    })]
+  });
   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
+    children: [onPress ? /*#__PURE__*/_jsx(Pressable, {
+      onPress: onPress,
+      children: /*#__PURE__*/_jsx(View, {
+        pointerEvents: "none",
+        children: inputContainer
+      })
+    }) : inputContainer, hasError && /*#__PURE__*/_jsx(ErrorText, {
+      error: error,
+      theme: theme,
+      style: stylesProp?.error
     })]
   });
 });

package/lib/module/FloatingInput.js.map

@@ -1 +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":"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","ignoreList":[]}
+{"version":3,"names":["React","useImperativeHandle","useRef","Pressable","TextInput","RNTextInput","View","Animated","LinearTransition","baseStyles","ErrorText","FloatingLabel","useFloatingLabel","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","textInputProps","ref","inputRef","hasError","shouldBeActive","labelAnimatedStyle","handleFocus","handleBlur","onContainerLayout","focus","current","blur","clear","isFocused","inputProps","undefined","placeholderTextColor","placeholderColor","selectionColor","errorColor","cursorColor","selectionHandleColor","underlineColorAndroid","input","color","inputColor","fontFamily","fontSize","inputWithRight","inputElement","inputContainer","onLayout","backgroundColor","borderRadius","children","labelAndInputArea","rightContainer","layout","springify","container","pointerEvents","displayName"],"sourceRoot":"../../src","sources":["FloatingInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/FloatingLabel.js

@@ -0,0 +1,22 @@
+"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 FloatingLabel = /*#__PURE__*/React.memo(function FloatingLabel({
+  label,
+  hasError,
+  theme,
+  labelAnimatedStyle,
+  style
+}) {
+  return /*#__PURE__*/_jsx(Animated.Text, {
+    style: [baseStyles.label, {
+      color: hasError ? theme.errorColor : theme.labelColor,
+      fontFamily: theme.fontFamily
+    }, labelAnimatedStyle, style],
+    children: label
+  });
+});
+//# sourceMappingURL=FloatingLabel.js.map

package/lib/module/FloatingLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","baseStyles","jsx","_jsx","FloatingLabel","memo","label","hasError","theme","labelAnimatedStyle","style","Text","color","errorColor","labelColor","fontFamily","children"],"sourceRoot":"../../src","sources":["FloatingLabel.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAA8B,yBAAyB;AAGtE,SAASC,UAAU,QAAQ,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAcxC,OAAO,MAAMC,aAAa,gBAAGL,KAAK,CAACM,IAAI,CAAC,SAASD,aAAaA,CAAC;EAC7DE,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC,kBAAkB;EAClBC;AACkB,CAAC,EAAE;EACrB,oBACEP,IAAA,CAACH,QAAQ,CAACW,IAAI;IACZD,KAAK,EAAE,CACLT,UAAU,CAACK,KAAK,EAChB;MACEM,KAAK,EAAEL,QAAQ,GAAGC,KAAK,CAACK,UAAU,GAAGL,KAAK,CAACM,UAAU;MACrDC,UAAU,EAAEP,KAAK,CAACO;IACpB,CAAC,EACDN,kBAAkB,EAClBC,KAAK,CACL;IAAAM,QAAA,EAEDV;EAAK,CACO,CAAC;AAEpB,CAAC,CAAC","ignoreList":[]}

package/lib/module/defaults.js

@@ -1,56 +1,61 @@
 "use strict";
 
-import { StyleSheet } from 'react-native';
+import { StyleSheet } from "react-native";
+export const 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;
 export const 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"
 };
 export const DEFAULT_ANIMATION = {
   labelDuration: 200,
   shakeMagnitude: 2,
-  shakeDuration: 50,
-  labelTranslateY: 10
+  shakeDuration: 50
 };
 export const baseStyles = 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/module/defaults.js.map

@@ -1 +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":[]}
+{"version":3,"names":["StyleSheet","INPUT_PADDING_TOP","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","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;AAGzC,OAAO,MAAMC,iBAAiB,GAAG,EAAE;AACnC,MAAMC,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;AAE1B,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,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;AACjB,CAAC;AAED,OAAO,MAAMC,UAAU,GAAGvB,UAAU,CAACwB,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/B;EACR,CAAC;EACDgC,KAAK,EAAE;IACLC,UAAU,EAAEnC,iBAAiB;IAC7BoC,aAAa,EAAEnC,oBAAoB;IACnCoC,WAAW,EAAEnC,wBAAwB;IACrCoC,YAAY,EAAEpC;EAChB,CAAC;EACDqC,cAAc,EAAE;IACdD,YAAY,EAAElC;EAChB,CAAC;EACDoC,cAAc,EAAE;IACdR,QAAQ,EAAE,UAAU;IACpBS,KAAK,EAAEtC,sBAAsB;IAC7BuC,SAAS,EAAE;EACb,CAAC;EACDC,SAAS,EAAE;IACTC,UAAU,EAAEvC,iBAAiB;IAC7BwC,SAAS,EAAEvC;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/index.js

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

package/lib/module/index.js.map

@@ -1 +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":[]}
+{"version":3,"names":["FloatingInput"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,iBAAiB","ignoreList":[]}

package/lib/module/useFloatingLabel.js

@@ -0,0 +1,82 @@
+"use strict";
+
+import { useEffect, useState } from "react";
+import { interpolate, useAnimatedStyle, useSharedValue, withSequence, withTiming } from "react-native-reanimated";
+import { DEFAULT_ANIMATION, DEFAULT_THEME, INPUT_PADDING_TOP } from "./defaults";
+export function useFloatingLabel({
+  value,
+  onFocus,
+  onBlur,
+  touched,
+  error,
+  theme: themeProp,
+  animationConfig: animationProp
+}) {
+  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);
+  const containerHeight = useSharedValue(0);
+  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(() => {
+    const h = containerHeight.value;
+    const translateY = h > 0 ? interpolate(focusAnim.value, [0, 1], [0, -(h / 2 - INPUT_PADDING_TOP / 1.75)]) : 0;
+    return {
+      transform: [{
+        translateX: shakeAnim.value
+      }, {
+        translateY
+      }],
+      fontSize: 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/module/useFloatingLabel.js.map

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

package/lib/typescript/ErrorText.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import type { StyleProp, TextStyle } from "react-native";
+interface ErrorTextProps {
+    error?: string;
+    theme: {
+        labelActiveFontSize: number;
+        errorColor: string;
+        fontFamily: string;
+    };
+    style?: StyleProp<TextStyle>;
+}
+export declare const ErrorText: React.NamedExoticComponent<ErrorTextProps>;
+export {};
+//# sourceMappingURL=ErrorText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorText.d.ts","sourceRoot":"","sources":["../../src/ErrorText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzD,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE;QACL,mBAAmB,EAAE,MAAM,CAAC;QAC5B,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,SAAS,4CAoBpB,CAAC"}

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

@@ -1 +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"}
+{"version":3,"file":"FloatingInput.d.ts","sourceRoot":"","sources":["../../src/FloatingInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAQ3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEpE,eAAO,MAAM,aAAa,6FAkJzB,CAAC"}

package/lib/typescript/FloatingLabel.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { type AnimatedStyle } from "react-native-reanimated";
+import type { StyleProp, TextStyle } from "react-native";
+interface FloatingLabelProps {
+    label?: string;
+    hasError: boolean;
+    theme: {
+        errorColor: string;
+        labelColor: string;
+        fontFamily: string;
+    };
+    labelAnimatedStyle: AnimatedStyle;
+    style?: StyleProp<TextStyle>;
+}
+export declare const FloatingLabel: React.NamedExoticComponent<FloatingLabelProps>;
+export {};
+//# sourceMappingURL=FloatingLabel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingLabel.d.ts","sourceRoot":"","sources":["../../src/FloatingLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzD,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE;QACL,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,kBAAkB,EAAE,aAAa,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,aAAa,gDAsBxB,CAAC"}

package/lib/typescript/defaults.d.ts

@@ -1,4 +1,5 @@
-import type { FloatingInputAnimationConfig, FloatingInputTheme } from './types';
+import type { FloatingInputAnimationConfig, FloatingInputTheme } from "./types";
+export declare const INPUT_PADDING_TOP = 24;
 export declare const DEFAULT_THEME: Required<FloatingInputTheme>;
 export declare const DEFAULT_ANIMATION: Required<FloatingInputAnimationConfig>;
 export declare const baseStyles: {

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

@@ -1 +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"}
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/defaults.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,4BAA4B,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEhF,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAQpC,eAAO,MAAM,aAAa,EAAE,QAAQ,CAAC,kBAAkB,CAWtD,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,QAAQ,CAAC,4BAA4B,CAIpE,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCrB,CAAC"}

package/lib/typescript/index.d.ts

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

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EACV,4BAA4B,EAC5B,kBAAkB,EAClB,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,SAAS,CAAC"}

package/lib/typescript/types.d.ts

@@ -1,4 +1,4 @@
-import type { KeyboardTypeOptions, StyleProp, TextInputProps, TextStyle, ViewStyle } from 'react-native';
+import type { KeyboardTypeOptions, StyleProp, TextInputProps, TextStyle, ViewStyle } from "react-native";
 export interface FloatingInputTheme {
     backgroundColor?: string;
     labelColor?: string;
@@ -7,7 +7,6 @@ export interface FloatingInputTheme {
     selectionColor?: string;
     placeholderColor?: string;
     borderRadius?: number;
-    minHeight?: number;
     fontSize?: number;
     labelActiveFontSize?: number;
     fontFamily?: string;
@@ -25,7 +24,6 @@ export interface FloatingInputAnimationConfig {
     labelDuration?: number;
     shakeMagnitude?: number;
     shakeDuration?: number;
-    labelTranslateY?: number;
 }
 export interface FloatingInputRef {
     focus: () => void;
@@ -47,7 +45,7 @@ export interface FloatingInputProps {
     keyboardType?: KeyboardTypeOptions;
     autoFocus?: boolean;
     editable?: boolean;
-    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
+    autoCapitalize?: "none" | "sentences" | "words" | "characters";
     secureTextEntry?: boolean;
     right?: React.ReactNode;
     renderInput?: (props: TextInputProps) => React.ReactNode;
@@ -55,6 +53,6 @@ export interface FloatingInputProps {
     styles?: FloatingInputStyles;
     style?: StyleProp<ViewStyle>;
     animationConfig?: FloatingInputAnimationConfig;
-    textInputProps?: Omit<TextInputProps, 'value' | 'onChangeText' | 'onBlur' | 'onFocus'>;
+    textInputProps?: Omit<TextInputProps, "value" | "onChangeText" | "onBlur" | "onFocus" | "multiline">;
 }
 //# sourceMappingURL=types.d.ts.map