dhre-ui-kit 0.0.380 → 0.0.382
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.d.ts +1 -0
- package/lib/index.js +24 -18
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +23 -17
- package/lib/index.mjs.map +1 -1
- package/package.json +1 -1
package/lib/index.d.ts
CHANGED
package/lib/index.js
CHANGED
|
@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var reactRedux = require('react-redux');
|
|
7
7
|
var reactNative = require('react-native');
|
|
8
|
+
var translate = require('google-translate-api-x');
|
|
8
9
|
var Modal = require('react-native-modal');
|
|
9
10
|
var Clipboard = require('@react-native-clipboard/clipboard');
|
|
10
11
|
var LottieView = require('lottie-react-native');
|
|
11
12
|
var Tooltip = require('react-native-walkthrough-tooltip');
|
|
12
13
|
var Pdf = require('react-native-pdf');
|
|
13
14
|
var Progress = require('react-native-progress');
|
|
14
|
-
var translate = require('google-translate-api-x');
|
|
15
15
|
var reactNativeGestureHandler = require('react-native-gesture-handler');
|
|
16
16
|
var DeviceInfo = require('react-native-device-info');
|
|
17
17
|
var reactNativeCalendars = require('react-native-calendars');
|
|
@@ -42,13 +42,13 @@ function _interopNamespace(e) {
|
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
45
|
+
var translate__default = /*#__PURE__*/_interopDefaultLegacy(translate);
|
|
45
46
|
var Modal__default = /*#__PURE__*/_interopDefaultLegacy(Modal);
|
|
46
47
|
var Clipboard__default = /*#__PURE__*/_interopDefaultLegacy(Clipboard);
|
|
47
48
|
var LottieView__default = /*#__PURE__*/_interopDefaultLegacy(LottieView);
|
|
48
49
|
var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
|
|
49
50
|
var Pdf__default = /*#__PURE__*/_interopDefaultLegacy(Pdf);
|
|
50
51
|
var Progress__namespace = /*#__PURE__*/_interopNamespace(Progress);
|
|
51
|
-
var translate__default = /*#__PURE__*/_interopDefaultLegacy(translate);
|
|
52
52
|
var DeviceInfo__default = /*#__PURE__*/_interopDefaultLegacy(DeviceInfo);
|
|
53
53
|
var CountryPicker__default = /*#__PURE__*/_interopDefaultLegacy(CountryPicker);
|
|
54
54
|
var DocumentPicker__default = /*#__PURE__*/_interopDefaultLegacy(DocumentPicker);
|
|
@@ -381,9 +381,27 @@ const CustomTypography = ({
|
|
|
381
381
|
style,
|
|
382
382
|
text,
|
|
383
383
|
testID = "CUSTOM_TYPOGRAPHY",
|
|
384
|
+
translateToArabic = false,
|
|
384
385
|
...props
|
|
385
386
|
}) => {
|
|
387
|
+
const [translatedText, setTranslatedText] = React.useState(text || "");
|
|
386
388
|
const textStyle = FONT_STYLES[variant];
|
|
389
|
+
React.useEffect(() => {
|
|
390
|
+
const translateText = async () => {
|
|
391
|
+
if (!translateToArabic || !text || text.trim() === "") {
|
|
392
|
+
setTranslatedText(text || "");
|
|
393
|
+
return;
|
|
394
|
+
}
|
|
395
|
+
try {
|
|
396
|
+
const res = await translate__default["default"](text, { to: "ar" });
|
|
397
|
+
setTranslatedText(res.text);
|
|
398
|
+
} catch (error) {
|
|
399
|
+
console.error("Translation error:", error);
|
|
400
|
+
setTranslatedText(text);
|
|
401
|
+
}
|
|
402
|
+
};
|
|
403
|
+
translateText();
|
|
404
|
+
}, [text, translateToArabic]);
|
|
387
405
|
return /* @__PURE__ */ React__default["default"].createElement(
|
|
388
406
|
reactNative.Text,
|
|
389
407
|
{
|
|
@@ -391,7 +409,7 @@ const CustomTypography = ({
|
|
|
391
409
|
style: [textStyle, styles$B.container, style],
|
|
392
410
|
...props
|
|
393
411
|
},
|
|
394
|
-
|
|
412
|
+
translatedText
|
|
395
413
|
);
|
|
396
414
|
};
|
|
397
415
|
const styles$B = reactNative.StyleSheet.create({
|
|
@@ -3744,7 +3762,7 @@ const styles$l = reactNative.StyleSheet.create({
|
|
|
3744
3762
|
});
|
|
3745
3763
|
|
|
3746
3764
|
const Toast = React__default["default"].forwardRef(
|
|
3747
|
-
({ sucessIcon, errorIcon, warningIcon
|
|
3765
|
+
({ sucessIcon, errorIcon, warningIcon }, ref) => {
|
|
3748
3766
|
const [visible, setVisible] = React.useState(false);
|
|
3749
3767
|
const [message, setMessage] = React.useState("");
|
|
3750
3768
|
const [isSuccess, setIsSuccess] = React.useState(true);
|
|
@@ -3800,19 +3818,6 @@ const Toast = React__default["default"].forwardRef(
|
|
|
3800
3818
|
React__default["default"].useImperativeHandle(ref, () => ({
|
|
3801
3819
|
showToast
|
|
3802
3820
|
}));
|
|
3803
|
-
const [translatedText, setTranslatedText] = React.useState("");
|
|
3804
|
-
React.useEffect(() => {
|
|
3805
|
-
const translateText = async () => {
|
|
3806
|
-
try {
|
|
3807
|
-
const res = await translate__default["default"](message, { to: "ar" });
|
|
3808
|
-
setTranslatedText(res.text);
|
|
3809
|
-
} catch (error) {
|
|
3810
|
-
console.error("Translation error:", error);
|
|
3811
|
-
setTranslatedText("error");
|
|
3812
|
-
}
|
|
3813
|
-
};
|
|
3814
|
-
translateText();
|
|
3815
|
-
}, []);
|
|
3816
3821
|
return visible ? /* @__PURE__ */ React__default["default"].createElement(
|
|
3817
3822
|
reactNative.Animated.View,
|
|
3818
3823
|
{
|
|
@@ -3828,7 +3833,8 @@ const Toast = React__default["default"].forwardRef(
|
|
|
3828
3833
|
CustomTypography,
|
|
3829
3834
|
{
|
|
3830
3835
|
variant: "L2_REGULAR",
|
|
3831
|
-
text:
|
|
3836
|
+
text: message,
|
|
3837
|
+
translateToArabic: true,
|
|
3832
3838
|
style: styles$l.messageText
|
|
3833
3839
|
}
|
|
3834
3840
|
), btnText && /* @__PURE__ */ React__default["default"].createElement(
|