dhre-ui-kit 0.0.156 → 0.0.158

package/lib/index.d.ts

@@ -4,6 +4,7 @@ import { SvgProps } from 'react-native-svg';
 import { PdfProps } from 'react-native-pdf';
 import { CalendarProps } from 'react-native-calendars';
 import { CountryCode } from 'react-native-country-picker-modal';
+import { TextInputProps as TextInputProps$1 } from 'react-native-paper';
 import { DocumentPickerResponse } from 'react-native-document-picker';
 
 interface FontStyles {
@@ -584,10 +585,8 @@ interface MobileNumberInputProps {
 }
 declare const CountryDropDown: ({ defaultCountryCode, defaultCallingCode, placeholder, onChangeText, value, containerStyle, inputStyle, countryPickerStyle, callingCodeStyle, getCountryCode, maxLength, errorMessage, label, }: MobileNumberInputProps) => React$1.JSX.Element;
 
-interface CommonTextInputProps {
-    label: string;
+interface CommonTextInputProps extends TextInputProps$1 {
     value?: string;
-    onChangeText: (text: string) => void;
     placeholderText?: string;
     isSecureTextEntry?: boolean;
     activeBorderColor?: string;
@@ -602,9 +601,10 @@ interface CommonTextInputProps {
     labelColor?: string;
     pointerEvents?: 'box-none' | 'none' | 'box-only' | 'auto' | undefined;
     handlePress?: () => void;
-    multiline?: boolean;
+    rightIcon?: () => React$1.ReactElement;
+    onRightIconPress?: () => void;
 }
-declare const CommonTextInput: React$1.FC<CommonTextInputProps>;
+declare const CommonTextInput: (props: CommonTextInputProps) => React$1.JSX.Element;
 
 interface CustomDropdownProps {
     data: {

package/lib/index.js

@@ -3241,26 +3241,29 @@ const styles$9 = reactNative.StyleSheet.create({
   }
 });
 
-const CommonTextInput = ({
-  label,
-  value,
-  onChangeText,
-  isSecureTextEntry = false,
-  keyboardType = "default",
-  placeholderText,
-  activeBorderColor = theme.CONTENT_PRIMARY["light"],
-  inactiveBorderColor = theme.BORDER_PRIMARY["light"],
-  inputStyle,
-  maxLength,
-  errorMessage,
-  editable = true,
-  textColor = theme.CONTENT_PRIMARY["light"],
-  labelColor,
-  handlePress,
-  pointerEvents,
-  multiline = false
-  // Default multiline to false
-}) => {
+const CommonTextInput = (props) => {
+  const {
+    label,
+    value,
+    onChangeText,
+    isSecureTextEntry = false,
+    keyboardType = "default",
+    placeholderText,
+    activeBorderColor = theme.CONTENT_PRIMARY["light"],
+    inactiveBorderColor = theme.BORDER_PRIMARY["light"],
+    inputStyle,
+    maxLength,
+    errorMessage,
+    editable = true,
+    textColor = theme.CONTENT_PRIMARY["light"],
+    labelColor,
+    handlePress,
+    pointerEvents,
+    multiline = false,
+    // Default multiline to false
+    rightIcon,
+    onRightIconPress
+  } = props;
   return /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPress: handlePress, style: styles$8.container }, /* @__PURE__ */ React__default["default"].createElement(
     reactNativePaper.TextInput,
     {
@@ -3291,7 +3294,18 @@ const CommonTextInput = ({
       editable,
       pointerEvents,
       multiline,
-      numberOfLines: multiline ? 4 : 1
+      numberOfLines: multiline ? 4 : 1,
+      right: isSecureTextEntry ? /* @__PURE__ */ React__default["default"].createElement(
+        reactNativePaper.TextInput.Icon,
+        {
+          icon: rightIcon ?? "",
+          size: 24,
+          onPress: () => {
+            onRightIconPress?.();
+          }
+        }
+      ) : null,
+      ...props
     }
   ), errorMessage ? /* @__PURE__ */ React__default["default"].createElement(
     CustomTypography,