react-native-better-html 1.0.14 → 1.0.15
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.d.mts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +7 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +7 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -47,6 +47,7 @@ type ComponentPropWithRef<ComponentRef, ComponentProps> = ComponentProps & {
|
|
|
47
47
|
declare const pressStrength: () => Record<"z05" | "z1" | "z2" | "z3", number>;
|
|
48
48
|
|
|
49
49
|
type InputFieldProps = {
|
|
50
|
+
flex?: ViewStyle["flex"];
|
|
50
51
|
placeholder?: string;
|
|
51
52
|
/** @default "text" */
|
|
52
53
|
type?: "text" | "date" | "time";
|
|
@@ -98,7 +99,7 @@ type InputFieldProps = {
|
|
|
98
99
|
onPressPrefix?: (event: NativeSyntheticEvent<NativeTouchEvent>) => void;
|
|
99
100
|
onPressSuffix?: (event: NativeSyntheticEvent<NativeTouchEvent>) => void;
|
|
100
101
|
onPressEnter?: (event: TextInputSubmitEditingEvent) => void;
|
|
101
|
-
} & Pick<ComponentPaddingProps, "paddingHorizontal" | "paddingVertical"
|
|
102
|
+
} & Pick<ComponentPaddingProps, "paddingHorizontal" | "paddingVertical"> & ComponentMarginProps;
|
|
102
103
|
type InputFieldRef = TextInput;
|
|
103
104
|
type InputFieldComponentType = {
|
|
104
105
|
(props: ComponentPropWithRef<TextInput, InputFieldProps>): React.ReactElement;
|
package/dist/index.d.ts
CHANGED
|
@@ -47,6 +47,7 @@ type ComponentPropWithRef<ComponentRef, ComponentProps> = ComponentProps & {
|
|
|
47
47
|
declare const pressStrength: () => Record<"z05" | "z1" | "z2" | "z3", number>;
|
|
48
48
|
|
|
49
49
|
type InputFieldProps = {
|
|
50
|
+
flex?: ViewStyle["flex"];
|
|
50
51
|
placeholder?: string;
|
|
51
52
|
/** @default "text" */
|
|
52
53
|
type?: "text" | "date" | "time";
|
|
@@ -98,7 +99,7 @@ type InputFieldProps = {
|
|
|
98
99
|
onPressPrefix?: (event: NativeSyntheticEvent<NativeTouchEvent>) => void;
|
|
99
100
|
onPressSuffix?: (event: NativeSyntheticEvent<NativeTouchEvent>) => void;
|
|
100
101
|
onPressEnter?: (event: TextInputSubmitEditingEvent) => void;
|
|
101
|
-
} & Pick<ComponentPaddingProps, "paddingHorizontal" | "paddingVertical"
|
|
102
|
+
} & Pick<ComponentPaddingProps, "paddingHorizontal" | "paddingVertical"> & ComponentMarginProps;
|
|
102
103
|
type InputFieldRef = TextInput;
|
|
103
104
|
type InputFieldComponentType = {
|
|
104
105
|
(props: ComponentPropWithRef<TextInput, InputFieldProps>): React.ReactElement;
|
package/dist/index.js
CHANGED
|
@@ -1309,6 +1309,7 @@ var import_react_better_core9 = require("react-better-core");
|
|
|
1309
1309
|
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
1310
1310
|
var InputFieldComponent = (0, import_react10.forwardRef)(
|
|
1311
1311
|
({
|
|
1312
|
+
flex,
|
|
1312
1313
|
placeholder,
|
|
1313
1314
|
type = "text",
|
|
1314
1315
|
iOSDateTimeFullSize,
|
|
@@ -1348,7 +1349,8 @@ var InputFieldComponent = (0, import_react10.forwardRef)(
|
|
|
1348
1349
|
onPress,
|
|
1349
1350
|
onPressPrefix,
|
|
1350
1351
|
onPressSuffix,
|
|
1351
|
-
onPressEnter
|
|
1352
|
+
onPressEnter,
|
|
1353
|
+
...props
|
|
1352
1354
|
}, ref) => {
|
|
1353
1355
|
const theme2 = (0, import_react_better_core9.useTheme)();
|
|
1354
1356
|
const { colorTheme } = (0, import_react_better_core9.useBetterCoreContext)();
|
|
@@ -1463,13 +1465,14 @@ var InputFieldComponent = (0, import_react10.forwardRef)(
|
|
|
1463
1465
|
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
|
|
1464
1466
|
Animate_default.View,
|
|
1465
1467
|
{
|
|
1466
|
-
flex
|
|
1468
|
+
flex,
|
|
1467
1469
|
gap: theme2.styles.gap / 3,
|
|
1468
1470
|
initialOpacity: 1,
|
|
1469
1471
|
animateOpacity: disabled ? 0.6 : 1,
|
|
1472
|
+
...props,
|
|
1470
1473
|
children: [
|
|
1471
1474
|
isIOSDateTime && !iOSDateTimeFullSize ? void 0 : labelComponent,
|
|
1472
|
-
/* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(View_default, { isRow: true, position: "relative", alignItems: "center",
|
|
1475
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(View_default, { isRow: true, position: "relative", alignItems: "center", height: readyHeight, children: [
|
|
1473
1476
|
prefix && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
1474
1477
|
View_default,
|
|
1475
1478
|
{
|
|
@@ -1658,6 +1661,7 @@ InputFieldComponent.code = (0, import_react10.forwardRef)(function Password2({ i
|
|
|
1658
1661
|
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
1659
1662
|
InputFieldComponent,
|
|
1660
1663
|
{
|
|
1664
|
+
flex: 1,
|
|
1661
1665
|
fontSize: isSmall ? 36 : 42,
|
|
1662
1666
|
fontWeight: 900,
|
|
1663
1667
|
lineHeight: isSmall ? 42 : 50,
|