dhre-ui-kit 0.0.255 → 0.0.256
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 +1 -1
- package/lib/index.js +4 -14
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +4 -14
- package/lib/index.mjs.map +1 -1
- package/package.json +1 -1
package/lib/index.d.ts
CHANGED
|
@@ -641,7 +641,7 @@ interface CustomDropdownProps {
|
|
|
641
641
|
selectedItemTextStyle?: TextStyle;
|
|
642
642
|
menuContainerStyle?: ViewStyle;
|
|
643
643
|
activeColor?: string;
|
|
644
|
-
renderRightIcon?: (visible?: boolean) => JSX.Element | null
|
|
644
|
+
renderRightIcon?: (visible?: boolean) => JSX.Element | null;
|
|
645
645
|
disable?: boolean;
|
|
646
646
|
}
|
|
647
647
|
declare const CustomDropdown: (props: CustomDropdownProps) => React$1.JSX.Element;
|
package/lib/index.js
CHANGED
|
@@ -4011,8 +4011,6 @@ const OTPInput = React__default["default"].forwardRef(
|
|
|
4011
4011
|
const [activeInput, setActiveInput] = React.useState(null);
|
|
4012
4012
|
const [resendOTPCount, setResendOTPCount] = React.useState(0);
|
|
4013
4013
|
const [errorMessageMaxReachCount, setErrorMessageMaxReachCount] = React.useState("");
|
|
4014
|
-
const filteredTheme = mode ? theme[mode] : theme;
|
|
4015
|
-
const { theme: theme$1 } = useTheme() || { theme: filteredTheme };
|
|
4016
4014
|
const [timeLeft, setTimeLeft] = React.useState(60);
|
|
4017
4015
|
React.useEffect(() => {
|
|
4018
4016
|
let timer;
|
|
@@ -4116,7 +4114,6 @@ const OTPInput = React__default["default"].forwardRef(
|
|
|
4116
4114
|
text: label,
|
|
4117
4115
|
variant: FontStyle.B4_REGULAR,
|
|
4118
4116
|
style: {
|
|
4119
|
-
color: otp?.length ? theme$1.CONTENT_PRIMARY : theme$1.CONTENT_SECONDRY,
|
|
4120
4117
|
textAlign: "left",
|
|
4121
4118
|
...otpHeaderTextStyle
|
|
4122
4119
|
}
|
|
@@ -4127,8 +4124,6 @@ const OTPInput = React__default["default"].forwardRef(
|
|
|
4127
4124
|
key: index?.toString(),
|
|
4128
4125
|
style: {
|
|
4129
4126
|
...styles$5.textInputStyle,
|
|
4130
|
-
color: theme$1.CONTENT_PRIMARY,
|
|
4131
|
-
borderColor: errorMessage ? theme$1.ERROR : otp.length === length ? theme$1.SUCCESS : activeInput === index ? theme$1.BORDER_INVERTED : theme$1.BORDER_PRIMARY,
|
|
4132
4127
|
...textInputStyle
|
|
4133
4128
|
},
|
|
4134
4129
|
onFocus: () => setActiveInput(index),
|
|
@@ -4142,15 +4137,13 @@ const OTPInput = React__default["default"].forwardRef(
|
|
|
4142
4137
|
returnKeyType: otp.length === length ? "done" : "next",
|
|
4143
4138
|
importantForAutofill: "yes",
|
|
4144
4139
|
textContentType: "oneTimeCode",
|
|
4145
|
-
autoComplete: "sms-otp"
|
|
4146
|
-
selectionColor: theme$1.CONTENT_PRIMARY
|
|
4140
|
+
autoComplete: "sms-otp"
|
|
4147
4141
|
}
|
|
4148
4142
|
))), !errorMessageMaxReachCount && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$5.timerContainer }, (disableResendButton() || !isResendOtpEnable) && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$5.timerIconContainer }, timerIcon, /* @__PURE__ */ React__default["default"].createElement(
|
|
4149
4143
|
CustomTypography,
|
|
4150
4144
|
{
|
|
4151
4145
|
text: `00:${timeLeft} secs`,
|
|
4152
|
-
variant: FontStyle.L1_REGULAR
|
|
4153
|
-
style: { color: theme$1.INFO }
|
|
4146
|
+
variant: FontStyle.L1_REGULAR
|
|
4154
4147
|
}
|
|
4155
4148
|
)), /* @__PURE__ */ React__default["default"].createElement(
|
|
4156
4149
|
reactNative.Pressable,
|
|
@@ -4166,7 +4159,6 @@ const OTPInput = React__default["default"].forwardRef(
|
|
|
4166
4159
|
variant: FontStyle.L2_REGULAR,
|
|
4167
4160
|
style: {
|
|
4168
4161
|
textDecorationLine: "underline",
|
|
4169
|
-
color: isResendOtpEnable ? resendOtpColor ?? theme$1.CONTENT_PRIMARY : theme$1.CONTENT_DISABLE,
|
|
4170
4162
|
...resendTextStyle
|
|
4171
4163
|
}
|
|
4172
4164
|
}
|
|
@@ -4177,8 +4169,7 @@ const OTPInput = React__default["default"].forwardRef(
|
|
|
4177
4169
|
text: errorMessage,
|
|
4178
4170
|
variant: FontStyle.L2_REGULAR,
|
|
4179
4171
|
style: {
|
|
4180
|
-
alignSelf: "flex-start"
|
|
4181
|
-
color: theme$1.ERROR
|
|
4172
|
+
alignSelf: "flex-start"
|
|
4182
4173
|
}
|
|
4183
4174
|
}
|
|
4184
4175
|
)) : null, errorMessageMaxReachCount ? /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$5.resendOtpContainer }, /* @__PURE__ */ React__default["default"].createElement(
|
|
@@ -4187,8 +4178,7 @@ const OTPInput = React__default["default"].forwardRef(
|
|
|
4187
4178
|
text: errorMessageMaxReachCount,
|
|
4188
4179
|
variant: FontStyle.L2_REGULAR,
|
|
4189
4180
|
style: {
|
|
4190
|
-
alignSelf: "flex-start"
|
|
4191
|
-
color: theme$1.ERROR
|
|
4181
|
+
alignSelf: "flex-start"
|
|
4192
4182
|
}
|
|
4193
4183
|
}
|
|
4194
4184
|
)) : null);
|