@hoddy-ui/next 2.5.79 → 2.5.80
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/dist/index.js +218 -137
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +156 -75
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1356,8 +1356,8 @@ var Grid = ({
|
|
|
1356
1356
|
|
|
1357
1357
|
// ../src/Components/Locator.tsx
|
|
1358
1358
|
var import_vector_icons9 = require("@expo/vector-icons");
|
|
1359
|
-
var
|
|
1360
|
-
var
|
|
1359
|
+
var import_react18 = __toESM(require("react"));
|
|
1360
|
+
var import_react_native18 = require("react-native");
|
|
1361
1361
|
|
|
1362
1362
|
// ../src/Components/List.tsx
|
|
1363
1363
|
var import_vector_icons6 = require("@expo/vector-icons");
|
|
@@ -1400,14 +1400,27 @@ var ListItem = ({
|
|
|
1400
1400
|
|
|
1401
1401
|
// ../src/Components/TextField.tsx
|
|
1402
1402
|
var import_vector_icons8 = require("@expo/vector-icons");
|
|
1403
|
-
var
|
|
1404
|
-
var
|
|
1403
|
+
var import_react17 = __toESM(require("react"));
|
|
1404
|
+
var import_react_native17 = require("react-native");
|
|
1405
1405
|
var import_react_native_size_matters13 = require("react-native-size-matters");
|
|
1406
1406
|
|
|
1407
|
-
//
|
|
1408
|
-
var import_vector_icons7 = require("@expo/vector-icons");
|
|
1407
|
+
// ../../../node_modules/react-native-modal-datetime-picker/src/DateTimePickerModal.js
|
|
1409
1408
|
var import_react15 = __toESM(require("react"));
|
|
1410
1409
|
var import_react_native15 = require("react-native");
|
|
1410
|
+
function DateTimePickerModal() {
|
|
1411
|
+
import_react15.default.useEffect(() => {
|
|
1412
|
+
console.warn(`DateTimePicker is not supported on: ${import_react_native15.Platform.OS}`);
|
|
1413
|
+
}, []);
|
|
1414
|
+
return null;
|
|
1415
|
+
}
|
|
1416
|
+
|
|
1417
|
+
// ../../../node_modules/react-native-modal-datetime-picker/src/index.js
|
|
1418
|
+
var src_default = DateTimePickerModal;
|
|
1419
|
+
|
|
1420
|
+
// ../src/Components/SelectMenu.tsx
|
|
1421
|
+
var import_vector_icons7 = require("@expo/vector-icons");
|
|
1422
|
+
var import_react16 = __toESM(require("react"));
|
|
1423
|
+
var import_react_native16 = require("react-native");
|
|
1411
1424
|
var import_react_native_safe_area_context5 = require("react-native-safe-area-context");
|
|
1412
1425
|
var import_react_native_size_matters12 = require("react-native-size-matters");
|
|
1413
1426
|
var SelectMenu = ({
|
|
@@ -1425,7 +1438,7 @@ var SelectMenu = ({
|
|
|
1425
1438
|
}) => {
|
|
1426
1439
|
const colors2 = useColors();
|
|
1427
1440
|
const { bottom } = (0, import_react_native_safe_area_context5.useSafeAreaInsets)();
|
|
1428
|
-
const [search, setSearch] = (0,
|
|
1441
|
+
const [search, setSearch] = (0, import_react16.useState)("");
|
|
1429
1442
|
const styles = import_react_native_size_matters12.ScaledSheet.create({
|
|
1430
1443
|
header: {
|
|
1431
1444
|
marginBottom: "20@vs"
|
|
@@ -1439,9 +1452,9 @@ var SelectMenu = ({
|
|
|
1439
1452
|
marginBottom: "10@vs"
|
|
1440
1453
|
}
|
|
1441
1454
|
});
|
|
1442
|
-
const renderItem = (0,
|
|
1443
|
-
({ item }) => /* @__PURE__ */
|
|
1444
|
-
|
|
1455
|
+
const renderItem = (0, import_react16.useCallback)(
|
|
1456
|
+
({ item }) => /* @__PURE__ */ import_react16.default.createElement(
|
|
1457
|
+
import_react_native16.TouchableOpacity,
|
|
1445
1458
|
{
|
|
1446
1459
|
style: {
|
|
1447
1460
|
...styles.option,
|
|
@@ -1454,8 +1467,8 @@ var SelectMenu = ({
|
|
|
1454
1467
|
},
|
|
1455
1468
|
key: item.label
|
|
1456
1469
|
},
|
|
1457
|
-
item.start && /* @__PURE__ */
|
|
1458
|
-
/* @__PURE__ */
|
|
1470
|
+
item.start && /* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { style: { marginRight: 10 } }, item.start),
|
|
1471
|
+
/* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { style: { flex: 1 } }, /* @__PURE__ */ import_react16.default.createElement(
|
|
1459
1472
|
Typography_default,
|
|
1460
1473
|
{
|
|
1461
1474
|
variant: "body2",
|
|
@@ -1464,7 +1477,7 @@ var SelectMenu = ({
|
|
|
1464
1477
|
}
|
|
1465
1478
|
},
|
|
1466
1479
|
item.label
|
|
1467
|
-
), item.secondary ? /* @__PURE__ */
|
|
1480
|
+
), item.secondary ? /* @__PURE__ */ import_react16.default.createElement(
|
|
1468
1481
|
Typography_default,
|
|
1469
1482
|
{
|
|
1470
1483
|
variant: "body2",
|
|
@@ -1475,7 +1488,7 @@ var SelectMenu = ({
|
|
|
1475
1488
|
},
|
|
1476
1489
|
item.secondary
|
|
1477
1490
|
) : null),
|
|
1478
|
-
value === item.value && /* @__PURE__ */
|
|
1491
|
+
value === item.value && /* @__PURE__ */ import_react16.default.createElement(
|
|
1479
1492
|
import_vector_icons7.MaterialIcons,
|
|
1480
1493
|
{
|
|
1481
1494
|
name: "check",
|
|
@@ -1487,7 +1500,7 @@ var SelectMenu = ({
|
|
|
1487
1500
|
),
|
|
1488
1501
|
[value, colors2]
|
|
1489
1502
|
);
|
|
1490
|
-
return /* @__PURE__ */
|
|
1503
|
+
return /* @__PURE__ */ import_react16.default.createElement(
|
|
1491
1504
|
Popup,
|
|
1492
1505
|
{
|
|
1493
1506
|
open,
|
|
@@ -1495,14 +1508,14 @@ var SelectMenu = ({
|
|
|
1495
1508
|
title: label,
|
|
1496
1509
|
disableAutoKeyboardManagement: true
|
|
1497
1510
|
},
|
|
1498
|
-
/* @__PURE__ */
|
|
1499
|
-
|
|
1511
|
+
/* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { style: styles.content }, /* @__PURE__ */ import_react16.default.createElement(
|
|
1512
|
+
import_react_native16.FlatList,
|
|
1500
1513
|
{
|
|
1501
1514
|
removeClippedSubviews: true,
|
|
1502
1515
|
keyExtractor: (item) => item.value,
|
|
1503
1516
|
bounces: false,
|
|
1504
1517
|
renderItem,
|
|
1505
|
-
ListHeaderComponent: /* @__PURE__ */
|
|
1518
|
+
ListHeaderComponent: /* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { style: styles.header }, helperText && /* @__PURE__ */ import_react16.default.createElement(
|
|
1506
1519
|
Typography_default,
|
|
1507
1520
|
{
|
|
1508
1521
|
variant: "body2",
|
|
@@ -1510,7 +1523,7 @@ var SelectMenu = ({
|
|
|
1510
1523
|
gutterBottom: 5
|
|
1511
1524
|
},
|
|
1512
1525
|
helperText
|
|
1513
|
-
), searchEnabled && /* @__PURE__ */
|
|
1526
|
+
), searchEnabled && /* @__PURE__ */ import_react16.default.createElement(
|
|
1514
1527
|
TextField_default,
|
|
1515
1528
|
{
|
|
1516
1529
|
label: searchPlaceholder,
|
|
@@ -1560,21 +1573,22 @@ var TextField = ({
|
|
|
1560
1573
|
...props
|
|
1561
1574
|
}) => {
|
|
1562
1575
|
const colors2 = useColors();
|
|
1563
|
-
const [focused, setFocused] = (0,
|
|
1576
|
+
const [focused, setFocused] = (0, import_react17.useState)(false);
|
|
1577
|
+
const [datePickerVisible, setDatePickerVisible] = (0, import_react17.useState)(false);
|
|
1564
1578
|
const isDate = type === "date";
|
|
1565
1579
|
const height2 = (0, import_react_native_size_matters13.moderateScale)(variant === "text" ? 50 : 45) * (size === "large" ? 1.2 : size === "small" ? 0.8 : 1);
|
|
1566
|
-
const labelAnim = (0,
|
|
1567
|
-
new
|
|
1580
|
+
const labelAnim = (0, import_react17.useRef)(
|
|
1581
|
+
new import_react_native17.Animated.Value(height2 / (0, import_react_native_size_matters13.moderateScale)(variant === "text" ? 2.5 : 3.2))
|
|
1568
1582
|
).current;
|
|
1569
|
-
|
|
1583
|
+
import_react17.default.useEffect(() => {
|
|
1570
1584
|
if (focused || value) {
|
|
1571
|
-
|
|
1585
|
+
import_react_native17.Animated.timing(labelAnim, {
|
|
1572
1586
|
toValue: (0, import_react_native_size_matters13.verticalScale)(variant === "text" ? 2 : 4),
|
|
1573
1587
|
duration: 300,
|
|
1574
1588
|
useNativeDriver: false
|
|
1575
1589
|
}).start();
|
|
1576
1590
|
} else {
|
|
1577
|
-
|
|
1591
|
+
import_react_native17.Animated.timing(labelAnim, {
|
|
1578
1592
|
toValue: height2 / (0, import_react_native_size_matters13.moderateScale)(variant === "text" ? 2.5 : 3.2),
|
|
1579
1593
|
duration: 300,
|
|
1580
1594
|
useNativeDriver: false
|
|
@@ -1678,30 +1692,57 @@ var TextField = ({
|
|
|
1678
1692
|
autoCapitalize: "none",
|
|
1679
1693
|
textContentType: "password"
|
|
1680
1694
|
} : {};
|
|
1695
|
+
const parseDateValue = () => {
|
|
1696
|
+
if (!value)
|
|
1697
|
+
return /* @__PURE__ */ new Date();
|
|
1698
|
+
if (value instanceof Date)
|
|
1699
|
+
return value;
|
|
1700
|
+
const parts = `${value}`.split("/");
|
|
1701
|
+
if (parts.length === 3) {
|
|
1702
|
+
const [day, month, year] = parts;
|
|
1703
|
+
const parsed = new Date(
|
|
1704
|
+
parseInt(year, 10),
|
|
1705
|
+
parseInt(month, 10) - 1,
|
|
1706
|
+
parseInt(day, 10)
|
|
1707
|
+
);
|
|
1708
|
+
if (!isNaN(parsed.getTime()))
|
|
1709
|
+
return parsed;
|
|
1710
|
+
}
|
|
1711
|
+
const fallback = new Date(value);
|
|
1712
|
+
return isNaN(fallback.getTime()) ? /* @__PURE__ */ new Date() : fallback;
|
|
1713
|
+
};
|
|
1714
|
+
const handleDateConfirm = (date) => {
|
|
1715
|
+
const day = date.getDate();
|
|
1716
|
+
const month = date.getMonth() + 1;
|
|
1717
|
+
const year = date.getFullYear();
|
|
1718
|
+
const dateString = `${day}/${month}/${year}`;
|
|
1719
|
+
onChangeText?.(dateString);
|
|
1720
|
+
setDatePickerVisible(false);
|
|
1721
|
+
};
|
|
1681
1722
|
const handleContainerPress = () => {
|
|
1682
1723
|
if (disabled)
|
|
1683
1724
|
return;
|
|
1684
1725
|
setFocused(true);
|
|
1685
1726
|
if (isDate) {
|
|
1686
1727
|
onFocus();
|
|
1687
|
-
|
|
1728
|
+
setDatePickerVisible(true);
|
|
1688
1729
|
}
|
|
1689
1730
|
};
|
|
1690
|
-
return /* @__PURE__ */
|
|
1691
|
-
|
|
1731
|
+
return /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement(import_react_native17.View, { style: styles.root }, /* @__PURE__ */ import_react17.default.createElement(
|
|
1732
|
+
import_react_native17.TouchableOpacity,
|
|
1692
1733
|
{
|
|
1693
1734
|
onPress: handleContainerPress,
|
|
1694
1735
|
style: styles.container
|
|
1695
1736
|
},
|
|
1696
|
-
/* @__PURE__ */
|
|
1737
|
+
/* @__PURE__ */ import_react17.default.createElement(import_react_native17.Animated.Text, { style: { ...styles.label, top: labelAnim } }, label),
|
|
1697
1738
|
start,
|
|
1698
|
-
options ? /* @__PURE__ */
|
|
1699
|
-
|
|
1739
|
+
options ? /* @__PURE__ */ import_react17.default.createElement(
|
|
1740
|
+
import_react_native17.View,
|
|
1700
1741
|
{
|
|
1701
1742
|
style: { flex: 1, alignItems: "center", flexDirection: "row" }
|
|
1702
1743
|
},
|
|
1703
|
-
options.find((cur) => cur.value === value)?.start && /* @__PURE__ */
|
|
1704
|
-
|
|
1744
|
+
options.find((cur) => cur.value === value)?.start && /* @__PURE__ */ import_react17.default.createElement(
|
|
1745
|
+
import_react_native17.View,
|
|
1705
1746
|
{
|
|
1706
1747
|
style: {
|
|
1707
1748
|
paddingTop: variant !== "outlined" ? (0, import_react_native_size_matters13.ms)(13) : 0,
|
|
@@ -1710,8 +1751,8 @@ var TextField = ({
|
|
|
1710
1751
|
},
|
|
1711
1752
|
options.find((cur) => cur.value === value)?.start
|
|
1712
1753
|
),
|
|
1713
|
-
/* @__PURE__ */
|
|
1714
|
-
) : isDate ? /* @__PURE__ */
|
|
1754
|
+
/* @__PURE__ */ import_react17.default.createElement(Typography_default, { style: styles.inputText }, options.find((cur) => cur.value === value)?.label)
|
|
1755
|
+
) : isDate ? /* @__PURE__ */ import_react17.default.createElement(import_react_native17.View, { style: styles.dateContent }, /* @__PURE__ */ import_react17.default.createElement(
|
|
1715
1756
|
Typography_default,
|
|
1716
1757
|
{
|
|
1717
1758
|
style: [
|
|
@@ -1721,15 +1762,15 @@ var TextField = ({
|
|
|
1721
1762
|
color: value ? "dark" : "textSecondary"
|
|
1722
1763
|
},
|
|
1723
1764
|
value || placeholder
|
|
1724
|
-
), /* @__PURE__ */
|
|
1765
|
+
), /* @__PURE__ */ import_react17.default.createElement(import_react_native17.View, { style: { marginLeft: 8 } }, end ?? /* @__PURE__ */ import_react17.default.createElement(
|
|
1725
1766
|
import_vector_icons8.Ionicons,
|
|
1726
1767
|
{
|
|
1727
1768
|
name: "calendar-outline",
|
|
1728
1769
|
size: 22,
|
|
1729
1770
|
color: colors2.textSecondary.main
|
|
1730
1771
|
}
|
|
1731
|
-
))) : /* @__PURE__ */
|
|
1732
|
-
|
|
1772
|
+
))) : /* @__PURE__ */ import_react17.default.createElement(
|
|
1773
|
+
import_react_native17.TextInput,
|
|
1733
1774
|
{
|
|
1734
1775
|
onFocus: () => {
|
|
1735
1776
|
onFocus();
|
|
@@ -1751,8 +1792,8 @@ var TextField = ({
|
|
|
1751
1792
|
style: styles.input
|
|
1752
1793
|
}
|
|
1753
1794
|
),
|
|
1754
|
-
end && /* @__PURE__ */
|
|
1755
|
-
|
|
1795
|
+
end && /* @__PURE__ */ import_react17.default.createElement(
|
|
1796
|
+
import_react_native17.View,
|
|
1756
1797
|
{
|
|
1757
1798
|
style: {
|
|
1758
1799
|
marginRight: 20,
|
|
@@ -1761,15 +1802,15 @@ var TextField = ({
|
|
|
1761
1802
|
},
|
|
1762
1803
|
end
|
|
1763
1804
|
),
|
|
1764
|
-
options && /* @__PURE__ */
|
|
1765
|
-
|
|
1805
|
+
options && /* @__PURE__ */ import_react17.default.createElement(
|
|
1806
|
+
import_react_native17.View,
|
|
1766
1807
|
{
|
|
1767
1808
|
style: {
|
|
1768
1809
|
marginRight: variant === "text" ? 0 : 20,
|
|
1769
1810
|
paddingTop: variant === "text" ? (0, import_react_native_size_matters13.ms)(13) : 0
|
|
1770
1811
|
}
|
|
1771
1812
|
},
|
|
1772
|
-
/* @__PURE__ */
|
|
1813
|
+
/* @__PURE__ */ import_react17.default.createElement(
|
|
1773
1814
|
import_vector_icons8.Ionicons,
|
|
1774
1815
|
{
|
|
1775
1816
|
name: "chevron-down",
|
|
@@ -1778,7 +1819,7 @@ var TextField = ({
|
|
|
1778
1819
|
}
|
|
1779
1820
|
)
|
|
1780
1821
|
)
|
|
1781
|
-
), helperText && /* @__PURE__ */
|
|
1822
|
+
), helperText && /* @__PURE__ */ import_react17.default.createElement(
|
|
1782
1823
|
Typography_default,
|
|
1783
1824
|
{
|
|
1784
1825
|
color: "textSecondary",
|
|
@@ -1786,7 +1827,7 @@ var TextField = ({
|
|
|
1786
1827
|
variant: "caption"
|
|
1787
1828
|
},
|
|
1788
1829
|
helperText
|
|
1789
|
-
), error && /* @__PURE__ */
|
|
1830
|
+
), error && /* @__PURE__ */ import_react17.default.createElement(import_react_native17.View, { style: styles.error }, /* @__PURE__ */ import_react17.default.createElement(import_vector_icons8.MaterialIcons, { name: "error", color: colors2.error.main, size: 16 }), /* @__PURE__ */ import_react17.default.createElement(Typography_default, { style: styles.errorText, color: "error" }, error))), options && /* @__PURE__ */ import_react17.default.createElement(
|
|
1790
1831
|
SelectMenu_default,
|
|
1791
1832
|
{
|
|
1792
1833
|
options,
|
|
@@ -1798,9 +1839,21 @@ var TextField = ({
|
|
|
1798
1839
|
onChange: onChangeText,
|
|
1799
1840
|
...selectMenuProps
|
|
1800
1841
|
}
|
|
1842
|
+
), isDate && /* @__PURE__ */ import_react17.default.createElement(
|
|
1843
|
+
src_default,
|
|
1844
|
+
{
|
|
1845
|
+
isVisible: datePickerVisible,
|
|
1846
|
+
mode: "date",
|
|
1847
|
+
date: parseDateValue(),
|
|
1848
|
+
onConfirm: handleDateConfirm,
|
|
1849
|
+
onCancel: () => {
|
|
1850
|
+
setDatePickerVisible(false);
|
|
1851
|
+
setFocused(false);
|
|
1852
|
+
}
|
|
1853
|
+
}
|
|
1801
1854
|
));
|
|
1802
1855
|
};
|
|
1803
|
-
var TextField2 =
|
|
1856
|
+
var TextField2 = import_react17.default.forwardRef(
|
|
1804
1857
|
({
|
|
1805
1858
|
label,
|
|
1806
1859
|
labelProps,
|
|
@@ -1831,15 +1884,16 @@ var TextField2 = import_react16.default.forwardRef(
|
|
|
1831
1884
|
...props
|
|
1832
1885
|
}, ref) => {
|
|
1833
1886
|
const colors2 = useColors();
|
|
1834
|
-
const [focused, _setFocused] = (0,
|
|
1835
|
-
const [showPassword, setShowPassword] = (0,
|
|
1887
|
+
const [focused, _setFocused] = (0, import_react17.useState)(false);
|
|
1888
|
+
const [showPassword, setShowPassword] = (0, import_react17.useState)(false);
|
|
1889
|
+
const [datePickerVisible, setDatePickerVisible] = (0, import_react17.useState)(false);
|
|
1836
1890
|
const isDate = type === "date";
|
|
1837
1891
|
const height2 = (0, import_react_native_size_matters13.moderateScale)(
|
|
1838
1892
|
multiline ? 50 + (props.numberOfLines || 1) * 18 : 50
|
|
1839
1893
|
);
|
|
1840
1894
|
const setFocused = (value2) => {
|
|
1841
1895
|
if (options && value2) {
|
|
1842
|
-
|
|
1896
|
+
import_react_native17.Keyboard.dismiss();
|
|
1843
1897
|
setTimeout(() => {
|
|
1844
1898
|
_setFocused(value2);
|
|
1845
1899
|
}, 100);
|
|
@@ -1936,16 +1990,43 @@ var TextField2 = import_react16.default.forwardRef(
|
|
|
1936
1990
|
autoCapitalize: "none",
|
|
1937
1991
|
textContentType: "password"
|
|
1938
1992
|
} : {};
|
|
1993
|
+
const parseDateValue = () => {
|
|
1994
|
+
if (!value)
|
|
1995
|
+
return /* @__PURE__ */ new Date();
|
|
1996
|
+
if (value instanceof Date)
|
|
1997
|
+
return value;
|
|
1998
|
+
const parts = `${value}`.split("/");
|
|
1999
|
+
if (parts.length === 3) {
|
|
2000
|
+
const [day, month, year] = parts;
|
|
2001
|
+
const parsed = new Date(
|
|
2002
|
+
parseInt(year, 10),
|
|
2003
|
+
parseInt(month, 10) - 1,
|
|
2004
|
+
parseInt(day, 10)
|
|
2005
|
+
);
|
|
2006
|
+
if (!isNaN(parsed.getTime()))
|
|
2007
|
+
return parsed;
|
|
2008
|
+
}
|
|
2009
|
+
const fallback = new Date(value);
|
|
2010
|
+
return isNaN(fallback.getTime()) ? /* @__PURE__ */ new Date() : fallback;
|
|
2011
|
+
};
|
|
2012
|
+
const handleDateConfirm = (date) => {
|
|
2013
|
+
const day = date.getDate();
|
|
2014
|
+
const month = date.getMonth() + 1;
|
|
2015
|
+
const year = date.getFullYear();
|
|
2016
|
+
const dateString = `${day}/${month}/${year}`;
|
|
2017
|
+
onChangeText?.(dateString);
|
|
2018
|
+
setDatePickerVisible(false);
|
|
2019
|
+
};
|
|
1939
2020
|
const handleContainerPress = () => {
|
|
1940
2021
|
if (disabled)
|
|
1941
2022
|
return;
|
|
1942
2023
|
setFocused(true);
|
|
1943
2024
|
if (isDate) {
|
|
1944
2025
|
onFocus();
|
|
1945
|
-
|
|
2026
|
+
setDatePickerVisible(true);
|
|
1946
2027
|
}
|
|
1947
2028
|
};
|
|
1948
|
-
return /* @__PURE__ */
|
|
2029
|
+
return /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement(import_react_native17.View, { style: styles.root }, label && /* @__PURE__ */ import_react17.default.createElement(
|
|
1949
2030
|
Typography_default,
|
|
1950
2031
|
{
|
|
1951
2032
|
variant: "body2",
|
|
@@ -1954,14 +2035,14 @@ var TextField2 = import_react16.default.forwardRef(
|
|
|
1954
2035
|
...labelProps
|
|
1955
2036
|
},
|
|
1956
2037
|
label
|
|
1957
|
-
), /* @__PURE__ */
|
|
1958
|
-
|
|
2038
|
+
), /* @__PURE__ */ import_react17.default.createElement(
|
|
2039
|
+
import_react_native17.TouchableOpacity,
|
|
1959
2040
|
{
|
|
1960
2041
|
onPress: handleContainerPress,
|
|
1961
2042
|
style: styles.container
|
|
1962
2043
|
},
|
|
1963
|
-
/* @__PURE__ */
|
|
1964
|
-
options ? /* @__PURE__ */
|
|
2044
|
+
/* @__PURE__ */ import_react17.default.createElement(import_react_native17.View, { style: { marginTop: multiline ? 5 : 0 } }, start),
|
|
2045
|
+
options ? /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, value ? /* @__PURE__ */ import_react17.default.createElement(Typography_default, { style: styles.inputText }, options.find((cur) => cur.value === value)?.label) : /* @__PURE__ */ import_react17.default.createElement(Typography_default, { style: styles.placeholder }, placeholder), /* @__PURE__ */ import_react17.default.createElement(
|
|
1965
2046
|
import_vector_icons8.Ionicons,
|
|
1966
2047
|
{
|
|
1967
2048
|
name: "chevron-down",
|
|
@@ -1969,7 +2050,7 @@ var TextField2 = import_react16.default.forwardRef(
|
|
|
1969
2050
|
style: { marginLeft: "auto", marginRight: 15 },
|
|
1970
2051
|
color: colors2.dark.light
|
|
1971
2052
|
}
|
|
1972
|
-
)) : isDate ? /* @__PURE__ */
|
|
2053
|
+
)) : isDate ? /* @__PURE__ */ import_react17.default.createElement(import_react_native17.View, { style: styles.dateContent }, /* @__PURE__ */ import_react17.default.createElement(
|
|
1973
2054
|
Typography_default,
|
|
1974
2055
|
{
|
|
1975
2056
|
style: [
|
|
@@ -1979,15 +2060,15 @@ var TextField2 = import_react16.default.forwardRef(
|
|
|
1979
2060
|
color: value ? "dark" : "textSecondary"
|
|
1980
2061
|
},
|
|
1981
2062
|
value || placeholder
|
|
1982
|
-
), /* @__PURE__ */
|
|
2063
|
+
), /* @__PURE__ */ import_react17.default.createElement(import_react_native17.View, { style: { marginLeft: 8 } }, end ?? /* @__PURE__ */ import_react17.default.createElement(
|
|
1983
2064
|
import_vector_icons8.Ionicons,
|
|
1984
2065
|
{
|
|
1985
2066
|
name: "calendar-outline",
|
|
1986
2067
|
size: 22,
|
|
1987
2068
|
color: colors2.textSecondary.main
|
|
1988
2069
|
}
|
|
1989
|
-
))) : /* @__PURE__ */
|
|
1990
|
-
|
|
2070
|
+
))) : /* @__PURE__ */ import_react17.default.createElement(
|
|
2071
|
+
import_react_native17.TextInput,
|
|
1991
2072
|
{
|
|
1992
2073
|
ref,
|
|
1993
2074
|
onFocus: () => {
|
|
@@ -2014,13 +2095,13 @@ var TextField2 = import_react16.default.forwardRef(
|
|
|
2014
2095
|
style: styles.input
|
|
2015
2096
|
}
|
|
2016
2097
|
),
|
|
2017
|
-
end ? /* @__PURE__ */
|
|
2018
|
-
|
|
2098
|
+
end ? /* @__PURE__ */ import_react17.default.createElement(import_react_native17.View, { style: { marginRight: 20 } }, end) : type === "password" && /* @__PURE__ */ import_react17.default.createElement(
|
|
2099
|
+
import_react_native17.TouchableOpacity,
|
|
2019
2100
|
{
|
|
2020
2101
|
style: { marginRight: 20 },
|
|
2021
2102
|
onPress: () => setShowPassword(!showPassword)
|
|
2022
2103
|
},
|
|
2023
|
-
/* @__PURE__ */
|
|
2104
|
+
/* @__PURE__ */ import_react17.default.createElement(
|
|
2024
2105
|
import_vector_icons8.Ionicons,
|
|
2025
2106
|
{
|
|
2026
2107
|
name: showPassword ? "eye-outline" : "eye-off-outline",
|
|
@@ -2029,7 +2110,7 @@ var TextField2 = import_react16.default.forwardRef(
|
|
|
2029
2110
|
}
|
|
2030
2111
|
)
|
|
2031
2112
|
)
|
|
2032
|
-
), helperText && /* @__PURE__ */
|
|
2113
|
+
), helperText && /* @__PURE__ */ import_react17.default.createElement(
|
|
2033
2114
|
Typography_default,
|
|
2034
2115
|
{
|
|
2035
2116
|
color: "textSecondary",
|
|
@@ -2037,7 +2118,7 @@ var TextField2 = import_react16.default.forwardRef(
|
|
|
2037
2118
|
variant: "caption"
|
|
2038
2119
|
},
|
|
2039
2120
|
helperText
|
|
2040
|
-
), error && /* @__PURE__ */
|
|
2121
|
+
), error && /* @__PURE__ */ import_react17.default.createElement(import_react_native17.View, { style: styles.error }, /* @__PURE__ */ import_react17.default.createElement(import_vector_icons8.MaterialIcons, { name: "error", color: colors2.error.main, size: 16 }), /* @__PURE__ */ import_react17.default.createElement(Typography_default, { style: styles.errorText, color: "error" }, error))), options && /* @__PURE__ */ import_react17.default.createElement(
|
|
2041
2122
|
SelectMenu_default,
|
|
2042
2123
|
{
|
|
2043
2124
|
options,
|
|
@@ -2121,9 +2202,9 @@ var Locator = ({
|
|
|
2121
2202
|
country = "ng"
|
|
2122
2203
|
}) => {
|
|
2123
2204
|
const { GOOGLE_MAP_API_KEY } = getConfig();
|
|
2124
|
-
const [changed, setChanged] = (0,
|
|
2125
|
-
const [value, setValue] = (0,
|
|
2126
|
-
const [prediction, setPrediction] = (0,
|
|
2205
|
+
const [changed, setChanged] = (0, import_react18.useState)(false);
|
|
2206
|
+
const [value, setValue] = (0, import_react18.useState)("");
|
|
2207
|
+
const [prediction, setPrediction] = (0, import_react18.useState)([]);
|
|
2127
2208
|
const colors2 = useColors();
|
|
2128
2209
|
const styles = import_react_native_size_matters14.ScaledSheet.create({
|
|
2129
2210
|
list: {
|
|
@@ -2153,7 +2234,7 @@ var Locator = ({
|
|
|
2153
2234
|
const getLoc = async () => {
|
|
2154
2235
|
const { status } = await Location.requestForegroundPermissionsAsync();
|
|
2155
2236
|
if (status !== "granted")
|
|
2156
|
-
return
|
|
2237
|
+
return import_react_native18.Alert.alert(
|
|
2157
2238
|
"Error",
|
|
2158
2239
|
"Permission to access location was denied! "
|
|
2159
2240
|
);
|
|
@@ -2165,7 +2246,7 @@ var Locator = ({
|
|
|
2165
2246
|
setPrediction(p);
|
|
2166
2247
|
} catch (err) {
|
|
2167
2248
|
console.log(err);
|
|
2168
|
-
|
|
2249
|
+
import_react_native18.Alert.alert(
|
|
2169
2250
|
"Can't access your location",
|
|
2170
2251
|
"Make sure your location settings are turned on and you are connected to the internet. "
|
|
2171
2252
|
);
|
|
@@ -2193,13 +2274,13 @@ var Locator = ({
|
|
|
2193
2274
|
setChanged(false);
|
|
2194
2275
|
setPrediction([]);
|
|
2195
2276
|
};
|
|
2196
|
-
(0,
|
|
2277
|
+
(0, import_react18.useEffect)(() => {
|
|
2197
2278
|
if (!GOOGLE_MAP_API_KEY)
|
|
2198
2279
|
console.error(
|
|
2199
2280
|
"Google map api key needs to be set to use this component \nMake sure to run initialize() with a valid google map api key"
|
|
2200
2281
|
);
|
|
2201
2282
|
}, [GOOGLE_MAP_API_KEY]);
|
|
2202
|
-
return /* @__PURE__ */
|
|
2283
|
+
return /* @__PURE__ */ import_react18.default.createElement(import_react_native18.View, { style: { zIndex: 10 } }, renderInput ? renderInput({
|
|
2203
2284
|
onFocus: () => search(value),
|
|
2204
2285
|
onBlur: () => setPrediction([]),
|
|
2205
2286
|
value: changed ? value : location?.description || value,
|
|
@@ -2210,7 +2291,7 @@ var Locator = ({
|
|
|
2210
2291
|
},
|
|
2211
2292
|
clear,
|
|
2212
2293
|
locateMe
|
|
2213
|
-
}) : /* @__PURE__ */
|
|
2294
|
+
}) : /* @__PURE__ */ import_react18.default.createElement(
|
|
2214
2295
|
TextField_default,
|
|
2215
2296
|
{
|
|
2216
2297
|
label,
|
|
@@ -2230,17 +2311,17 @@ var Locator = ({
|
|
|
2230
2311
|
error,
|
|
2231
2312
|
helperText,
|
|
2232
2313
|
variant,
|
|
2233
|
-
end: /* @__PURE__ */
|
|
2314
|
+
end: /* @__PURE__ */ import_react18.default.createElement(import_react_native18.View, { style: { flexDirection: "row" } }, /* @__PURE__ */ import_react18.default.createElement(import_react_native18.TouchableOpacity, { onPress: locateMe, style: { marginRight: 10 } }, /* @__PURE__ */ import_react18.default.createElement(
|
|
2234
2315
|
import_vector_icons9.Ionicons,
|
|
2235
2316
|
{
|
|
2236
2317
|
color: colors2.primary.main,
|
|
2237
2318
|
size: 18,
|
|
2238
2319
|
name: "location"
|
|
2239
2320
|
}
|
|
2240
|
-
)), /* @__PURE__ */
|
|
2321
|
+
)), /* @__PURE__ */ import_react18.default.createElement(import_react_native18.TouchableOpacity, { onPress: clear }, /* @__PURE__ */ import_react18.default.createElement(import_vector_icons9.Ionicons, { color: colors2.dark.main, size: 18, name: "close" })))
|
|
2241
2322
|
}
|
|
2242
|
-
), prediction.length > 0 && /* @__PURE__ */
|
|
2243
|
-
(cur, i) => i < 5 && /* @__PURE__ */
|
|
2323
|
+
), prediction.length > 0 && /* @__PURE__ */ import_react18.default.createElement(import_react_native18.View, { style: styles.list }, prediction.map(
|
|
2324
|
+
(cur, i) => i < 5 && /* @__PURE__ */ import_react18.default.createElement(
|
|
2244
2325
|
ListItem,
|
|
2245
2326
|
{
|
|
2246
2327
|
divider: i < prediction.length - 1,
|
|
@@ -2248,7 +2329,7 @@ var Locator = ({
|
|
|
2248
2329
|
link: true,
|
|
2249
2330
|
onPress: () => locationPressed(cur)
|
|
2250
2331
|
},
|
|
2251
|
-
/* @__PURE__ */
|
|
2332
|
+
/* @__PURE__ */ import_react18.default.createElement(
|
|
2252
2333
|
import_vector_icons9.Ionicons,
|
|
2253
2334
|
{
|
|
2254
2335
|
name: "location-outline",
|
|
@@ -2257,32 +2338,32 @@ var Locator = ({
|
|
|
2257
2338
|
color: colors2.textSecondary.main
|
|
2258
2339
|
}
|
|
2259
2340
|
),
|
|
2260
|
-
/* @__PURE__ */
|
|
2341
|
+
/* @__PURE__ */ import_react18.default.createElement(Typography_default, { style: { flex: 1 } }, cur.description)
|
|
2261
2342
|
)
|
|
2262
2343
|
)));
|
|
2263
2344
|
};
|
|
2264
2345
|
|
|
2265
2346
|
// ../src/Components/SafeAreaView.tsx
|
|
2266
|
-
var
|
|
2347
|
+
var import_react19 = __toESM(require("react"));
|
|
2267
2348
|
var import_react_native_safe_area_context6 = require("react-native-safe-area-context");
|
|
2268
|
-
var
|
|
2269
|
-
var SafeAreaView = (0,
|
|
2349
|
+
var import_react_native19 = require("react-native");
|
|
2350
|
+
var SafeAreaView = (0, import_react19.forwardRef)(
|
|
2270
2351
|
({ children, style, ...rest }, ref) => {
|
|
2271
2352
|
const { top, bottom } = (0, import_react_native_safe_area_context6.useSafeAreaInsets)();
|
|
2272
|
-
const styles =
|
|
2353
|
+
const styles = import_react_native19.StyleSheet.create({
|
|
2273
2354
|
root: {
|
|
2274
2355
|
paddingTop: top,
|
|
2275
2356
|
paddingBottom: bottom,
|
|
2276
2357
|
flex: 1
|
|
2277
2358
|
}
|
|
2278
2359
|
});
|
|
2279
|
-
return /* @__PURE__ */
|
|
2360
|
+
return /* @__PURE__ */ import_react19.default.createElement(import_react_native19.View, { ref, style: [styles.root, style], ...rest }, children);
|
|
2280
2361
|
}
|
|
2281
2362
|
);
|
|
2282
2363
|
|
|
2283
2364
|
// ../src/Components/Divider.tsx
|
|
2284
|
-
var
|
|
2285
|
-
var
|
|
2365
|
+
var import_react20 = __toESM(require("react"));
|
|
2366
|
+
var import_react_native20 = require("react-native");
|
|
2286
2367
|
var import_react_native_size_matters15 = require("react-native-size-matters");
|
|
2287
2368
|
var Divider = ({
|
|
2288
2369
|
height: height2 = 1,
|
|
@@ -2299,12 +2380,12 @@ var Divider = ({
|
|
|
2299
2380
|
...style
|
|
2300
2381
|
}
|
|
2301
2382
|
});
|
|
2302
|
-
return /* @__PURE__ */
|
|
2383
|
+
return /* @__PURE__ */ import_react20.default.createElement(import_react_native20.View, { style: styles.root });
|
|
2303
2384
|
};
|
|
2304
2385
|
|
|
2305
2386
|
// ../src/Components/Spinner.tsx
|
|
2306
|
-
var
|
|
2307
|
-
var
|
|
2387
|
+
var import_react21 = __toESM(require("react"));
|
|
2388
|
+
var import_react_native21 = require("react-native");
|
|
2308
2389
|
var import_react_native_size_matters16 = require("react-native-size-matters");
|
|
2309
2390
|
var Spinner = ({
|
|
2310
2391
|
label,
|
|
@@ -2316,8 +2397,8 @@ var Spinner = ({
|
|
|
2316
2397
|
const colors2 = useColors();
|
|
2317
2398
|
const styles = import_react_native_size_matters16.ScaledSheet.create({
|
|
2318
2399
|
root: {
|
|
2319
|
-
width: fullscreen ?
|
|
2320
|
-
height: fullscreen ?
|
|
2400
|
+
width: fullscreen ? import_react_native21.Dimensions.get("screen").width : "100%",
|
|
2401
|
+
height: fullscreen ? import_react_native21.Dimensions.get("screen").height : "100%",
|
|
2321
2402
|
left: 0,
|
|
2322
2403
|
bottom: 0,
|
|
2323
2404
|
zIndex: 100,
|
|
@@ -2340,13 +2421,13 @@ var Spinner = ({
|
|
|
2340
2421
|
color: color === "light" ? colors2.white[2] : colors2.black[4]
|
|
2341
2422
|
}
|
|
2342
2423
|
});
|
|
2343
|
-
return /* @__PURE__ */
|
|
2424
|
+
return /* @__PURE__ */ import_react21.default.createElement(import_react_native21.View, { style: styles.root }, /* @__PURE__ */ import_react21.default.createElement(import_react_native21.View, { style: styles.content }, /* @__PURE__ */ import_react21.default.createElement(import_react_native21.ActivityIndicator, { color: colors2[color].dark, size }), label && /* @__PURE__ */ import_react21.default.createElement(Typography_default, { style: styles.label }, label)));
|
|
2344
2425
|
};
|
|
2345
2426
|
var Spinner_default = Spinner;
|
|
2346
2427
|
|
|
2347
2428
|
// ../src/Components/OTPInput.tsx
|
|
2348
|
-
var
|
|
2349
|
-
var
|
|
2429
|
+
var import_react22 = __toESM(require("react"));
|
|
2430
|
+
var import_react_native22 = require("react-native");
|
|
2350
2431
|
var import_react_native_size_matters17 = require("react-native-size-matters");
|
|
2351
2432
|
var OTPInput = ({
|
|
2352
2433
|
length = 6,
|
|
@@ -2357,8 +2438,8 @@ var OTPInput = ({
|
|
|
2357
2438
|
spacing = 1,
|
|
2358
2439
|
size = 45
|
|
2359
2440
|
}) => {
|
|
2360
|
-
const inputRefs = (0,
|
|
2361
|
-
() => Array(length).fill(0).map((_) =>
|
|
2441
|
+
const inputRefs = (0, import_react22.useMemo)(
|
|
2442
|
+
() => Array(length).fill(0).map((_) => import_react22.default.createRef()),
|
|
2362
2443
|
[length]
|
|
2363
2444
|
);
|
|
2364
2445
|
const onChangeHandler = (val, index) => {
|
|
@@ -2407,8 +2488,8 @@ var OTPInput = ({
|
|
|
2407
2488
|
fontSize: (0, import_react_native_size_matters17.ms)(size * 0.5)
|
|
2408
2489
|
}
|
|
2409
2490
|
});
|
|
2410
|
-
return /* @__PURE__ */
|
|
2411
|
-
|
|
2491
|
+
return /* @__PURE__ */ import_react22.default.createElement(import_react_native22.View, { style: styles.root }, /* @__PURE__ */ import_react22.default.createElement(import_react_native22.View, { style: styles.container }, [...Array(length)].map((_, index) => /* @__PURE__ */ import_react22.default.createElement(
|
|
2492
|
+
import_react_native22.TextInput,
|
|
2412
2493
|
{
|
|
2413
2494
|
ref: inputRefs[index],
|
|
2414
2495
|
onChangeText: (val) => onChangeHandler(val, index),
|
|
@@ -2422,19 +2503,19 @@ var OTPInput = ({
|
|
|
2422
2503
|
};
|
|
2423
2504
|
|
|
2424
2505
|
// ../src/Components/Animators/hooks/useAppState.ts
|
|
2425
|
-
var
|
|
2426
|
-
var
|
|
2506
|
+
var import_react23 = require("react");
|
|
2507
|
+
var import_react_native23 = require("react-native");
|
|
2427
2508
|
var useAppState = () => {
|
|
2428
|
-
const [isActive, setIsActive] = (0,
|
|
2429
|
-
(0,
|
|
2509
|
+
const [isActive, setIsActive] = (0, import_react23.useState)(import_react_native23.AppState.currentState === "active");
|
|
2510
|
+
(0, import_react23.useEffect)(() => {
|
|
2430
2511
|
const handleAppStateChange = (nextAppState) => {
|
|
2431
2512
|
setIsActive(nextAppState === "active");
|
|
2432
2513
|
};
|
|
2433
2514
|
let subscription;
|
|
2434
|
-
if (
|
|
2435
|
-
subscription =
|
|
2515
|
+
if (import_react_native23.Platform.OS === "android") {
|
|
2516
|
+
subscription = import_react_native23.AppState.addEventListener("change", handleAppStateChange);
|
|
2436
2517
|
} else {
|
|
2437
|
-
subscription =
|
|
2518
|
+
subscription = import_react_native23.AppState.addEventListener("change", handleAppStateChange);
|
|
2438
2519
|
}
|
|
2439
2520
|
return () => {
|
|
2440
2521
|
subscription?.remove();
|
|
@@ -2445,8 +2526,8 @@ var useAppState = () => {
|
|
|
2445
2526
|
var useAppState_default = useAppState;
|
|
2446
2527
|
|
|
2447
2528
|
// ../src/Components/Animators/hooks/useBlinkAnimation.ts
|
|
2448
|
-
var
|
|
2449
|
-
var
|
|
2529
|
+
var import_react24 = require("react");
|
|
2530
|
+
var import_react_native24 = require("react-native");
|
|
2450
2531
|
var import_react_native_reanimated3 = require("react-native-reanimated");
|
|
2451
2532
|
var useBlinkAnimation = ({
|
|
2452
2533
|
delay = 0,
|
|
@@ -2477,8 +2558,8 @@ var useBlinkAnimation = ({
|
|
|
2477
2558
|
false
|
|
2478
2559
|
);
|
|
2479
2560
|
};
|
|
2480
|
-
(0,
|
|
2481
|
-
if (!isActive &&
|
|
2561
|
+
(0, import_react24.useEffect)(() => {
|
|
2562
|
+
if (!isActive && import_react_native24.Platform.OS === "ios") {
|
|
2482
2563
|
opacity.value = maxOpacity;
|
|
2483
2564
|
return;
|
|
2484
2565
|
}
|
|
@@ -2503,8 +2584,8 @@ var useBlinkAnimation = ({
|
|
|
2503
2584
|
};
|
|
2504
2585
|
|
|
2505
2586
|
// ../src/Components/Animators/hooks/useFadeAnimation.ts
|
|
2506
|
-
var
|
|
2507
|
-
var
|
|
2587
|
+
var import_react25 = require("react");
|
|
2588
|
+
var import_react_native25 = require("react-native");
|
|
2508
2589
|
var import_react_native_reanimated4 = require("react-native-reanimated");
|
|
2509
2590
|
var useFadeAnimation = ({
|
|
2510
2591
|
duration = 1e3,
|
|
@@ -2518,8 +2599,8 @@ var useFadeAnimation = ({
|
|
|
2518
2599
|
opacity: opacity.value
|
|
2519
2600
|
};
|
|
2520
2601
|
});
|
|
2521
|
-
(0,
|
|
2522
|
-
if (!isActive &&
|
|
2602
|
+
(0, import_react25.useEffect)(() => {
|
|
2603
|
+
if (!isActive && import_react_native25.Platform.OS === "ios") {
|
|
2523
2604
|
opacity.value = 0;
|
|
2524
2605
|
return;
|
|
2525
2606
|
}
|
|
@@ -2538,8 +2619,8 @@ var useFadeAnimation = ({
|
|
|
2538
2619
|
};
|
|
2539
2620
|
|
|
2540
2621
|
// ../src/Components/Animators/hooks/useFloatAnimation.ts
|
|
2541
|
-
var
|
|
2542
|
-
var
|
|
2622
|
+
var import_react26 = require("react");
|
|
2623
|
+
var import_react_native26 = require("react-native");
|
|
2543
2624
|
var import_react_native_reanimated5 = require("react-native-reanimated");
|
|
2544
2625
|
var useFloatAnimation = ({
|
|
2545
2626
|
duration = 800,
|
|
@@ -2552,7 +2633,7 @@ var useFloatAnimation = ({
|
|
|
2552
2633
|
const opacity = (0, import_react_native_reanimated5.useSharedValue)(0);
|
|
2553
2634
|
const translateY = (0, import_react_native_reanimated5.useSharedValue)(0);
|
|
2554
2635
|
const { isActive } = useAppState_default();
|
|
2555
|
-
const isFloating = (0,
|
|
2636
|
+
const isFloating = (0, import_react26.useRef)(false);
|
|
2556
2637
|
const animatedStyle = (0, import_react_native_reanimated5.useAnimatedStyle)(() => {
|
|
2557
2638
|
return {
|
|
2558
2639
|
opacity: opacity.value,
|
|
@@ -2582,8 +2663,8 @@ var useFloatAnimation = ({
|
|
|
2582
2663
|
);
|
|
2583
2664
|
}
|
|
2584
2665
|
};
|
|
2585
|
-
(0,
|
|
2586
|
-
if (!isActive &&
|
|
2666
|
+
(0, import_react26.useEffect)(() => {
|
|
2667
|
+
if (!isActive && import_react_native26.Platform.OS === "ios") {
|
|
2587
2668
|
opacity.value = 0;
|
|
2588
2669
|
translateY.value = 0;
|
|
2589
2670
|
isFloating.current = false;
|
|
@@ -2627,8 +2708,8 @@ var useFloatAnimation = ({
|
|
|
2627
2708
|
};
|
|
2628
2709
|
|
|
2629
2710
|
// ../src/Components/Animators/hooks/useGrowAnimation.ts
|
|
2630
|
-
var
|
|
2631
|
-
var
|
|
2711
|
+
var import_react27 = require("react");
|
|
2712
|
+
var import_react_native27 = require("react-native");
|
|
2632
2713
|
var import_react_native_reanimated6 = require("react-native-reanimated");
|
|
2633
2714
|
var useGrowAnimation = ({
|
|
2634
2715
|
duration = 500,
|
|
@@ -2643,8 +2724,8 @@ var useGrowAnimation = ({
|
|
|
2643
2724
|
transform: [{ scale: scale.value }]
|
|
2644
2725
|
};
|
|
2645
2726
|
});
|
|
2646
|
-
(0,
|
|
2647
|
-
if (!isActive &&
|
|
2727
|
+
(0, import_react27.useEffect)(() => {
|
|
2728
|
+
if (!isActive && import_react_native27.Platform.OS === "ios") {
|
|
2648
2729
|
scale.value = initialScale;
|
|
2649
2730
|
return;
|
|
2650
2731
|
}
|
|
@@ -2676,8 +2757,8 @@ var useGrowAnimation = ({
|
|
|
2676
2757
|
};
|
|
2677
2758
|
|
|
2678
2759
|
// ../src/Components/Animators/hooks/useRollAnimation.ts
|
|
2679
|
-
var
|
|
2680
|
-
var
|
|
2760
|
+
var import_react28 = require("react");
|
|
2761
|
+
var import_react_native28 = require("react-native");
|
|
2681
2762
|
var import_react_native_reanimated7 = require("react-native-reanimated");
|
|
2682
2763
|
var useRollAnimation = ({
|
|
2683
2764
|
duration = 500,
|
|
@@ -2702,8 +2783,8 @@ var useRollAnimation = ({
|
|
|
2702
2783
|
]
|
|
2703
2784
|
};
|
|
2704
2785
|
});
|
|
2705
|
-
(0,
|
|
2706
|
-
if (!isActive &&
|
|
2786
|
+
(0, import_react28.useEffect)(() => {
|
|
2787
|
+
if (!isActive && import_react_native28.Platform.OS === "ios") {
|
|
2707
2788
|
translateY.value = initialTranslateY;
|
|
2708
2789
|
rotate.value = 0;
|
|
2709
2790
|
return;
|
|
@@ -2759,10 +2840,10 @@ var useRollAnimation = ({
|
|
|
2759
2840
|
};
|
|
2760
2841
|
|
|
2761
2842
|
// ../src/Components/Animators/hooks/useSlideAnimation.ts
|
|
2762
|
-
var
|
|
2763
|
-
var
|
|
2843
|
+
var import_react29 = require("react");
|
|
2844
|
+
var import_react_native29 = require("react-native");
|
|
2764
2845
|
var import_react_native_reanimated8 = require("react-native-reanimated");
|
|
2765
|
-
var { width, height } =
|
|
2846
|
+
var { width, height } = import_react_native29.Dimensions.get("window");
|
|
2766
2847
|
var getInitialPosition = (direction) => {
|
|
2767
2848
|
switch (direction) {
|
|
2768
2849
|
case "up":
|
|
@@ -2790,8 +2871,8 @@ var useSlideAnimation = ({
|
|
|
2790
2871
|
const slideStyle = direction === "up" || direction === "down" ? { transform: [{ translateY: translateValue.value }] } : { transform: [{ translateX: translateValue.value }] };
|
|
2791
2872
|
return slideStyle;
|
|
2792
2873
|
});
|
|
2793
|
-
(0,
|
|
2794
|
-
if (!isActive &&
|
|
2874
|
+
(0, import_react29.useEffect)(() => {
|
|
2875
|
+
if (!isActive && import_react_native29.Platform.OS === "ios") {
|
|
2795
2876
|
const initialPosition2 = initialValue || getInitialPosition(direction);
|
|
2796
2877
|
translateValue.value = initialPosition2;
|
|
2797
2878
|
return;
|
|
@@ -2829,8 +2910,8 @@ var useSlideAnimation = ({
|
|
|
2829
2910
|
};
|
|
2830
2911
|
|
|
2831
2912
|
// ../src/Components/Animators/hooks/useThrownUpAnimation.ts
|
|
2832
|
-
var
|
|
2833
|
-
var
|
|
2913
|
+
var import_react30 = require("react");
|
|
2914
|
+
var import_react_native30 = require("react-native");
|
|
2834
2915
|
var import_react_native_reanimated9 = require("react-native-reanimated");
|
|
2835
2916
|
var useThrownUpAnimation = ({
|
|
2836
2917
|
delay = 0,
|
|
@@ -2838,7 +2919,7 @@ var useThrownUpAnimation = ({
|
|
|
2838
2919
|
} = {}) => {
|
|
2839
2920
|
const translateY = (0, import_react_native_reanimated9.useSharedValue)(600);
|
|
2840
2921
|
const opacity = (0, import_react_native_reanimated9.useSharedValue)(0);
|
|
2841
|
-
const isUnmounting = (0,
|
|
2922
|
+
const isUnmounting = (0, import_react30.useRef)(false);
|
|
2842
2923
|
const { isActive } = useAppState_default();
|
|
2843
2924
|
const animatedStyle = (0, import_react_native_reanimated9.useAnimatedStyle)(() => {
|
|
2844
2925
|
return {
|
|
@@ -2846,8 +2927,8 @@ var useThrownUpAnimation = ({
|
|
|
2846
2927
|
opacity: opacity.value
|
|
2847
2928
|
};
|
|
2848
2929
|
});
|
|
2849
|
-
(0,
|
|
2850
|
-
if (!isActive &&
|
|
2930
|
+
(0, import_react30.useEffect)(() => {
|
|
2931
|
+
if (!isActive && import_react_native30.Platform.OS === "ios") {
|
|
2851
2932
|
translateY.value = 600;
|
|
2852
2933
|
opacity.value = 0;
|
|
2853
2934
|
return;
|
|
@@ -2884,7 +2965,7 @@ var useThrownUpAnimation = ({
|
|
|
2884
2965
|
};
|
|
2885
2966
|
|
|
2886
2967
|
// ../src/Components/Animators/Animator.tsx
|
|
2887
|
-
var
|
|
2968
|
+
var import_react31 = __toESM(require("react"));
|
|
2888
2969
|
var import_react_native_reanimated10 = __toESM(require("react-native-reanimated"));
|
|
2889
2970
|
var Animator = (props) => {
|
|
2890
2971
|
const { children, type, duration, delay, closeAfter, style = {} } = props;
|
|
@@ -2938,7 +3019,7 @@ var Animator = (props) => {
|
|
|
2938
3019
|
}
|
|
2939
3020
|
};
|
|
2940
3021
|
const { animatedStyle } = getAnimationStyle();
|
|
2941
|
-
return /* @__PURE__ */
|
|
3022
|
+
return /* @__PURE__ */ import_react31.default.createElement(import_react_native_reanimated10.default.View, { style: [style, animatedStyle] }, children);
|
|
2942
3023
|
};
|
|
2943
3024
|
|
|
2944
3025
|
// index.ts
|