@kashifd/jwero-components 0.6.64 → 0.6.65

package/dist/index.es.js

@@ -49299,17 +49299,18 @@ const sW = ({
   primaryButtonProps: e,
   secondaryButtonProps: t,
   options: r,
-  customClose: a
+  customClose: a,
+  popperProps: s
 }) => {
-  const s = br(), [c, d] = ln(!1), [g, m] = ln(
+  const c = br(), [d, g] = ln(!1), [m, v] = ln(
     null
-  ), v = (T) => {
-    T.stopPropagation(), c ? (d(!1), m(null)) : (d(!0), m(T.currentTarget), t != null && t.onClick && (t == null || t.onClick(T)));
-  }, w = (T) => {
-    T == null || T.stopPropagation(), d(!1), m(null);
+  ), w = (O) => {
+    O.stopPropagation(), d ? (g(!1), v(null)) : (g(!0), v(O.currentTarget), t != null && t.onClick && (t == null || t.onClick(O)));
+  }, T = (O) => {
+    O == null || O.stopPropagation(), g(!1), v(null);
   };
   return vc(() => {
-    a && (m(null), d(!1));
+    a && (v(null), g(!1));
   }, [a]), /* @__PURE__ */ x.jsxs(x.Fragment, { children: [
     /* @__PURE__ */ x.jsxs(
       Ue,
@@ -49335,7 +49336,7 @@ const sW = ({
                 borderRadius: "0.5rem 0 0 0.5rem",
                 boxShadow: "0px 0px 1px 0px rgba(0, 0, 0, 0.40)",
                 "&:hover": {
-                  backgroundColor: s.palette.grey[200]
+                  backgroundColor: c.palette.grey[200]
                 },
                 padding: "0 1rem",
                 height: "100%",
@@ -49347,7 +49348,7 @@ const sW = ({
           /* @__PURE__ */ x.jsx(Co, { title: t == null ? void 0 : t.tooltip, children: /* @__PURE__ */ x.jsx(
             Ue,
             {
-              onClick: v,
+              onClick: w,
               alignItems: "center",
               justifyContent: "center",
               sx: {
@@ -49355,7 +49356,7 @@ const sW = ({
                 padding: "0 0.5em",
                 boxShadow: "0px 0px 1px 0px rgba(0, 0, 0, 0.40)",
                 "&:hover": {
-                  backgroundColor: s.palette.grey[200]
+                  backgroundColor: c.palette.grey[200]
                 },
                 height: "100%",
                 ...t == null ? void 0 : t.sx
@@ -49369,10 +49370,11 @@ const sW = ({
     /* @__PURE__ */ x.jsx(
       zp,
       {
-        open: c,
-        onClose: w,
-        anchorEl: g,
+        open: d,
+        onClose: T,
+        anchorEl: m,
         placement: "bottom",
+        popperProps: s,
         children: /* @__PURE__ */ x.jsx(Xx, { menuList: [{ options: r }] })
       }
     )
@@ -49553,9 +49555,10 @@ const sW = ({
           alt: d == null ? void 0 : d.name,
           sx: {
             bgcolor: !(d != null && d.url) || (d == null ? void 0 : d.url) !== "" ? s.colors.secondary : "transparent",
+            color: "#fff",
             ...a
           },
-          children: !(d != null && d.url) || (d == null ? void 0 : d.url) !== "" && c(d == null ? void 0 : d.name)
+          children: !(d != null && d.url) && (d == null ? void 0 : d.url) !== "" && c(d == null ? void 0 : d.name)
         },
         g
       ))