@janiscommerce/ui-native 1.15.2 → 1.16.0

package/dist/components/atoms/Collapsible/index.js

@@ -3,16 +3,16 @@ import React, { useState } from 'react';
 import { StyleSheet, View, Pressable } from 'react-native';
 import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
 const Collapsible = ({ header: Header, content: Content, data = [], onPressCallback = null, pressableComponent: PressableComponent = Pressable, duration = 500, wrapperStyle = {}, }) => {
-    const isOpen = useSharedValue(false);
+    const [isOpen, setIsOpen] = useState(false);
     const [measuredHeight, setMeasuredHeight] = useState(0);
     const contentHeight = useSharedValue(0);
     const hasHeightBeenMeasured = !!measuredHeight;
     const handleOpen = () => {
         // istanbul ignore next
-        if (!isOpen.value && measuredHeight > 0) {
+        if (!isOpen && measuredHeight > 0) {
             contentHeight.value = measuredHeight;
         }
-        isOpen.value = !isOpen.value;
+        setIsOpen(!isOpen);
         if (onPressCallback) {
             onPressCallback();
         }
@@ -27,14 +27,11 @@ const Collapsible = ({ header: Header, content: Content, data = [], onPressCallb
     };
     // istanbul ignore next
     const bodyStyle = useAnimatedStyle(() => ({
-        maxHeight: withTiming(isOpen.value ? contentHeight.value : 0, { duration }),
+        maxHeight: withTiming(isOpen ? contentHeight.value : 0, { duration }),
         overflow: 'hidden',
     }));
     const styles = StyleSheet.create({
-        wrapperView: {
-            flex: 1,
-            width: '100%',
-        },
+        wrapperView: { flex: 1, width: '100%' },
         animatedView: {
             overflow: 'hidden',
             width: '100%',
@@ -50,7 +47,7 @@ const Collapsible = ({ header: Header, content: Content, data = [], onPressCallb
     };
     return (<View style={[wrapperStyle, styles.wrapperView]}>
 			<PressableComponent onPress={handleOpen}>
-				<Header isOpen={isOpen.value}/>
+				<Header isOpen={isOpen}/>
 			</PressableComponent>
 			{!hasHeightBeenMeasured && (<View style={styles.contentWrapper} onLayout={handleContentLayout}>
 					<List data={data} renderComponent={renderContent} keyExtractor={(_, index) => String(index)} showsVerticalScrollIndicator={false}/>

package/dist/components/molecules/Input/index.js

@@ -18,7 +18,7 @@ var InputType;
     InputType["amountTotal"] = "numeric";
     InputType["numeric"] = "numeric";
 })(InputType || (InputType = {}));
-const Input = forwardRef(({ type, variant = 'default', totalValue, placeholder, onChangeText, ...props }, ref) => {
+const Input = forwardRef(({ style, type, variant = 'default', totalValue, placeholder, onChangeText, ...props }, ref) => {
     const [value, setValue] = useState('');
     const isPlaceholderBeingShown = !value;
     const isAmountTotalVariant = variant === 'amountTotal';
@@ -39,6 +39,7 @@ const Input = forwardRef(({ type, variant = 'default', totalValue, placeholder,
             alignItems: 'center',
             flexDirection: 'row',
             position: 'relative',
+            width: '100%',
         },
         input: {
             color: palette.black.main,
@@ -91,8 +92,8 @@ const Input = forwardRef(({ type, variant = 'default', totalValue, placeholder,
 				</Typography>);
     };
     return (<TouchableWithoutFeedback onPress={handlePress}>
-				<View style={styles.container} {...props}>
-					<BaseInput testID="input" style={styles.input} ref={inputRef} value={value} keyboardType={resolvedKeyboardType} onChangeText={changeTextCb}/>
+				<View style={[styles.container, style]}>
+					<BaseInput testID="input" style={styles.input} ref={inputRef} value={value} keyboardType={resolvedKeyboardType} onChangeText={changeTextCb} {...props}/>
 					{renderPlaceholder()}
 					{isAmountTotalVariant && (<Typography style={styles.totalValue} type="display">
 							{`/${totalValue?.toString()}`}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@janiscommerce/ui-native",
-	"version": "1.15.2",
+	"version": "1.16.0",
 	"description": "components library for Janis app",
 	"main": "dist/index.js",
 	"typings": "dist/index.d.ts",