dhre-ui-kit 0.0.242 → 0.0.244
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/lib/index.d.ts +2 -0
- package/lib/index.js +9 -7
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +9 -7
- package/lib/index.mjs.map +1 -1
- package/package.json +1 -1
package/lib/index.d.ts
CHANGED
|
@@ -51,6 +51,7 @@ interface BottomDrawerProps {
|
|
|
51
51
|
titleVariant?: string;
|
|
52
52
|
showHeader?: boolean;
|
|
53
53
|
blurType?: 'dark' | 'light' | 'xlight';
|
|
54
|
+
showSeparator?: boolean;
|
|
54
55
|
}
|
|
55
56
|
|
|
56
57
|
declare const BottomDrawer: React$1.FC<BottomDrawerProps>;
|
|
@@ -611,6 +612,7 @@ interface CommonTextInputProps extends TextInputProps$1 {
|
|
|
611
612
|
handlePress?: () => void;
|
|
612
613
|
rightIcon?: () => React$1.ReactElement;
|
|
613
614
|
onRightIconPress?: () => void;
|
|
615
|
+
onlyErrorBorderLabel?: boolean;
|
|
614
616
|
}
|
|
615
617
|
declare const CommonTextInput: (props: CommonTextInputProps) => React$1.JSX.Element;
|
|
616
618
|
|
package/lib/index.js
CHANGED
|
@@ -692,7 +692,8 @@ const BottomDrawer = ({
|
|
|
692
692
|
titleStyle,
|
|
693
693
|
titleVariant = "B2_REGULAR",
|
|
694
694
|
showHeader = true,
|
|
695
|
-
blurType = "light"
|
|
695
|
+
blurType = "light",
|
|
696
|
+
showSeparator = true
|
|
696
697
|
}) => {
|
|
697
698
|
const onSwipDown = (event) => {
|
|
698
699
|
const { translationY } = event.nativeEvent;
|
|
@@ -721,7 +722,7 @@ const BottomDrawer = ({
|
|
|
721
722
|
blurType,
|
|
722
723
|
blurAmount
|
|
723
724
|
}
|
|
724
|
-
) : null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$z.modalContainer, modalContainerStyle] }, showHeader && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$z.separator }), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$z.headerContainer }, showLeftIcon && leftIcon ? React__default["default"].cloneElement(leftIcon, {
|
|
725
|
+
) : null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$z.modalContainer, modalContainerStyle] }, showHeader && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, showSeparator && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$z.separator }), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$z.headerContainer }, showLeftIcon && leftIcon ? React__default["default"].cloneElement(leftIcon, {
|
|
725
726
|
width: moderateScale(24),
|
|
726
727
|
height: moderateScale(24),
|
|
727
728
|
style: styles$z.leftIconStyle,
|
|
@@ -3438,7 +3439,8 @@ const CommonTextInput = (props) => {
|
|
|
3438
3439
|
multiline = false,
|
|
3439
3440
|
// Default multiline to false
|
|
3440
3441
|
rightIcon,
|
|
3441
|
-
onRightIconPress
|
|
3442
|
+
onRightIconPress,
|
|
3443
|
+
onlyErrorBorderLabel
|
|
3442
3444
|
} = props;
|
|
3443
3445
|
return /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPress: handlePress, style: styles$9.container }, /* @__PURE__ */ React__default["default"].createElement(
|
|
3444
3446
|
reactNativePaper.TextInput,
|
|
@@ -3450,7 +3452,7 @@ const CommonTextInput = (props) => {
|
|
|
3450
3452
|
autoCorrect: false,
|
|
3451
3453
|
outlineStyle: {
|
|
3452
3454
|
...styles$9.outlineStyle,
|
|
3453
|
-
borderColor: errorMessage?.length ? DHRE_DEFAULT.DH_SEMENTIC_ERROR : value?.length ? activeBorderColor : inactiveBorderColor
|
|
3455
|
+
borderColor: errorMessage?.length || onlyErrorBorderLabel ? DHRE_DEFAULT.DH_SEMENTIC_ERROR : value?.length ? activeBorderColor : inactiveBorderColor
|
|
3454
3456
|
},
|
|
3455
3457
|
label,
|
|
3456
3458
|
value,
|
|
@@ -3460,12 +3462,12 @@ const CommonTextInput = (props) => {
|
|
|
3460
3462
|
theme: {
|
|
3461
3463
|
colors: {
|
|
3462
3464
|
onSurfaceVariant: value?.length ? activeBorderColor : inactiveBorderColor,
|
|
3463
|
-
error: errorMessage?.length ? DHRE_DEFAULT.DH_SEMENTIC_ERROR : DHRE_COLORS_TEXT.DH_BLACK,
|
|
3465
|
+
error: errorMessage?.length || onlyErrorBorderLabel ? DHRE_DEFAULT.DH_SEMENTIC_ERROR : DHRE_COLORS_TEXT.DH_BLACK,
|
|
3464
3466
|
primary: labelColor ? errorMessage?.length ? DHRE_DEFAULT.DH_SEMENTIC_ERROR : labelColor : DHRE_COLORS_TEXT.DH_BLACK
|
|
3465
3467
|
}
|
|
3466
3468
|
},
|
|
3467
3469
|
style: [
|
|
3468
|
-
errorMessage ? styles$9.errorInput : styles$9.input,
|
|
3470
|
+
errorMessage || onlyErrorBorderLabel ? styles$9.errorInput : styles$9.input,
|
|
3469
3471
|
inputStyle,
|
|
3470
3472
|
multiline && styles$9.multilineInput
|
|
3471
3473
|
// Apply multiline style if true
|
|
@@ -3475,7 +3477,7 @@ const CommonTextInput = (props) => {
|
|
|
3475
3477
|
placeholder: placeholderText,
|
|
3476
3478
|
editable,
|
|
3477
3479
|
pointerEvents,
|
|
3478
|
-
error: errorMessage?.length ? true : false,
|
|
3480
|
+
error: errorMessage?.length || onlyErrorBorderLabel ? true : false,
|
|
3479
3481
|
multiline,
|
|
3480
3482
|
numberOfLines: multiline ? 4 : 1,
|
|
3481
3483
|
right: rightIcon ? /* @__PURE__ */ React__default["default"].createElement(
|