dhre-ui-kit 0.0.135 → 0.0.137

package/lib/index.d.ts

@@ -508,6 +508,7 @@ declare const _default$9: (props: ContactModalProps) => React$1.JSX.Element;
 
 interface DateRangePickerProps extends CalendarProps {
     onButtonPress: (startDate: string, endDate: string) => void;
+    btnTitle?: string;
 }
 
 declare const _default$8: (props: DateRangePickerProps) => React$1.JSX.Element;

package/lib/index.js

@@ -10,8 +10,6 @@ var blur = require('@react-native-community/blur');
 var Tooltip = require('rn-tooltip');
 var Pdf = require('react-native-pdf');
 var Progress = require('react-native-progress');
-var ThemeContext$1 = require('src/theme/ThemeContext');
-var withThemeProvider$1 = require('src/theme/withThemeProvider');
 var reactNativeCalendars = require('react-native-calendars');
 var CountryPicker = require('react-native-country-picker-modal');
 var reactNativePaper = require('react-native-paper');
@@ -359,8 +357,19 @@ const CustomTypography = ({
   ...props
 }) => {
   const textStyle = FONT_STYLES[variant];
-  return /* @__PURE__ */ React__default["default"].createElement(reactNative.Text, { testID, style: [textStyle, style], ...props }, text);
+  return /* @__PURE__ */ React__default["default"].createElement(
+    reactNative.Text,
+    {
+      testID,
+      style: [textStyle, styles$F.container, style],
+      ...props
+    },
+    text
+  );
 };
+const styles$F = reactNative.StyleSheet.create({
+  container: { writingDirection: "auto", alignSelf: "flex-start" }
+});
 
 const CustomText = ({
   text,
@@ -1929,7 +1938,7 @@ const Accordion = ({
   const contentRef = React.useRef(null);
   const [animation] = React.useState(new reactNative.Animated.Value(0));
   const [contentHeight, setContentHeight] = React.useState(0);
-  const { theme } = ThemeContext$1.useTheme();
+  const { theme } = useTheme();
   React.useEffect(() => {
     if (contentRef.current) {
       contentRef.current.measure((x, y, width, height) => {
@@ -1987,7 +1996,7 @@ const Accordion = ({
     ))
   );
 };
-var Accordion$1 = withThemeProvider$1.withThemeProvider(Accordion);
+var Accordion$1 = withThemeProvider(Accordion);
 
 const styles$o = reactNative.StyleSheet.create({
   container: {
@@ -2241,7 +2250,7 @@ const CustomHeader = ({
   onLeftPress,
   onRightPress
 }) => {
-  const { theme } = ThemeContext$1.useTheme();
+  const { theme } = useTheme();
   return /* @__PURE__ */ React__default["default"].createElement(
     reactNative.View,
     {
@@ -2273,7 +2282,7 @@ const CustomHeader = ({
     }) : null
   );
 };
-var CustomHeader$1 = withThemeProvider$1.withThemeProvider(CustomHeader);
+var CustomHeader$1 = withThemeProvider(CustomHeader);
 
 const styles$l = reactNative.StyleSheet.create({
   container: {
@@ -2729,7 +2738,7 @@ const styles$f = reactNative.StyleSheet.create({
 });
 
 const DateRangePicker = (props) => {
-  const { onButtonPress } = props;
+  const { onButtonPress, btnTitle = "Apply" } = props;
   const [selectedRange, setSelectedRange] = React.useState({
     startDate: "",
     endDate: ""
@@ -2802,7 +2811,7 @@ const DateRangePicker = (props) => {
   ), /* @__PURE__ */ React__default["default"].createElement(
     CustomButton$1,
     {
-      title: "Apply",
+      title: btnTitle,
       onPress: () => {
         onButtonPress(selectedRange?.startDate, selectedRange?.endDate);
       },
@@ -2810,7 +2819,7 @@ const DateRangePicker = (props) => {
         ...styles$f.applyButton,
         backgroundColor: theme.SURFACE_INVERTED
       },
-      textStyle: { color: theme.CONTENT_PRIMARY },
+      textStyle: { color: theme.CONTENT_INVERTED },
       disabled: isButtonDisabled
     }
   ));