@bigbinary/neetoui-rn 0.0.220 → 0.0.221

package/src/components/SearchBar.js

@@ -1,3 +1,4 @@
+/* eslint-disable react-native/no-inline-styles */
 import React, { useEffect, useRef, useState } from "react";
 import { Animated, TouchableWithoutFeedback } from "react-native";
 import {
@@ -47,15 +48,15 @@ const TextInput = styled.TextInput`
  * ```
  */
 
-export const SearchBar = props => {
-  const {
-    placeholder = "Search",
-    onChangeText = () => {},
-    onCancel = () => {},
-    debounceDelay = 1000,
-    showCancelButton = true,
-    ...rest
-  } = props;
+export const SearchBar = ({
+  placeholder = "Search",
+  onChangeText = () => {},
+  onCancel = () => {},
+  debounceDelay = 1000,
+  showCancelButton = true,
+  containerProps,
+  searchbarProps,
+}) => {
   const inputRef = useRef();
   const [searchText, setSearchText] = useState("");
   const debouncedSearchTextValue = useDebounce(
@@ -113,7 +114,7 @@ export const SearchBar = props => {
           borderRadius={8}
           flexDirection="row"
           alignItems="center"
-          {...rest.containerProps}
+          {...containerProps}
         >
           <Container px={10}>
             <Icon
@@ -139,7 +140,7 @@ export const SearchBar = props => {
             color="font.primary"
             autoCapitalize="none"
             returnKeyType="search"
-            {...rest.searchbarProps}
+            {...searchbarProps}
           />
         </Container>
       </TouchableWithoutFeedback>
@@ -190,4 +191,5 @@ SearchBar.propTypes = {
    * option to hide the cancel button. Default is true
    */
   showCancelButton: PropTypes.bool,
+  containerProps: PropTypes.object,
 };

package/src/components/SegmentedTopBar.js

@@ -18,7 +18,6 @@ const defaultShadowStyle = {
   },
   shadowOpacity: 0.23,
   shadowRadius: 2.62,
-
   elevation: 4,
 };
 
@@ -87,7 +86,6 @@ export const SegmentedTopBar = ({
 }) => {
   const translateValue = (width - 4) / routes?.length;
   const tabTranslateValue = useSharedValue(0);
-
   useEffect(() => {
     tabTranslateValue.value = withSpring(
       index * (translateValue * 1),
@@ -113,7 +111,7 @@ export const SegmentedTopBar = ({
           defaultShadowStyle,
           StyleSheet.absoluteFill,
           {
-            width: width / routes?.length,
+            width: (width - 4) / routes?.length,
           },
           tabTranslateAnimatedStyles,
         ]}
@@ -184,14 +182,9 @@ const styles = StyleSheet.create({
 
 SegmentedTopBar.propTypes = {
   /**
-   * Array of texts for the labels of each Segment/Tab.
+   * Navigation routes and additional data.
    */
-  tabs: PropTypes.arrayOf(
-    PropTypes.shape({
-      name: PropTypes.string,
-      Component: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
-    })
-  ).isRequired,
+  state: PropTypes.object,
   /**
    * To change the inactive segment container style.
    */
@@ -209,6 +202,8 @@ SegmentedTopBar.propTypes = {
    */
   activeTextStyle: PropTypes.object,
   height: PropTypes.number,
+  navigation: PropTypes.object,
+  descriptors: PropTypes.object,
 };
 
 SegmentedTopBar.defaultProps = {

package/src/components/SocialButton.js

@@ -33,8 +33,13 @@ import { Container, Typography, Touchable } from "@components";
  *
  */
 
-export const SocialButton = props => {
-  const { variant, disabled, labelStyle, isLoading, ...rest } = props;
+export const SocialButton = ({
+  variant,
+  disabled,
+  labelStyle,
+  isLoading,
+  ...rest
+}) => {
   const theme = useContext(ThemeContext);
   const capitalize = str => `${str.charAt(0).toUpperCase()}${str.slice(1)}`;
 
@@ -93,4 +98,8 @@ SocialButton.propTypes = {
    * Customize label style of the button
    */
   labelStyle: PropTypes.object,
+  /**
+   * Button loading status
+   */
+  isLoading: PropTypes.bool,
 };

package/src/components/Touchable.js

@@ -84,4 +84,5 @@ Touchable.propTypes = {
   ...propTypes.buttonStyle,
 
   children: PropTypes.node,
+  elevation: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 };