@3sc/common-component 0.0.438 → 0.0.439

package/dist/index.es.js

@@ -41746,36 +41746,41 @@ const LV = ({ progress: e = 0, status: t }) => {
     background: "transparent",
     boxShadow: "none"
   }
-})), qV = ({ isChartType: e, setIsChartType: t, leftSwitchText: n, rigthSwitchText: r }) => {
-  const [o, i] = De(0), [a, l] = De(0), c = rt(null), u = rt(null);
+})), qV = ({ isChartType: e, setIsChartType: t, leftSwitchText: n, rigthSwitchText: r, disabled: o }) => {
+  const [i, a] = De(0), [l, c] = De(0), u = rt(null), d = rt(null);
   return st(() => {
-    if (c.current && u.current) {
-      const d = e ? u.current : c.current;
-      i(d.offsetWidth), l(d.offsetLeft);
+    if (u.current && d.current) {
+      const f = e ? d.current : u.current;
+      a(f.offsetWidth), c(f.offsetLeft);
     }
-  }, [e]), /* @__PURE__ */ m.jsx(we, { sx: { display: "flex" }, children: /* @__PURE__ */ m.jsxs(UV, { children: [
-    /* @__PURE__ */ m.jsx(HV, { sx: { width: o, transform: `translateX(${a}px)`, height: "2.5rem" } }),
+  }, [e]), /* @__PURE__ */ m.jsx(we, { sx: { display: "flex" }, children: /* @__PURE__ */ m.jsxs(UV, { sx: {
+    cursor: o ? "not-allowed" : "pointer",
+    opacity: o ? 0.5 : 1
+  }, children: [
+    /* @__PURE__ */ m.jsx(HV, { sx: { width: i, transform: `translateX(${l}px)`, height: "2.5rem" } }),
     /* @__PURE__ */ m.jsx(
       py,
       {
-        ref: c,
+        ref: u,
         disableRipple: !0,
-        sx: (d) => ({
-          color: e ? d.palette.brandColor.grey1 : d.palette.primary.notifyActiveText
+        sx: (f) => ({
+          cursor: o ? "not-allowed" : "pointer",
+          color: e ? f.palette.brandColor.grey1 : f.palette.primary.notifyActiveText
         }),
-        onClick: () => t(!1),
+        onClick: () => o ? null : t(!1),
         children: n
       }
     ),
     /* @__PURE__ */ m.jsx(
       py,
       {
-        ref: u,
+        ref: d,
         disableRipple: !0,
-        sx: (d) => ({
-          color: e ? d.palette.primary.notifyActiveText : d.palette.brandColor.grey1
+        sx: (f) => ({
+          cursor: o ? "not-allowed" : "pointer",
+          color: e ? f.palette.primary.notifyActiveText : f.palette.brandColor.grey1
         }),
-        onClick: () => t(!0),
+        onClick: () => o ? null : t(!0),
         children: r
       }
     )
@@ -45523,8 +45528,8 @@ _w.propTypes = {
   handleLinkClick: s.func
 };
 const Bw = ({ breadcrumbProps: e, switchProps: t, filterComponentProps: n, metaDataProps: r }) => {
-  var i, a, l, c, u, d, f;
-  const o = Ft();
+  var a, l, c, u, d, f, p, h;
+  const o = Ft(), i = (a = n == null ? void 0 : n.filterBtnProps) == null ? void 0 : a.disabled;
   return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
     /* @__PURE__ */ m.jsxs(
       ft,
@@ -45565,9 +45570,10 @@ const Bw = ({ breadcrumbProps: e, switchProps: t, filterComponentProps: n, metaD
                   direction: "row",
                   alignItems: "center",
                   gap: "0.5rem",
-                  onClick: (i = n == null ? void 0 : n.filterBtnProps) == null ? void 0 : i.onFilterClick,
+                  onClick: (l = n == null ? void 0 : n.filterBtnProps) == null ? void 0 : l.onFilterClick,
                   sx: {
-                    cursor: "pointer"
+                    opacity: i ? 0.5 : 1,
+                    cursor: i ? "not-allowed" : "pointer"
                   },
                   children: [
                     /* @__PURE__ */ m.jsx(hn, { url: et.Filter }),
@@ -45578,7 +45584,7 @@ const Bw = ({ breadcrumbProps: e, switchProps: t, filterComponentProps: n, metaD
                           fontSize: "1.1rem",
                           color: o.palette.primary.notifyActiveText
                         },
-                        children: (a = n == null ? void 0 : n.filterBtnProps) == null ? void 0 : a.label
+                        children: (c = n == null ? void 0 : n.filterBtnProps) == null ? void 0 : c.label
                       }
                     )
                   ]
@@ -45597,8 +45603,8 @@ const Bw = ({ breadcrumbProps: e, switchProps: t, filterComponentProps: n, metaD
           height: "0rem"
         },
         animate: {
-          height: (l = n == null ? void 0 : n.filterBtnProps) != null && l.filterContainerVisible ? "5rem" : "0rem",
-          opacity: (c = n == null ? void 0 : n.filterBtnProps) != null && c.filterContainerVisible ? 1 : 0
+          height: (u = n == null ? void 0 : n.filterBtnProps) != null && u.filterContainerVisible ? "5rem" : "0rem",
+          opacity: (d = n == null ? void 0 : n.filterBtnProps) != null && d.filterContainerVisible ? 1 : 0
         },
         transition: {
           duration: 0.5,
@@ -45612,7 +45618,7 @@ const Bw = ({ breadcrumbProps: e, switchProps: t, filterComponentProps: n, metaD
           alignItems: "center",
           display: "flex",
           overflow: "hidden",
-          width: (u = n == null ? void 0 : n.filterContainerProps) != null && u.isSideDrawerOpen ? "75%" : "100%"
+          width: (f = n == null ? void 0 : n.filterContainerProps) != null && f.isSideDrawerOpen ? "75%" : "100%"
         },
         children: /* @__PURE__ */ m.jsxs(
           ft,
@@ -45666,7 +45672,7 @@ const Bw = ({ breadcrumbProps: e, switchProps: t, filterComponentProps: n, metaD
                       sx: {
                         overflow: "visible"
                       },
-                      children: (d = n == null ? void 0 : n.filterItems) == null ? void 0 : d.map((p, h) => /* @__PURE__ */ m.jsx(m.Fragment, { children: /* @__PURE__ */ m.jsxs(
+                      children: (p = n == null ? void 0 : n.filterItems) == null ? void 0 : p.map((y, g) => /* @__PURE__ */ m.jsx(m.Fragment, { children: /* @__PURE__ */ m.jsxs(
                         we,
                         {
                           sx: {
@@ -45690,7 +45696,7 @@ const Bw = ({ breadcrumbProps: e, switchProps: t, filterComponentProps: n, metaD
                                   right: "-0.6rem",
                                   cursor: "pointer"
                                 },
-                                onClick: () => n == null ? void 0 : n.onFilterChipClose(p)
+                                onClick: () => n == null ? void 0 : n.onFilterChipClose(y)
                               }
                             ),
                             /* @__PURE__ */ m.jsx(
@@ -45700,12 +45706,12 @@ const Bw = ({ breadcrumbProps: e, switchProps: t, filterComponentProps: n, metaD
                                   fontSize: "1rem",
                                   color: o.palette.primary.notifyTextColor
                                 },
-                                children: p == null ? void 0 : p.filterLabel
+                                children: y == null ? void 0 : y.filterLabel
                               }
                             )
                           ]
                         },
-                        h
+                        g
                       ) }))
                     }
                   )
@@ -45722,7 +45728,7 @@ const Bw = ({ breadcrumbProps: e, switchProps: t, filterComponentProps: n, metaD
                     color: o.palette.brandColor.red,
                     cursor: "pointer"
                   },
-                  onClick: (f = n == null ? void 0 : n.filterContainerProps) == null ? void 0 : f.onClearClick,
+                  onClick: (h = n == null ? void 0 : n.filterContainerProps) == null ? void 0 : h.onClearClick,
                   children: "Clear"
                 }
               )