react-native-better-html 1.0.23 → 1.0.24
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 +47 -25
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +47 -25
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -512,6 +512,8 @@ import { useTheme as useTheme2 } from "react-better-core";
|
|
|
512
512
|
import { Fragment, jsx } from "react/jsx-runtime";
|
|
513
513
|
var touchableHighlightStyleMoveToContent = [
|
|
514
514
|
"width",
|
|
515
|
+
"alignItems",
|
|
516
|
+
"justifyContent",
|
|
515
517
|
"backgroundColor",
|
|
516
518
|
"padding",
|
|
517
519
|
"paddingTop",
|
|
@@ -1883,6 +1885,7 @@ var InputFieldComponent = forwardRef(
|
|
|
1883
1885
|
/* @__PURE__ */ jsx12(Text_default, { fontSize: 14, color: isError ? theme2.colors.error : theme2.colors.textSecondary, children: label }),
|
|
1884
1886
|
required && /* @__PURE__ */ jsx12(Text_default, { color: theme2.colors.error, children: "*" })
|
|
1885
1887
|
] });
|
|
1888
|
+
const borderColor = isFocused ? theme2.colors.primary : isError ? theme2.colors.error : theme2.colors.border;
|
|
1886
1889
|
return /* @__PURE__ */ jsxs6(
|
|
1887
1890
|
Animate_default.View,
|
|
1888
1891
|
{
|
|
@@ -1894,10 +1897,11 @@ var InputFieldComponent = forwardRef(
|
|
|
1894
1897
|
children: [
|
|
1895
1898
|
isIOSDateTime && !iOSDateTimeFullSize ? void 0 : labelComponent,
|
|
1896
1899
|
/* @__PURE__ */ jsxs6(View_default, { isRow: true, position: "relative", alignItems: "center", height: readyHeight, children: [
|
|
1897
|
-
prefix && /* @__PURE__ */
|
|
1900
|
+
prefix && /* @__PURE__ */ jsxs6(
|
|
1898
1901
|
View_default,
|
|
1899
1902
|
{
|
|
1900
1903
|
isRow: true,
|
|
1904
|
+
position: "relative",
|
|
1901
1905
|
height: "100%",
|
|
1902
1906
|
backgroundColor: prefixSuffixBackgroundColor,
|
|
1903
1907
|
alignItems: "center",
|
|
@@ -1908,16 +1912,23 @@ var InputFieldComponent = forwardRef(
|
|
|
1908
1912
|
borderBottomLeftRadius: theme2.styles.borderRadius,
|
|
1909
1913
|
borderColor: theme2.colors.border,
|
|
1910
1914
|
paddingHorizontal: readyPaddingHorizontal,
|
|
1915
|
+
zIndex: 1,
|
|
1911
1916
|
onPress: onPressPrefix,
|
|
1912
|
-
children:
|
|
1913
|
-
Text_default,
|
|
1914
|
-
|
|
1915
|
-
|
|
1916
|
-
|
|
1917
|
-
|
|
1918
|
-
|
|
1919
|
-
|
|
1920
|
-
|
|
1917
|
+
children: [
|
|
1918
|
+
typeof prefix === "string" ? /* @__PURE__ */ jsx12(Text_default, { fontWeight: 700, lineHeight, children: prefix }) : prefix,
|
|
1919
|
+
/* @__PURE__ */ jsx12(
|
|
1920
|
+
Animate_default.View,
|
|
1921
|
+
{
|
|
1922
|
+
position: "absolute",
|
|
1923
|
+
top: 0,
|
|
1924
|
+
right: -1,
|
|
1925
|
+
width: 1,
|
|
1926
|
+
height: "100%",
|
|
1927
|
+
initialBackgroundColor: theme2.colors.border,
|
|
1928
|
+
animateBackgroundColor: borderColor
|
|
1929
|
+
}
|
|
1930
|
+
)
|
|
1931
|
+
]
|
|
1921
1932
|
}
|
|
1922
1933
|
),
|
|
1923
1934
|
isIOSDateTime ? /* @__PURE__ */ jsxs6(Fragment4, { children: [
|
|
@@ -1952,13 +1963,15 @@ var InputFieldComponent = forwardRef(
|
|
|
1952
1963
|
flex: 1,
|
|
1953
1964
|
justifyContent: "center",
|
|
1954
1965
|
backgroundColor: theme2.colors.backgroundContent,
|
|
1955
|
-
borderTopLeftRadius: prefix ?
|
|
1956
|
-
borderBottomLeftRadius: prefix ?
|
|
1957
|
-
borderTopRightRadius: suffix ?
|
|
1958
|
-
borderBottomRightRadius: suffix ?
|
|
1966
|
+
borderTopLeftRadius: prefix ? 2 : theme2.styles.borderRadius,
|
|
1967
|
+
borderBottomLeftRadius: prefix ? 2 : theme2.styles.borderRadius,
|
|
1968
|
+
borderTopRightRadius: suffix ? 2 : theme2.styles.borderRadius,
|
|
1969
|
+
borderBottomRightRadius: suffix ? 2 : theme2.styles.borderRadius,
|
|
1959
1970
|
borderWidth,
|
|
1971
|
+
marginLeft: prefix ? -2 : 0,
|
|
1972
|
+
marginRight: suffix ? -2 : 0,
|
|
1960
1973
|
initialBorderColor: theme2.colors.border,
|
|
1961
|
-
animateBorderColor:
|
|
1974
|
+
animateBorderColor: borderColor,
|
|
1962
1975
|
overflow: "hidden",
|
|
1963
1976
|
children: [
|
|
1964
1977
|
leftIcon && /* @__PURE__ */ jsx12(
|
|
@@ -2025,29 +2038,38 @@ var InputFieldComponent = forwardRef(
|
|
|
2025
2038
|
)
|
|
2026
2039
|
}
|
|
2027
2040
|
),
|
|
2028
|
-
suffix && /* @__PURE__ */
|
|
2041
|
+
suffix && /* @__PURE__ */ jsxs6(
|
|
2029
2042
|
View_default,
|
|
2030
2043
|
{
|
|
2031
2044
|
isRow: true,
|
|
2045
|
+
position: "relative",
|
|
2032
2046
|
height: "100%",
|
|
2033
2047
|
backgroundColor: prefixSuffixBackgroundColor,
|
|
2034
2048
|
alignItems: "center",
|
|
2049
|
+
justifyContent: "center",
|
|
2035
2050
|
borderWidth,
|
|
2036
2051
|
borderLeftWidth: 0,
|
|
2037
2052
|
borderTopRightRadius: theme2.styles.borderRadius,
|
|
2038
2053
|
borderBottomRightRadius: theme2.styles.borderRadius,
|
|
2039
2054
|
borderColor: theme2.colors.border,
|
|
2040
2055
|
paddingHorizontal: readyPaddingHorizontal,
|
|
2056
|
+
zIndex: 1,
|
|
2041
2057
|
onPress: onPressSuffix,
|
|
2042
|
-
children:
|
|
2043
|
-
Text_default,
|
|
2044
|
-
|
|
2045
|
-
|
|
2046
|
-
|
|
2047
|
-
|
|
2048
|
-
|
|
2049
|
-
|
|
2050
|
-
|
|
2058
|
+
children: [
|
|
2059
|
+
typeof suffix === "string" ? /* @__PURE__ */ jsx12(Text_default, { fontWeight: 700, lineHeight, children: suffix }) : suffix,
|
|
2060
|
+
/* @__PURE__ */ jsx12(
|
|
2061
|
+
Animate_default.View,
|
|
2062
|
+
{
|
|
2063
|
+
position: "absolute",
|
|
2064
|
+
top: 0,
|
|
2065
|
+
left: -1,
|
|
2066
|
+
width: 1,
|
|
2067
|
+
height: "100%",
|
|
2068
|
+
initialBackgroundColor: theme2.colors.border,
|
|
2069
|
+
animateBackgroundColor: borderColor
|
|
2070
|
+
}
|
|
2071
|
+
)
|
|
2072
|
+
]
|
|
2051
2073
|
}
|
|
2052
2074
|
)
|
|
2053
2075
|
] }),
|