@widergy/mobile-ui 1.12.6 → 1.12.7

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [1.12.7](https://github.com/widergy/mobile-ui/compare/v1.12.6...v1.12.7) (2024-07-08)
+
+
+### Bug Fixes
+
+* utmenu passes selected item value to onclose func ([#307](https://github.com/widergy/mobile-ui/issues/307)) ([b82c033](https://github.com/widergy/mobile-ui/commit/b82c033a284dfa3d647930cd33b0c5b0dfd269ce))
+
 ## [1.12.6](https://github.com/widergy/mobile-ui/compare/v1.12.5...v1.12.6) (2024-07-03)
 
 

package/lib/components/UTAutocomplete/index.js

@@ -1,6 +1,7 @@
 import { arrayOf, bool, element, func, oneOf, shape, string } from 'prop-types';
 import React, { useEffect, useState } from 'react';
 import { View } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 
 import { WINDOW_HEIGHT } from '../../utils/scaleUtils';
 import UTMenu from '../UTMenu';
@@ -21,7 +22,8 @@ const UTAutocomplete = ({
   MenuOptionComponent,
   options,
   persistSelectedOption = false,
-  variant
+  variant,
+  styles: propStyles
 }) => {
   const [selectedOption, setSelectedOption] = useState();
 
@@ -54,6 +56,7 @@ const UTAutocomplete = ({
         options={options}
         selectedOption={selectedOption?.id}
         withAutocomplete
+        styles={propStyles?.UTMenu}
       >
         <UTTextInput
           disabled={disabled}
@@ -94,7 +97,8 @@ UTAutocomplete.propTypes = {
     })
   ),
   persistSelectedOption: bool,
-  variant: string
+  variant: string,
+  styles: ViewPropTypes.style
 };
 
 export default UTAutocomplete;

package/lib/components/UTMenu/components/ListView/index.js

@@ -28,7 +28,7 @@ class ListView extends PureComponent {
 
   handleOnPress = item => {
     const { handleOptionPress, onPress } = this.props;
-    return handleOptionPress(item.action || (() => onPress(item)));
+    return handleOptionPress(item.action || (() => onPress(item)), item?.value);
   };
 
   renderItem = ({ item }) => {

package/lib/components/UTMenu/index.js

@@ -3,6 +3,7 @@ import { Dimensions, Keyboard, KeyboardAvoidingView, Modal, TouchableOpacity, Vi
 
 import useKeyboardHeight from '../../hooks/useKeyboardHeight';
 import UTTextInput from '../UTTextInput';
+import Surface from '../Surface';
 
 import MenuOption from './components/MenuOption';
 import ListView from './components/ListView';
@@ -101,15 +102,15 @@ const UTMenu = ({
     setTimeout(() => setIsOpen(true), 20);
     if (onOpen) onOpen();
   };
-  const closeMenu = () => {
+  const closeMenu = value => {
     setIsOpen(false);
     setQuery('');
-    if (onClose) onClose();
+    if (onClose) onClose(value);
   };
 
-  const handleOptionPress = action => {
+  const handleOptionPress = (action, value) => {
     action();
-    if (!isMultiple) closeMenu();
+    if (!isMultiple) closeMenu(value);
   };
 
   const focusSearchInput = () => withAutocomplete && searchTextInputRef.current?.focus();
@@ -140,14 +141,14 @@ const UTMenu = ({
         <TouchableOpacity onPress={closeMenu} style={styles.overlayTouchable}>
           <View style={styles.overlay} />
         </TouchableOpacity>
-        <View
+        <Surface
           style={[styles.menu, position, fullWidth && { width: anchorMeasure?.width }, propStyles?.menu]}
           ref={menuRef}
           onLayout={handleMenuLayout}
         >
           <KeyboardAvoidingView behavior="height">
             {withAutocomplete && (
-              <View style={styles.searchContainer}>
+              <View style={[styles.searchContainer, propStyles?.searchContainer]}>
                 <UTTextInput
                   InputRef={searchTextInputRef}
                   value={query}
@@ -177,7 +178,7 @@ const UTMenu = ({
               isMultiple={isMultiple}
             />
           </KeyboardAvoidingView>
-        </View>
+        </Surface>
       </Modal>
     </Fragment>
   );

package/lib/components/UTMenu/styles.js

@@ -7,7 +7,6 @@ export default StyleSheet.create({
     left: 0,
     backgroundColor: 'white',
     borderRadius: 8,
-    elevation: 5,
     paddingVertical: 4
   },
   overlay: {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@widergy/mobile-ui",
   "description": "Widergy Mobile Components",
   "author": "widergy",
-  "version": "1.12.6",
+  "version": "1.12.7",
   "repository": "https://github.com/widergy/mobile-ui.git",
   "main": "lib/index.js",
   "files": [