dhre-component-lib 0.2.9 → 0.3.1

package/dist/index.js

@@ -9464,8 +9464,8 @@ const Modal = ({ isOpen, onClose, title, children, crossIcon }) => {
     }, [isOpen]);
     if (!isOpen)
         return null;
-    return (React__default.default.createElement("div", { className: "modal-overlay", onClick: onClose },
-        React__default.default.createElement("div", { className: "modal-container", onClick: (e) => e.stopPropagation() },
+    return (React__default.default.createElement("div", { className: "modal-overlay", onClick: onClose, "data-testid": "modal-overlay" },
+        React__default.default.createElement("div", { className: "modal-container", onClick: (e) => e.stopPropagation(), "data-testid": "modal-container" },
             title && React__default.default.createElement("div", { className: "modal-header" }, title),
             React__default.default.createElement("div", null, children),
             React__default.default.createElement("button", { className: "modal-close", onClick: onClose }, crossIcon))));
@@ -9498,13 +9498,21 @@ const Accordion = ({ icon, title, description, children, border = false, upArrow
 var css = ".tabs {\n  display: flex;\n  gap: 12px;\n}\n\n.tab {\n  padding: 12px;\n  cursor: pointer;\n  background-color: transparent;\n  border: none;\n  color: #A7A7A7;\n  border-bottom: 2px solid transparent;\n  transition: border-bottom 0.3s ease;\n}\n\n.tab.active {\n  border-bottom: 2px solid #000000;\n  color: #000000;\n}\n\n.tab:hover {\n  color: #000000;\n}";
 n(css,{});
 
-const Tabs = ({ tabs, onTabChange }) => {
+const Tabs = ({ tabs, onTabChange, selectedTabValue }) => {
     const [selectedTab, setSelectedTab] = React.useState();
     React.useEffect(() => {
         if (tabs?.length) {
             setSelectedTab(tabs[0]);
         }
     }, [tabs]);
+    React.useEffect(() => {
+        if (selectedTabValue) {
+            const newSelectedTab = tabs?.find((tab) => tab?.value === selectedTabValue);
+            if (newSelectedTab) {
+                setSelectedTab(newSelectedTab);
+            }
+        }
+    }, [selectedTabValue, tabs]);
     const handleTabClick = (tab) => {
         setSelectedTab(tab);
         onTabChange(tab);