@bigbinary/neetoui-rn 0.0.222 → 0.0.224

package/src/config/{toasterConfig.js → toasterConfig.jsx}

@@ -1,33 +1,32 @@
 import React from "react";
-import Toast, { BaseToast } from "react-native-toast-message";
 import { Pressable, StyleSheet } from "react-native";
+
 import Icon from "react-native-remix-icon";
+import Toast, { BaseToast } from "react-native-toast-message";
 
 import { theme } from "@theme";
 
-const CloseButton = () => {
-  return (
-    <Pressable style={styles.closeButtonStyle} onPress={Toast.hide}>
-      <Icon
-        name="ri-close-fill"
-        size={25}
-        color={theme.colors.background.white}
-      />
-    </Pressable>
-  );
-};
+const CloseButton = () => (
+  <Pressable style={styles.closeButtonStyle} onPress={Toast.hide}>
+    <Icon
+      color={theme.colors.background.white}
+      name="ri-close-fill"
+      size={25}
+    />
+  </Pressable>
+);
 
 export const defaultToasterConfig = {
   success: props => (
     <BaseToast
       {...props}
+      contentContainerStyle={styles.contentContainerStyle}
       leadingIconContainerStyle={styles.toasterBGColor}
       renderTrailingIcon={() => <CloseButton />}
-      contentContainerStyle={styles.contentContainerStyle}
-      text1Style={styles.text1Style}
-      text2Style={styles.text2Style}
       text1NumberOfLines={10}
+      text1Style={styles.text1Style}
       text2NumberOfLines={10}
+      text2Style={styles.text2Style}
       touchableContainerProps={{
         style: [styles.touchableContainerProps, styles.successStyle],
       }}
@@ -36,13 +35,13 @@ export const defaultToasterConfig = {
   error: props => (
     <BaseToast
       {...props}
+      contentContainerStyle={styles.contentContainerStyle}
       leadingIconContainerStyle={styles.toasterBGColor}
       renderTrailingIcon={() => <CloseButton />}
-      contentContainerStyle={styles.contentContainerStyle}
-      text1Style={styles.text1Style}
-      text2Style={styles.text2Style}
       text1NumberOfLines={10}
+      text1Style={styles.text1Style}
       text2NumberOfLines={10}
+      text2Style={styles.text2Style}
       touchableContainerProps={{
         style: [styles.touchableContainerProps, styles.errorStyle],
       }}
@@ -51,13 +50,13 @@ export const defaultToasterConfig = {
   info: props => (
     <BaseToast
       {...props}
+      contentContainerStyle={styles.contentContainerStyle}
       leadingIconContainerStyle={styles.toasterBGColor}
       renderTrailingIcon={() => <CloseButton />}
-      contentContainerStyle={styles.contentContainerStyle}
-      text1Style={styles.text1Style}
-      text2Style={styles.text2Style}
       text1NumberOfLines={10}
+      text1Style={styles.text1Style}
       text2NumberOfLines={10}
+      text2Style={styles.text2Style}
       touchableContainerProps={{
         style: [styles.touchableContainerProps, styles.infoStyle],
       }}
@@ -66,13 +65,13 @@ export const defaultToasterConfig = {
   warning: props => (
     <BaseToast
       {...props}
+      contentContainerStyle={styles.contentContainerStyle}
       leadingIconContainerStyle={styles.toasterBGColor}
       renderTrailingIcon={() => <CloseButton />}
-      contentContainerStyle={styles.contentContainerStyle}
-      text1Style={styles.text1Style}
-      text2Style={styles.text2Style}
       text1NumberOfLines={10}
+      text1Style={styles.text1Style}
       text2NumberOfLines={10}
+      text2Style={styles.text2Style}
       touchableContainerProps={{
         style: [styles.touchableContainerProps, styles.warningStyle],
       }}

package/src/hooks/useDebounce.js

@@ -7,6 +7,7 @@ export function useDebounce(value, delay) {
     const handler = setTimeout(() => {
       setDebouncedValue(value);
     }, delay);
+
     return () => {
       clearTimeout(handler);
     };

package/src/hooks/useKeyboard.js

@@ -17,6 +17,7 @@ export function useKeyboard() {
       "keyboardDidShow",
       onKeyboardDidShow
     );
+
     const keyboardDidHideListener = Keyboard.addListener(
       "keyboardDidHide",
       onKeyboardDidHide

package/src/index.js

@@ -1,2 +1,2 @@
-export * from "./components/index";
-export * from "./theme/index";
+export * from "./components";
+export * from "./theme";

package/src/theme/index.js

@@ -117,7 +117,7 @@ const baseTheme = {
 };
 
 //aliases
-baseTheme.lineHeights.note = baseTheme.lineHeights[0] + "px";
+baseTheme.lineHeights.note = `${baseTheme.lineHeights[0]}px`;
 
 export const theme = {
   ...baseTheme,

package/src/utils/utils.js

@@ -10,6 +10,7 @@ const shadowOpacityList = [
 
 export const getShadowStyles = (elevation = 0) => {
   if (elevation > 24) elevation = 24;
+
   return {
     shadowOffset: {
       width: 0,
@@ -17,6 +18,6 @@ export const getShadowStyles = (elevation = 0) => {
     },
     shadowRadius: shadowRadiusList[elevation - 1],
     shadowOpacity: shadowOpacityList[elevation - 1],
-    elevation: elevation,
+    elevation,
   };
 };