@bigbinary/neetoui-rn 0.0.223 → 0.0.225

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,
   };
 };

package/src/components/OrganizationItem.js

@@ -1,116 +0,0 @@
-import React, { useContext } from "react";
-import PropTypes from "prop-types";
-import Icon from "react-native-remix-icon";
-
-import { Container, Typography } from "@components";
-import { ThemeContext } from "styled-components/native";
-
-/**
- *
- * Buttons are touchable elements used to interact with the screen and to trigger an action.
- *
- * <div class="screenshots">
- *   <img src="screenshots/organizationItem/organizationItem.png" />
- * </div>
- *
- *  ## Usage
- * ```js
- * import * as React from 'react';
- * import { OrganizationItem } from '@bigbinary/neetoui-rn';
- *
- * export default function Main() {
- *  return (
- *    <OrganizationItem name="BigBinary Solutions Pvt. Ltd." />
- *  );
- * }
- * ```
- *
- */
-
-export const OrganizationItem = ({
-  label,
-  labelContainerProps,
-  iconContainerProps,
-  iconProps,
-  labelProps,
-  name,
-  nameProps,
-  ...rest
-}) => {
-  const theme = useContext(ThemeContext);
-  return (
-    <Container
-      bg="background.secondary"
-      width="100%"
-      px={16}
-      py={12}
-      borderRadius={6}
-      justifyContent="space-between"
-      {...rest}
-    >
-      <Container
-        flexDirection="row"
-        alignItems="center"
-        {...labelContainerProps}
-      >
-        <Container mr={9} {...iconContainerProps}>
-          <Icon
-            size={20}
-            color={theme.colors.font.grey800}
-            name="building-line"
-            {...iconProps}
-          />
-        </Container>
-        <Typography
-          color="font.grey800"
-          fontSize="l"
-          fontFamily="sf500"
-          {...labelProps}
-        >
-          {label || "Organization"}
-        </Typography>
-      </Container>
-      <Typography
-        ml={29}
-        color="font.grey"
-        fontSize="m"
-        fontFamily="sf500"
-        mt="8px"
-        {...nameProps}
-      >
-        {name}
-      </Typography>
-    </Container>
-  );
-};
-
-OrganizationItem.propTypes = {
-  /**
-   * Organization label
-   */
-  label: PropTypes.string,
-  /**
-   * Customize label container
-   */
-  labelContainerProps: PropTypes.object,
-  /**
-   * Customize icon container
-   */
-  iconContainerProps: PropTypes.object,
-  /**
-   * Customize icon
-   */
-  iconProps: PropTypes.object,
-  /**
-   * Customize label
-   */
-  labelProps: PropTypes.object,
-  /**
-   * Organization name
-   */
-  name: PropTypes.string.isRequired,
-  /**
-   * Customize name
-   */
-  nameProps: PropTypes.object,
-};