dhre-ui-kit 2.0.20 → 2.0.22

package/lib/components/dropDown/DropDown.d.ts

@@ -20,6 +20,8 @@ interface CustomDropdownProps {
     iconColor?: string;
     itemTextStyle?: TextStyle;
     onValueChange?: (value: string) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
     itemContainerStyle?: ViewStyle;
     keepPlaceholderOnFocus?: boolean;
     selectedItemTextStyle?: TextStyle;

package/lib/index.js

@@ -784,11 +784,11 @@ const BottomDrawer = ({
         behavior: isIos() ? "padding" : "height",
         style: { flex: 1 }
       },
-      /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$z.mainContainer, style], testID }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$z.modalContainer, modalContainerStyle] }, showHeader && /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPress: () => swipeDirection === "" && toggleModal() }, showSeparator && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$z.separator }), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$z.headerContainer }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, null, showLeftIcon && leftIcon ? React__default["default"].cloneElement(leftIcon, {
+      /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$z.mainContainer, style], testID }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$z.modalContainer, modalContainerStyle] }, showHeader && /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPressOut: () => swipeDirection === "" && toggleModal() }, showSeparator && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$z.separator }), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$z.headerContainer }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, null, showLeftIcon && leftIcon ? React__default["default"].cloneElement(leftIcon, {
         width: moderateScale(24),
         height: moderateScale(24),
         style: styles$z.leftIconStyle,
-        onPress: onLeftIconPress
+        onPressOut: onLeftIconPress
       }) : null, /* @__PURE__ */ React__default["default"].createElement(
         CustomTypography,
         {
@@ -796,14 +796,14 @@ const BottomDrawer = ({
           text: title,
           style: { ...styles$z.title, ...titleStyle }
         }
-      )), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: rightTitle && rightTitle?.length > 0 ? styles$z.rightSideStyle : {} }, rightTitle && rightTitle?.length > 0 ? /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPress: handleRightTitlePress }, /* @__PURE__ */ React__default["default"].createElement(
+      )), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: rightTitle && rightTitle?.length > 0 ? styles$z.rightSideStyle : {} }, rightTitle && rightTitle?.length > 0 ? /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPressOut: handleRightTitlePress }, /* @__PURE__ */ React__default["default"].createElement(
         CustomTypography,
         {
           variant: rightTitleVariant,
           text: rightTitle,
           style: { ...styles$z.rightTitle, ...rightTitleStyle }
         }
-      )) : null, showRightIcon && rightIcon ? /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPress: toggleModal, style: styles$z.rightIconStyle }, React__default["default"].cloneElement(rightIcon, {
+      )) : null, showRightIcon && rightIcon ? /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPressOut: toggleModal, style: styles$z.rightIconStyle }, React__default["default"].cloneElement(rightIcon, {
         width: moderateScale(24),
         height: moderateScale(24)
       })) : null))), children))
@@ -8281,7 +8281,7 @@ const Accordion = ({
       reactNative.Pressable,
       {
         style: [styles$m.header, headerStyle, disabled && { opacity: 0.5 }],
-        onPress: !disabled ? onToggle : void 0
+        onPressOut: !disabled ? onToggle : void 0
       },
       headerComponent ? headerComponent() : /* @__PURE__ */ React__default["default"].createElement(
         CustomTypography,
@@ -8545,12 +8545,12 @@ const CustomSearchBar = ({
         },
         inputContainerStyle
       ],
-      onPress: handlePress
+      onPressOut: handlePress
     },
     /* @__PURE__ */ React__default["default"].createElement(
       reactNative.Pressable,
       {
-        onPress: () => {
+        onPressOut: () => {
           console.log("Search icon pressed");
           onSearchIconPress?.();
         },
@@ -8582,7 +8582,7 @@ const CustomSearchBar = ({
     value && /* @__PURE__ */ React__default["default"].createElement(
       reactNative.Pressable,
       {
-        onPress: () => {
+        onPressOut: () => {
           setValue("");
           onCrossIconPress?.();
         },
@@ -9861,6 +9861,8 @@ const CustomDropdown = (props) => {
     iconColor,
     itemTextStyle,
     onValueChange,
+    onFocus,
+    onBlur,
     itemContainerStyle,
     menuContainerStyle,
     activeColor,
@@ -9933,8 +9935,14 @@ const CustomDropdown = (props) => {
       valueField,
       placeholder: keepPlaceholderOnFocus || !isFocus ? placeholder : "",
       value,
-      onFocus: () => setIsFocus(true),
-      onBlur: () => setIsFocus(false),
+      onFocus: () => {
+        setIsFocus(true);
+        onFocus?.();
+      },
+      onBlur: () => {
+        setIsFocus(false);
+        onBlur?.();
+      },
       onChange: handleValueChange,
       iconColor,
       dropdownPosition: "bottom",