dhre-ui-kit 0.0.327 → 0.0.329
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 +7 -2
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +7 -2
- package/lib/index.mjs.map +1 -1
- package/package.json +1 -1
package/lib/index.d.ts
CHANGED
|
@@ -659,6 +659,7 @@ interface CustomDropdownProps {
|
|
|
659
659
|
activeColor?: string;
|
|
660
660
|
renderRightIcon?: (visible?: boolean) => JSX.Element | null;
|
|
661
661
|
disable?: boolean;
|
|
662
|
+
autoScroll?: boolean;
|
|
662
663
|
}
|
|
663
664
|
declare const CustomDropdown: (props: CustomDropdownProps) => React$1.JSX.Element;
|
|
664
665
|
|
|
@@ -718,6 +719,7 @@ declare const _default$4: (props: CustomDocumentPickerProps) => React$1.JSX.Elem
|
|
|
718
719
|
interface IProps$1 {
|
|
719
720
|
length?: number;
|
|
720
721
|
onComplete?: (otp?: string) => void;
|
|
722
|
+
onChangeCallback?: (otp?: string) => void;
|
|
721
723
|
errorMessage?: string;
|
|
722
724
|
testId?: string;
|
|
723
725
|
otpContainerStyle?: ViewStyle;
|
package/lib/index.js
CHANGED
|
@@ -3596,7 +3596,8 @@ const CustomDropdown = (props) => {
|
|
|
3596
3596
|
activeColor,
|
|
3597
3597
|
keepPlaceholderOnFocus = false,
|
|
3598
3598
|
selectedItemTextStyle,
|
|
3599
|
-
disable
|
|
3599
|
+
disable,
|
|
3600
|
+
autoScroll = true
|
|
3600
3601
|
} = props;
|
|
3601
3602
|
const [value, setValue] = React.useState(defaultValue);
|
|
3602
3603
|
const [isFocus, setIsFocus] = React.useState(false);
|
|
@@ -3669,7 +3670,8 @@ const CustomDropdown = (props) => {
|
|
|
3669
3670
|
containerStyle: menuContainerStyle,
|
|
3670
3671
|
activeColor,
|
|
3671
3672
|
itemContainerStyle: [styles$8.itemListStyle, itemContainerStyle],
|
|
3672
|
-
disable
|
|
3673
|
+
disable,
|
|
3674
|
+
autoScroll
|
|
3673
3675
|
}
|
|
3674
3676
|
));
|
|
3675
3677
|
};
|
|
@@ -4079,6 +4081,7 @@ const OTPInput = React__default["default"].forwardRef(
|
|
|
4079
4081
|
({
|
|
4080
4082
|
length = 4,
|
|
4081
4083
|
onComplete,
|
|
4084
|
+
onChangeCallback,
|
|
4082
4085
|
resendOTP,
|
|
4083
4086
|
errorMessage,
|
|
4084
4087
|
testId = "",
|
|
@@ -4213,6 +4216,8 @@ const OTPInput = React__default["default"].forwardRef(
|
|
|
4213
4216
|
React.useEffect(() => {
|
|
4214
4217
|
if (otp.length === length) {
|
|
4215
4218
|
onComplete?.(otp);
|
|
4219
|
+
} else {
|
|
4220
|
+
onChangeCallback && onChangeCallback?.(otp);
|
|
4216
4221
|
}
|
|
4217
4222
|
}, [otp]);
|
|
4218
4223
|
return /* @__PURE__ */ React__default["default"].createElement(ThemeProvider, null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: { ...otpContainerStyle }, "data-testid": testId }, /* @__PURE__ */ React__default["default"].createElement(
|