dhre-component-lib 0.2.7 → 0.2.8

package/dist/components/Accordian/Accordian.d.ts

@@ -8,6 +8,7 @@ type AccordionProps = {
     border?: boolean;
     upArrowIcon: React.ReactNode;
     downArrowIcon: React.ReactNode;
+    openByDefault?: boolean;
 };
 declare const Accordion: React.FC<AccordionProps>;
 export default Accordion;

package/dist/index.d.ts

@@ -210,6 +210,7 @@ type AccordionProps = {
     border?: boolean;
     upArrowIcon: React.ReactNode;
     downArrowIcon: React.ReactNode;
+    openByDefault?: boolean;
 };
 declare const Accordion: React.FC<AccordionProps>;
 

package/dist/index.esm.js

@@ -9356,13 +9356,20 @@ const Search = ({ searchIcon, crossIcon, disabled = false, onSearch, onSelectSug
             return;
         const value = e.target.value;
         setQuery(value);
+        if (value.length < 3) {
+            setBorderClass("default-border");
+            setShowSuggestions(false);
+            if (timeoutId)
+                clearTimeout(timeoutId);
+            return;
+        }
         setBorderClass("typing-border");
         if (timeoutId)
             clearTimeout(timeoutId);
         const newTimeoutId = setTimeout(() => {
             setBorderClass("stopped-border");
             onSearch(queryRef.current);
-        }, 2000);
+        }, 500);
         setTimeoutId(newTimeoutId);
         if (suggestions && value) {
             const filtered = suggestions
@@ -9438,8 +9445,8 @@ const Modal = ({ isOpen, onClose, title, children, crossIcon }) => {
 var css = ".accordion {\n  padding: 10px;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n}\n.accordion.with-border {\n  border: 1px solid #CECECE;\n  padding: 24px 16px 24px 16px;\n  border-radius: 16px;\n}\n.accordion.without-border {\n  border-bottom: 1px solid #686868;\n  padding: 16px 0px 16px 0px;\n  margin-top: 16px;\n}\n.accordion .accordion-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.accordion .accordion-header .accordion-icon {\n  margin-right: 10px;\n}\n.accordion .accordion-header .accordion-text {\n  display: flex;\n  flex-direction: column;\n}\n.accordion .accordion-header .accordian-arrow {\n  display: flex;\n  justify-content: flex-end;\n}\n.accordion .accordion-content {\n  padding: 16px 4px 16px 4px;\n}";
 n(css,{});
 
-const Accordion = ({ icon, title, description, children, border = false, upArrowIcon, downArrowIcon }) => {
-    const [isOpen, setIsOpen] = useState(false);
+const Accordion = ({ icon, title, description, children, border = false, upArrowIcon, downArrowIcon, openByDefault }) => {
+    const [isOpen, setIsOpen] = useState(openByDefault ? true : false);
     const toggleAccordion = () => {
         setIsOpen(!isOpen);
     };