@scripso-homepad/ui 0.4.29 → 0.4.30
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.cjs +10 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +8 -2
- package/dist/index.d.ts +8 -2
- package/dist/index.js +10 -5
- package/dist/index.js.map +1 -1
- package/dist/web/index.cjs.map +1 -1
- package/dist/web/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/CountryCodeSelector.tsx +9 -3
- package/src/components/PhoneInput.tsx +6 -0
- package/src/web/layout/SidebarNavItem.tsx +3 -1
package/dist/index.cjs
CHANGED
|
@@ -1889,6 +1889,8 @@ function CountryCodeSelector({
|
|
|
1889
1889
|
onValueChange,
|
|
1890
1890
|
options = countries,
|
|
1891
1891
|
disabled = false,
|
|
1892
|
+
height = TRIGGER_HEIGHT,
|
|
1893
|
+
borderColor = colors.stormGray50,
|
|
1892
1894
|
style,
|
|
1893
1895
|
className
|
|
1894
1896
|
}) {
|
|
@@ -1914,8 +1916,8 @@ function CountryCodeSelector({
|
|
|
1914
1916
|
}
|
|
1915
1917
|
function handleOpen() {
|
|
1916
1918
|
if (disabled) return;
|
|
1917
|
-
triggerRef.current?.measureInWindow((x, y, width,
|
|
1918
|
-
setAnchor({ x, y, width, height });
|
|
1919
|
+
triggerRef.current?.measureInWindow((x, y, width, height2) => {
|
|
1920
|
+
setAnchor({ x, y, width, height: height2 });
|
|
1919
1921
|
setOpen(true);
|
|
1920
1922
|
});
|
|
1921
1923
|
}
|
|
@@ -1968,6 +1970,7 @@ function CountryCodeSelector({
|
|
|
1968
1970
|
onPress: handleOpen,
|
|
1969
1971
|
style: [
|
|
1970
1972
|
styles6.trigger,
|
|
1973
|
+
{ height, borderColor },
|
|
1971
1974
|
disabled ? styles6.triggerDisabled : styles6.triggerEnabled,
|
|
1972
1975
|
reactNative.Platform.OS === "web" ? styles6.triggerWeb : null
|
|
1973
1976
|
],
|
|
@@ -2017,15 +2020,14 @@ var styles6 = reactNative.StyleSheet.create({
|
|
|
2017
2020
|
height: TRIGGER_HEIGHT,
|
|
2018
2021
|
borderRadius: radii.lg,
|
|
2019
2022
|
borderWidth: 1,
|
|
2020
|
-
|
|
2023
|
+
paddingHorizontal: spacing.lg,
|
|
2024
|
+
paddingVertical: 0,
|
|
2021
2025
|
gap: spacing.sm
|
|
2022
2026
|
},
|
|
2023
2027
|
triggerEnabled: {
|
|
2024
|
-
borderColor: colors.stormGray50,
|
|
2025
2028
|
backgroundColor: colors.white
|
|
2026
2029
|
},
|
|
2027
2030
|
triggerDisabled: {
|
|
2028
|
-
borderColor: colors.stormGray50,
|
|
2029
2031
|
backgroundColor: colors.stormGray50
|
|
2030
2032
|
},
|
|
2031
2033
|
triggerWeb: {
|
|
@@ -2096,6 +2098,7 @@ function PhoneInput({
|
|
|
2096
2098
|
onCountryCodeChange,
|
|
2097
2099
|
error,
|
|
2098
2100
|
hint,
|
|
2101
|
+
height = INPUT_HEIGHT,
|
|
2099
2102
|
containerStyle,
|
|
2100
2103
|
style,
|
|
2101
2104
|
className,
|
|
@@ -2153,6 +2156,7 @@ function PhoneInput({
|
|
|
2153
2156
|
value: countryCode,
|
|
2154
2157
|
onValueChange: onCountryCodeChange,
|
|
2155
2158
|
disabled: isDisabled,
|
|
2159
|
+
height,
|
|
2156
2160
|
style: styles7.countrySelector
|
|
2157
2161
|
}
|
|
2158
2162
|
) }),
|
|
@@ -2162,6 +2166,7 @@ function PhoneInput({
|
|
|
2162
2166
|
style: [
|
|
2163
2167
|
inputFieldMetrics.containerBase,
|
|
2164
2168
|
inputFieldMetrics.container,
|
|
2169
|
+
{ height },
|
|
2165
2170
|
phoneFieldStyles.container,
|
|
2166
2171
|
styles7.phoneField
|
|
2167
2172
|
],
|