dhre-component-lib 0.8.13 → 0.8.15

package/dist/components/Button/Button.d.ts

@@ -9,6 +9,8 @@ type ButtonProps = {
     disabled?: boolean;
     width?: string;
     height?: string;
+    id?: string;
+    type?: "button" | "submit" | "reset";
     borderRadius?: string;
     className?: string;
     loaderThickness?: number;

package/dist/index.d.ts

@@ -37,6 +37,8 @@ type ButtonProps = {
     disabled?: boolean;
     width?: string;
     height?: string;
+    id?: string;
+    type?: "button" | "submit" | "reset";
     borderRadius?: string;
     className?: string;
     loaderThickness?: number;

package/dist/index.esm.js

@@ -21634,6 +21634,10 @@ const OTPInput = ({ length = 4, onChange, autoFocus = false, onResend, resendDel
         }
     };
     const handleKeyDown = (e, index) => {
+        if (e.key === "Enter") {
+            e.stopPropagation();
+            return;
+        }
         if (!!patternRegex && !patternRegex.test(e.key) && e.key !== "Backspace") {
             e.preventDefault();
             return;
@@ -21678,7 +21682,7 @@ const OTPInput = ({ length = 4, onChange, autoFocus = false, onResend, resendDel
                 React__default.createElement("div", { className: "timerText" },
                     timer ? icon : "",
                     timer > 0 ? `00:${timer} secs` : ""),
-                React__default.createElement("button", { onClick: handleResendClick, disabled: timer > 0 || disableResend, style: {
+                React__default.createElement("button", { type: "button", onClick: handleResendClick, disabled: timer > 0 || disableResend, style: {
                         border: "none",
                         background: "none",
                         cursor: timer > 0 || disableResend ? "not-allowed" : "pointer",
@@ -21699,6 +21703,16 @@ const Search = ({ searchIcon, crossIcon, disabled = false, onSearch, onSelectSug
     useEffect(() => {
         queryRef.current = query;
     }, [query]);
+    useEffect(() => {
+        if (!!suggestions?.length && query.length >= 3 && shouldShowAll) {
+            setShowSuggestions(true);
+            setFilteredSuggestions(suggestions);
+        }
+        else {
+            setFilteredSuggestions([]);
+            setShowSuggestions(false);
+        }
+    }, [suggestions]);
     const handleChange = (e) => {
         if (disabled)
             return;
@@ -21729,8 +21743,8 @@ const Search = ({ searchIcon, crossIcon, disabled = false, onSearch, onSelectSug
             onSearch(queryRef.current);
         }, 500);
         setTimeoutId(newTimeoutId);
-        if (suggestions && value) {
-            const filtered = shouldShowAll ? suggestions : suggestions.filter((suggestion) => suggestion.title.toLowerCase().includes(value.toLowerCase()));
+        if (suggestions && value && !shouldShowAll) {
+            const filtered = suggestions.filter((suggestion) => suggestion.title.toLowerCase().includes(value.toLowerCase()));
             setFilteredSuggestions(filtered);
             setShowSuggestions(true);
         }