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.
Files changed (5) hide show
  1. package/dist/index.js +47 -25
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +47 -25
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -561,6 +561,8 @@ var import_react_better_core2 = require("react-better-core");
561
561
  var import_jsx_runtime = require("react/jsx-runtime");
562
562
  var touchableHighlightStyleMoveToContent = [
563
563
  "width",
564
+ "alignItems",
565
+ "justifyContent",
564
566
  "backgroundColor",
565
567
  "padding",
566
568
  "paddingTop",
@@ -1907,6 +1909,7 @@ var InputFieldComponent = (0, import_react14.forwardRef)(
1907
1909
  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text_default, { fontSize: 14, color: isError ? theme2.colors.error : theme2.colors.textSecondary, children: label }),
1908
1910
  required && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text_default, { color: theme2.colors.error, children: "*" })
1909
1911
  ] });
1912
+ const borderColor = isFocused ? theme2.colors.primary : isError ? theme2.colors.error : theme2.colors.border;
1910
1913
  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
1911
1914
  Animate_default.View,
1912
1915
  {
@@ -1918,10 +1921,11 @@ var InputFieldComponent = (0, import_react14.forwardRef)(
1918
1921
  children: [
1919
1922
  isIOSDateTime && !iOSDateTimeFullSize ? void 0 : labelComponent,
1920
1923
  /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(View_default, { isRow: true, position: "relative", alignItems: "center", height: readyHeight, children: [
1921
- prefix && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
1924
+ prefix && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
1922
1925
  View_default,
1923
1926
  {
1924
1927
  isRow: true,
1928
+ position: "relative",
1925
1929
  height: "100%",
1926
1930
  backgroundColor: prefixSuffixBackgroundColor,
1927
1931
  alignItems: "center",
@@ -1932,16 +1936,23 @@ var InputFieldComponent = (0, import_react14.forwardRef)(
1932
1936
  borderBottomLeftRadius: theme2.styles.borderRadius,
1933
1937
  borderColor: theme2.colors.border,
1934
1938
  paddingHorizontal: readyPaddingHorizontal,
1939
+ zIndex: 1,
1935
1940
  onPress: onPressPrefix,
1936
- children: typeof prefix === "string" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
1937
- Text_default,
1938
- {
1939
- fontWeight: 700,
1940
- lineHeight,
1941
- marginTop: import_react_native9.Platform.OS === "ios" && onPressPrefix ? readyPaddingVertical : void 0,
1942
- children: prefix
1943
- }
1944
- ) : prefix
1941
+ children: [
1942
+ typeof prefix === "string" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text_default, { fontWeight: 700, lineHeight, children: prefix }) : prefix,
1943
+ /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
1944
+ Animate_default.View,
1945
+ {
1946
+ position: "absolute",
1947
+ top: 0,
1948
+ right: -1,
1949
+ width: 1,
1950
+ height: "100%",
1951
+ initialBackgroundColor: theme2.colors.border,
1952
+ animateBackgroundColor: borderColor
1953
+ }
1954
+ )
1955
+ ]
1945
1956
  }
1946
1957
  ),
1947
1958
  isIOSDateTime ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
@@ -1976,13 +1987,15 @@ var InputFieldComponent = (0, import_react14.forwardRef)(
1976
1987
  flex: 1,
1977
1988
  justifyContent: "center",
1978
1989
  backgroundColor: theme2.colors.backgroundContent,
1979
- borderTopLeftRadius: prefix ? 0 : theme2.styles.borderRadius,
1980
- borderBottomLeftRadius: prefix ? 0 : theme2.styles.borderRadius,
1981
- borderTopRightRadius: suffix ? 0 : theme2.styles.borderRadius,
1982
- borderBottomRightRadius: suffix ? 0 : theme2.styles.borderRadius,
1990
+ borderTopLeftRadius: prefix ? 2 : theme2.styles.borderRadius,
1991
+ borderBottomLeftRadius: prefix ? 2 : theme2.styles.borderRadius,
1992
+ borderTopRightRadius: suffix ? 2 : theme2.styles.borderRadius,
1993
+ borderBottomRightRadius: suffix ? 2 : theme2.styles.borderRadius,
1983
1994
  borderWidth,
1995
+ marginLeft: prefix ? -2 : 0,
1996
+ marginRight: suffix ? -2 : 0,
1984
1997
  initialBorderColor: theme2.colors.border,
1985
- animateBorderColor: isFocused ? theme2.colors.primary : isError ? theme2.colors.error : theme2.colors.border,
1998
+ animateBorderColor: borderColor,
1986
1999
  overflow: "hidden",
1987
2000
  children: [
1988
2001
  leftIcon && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
@@ -2049,29 +2062,38 @@ var InputFieldComponent = (0, import_react14.forwardRef)(
2049
2062
  )
2050
2063
  }
2051
2064
  ),
2052
- suffix && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
2065
+ suffix && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
2053
2066
  View_default,
2054
2067
  {
2055
2068
  isRow: true,
2069
+ position: "relative",
2056
2070
  height: "100%",
2057
2071
  backgroundColor: prefixSuffixBackgroundColor,
2058
2072
  alignItems: "center",
2073
+ justifyContent: "center",
2059
2074
  borderWidth,
2060
2075
  borderLeftWidth: 0,
2061
2076
  borderTopRightRadius: theme2.styles.borderRadius,
2062
2077
  borderBottomRightRadius: theme2.styles.borderRadius,
2063
2078
  borderColor: theme2.colors.border,
2064
2079
  paddingHorizontal: readyPaddingHorizontal,
2080
+ zIndex: 1,
2065
2081
  onPress: onPressSuffix,
2066
- children: typeof suffix === "string" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
2067
- Text_default,
2068
- {
2069
- fontWeight: 700,
2070
- lineHeight,
2071
- marginTop: import_react_native9.Platform.OS === "ios" && onPressSuffix ? readyPaddingVertical : void 0,
2072
- children: suffix
2073
- }
2074
- ) : suffix
2082
+ children: [
2083
+ typeof suffix === "string" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text_default, { fontWeight: 700, lineHeight, children: suffix }) : suffix,
2084
+ /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
2085
+ Animate_default.View,
2086
+ {
2087
+ position: "absolute",
2088
+ top: 0,
2089
+ left: -1,
2090
+ width: 1,
2091
+ height: "100%",
2092
+ initialBackgroundColor: theme2.colors.border,
2093
+ animateBackgroundColor: borderColor
2094
+ }
2095
+ )
2096
+ ]
2075
2097
  }
2076
2098
  )
2077
2099
  ] }),