@hoddy-ui/core 2.5.38 → 2.5.40
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/next/dist/index.js +37 -15
- package/next/dist/index.js.map +1 -1
- package/next/dist/index.mjs +48 -19
- package/next/dist/index.mjs.map +1 -1
- package/next/package.json +1 -1
- package/package.json +1 -1
- package/src/theme/index.tsx +6 -2
package/next/dist/index.mjs
CHANGED
|
@@ -406,7 +406,6 @@ var ConfigureSystemUI = () => {
|
|
|
406
406
|
const colors2 = useColors();
|
|
407
407
|
useEffect2(() => {
|
|
408
408
|
const config2 = getConfig();
|
|
409
|
-
Appearance.setColorScheme(theme);
|
|
410
409
|
if (colors2) {
|
|
411
410
|
SystemUI.setBackgroundColorAsync(colors2.white[1]);
|
|
412
411
|
if (Platform.OS === "android") {
|
|
@@ -443,15 +442,19 @@ var UIThemeProvider = ({ children }) => {
|
|
|
443
442
|
type: "default",
|
|
444
443
|
payload: colorScheme
|
|
445
444
|
});
|
|
446
|
-
|
|
445
|
+
Appearance.setColorScheme(void 0);
|
|
446
|
+
} else {
|
|
447
447
|
themeDispatch({
|
|
448
448
|
type: val
|
|
449
449
|
});
|
|
450
|
+
Appearance.setColorScheme(val);
|
|
451
|
+
}
|
|
450
452
|
} else {
|
|
451
453
|
themeDispatch({
|
|
452
454
|
type: "default",
|
|
453
455
|
payload: colorScheme
|
|
454
456
|
});
|
|
457
|
+
Appearance.setColorScheme(void 0);
|
|
455
458
|
}
|
|
456
459
|
});
|
|
457
460
|
}, [colorScheme]);
|
|
@@ -918,6 +921,7 @@ import { ScaledSheet as ScaledSheet8 } from "react-native-size-matters";
|
|
|
918
921
|
|
|
919
922
|
// ../src/Components/Popup.tsx
|
|
920
923
|
import {
|
|
924
|
+
Dimensions,
|
|
921
925
|
Keyboard as Keyboard2,
|
|
922
926
|
KeyboardAvoidingView as KeyboardAvoidingView2,
|
|
923
927
|
Modal,
|
|
@@ -1027,7 +1031,7 @@ var Popup = ({
|
|
|
1027
1031
|
marginBottom: Platform5.OS === "android" && keyboardVisible ? bottom : 0
|
|
1028
1032
|
},
|
|
1029
1033
|
container: {
|
|
1030
|
-
paddingBottom: sheet && !bare ? bottom + ms5(
|
|
1034
|
+
paddingBottom: sheet && !bare ? bottom + ms5(0) : void 0,
|
|
1031
1035
|
backgroundColor: theme === "dark" ? "#111" : colors2.white[1],
|
|
1032
1036
|
borderTopLeftRadius: 20,
|
|
1033
1037
|
borderTopRightRadius: 20,
|
|
@@ -1038,7 +1042,9 @@ var Popup = ({
|
|
|
1038
1042
|
...style
|
|
1039
1043
|
},
|
|
1040
1044
|
content: {
|
|
1045
|
+
maxHeight: sheet && !bare ? Dimensions.get("screen").height * 0.9 - bottom - ms5(60) : void 0,
|
|
1041
1046
|
paddingHorizontal: bare ? void 0 : "15@ms"
|
|
1047
|
+
// backgroundColor : "#f94",
|
|
1042
1048
|
},
|
|
1043
1049
|
title: {
|
|
1044
1050
|
flexDirection: "row",
|
|
@@ -1068,7 +1074,8 @@ var Popup = ({
|
|
|
1068
1074
|
animationType: "none",
|
|
1069
1075
|
statusBarTranslucent: true,
|
|
1070
1076
|
visible: modalOpen,
|
|
1071
|
-
onRequestClose: closeAction
|
|
1077
|
+
onRequestClose: closeAction,
|
|
1078
|
+
navigationBarTranslucent: true
|
|
1072
1079
|
},
|
|
1073
1080
|
/* @__PURE__ */ React10.createElement(UIThemeProvider, null, /* @__PURE__ */ React10.createElement(Animated2.View, { style: [styles.backdrop, backdropAnimatedStyle] }), /* @__PURE__ */ React10.createElement(
|
|
1074
1081
|
KeyboardAvoidingView2,
|
|
@@ -1339,7 +1346,13 @@ var ListItem = ({
|
|
|
1339
1346
|
// ../src/Components/TextField.tsx
|
|
1340
1347
|
import { Ionicons as Ionicons3, MaterialIcons as MaterialIcons5 } from "@expo/vector-icons";
|
|
1341
1348
|
import React15, { useRef as useRef2, useState as useState7 } from "react";
|
|
1342
|
-
import {
|
|
1349
|
+
import {
|
|
1350
|
+
Animated as Animated3,
|
|
1351
|
+
Keyboard as Keyboard3,
|
|
1352
|
+
TextInput as TextInput2,
|
|
1353
|
+
TouchableOpacity as TouchableOpacity7,
|
|
1354
|
+
View as View10
|
|
1355
|
+
} from "react-native";
|
|
1343
1356
|
import {
|
|
1344
1357
|
ScaledSheet as ScaledSheet12,
|
|
1345
1358
|
moderateScale as moderateScale3,
|
|
@@ -1438,22 +1451,31 @@ var SelectMenu = ({
|
|
|
1438
1451
|
title: label,
|
|
1439
1452
|
disableAutoKeyboardManagement: true
|
|
1440
1453
|
},
|
|
1441
|
-
/* @__PURE__ */ React14.createElement(View9, { style: styles.content }, /* @__PURE__ */ React14.createElement(
|
|
1442
|
-
TextField_default,
|
|
1443
|
-
{
|
|
1444
|
-
label: searchPlaceholder,
|
|
1445
|
-
value: search,
|
|
1446
|
-
type: "search",
|
|
1447
|
-
onChangeText: setSearch,
|
|
1448
|
-
variant: "outlined"
|
|
1449
|
-
}
|
|
1450
|
-
)), /* @__PURE__ */ React14.createElement(
|
|
1454
|
+
/* @__PURE__ */ React14.createElement(View9, { style: styles.content }, /* @__PURE__ */ React14.createElement(
|
|
1451
1455
|
FlatList,
|
|
1452
1456
|
{
|
|
1453
1457
|
removeClippedSubviews: true,
|
|
1454
1458
|
keyExtractor: (item) => item.value,
|
|
1455
1459
|
bounces: false,
|
|
1456
1460
|
renderItem,
|
|
1461
|
+
ListHeaderComponent: /* @__PURE__ */ React14.createElement(View9, { style: styles.header }, helperText && /* @__PURE__ */ React14.createElement(
|
|
1462
|
+
Typography_default,
|
|
1463
|
+
{
|
|
1464
|
+
variant: "body2",
|
|
1465
|
+
color: "textSecondary",
|
|
1466
|
+
gutterBottom: 5
|
|
1467
|
+
},
|
|
1468
|
+
helperText
|
|
1469
|
+
), searchEnabled && /* @__PURE__ */ React14.createElement(
|
|
1470
|
+
TextField_default,
|
|
1471
|
+
{
|
|
1472
|
+
label: searchPlaceholder,
|
|
1473
|
+
value: search,
|
|
1474
|
+
type: "search",
|
|
1475
|
+
onChangeText: setSearch,
|
|
1476
|
+
variant: "outlined"
|
|
1477
|
+
}
|
|
1478
|
+
)),
|
|
1457
1479
|
data: options.filter(
|
|
1458
1480
|
(item) => search.length > 1 ? item.label.toLowerCase().indexOf(search.toLowerCase()) > -1 : item
|
|
1459
1481
|
).sort((a, b) => a.label.localeCompare(b.label))
|
|
@@ -1728,7 +1750,14 @@ var TextField2 = React15.forwardRef(
|
|
|
1728
1750
|
multiline ? 50 + (props.numberOfLines || 1) * 18 : 50
|
|
1729
1751
|
);
|
|
1730
1752
|
const setFocused = (value2) => {
|
|
1731
|
-
|
|
1753
|
+
if (options && value2) {
|
|
1754
|
+
Keyboard3.dismiss();
|
|
1755
|
+
setTimeout(() => {
|
|
1756
|
+
_setFocused(value2);
|
|
1757
|
+
}, 100);
|
|
1758
|
+
} else {
|
|
1759
|
+
_setFocused(value2);
|
|
1760
|
+
}
|
|
1732
1761
|
};
|
|
1733
1762
|
const styles = ScaledSheet12.create({
|
|
1734
1763
|
root: {
|
|
@@ -2148,7 +2177,7 @@ var Divider = ({
|
|
|
2148
2177
|
|
|
2149
2178
|
// ../src/Components/Spinner.tsx
|
|
2150
2179
|
import React19 from "react";
|
|
2151
|
-
import { ActivityIndicator as ActivityIndicator3, Dimensions, View as View14 } from "react-native";
|
|
2180
|
+
import { ActivityIndicator as ActivityIndicator3, Dimensions as Dimensions2, View as View14 } from "react-native";
|
|
2152
2181
|
import { ScaledSheet as ScaledSheet15 } from "react-native-size-matters";
|
|
2153
2182
|
var Spinner = ({
|
|
2154
2183
|
label,
|
|
@@ -2160,8 +2189,8 @@ var Spinner = ({
|
|
|
2160
2189
|
const colors2 = useColors();
|
|
2161
2190
|
const styles = ScaledSheet15.create({
|
|
2162
2191
|
root: {
|
|
2163
|
-
width: fullscreen ?
|
|
2164
|
-
height: fullscreen ?
|
|
2192
|
+
width: fullscreen ? Dimensions2.get("screen").width : "100%",
|
|
2193
|
+
height: fullscreen ? Dimensions2.get("screen").height : "100%",
|
|
2165
2194
|
left: 0,
|
|
2166
2195
|
bottom: 0,
|
|
2167
2196
|
zIndex: 100,
|