@ukpc-lib/react 0.6.0 → 0.7.1

package/dist/components/index.js

@@ -1,8 +1,8 @@
-import { jsxs as N, Fragment as Te, jsx as c } from "react/jsx-runtime";
+import { jsxs as N, Fragment as Ne, jsx as c } from "react/jsx-runtime";
 import * as j from "react";
-import Se, { useState as F, useContext as Ie, useEffect as te, useRef as ce, useCallback as wt, useLayoutEffect as $n, createElement as St, forwardRef as Mo, PureComponent as Ao } from "react";
-import { c as Ee, a as dt, C as Pe, p as Pn, u as $o, S as Rn, b as Po, L as Ro, d as zr, e as Do, Q as Dn, f as yt, g as zo, m as Fo, h as nt, R as Lo, I as jo, i as Vo, j as Ho, s as Bo, k as pr, l as Uo, n as vt, _ as L, o as Me, P as T, q as _e, r as Wo, t as Yo, v as qo, w as Go, x as Fr, y as Lr, z as Ko, A as Zo, B as jr, D as Jo, E as zn, F as Fn, G as Xo, H as Qo, J as $e, K as ei, M as bt } from "../index.module-cfbc6ea7.js";
-import { N as a1, O as s1 } from "../index.module-cfbc6ea7.js";
+import Se, { useState as L, useContext as Te, useEffect as te, useRef as ce, useCallback as wt, useLayoutEffect as $n, createElement as St, forwardRef as Mo, PureComponent as Ao } from "react";
+import { c as Ee, a as dt, C as Pe, p as Pn, u as $o, S as Rn, b as Po, L as Ro, d as zr, e as Do, Q as Dn, f as yt, g as zo, m as Fo, h as nt, R as Lo, I as jo, i as Vo, j as Ho, s as Bo, k as pr, l as Uo, n as vt, _ as F, o as Me, P as T, q as _e, r as Wo, t as Yo, v as qo, w as Go, x as Fr, y as Lr, z as Ko, A as Zo, B as jr, D as Jo, E as zn, F as Fn, G as Xo, H as Qo, J as $e, K as ei, M as bt } from "../index.module-63de61bd.js";
+import { N as a1, T as s1, O as l1 } from "../index.module-63de61bd.js";
 import J from "moment";
 import { Stack as oe, Dialog as ti, DialogTitle as ri, Typography as Ce, DialogContent as ni, DialogActions as oi, Button as Mt, Box as ii, Tooltip as sr, ClickAwayListener as ai, TextField as Ln, IconButton as si, CircularProgress as li, Fade as ci, Paper as di, Checkbox as ui } from "@mui/material";
 import "@r2wc/react-to-web-component";
@@ -15,7 +15,7 @@ const hi = (e) => {
   const { tabs: t } = e, r = (i) => {
     e.setCurrentTab(i.target.id);
   };
-  return console.log("🚀 ~ brandColors:", e.currentTab), /* @__PURE__ */ N(Te, { children: [
+  return console.log("🚀 ~ brandColors:", e.currentTab), /* @__PURE__ */ N(Ne, { children: [
     /* @__PURE__ */ c("style", { children: `
       .tab-title { 
         min-width: 90px;
@@ -105,13 +105,13 @@ const hi = (e) => {
   brandColors: o
 }) => {
   var v;
-  const [i, a] = F(!1), [s, u] = F({
+  const [i, a] = L(!1), [s, u] = L({
     id: e.id,
     isRead: e.isRead
   }), d = s.isRead === !1 ? "unread" : "read", m = {
     borderColor: s.isRead ? "#c5c5c5" : (o == null ? void 0 : o.primary500) || Ee.primary500,
     backgroundColor: s.isRead ? "#c5c5c5" : (o == null ? void 0 : o.primary500) || Ee.primary500
-  }, { setNotiData: h } = Ie(Pe), g = yr({ baseUrl: t, notiPath: r, setNotiData: h }), b = async (_, x) => {
+  }, { setNotiData: h } = Te(Pe), g = yr({ baseUrl: t, notiPath: r, setNotiData: h }), b = async (_, x) => {
     try {
       const S = r || `/notification-management/api/v1/notifications/${_}`, p = t + S;
       await dt.put(p, { isRead: x });
@@ -161,7 +161,7 @@ const hi = (e) => {
     }
     return C === 0 || C === 1 ? "1 month ago" : C < 12 ? `${C} months ago` : I === 0 || I === 1 ? "1 year ago" : "Over 1 year ago";
   };
-  return /* @__PURE__ */ c(Te, { children: /* @__PURE__ */ N("div", { className: "notitification-item__container", children: [
+  return /* @__PURE__ */ c(Ne, { children: /* @__PURE__ */ N("div", { className: "notitification-item__container", children: [
     /* @__PURE__ */ c("div", { className: "notification-item__image-container", children: /* @__PURE__ */ c(
       "img",
       {
@@ -248,9 +248,9 @@ const hi = (e) => {
   brandColors: n,
   notiUnreadNumber: o
 }) => {
-  const [i, a] = F(!1);
+  const [i, a] = L(!1);
   console.log(i);
-  const { setNotiData: s } = Ie(Pe), u = yr({ baseUrl: t, notiPath: r, setNotiData: s }), d = async () => {
+  const { setNotiData: s } = Te(Pe), u = yr({ baseUrl: t, notiPath: r, setNotiData: s }), d = async () => {
     try {
       const g = t + (r || "/notification-management/api/v1/notifications");
       await dt.put(g);
@@ -288,9 +288,9 @@ const hi = (e) => {
   brandColors: r
 }) => {
   var u, d, m, h;
-  const { setShowModalFalse: n } = Ie(Pe), { notidata: o } = Ie(Pe);
+  const { setShowModalFalse: n } = Te(Pe), { notidata: o } = Te(Pe);
   console.log(o);
-  const [i, a] = F("all"), s = [
+  const [i, a] = L("all"), s = [
     {
       id: "all",
       tabTitle: `All (${((u = o == null ? void 0 : o.all) == null ? void 0 : u.total) || 0})`,
@@ -320,7 +320,7 @@ const hi = (e) => {
       )
     }
   ];
-  return /* @__PURE__ */ c(Te, { children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ c(Ne, { children: /* @__PURE__ */ c(
     "div",
     {
       style: {
@@ -416,7 +416,7 @@ function yi({
   brandColors: n
 }) {
   var h, g;
-  const { isOpen: o, toggleOpen: i, setShowModalFalse: a } = Ie(Pe), { notidata: s, setNotiData: u } = Ie(Pe), d = yr({ baseUrl: t, notiPath: r, setNotiData: u }), m = async () => {
+  const { isOpen: o, toggleOpen: i, setShowModalFalse: a } = Te(Pe), { notidata: s, setNotiData: u } = Te(Pe), d = yr({ baseUrl: t, notiPath: r, setNotiData: u }), m = async () => {
     var b, y;
     try {
       await d();
@@ -672,7 +672,7 @@ function Ti({ classNames: e = "", ...t }) {
     ...a,
     color: (s == null ? void 0 : s.headerTextColor) || "white",
     backgroundColor: (s == null ? void 0 : s.headerBgColor) || "black"
-  }, [b, y] = F(!1);
+  }, [b, y] = L(!1);
   return /* @__PURE__ */ N(
     Rn,
     {
@@ -797,8 +797,8 @@ function Mi() {
       value: zr.de,
       element: /* @__PURE__ */ c(Ei, {})
     }
-  ], [t, r] = F(!1);
-  F(
+  ], [t, r] = L(!1);
+  L(
     new Array(e.length).fill(!1)
   );
   const { language: n, setLanguage: o } = Do();
@@ -833,15 +833,15 @@ function Ai({
   avatarUrl: e,
   userName: t
 }) {
-  const [r, n] = F(!1), o = ce(null);
-  return ce(null), F(!1), F(!1), te(() => {
+  const [r, n] = L(!1), o = ce(null);
+  return ce(null), L(!1), L(!1), te(() => {
     vr({
       childrenClass: "userAvatar",
       action() {
         n(!1);
       }
     });
-  }, []), /* @__PURE__ */ c(Te, { children: /* @__PURE__ */ c("div", { style: { position: "relative" }, children: e ? /* @__PURE__ */ c(
+  }, []), /* @__PURE__ */ c(Ne, { children: /* @__PURE__ */ c("div", { style: { position: "relative" }, children: e ? /* @__PURE__ */ c(
     "img",
     {
       onClick: () => n(!r),
@@ -1235,7 +1235,7 @@ function $i() {
 var Pi = typeof yt == "object" && yt && yt.Object === Object && yt, Ri = typeof self == "object" && self && self.Object === Object && self;
 Pi || Ri || Function("return this")();
 function Di(e) {
-  const [t, r] = F(!!e), n = wt(() => {
+  const [t, r] = L(!!e), n = wt(() => {
     r(!0);
   }, []), o = wt(() => {
     r(!1);
@@ -1290,7 +1290,7 @@ function Yc(e) {
           pb: 3,
           ...(t = e.dialogActionsProps) == null ? void 0 : t.sx
         },
-        children: e.customActions ? e.customActions : /* @__PURE__ */ N(Te, { children: [
+        children: e.customActions ? e.customActions : /* @__PURE__ */ N(Ne, { children: [
           !e.hideClose && /* @__PURE__ */ c(Mt, { color: "error", onClick: e.onClose, children: "Close" }),
           !e.hideConfirm && /* @__PURE__ */ c(Mt, { color: "primary", onClick: e.onConfirm, children: "Submit" })
         ] })
@@ -1349,7 +1349,7 @@ function zi(e) {
   );
 }
 function Fi(e) {
-  const { renderChildren: t, parentRef: r, onlyChild: n, dropdownLevel: o } = e, [i, a] = F({ top: 0, left: 0 }), s = ce(null), [u, d] = F("auto");
+  const { renderChildren: t, parentRef: r, onlyChild: n, dropdownLevel: o } = e, [i, a] = L({ top: 0, left: 0 }), s = ce(null), [u, d] = L("auto");
   return $n(() => {
     if (r.current && s.current) {
       const m = r.current.getBoundingClientRect(), h = s.current.getBoundingClientRect();
@@ -1385,7 +1385,7 @@ function Fi(e) {
 }
 function Vn({ ...e }) {
   var V, K, ne, pe, ge;
-  const t = e.item, r = e.level || 0, n = !!((V = e.item.children) != null && V.length), { isActive: o } = e, i = `level-${r}`, a = o(t.id) ? "active" : "", s = (Y, Q = i) => `${Y} ${Q} ${a}`, [u, d] = F(!1), [m, h] = F(t.isFavorite || !1);
+  const t = e.item, r = e.level || 0, n = !!((V = e.item.children) != null && V.length), { isActive: o } = e, i = `level-${r}`, a = o(t.id) ? "active" : "", s = (Y, Q = i) => `${Y} ${Q} ${a}`, [u, d] = L(!1), [m, h] = L(t.isFavorite || !1);
   console.log("item is Favorite", m);
   const g = ce(), b = ce();
   b != null && b.current && ((K = b == null ? void 0 : b.current) == null ? void 0 : K.scrollWidth) > ((ne = b == null ? void 0 : b.current) == null ? void 0 : ne.clientWidth);
@@ -1465,9 +1465,9 @@ function Vn({ ...e }) {
                           var me;
                           h(Y), zo("Set favorite menu item successfully"), (me = e.onSetFavoriteSuccess) == null || me.call(e, e.item.id, Y);
                         }).catch((ye) => {
-                          var me, Ne;
+                          var me, Oe;
                           Pn(
-                            ((Ne = (me = ye.response) == null ? void 0 : me.data) == null ? void 0 : Ne.errorMessage) || "Have error when set favorite menu item"
+                            ((Oe = (me = ye.response) == null ? void 0 : me.data) == null ? void 0 : Oe.errorMessage) || "Have error when set favorite menu item"
                           );
                         });
                       }
@@ -1525,7 +1525,7 @@ function Vn({ ...e }) {
 }
 function Li({ item: e, cls: t }) {
   var a, s;
-  const [r, n] = F(!e.icon), o = () => {
+  const [r, n] = L(!e.icon), o = () => {
     n(!0);
   }, i = (a = e.icon) == null ? void 0 : a.endsWith(".svg");
   return /* @__PURE__ */ c("div", { className: t("menu-item__icon"), children: r ? /* @__PURE__ */ c(
@@ -1570,7 +1570,7 @@ function ji(e) {
     minWidth: 16
   };
   if (e.menuLevel !== 0)
-    return /* @__PURE__ */ N(Te, { children: [
+    return /* @__PURE__ */ N(Ne, { children: [
       e.isHovered && !e.isFavorite && /* @__PURE__ */ c(
         sr,
         {
@@ -1609,20 +1609,23 @@ const Vi = `.flex-col-center{display:flex;flex-direction:column;justify-content:
 `, Hi = `.app,.treeRoot{height:100%}.draggingSource{opacity:.3}.placeholderContainer{position:relative}.dropTarget{background-color:#8d878711}
 `;
 function Bi(e) {
-  const t = fi(), [r, n] = F([]), [o, i] = F([]), a = r.map((f) => f.data);
+  const t = fi(), [r, n] = L([]), [o, i] = L([]), a = r.map((f) => f.data);
   console.log("🚀 ~ FavoriteMenuContent ~ menuItems:", a);
-  const [s, u] = F(window.location.href);
-  console.log("menuItems", a), te(() => {
+  const [s, u] = L(window.location.href);
+  te(() => {
     u(window.location.href);
   }, [t]);
   const d = Wi(a, s).filter(
     (f) => f.parentKey !== 0
   );
-  console.log("matchPaths:", s, t, d), F(!1);
+  console.log("matchPaths:", s, t, d);
   const m = (f) => `${f}`, h = ce(null);
   function g(f, v) {
     i(
-      (_) => _.map((x) => x.id === f ? { ...x, isFavorite: v } : x)
+      (_) => _.map((x) => ({
+        ...x,
+        isFavorite: x.id === f ? v : x.isFavorite
+      }))
     );
   }
   const b = () => {
@@ -1667,7 +1670,7 @@ function Bi(e) {
       onSetFavoriteSuccess: g
     }
   );
-  return /* @__PURE__ */ c("div", { className: m("side-bar"), children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ c(Ne, { children: o.length ? /* @__PURE__ */ c("div", { className: m("side-bar"), children: /* @__PURE__ */ c(
     "div",
     {
       className: m("wrap-section side-bar__menu"),
@@ -1685,7 +1688,7 @@ function Bi(e) {
         (f, v) => /* @__PURE__ */ c("div", { children: l(f, y(), d) }, v)
       )
     }
-  ) });
+  ) }) : "" });
 }
 function Ui(e, t) {
   const r = new URL(e).searchParams, n = new URL(t).searchParams;
@@ -1851,14 +1854,14 @@ const Jc = () => {
     ]
   }
 );
-function Oe(e) {
+function Ie(e) {
   if (typeof e != "object" || e === null)
     return !1;
   const t = Object.getPrototypeOf(e);
   return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
 }
 function Hn(e) {
-  if (!Oe(e))
+  if (!Ie(e))
     return e;
   const t = {};
   return Object.keys(e).forEach((r) => {
@@ -1868,15 +1871,15 @@ function Hn(e) {
 function be(e, t, r = {
   clone: !0
 }) {
-  const n = r.clone ? L({}, e) : e;
-  return Oe(e) && Oe(t) && Object.keys(t).forEach((o) => {
-    o !== "__proto__" && (Oe(t[o]) && o in e && Oe(e[o]) ? n[o] = be(e[o], t[o], r) : r.clone ? n[o] = Oe(t[o]) ? Hn(t[o]) : t[o] : n[o] = t[o]);
+  const n = r.clone ? F({}, e) : e;
+  return Ie(e) && Ie(t) && Object.keys(t).forEach((o) => {
+    o !== "__proto__" && (Ie(t[o]) && o in e && Ie(e[o]) ? n[o] = be(e[o], t[o], r) : r.clone ? n[o] = Ie(t[o]) ? Hn(t[o]) : t[o] : n[o] = t[o]);
   }), n;
 }
 const qi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: be,
-  isPlainObject: Oe
+  isPlainObject: Ie
 }, Symbol.toStringTag, { value: "Module" }));
 function it(e) {
   let t = "https://mui.com/production-error/?code=" + e;
@@ -2028,7 +2031,7 @@ function Zi() {
     function me(k) {
       return fe || (fe = !0, console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")), !1;
     }
-    function Ne(k) {
+    function Oe(k) {
       return p(k) === a;
     }
     function ze(k) {
@@ -2064,7 +2067,7 @@ function Zi() {
     function et(k) {
       return p(k) === m;
     }
-    P.ContextConsumer = w, P.ContextProvider = C, P.Element = I, P.ForwardRef = O, P.Fragment = B, P.Lazy = z, P.Memo = V, P.Portal = K, P.Profiler = ne, P.StrictMode = pe, P.Suspense = ge, P.SuspenseList = Y, P.isAsyncMode = ye, P.isConcurrentMode = me, P.isContextConsumer = Ne, P.isContextProvider = ze, P.isElement = we, P.isForwardRef = Fe, P.isFragment = Jt, P.isLazy = Xt, P.isMemo = Qt, P.isPortal = er, P.isProfiler = tr, P.isStrictMode = rr, P.isSuspense = E, P.isSuspenseList = et, P.isValidElementType = S, P.typeOf = p;
+    P.ContextConsumer = w, P.ContextProvider = C, P.Element = I, P.ForwardRef = O, P.Fragment = B, P.Lazy = z, P.Memo = V, P.Portal = K, P.Profiler = ne, P.StrictMode = pe, P.Suspense = ge, P.SuspenseList = Y, P.isAsyncMode = ye, P.isConcurrentMode = me, P.isContextConsumer = Oe, P.isContextProvider = ze, P.isElement = we, P.isForwardRef = Fe, P.isFragment = Jt, P.isLazy = Xt, P.isMemo = Qt, P.isPortal = er, P.isProfiler = tr, P.isStrictMode = rr, P.isSuspense = E, P.isSuspenseList = et, P.isValidElementType = S, P.typeOf = p;
   }()), P;
 }
 process.env.NODE_ENV === "production" ? lr.exports = Ki() : lr.exports = Zi();
@@ -2113,13 +2116,13 @@ const ea = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   default: Re
 }, Symbol.toStringTag, { value: "Module" }));
 function Wn(e, t) {
-  const r = L({}, t);
+  const r = F({}, t);
   return Object.keys(e).forEach((n) => {
     if (n.toString().match(/^(components|slots)$/))
-      r[n] = L({}, e[n], r[n]);
+      r[n] = F({}, e[n], r[n]);
     else if (n.toString().match(/^(componentsProps|slotProps)$/)) {
       const o = e[n] || {}, i = t[n];
-      r[n] = {}, !i || !Object.keys(i) ? r[n] = o : !o || !Object.keys(o) ? r[n] = i : (r[n] = L({}, i), Object.keys(o).forEach((a) => {
+      r[n] = {}, !i || !Object.keys(i) ? r[n] = o : !o || !Object.keys(o) ? r[n] = i : (r[n] = F({}, i), Object.keys(o).forEach((a) => {
         r[n][a] = Wn(o[a], i[a]);
       }));
     } else
@@ -2199,7 +2202,7 @@ const da = ["values", "unit", "step"], ua = (e) => {
     key: r,
     val: e[r]
   })) || [];
-  return t.sort((r, n) => r.val - n.val), t.reduce((r, n) => L({}, r, {
+  return t.sort((r, n) => r.val - n.val), t.reduce((r, n) => F({}, r, {
     [n.key]: n.val
   }), {});
 };
@@ -2239,7 +2242,7 @@ function Yn(e) {
     const b = a.indexOf(g);
     return b === 0 ? s(a[1]) : b === a.length - 1 ? u(a[b]) : d(g, a[a.indexOf(g) + 1]).replace("@media", "@media not all and");
   }
-  return L({
+  return F({
     keys: a,
     values: i,
     up: s,
@@ -2972,13 +2975,13 @@ function Sr(e = {}, ...t) {
     direction: "ltr",
     components: {},
     // Inject component definitions.
-    palette: L({
+    palette: F({
       mode: "light"
     }, n),
     spacing: u,
-    shape: L({}, ma, i)
+    shape: F({}, ma, i)
   }, a);
-  return d.applyStyles = Jn, d = t.reduce((m, h) => be(m, h), d), d.unstable_sxConfig = L({}, mt, a == null ? void 0 : a.unstable_sxConfig), d.unstable_sx = function(h) {
+  return d.applyStyles = Jn, d = t.reduce((m, h) => be(m, h), d), d.unstable_sxConfig = F({}, mt, a == null ? void 0 : a.unstable_sxConfig), d.unstable_sx = function(h) {
     return wr({
       sx: h,
       theme: this
@@ -3755,7 +3758,7 @@ function Hs() {
     function me(E) {
       return S(E) === s;
     }
-    function Ne(E) {
+    function Oe(E) {
       return S(E) === a;
     }
     function ze(E) {
@@ -3785,7 +3788,7 @@ function Hs() {
     function rr(E) {
       return S(E) === h;
     }
-    D.AsyncMode = p, D.ConcurrentMode = w, D.ContextConsumer = C, D.ContextProvider = I, D.Element = O, D.ForwardRef = B, D.Fragment = z, D.Lazy = V, D.Memo = K, D.Portal = ne, D.Profiler = pe, D.StrictMode = ge, D.Suspense = Y, D.isAsyncMode = fe, D.isConcurrentMode = ye, D.isContextConsumer = me, D.isContextProvider = Ne, D.isElement = ze, D.isForwardRef = we, D.isFragment = Fe, D.isLazy = Jt, D.isMemo = Xt, D.isPortal = Qt, D.isProfiler = er, D.isStrictMode = tr, D.isSuspense = rr, D.isValidElementType = x, D.typeOf = S;
+    D.AsyncMode = p, D.ConcurrentMode = w, D.ContextConsumer = C, D.ContextProvider = I, D.Element = O, D.ForwardRef = B, D.Fragment = z, D.Lazy = V, D.Memo = K, D.Portal = ne, D.Profiler = pe, D.StrictMode = ge, D.Suspense = Y, D.isAsyncMode = fe, D.isConcurrentMode = ye, D.isContextConsumer = me, D.isContextProvider = Oe, D.isElement = ze, D.isForwardRef = we, D.isFragment = Fe, D.isLazy = Jt, D.isMemo = Xt, D.isPortal = Qt, D.isProfiler = er, D.isStrictMode = tr, D.isSuspense = rr, D.isValidElementType = x, D.typeOf = S;
   }()), D;
 }
 process.env.NODE_ENV === "production" ? ur.exports = Vs() : ur.exports = Hs();
@@ -4077,7 +4080,7 @@ var he, Ze = function(t, r, n) {
 process.env.NODE_ENV !== "production" && (Mr.displayName = "EmotionCacheContext");
 var il = Mr.Provider, Zt = function(t) {
   return /* @__PURE__ */ Mo(function(r, n) {
-    var o = Ie(Mr);
+    var o = Te(Mr);
     return t(r, o, n);
   });
 }, De = /* @__PURE__ */ j.createContext({});
@@ -4421,7 +4424,7 @@ You may have forgotten to import it.`);
         return a === void 0 && process.env.NODE_ENV !== "production" ? "NO_COMPONENT_SELECTOR" : "." + a;
       }
     }), y.withComponent = function(l, f) {
-      return e(l, L({}, r, f, {
+      return e(l, F({}, r, f, {
         shouldForwardProp: hn(y, f, !0)
       })).apply(void 0, h);
     }, y;
@@ -4680,8 +4683,8 @@ function Ml(e) {
   let i;
   return Array.isArray(t) ? i = [n, ...t] : typeof t == "function" ? i = (...a) => {
     const s = t(...a);
-    return Oe(s) ? L({}, n, s) : n;
-  } : i = L({}, n, t), L({}, o, {
+    return Ie(s) ? F({}, n, s) : n;
+  } : i = F({}, n, t), F({}, o, {
     sx: i
   });
 }
@@ -4693,7 +4696,7 @@ const Al = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   unstable_defaultSxConfig: mt
 }, Symbol.toStringTag, { value: "Module" }));
 function $l(e, t) {
-  return L({
+  return F({
     toolbar: {
       minHeight: 56,
       [e.up("xs")]: {
@@ -5152,7 +5155,7 @@ function d0(e) {
     lightShade: _ = 300,
     darkShade: x = 700
   }) => {
-    if (l = L({}, l), !l.main && l[v] && (l.main = l[v]), !l.hasOwnProperty("main"))
+    if (l = F({}, l), !l.main && l[v] && (l.main = l[v]), !l.hasOwnProperty("main"))
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${f ? ` (${f})` : ""} provided to augmentColor(color) is invalid.
 The color object needs to have a \`main\` property or a \`${v}\` property.` : it(11, f ? ` (${f})` : "", v));
     if (typeof l.main != "string")
@@ -5175,9 +5178,9 @@ const theme2 = createTheme({ palette: {
     dark: or,
     light: vn
   };
-  return process.env.NODE_ENV !== "production" && (b[t] || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), be(L({
+  return process.env.NODE_ENV !== "production" && (b[t] || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), be(F({
     // A collection of common colors.
-    common: L({}, ct),
+    common: F({}, ct),
     // prevent mutable object.
     // The palette mode, can be light or dark.
     mode: t,
@@ -5254,7 +5257,7 @@ function m0(e, t) {
     pxToRem: h
   } = r, g = Me(r, u0);
   process.env.NODE_ENV !== "production" && (typeof o != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof d != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
-  const b = o / 14, y = h || ((v) => `${v / d * b}rem`), l = (v, _, x, S, p) => L({
+  const b = o / 14, y = h || ((v) => `${v / d * b}rem`), l = (v, _, x, S, p) => F({
     fontFamily: n,
     fontWeight: v,
     fontSize: y(_),
@@ -5285,7 +5288,7 @@ function m0(e, t) {
       letterSpacing: "inherit"
     }
   };
-  return be(L({
+  return be(F({
     htmlFontSize: d,
     pxToRem: y,
     fontFamily: n,
@@ -5336,8 +5339,8 @@ function w0(e) {
   return Math.round((4 + 15 * t ** 0.25 + t / 5) * 10);
 }
 function S0(e) {
-  const t = L({}, x0, e.easing), r = L({}, _0, e.duration);
-  return L({
+  const t = F({}, x0, e.easing), r = F({}, _0, e.duration);
+  return F({
     getAutoHeightDuration: w0,
     create: (o = ["all"], i = {}) => {
       const {
@@ -5384,7 +5387,7 @@ function N0(e = {}, ...t) {
     shadows: v0.slice(),
     typography: m0(s, i),
     transitions: S0(o),
-    zIndex: L({}, E0)
+    zIndex: F({}, E0)
   });
   if (d = be(d, a), d = t.reduce((m, h) => be(m, h), d), process.env.NODE_ENV !== "production") {
     const m = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], h = (g, b) => {
@@ -5410,7 +5413,7 @@ function N0(e = {}, ...t) {
       b && g.indexOf("Mui") === 0 && h(b, g);
     });
   }
-  return d.unstable_sxConfig = L({}, mt, a == null ? void 0 : a.unstable_sxConfig), d.unstable_sx = function(h) {
+  return d.unstable_sxConfig = F({}, mt, a == null ? void 0 : a.unstable_sxConfig), d.unstable_sx = function(h) {
     return wr({
       sx: h,
       theme: this
@@ -5669,7 +5672,7 @@ const oc = ["children", "className", "color", "component", "fontSize", "htmlColo
     inheritViewBox: m = !1,
     titleAccess: h,
     viewBox: g = "0 0 24 24"
-  } = n, b = Me(n, oc), y = /* @__PURE__ */ j.isValidElement(o) && o.type === "svg", l = L({}, n, {
+  } = n, b = Me(n, oc), y = /* @__PURE__ */ j.isValidElement(o) && o.type === "svg", l = F({}, n, {
     color: a,
     component: s,
     fontSize: u,
@@ -5680,7 +5683,7 @@ const oc = ["children", "className", "color", "component", "fontSize", "htmlColo
   }), f = {};
   m || (f.viewBox = g);
   const v = ic(l);
-  return /* @__PURE__ */ N(ac, L({
+  return /* @__PURE__ */ N(ac, F({
     as: s,
     className: qo(v.root, i),
     focusable: "false",
@@ -5771,7 +5774,7 @@ Rr.muiName = "SvgIcon";
 const En = Rr;
 function sc(e, t) {
   function r(n, o) {
-    return /* @__PURE__ */ c(En, L({
+    return /* @__PURE__ */ c(En, F({
       "data-testid": `${t}Icon`,
       ref: o
     }, n, {
@@ -5995,9 +5998,9 @@ function pc(e) {
     }, b.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && On(this._resetIsScrollingTimeoutId);
     }, b.render = function() {
-      var l = this.props, f = l.children, v = l.className, _ = l.direction, x = l.height, S = l.innerRef, p = l.innerElementType, w = l.innerTagName, C = l.itemCount, I = l.itemData, O = l.itemKey, B = O === void 0 ? hc : O, z = l.layout, V = l.outerElementType, K = l.outerTagName, ne = l.style, pe = l.useIsScrolling, ge = l.width, Y = this.state.isScrolling, Q = _ === "horizontal" || z === "horizontal", fe = Q ? this._onScrollHorizontal : this._onScrollVertical, ye = this._getRangeToRender(), me = ye[0], Ne = ye[1], ze = [];
+      var l = this.props, f = l.children, v = l.className, _ = l.direction, x = l.height, S = l.innerRef, p = l.innerElementType, w = l.innerTagName, C = l.itemCount, I = l.itemData, O = l.itemKey, B = O === void 0 ? hc : O, z = l.layout, V = l.outerElementType, K = l.outerTagName, ne = l.style, pe = l.useIsScrolling, ge = l.width, Y = this.state.isScrolling, Q = _ === "horizontal" || z === "horizontal", fe = Q ? this._onScrollHorizontal : this._onScrollVertical, ye = this._getRangeToRender(), me = ye[0], Oe = ye[1], ze = [];
       if (C > 0)
-        for (var we = me; we <= Ne; we++)
+        for (var we = me; we <= Oe; we++)
           ze.push(St(f, {
             data: I,
             key: B(we, I),
@@ -6010,7 +6013,7 @@ function pc(e) {
         className: v,
         onScroll: fe,
         ref: this._outerRefSetter,
-        style: L({
+        style: F({
           position: "relative",
           height: x,
           width: ge,
@@ -6212,7 +6215,7 @@ const Dt = 37, _c = (e, t) => {
   return document.body.removeChild(a), s > 21 ? Dt + 21 : Dt;
 };
 function Xc(e) {
-  const [t, r] = F(!1), [n, o] = F(""), [i, a] = F(""), [s, u] = F(!1), { isRequired: d = !1 } = e, m = wt(
+  const [t, r] = L(!1), [n, o] = L(""), [i, a] = L(""), [s, u] = L(!1), { isRequired: d = !1 } = e, m = wt(
     Lr.debounce((w) => {
       var C;
       (C = e.handleChangeSearch) == null || C.call(e, w);
@@ -6447,7 +6450,7 @@ function Xc(e) {
 }
 function Qc(e) {
   var m;
-  const { listProps: t } = e, [r, n] = F({
+  const { listProps: t } = e, [r, n] = L({
     initLoading: !e.disabled,
     searchLoading: !1,
     hasNextPage: !1,
@@ -6618,7 +6621,7 @@ function wc(e) {
 const Sc = "Reset date";
 function e1(e) {
   var s, u;
-  const [t, r] = F(e.value), n = !(t != null && t.startDate) || !(t != null && t.endDate) ? "" : J(t == null ? void 0 : t.startDate).format("DD/MM/YYYY") + " ~ " + J(t == null ? void 0 : t.endDate).format("DD/MM/YYYY");
+  const [t, r] = L(e.value), n = !(t != null && t.startDate) || !(t != null && t.endDate) ? "" : J(t == null ? void 0 : t.startDate).format("DD/MM/YYYY") + " ~ " + J(t == null ? void 0 : t.endDate).format("DD/MM/YYYY");
   te(() => {
     r(e.value);
   }, [e.value]);
@@ -6839,14 +6842,14 @@ const To = (e) => {
     console.log("payload", n), t(n);
   });
 }), Oc = ["granted", "denied"], Ic = (e) => {
-  const [t, r] = F(!1), n = () => {
+  const [t, r] = L(!1), n = () => {
     Notification.requestPermission(function(i) {
       i === "granted" && To(e), Oc.includes(i) && r(!0);
     });
   }, o = () => {
     r(!0);
   };
-  return /* @__PURE__ */ c(Te, { children: t ? "" : /* @__PURE__ */ c("div", { className: $e["subscription-diaglog"], children: /* @__PURE__ */ N("div", { className: $e["subscription-container"], children: [
+  return /* @__PURE__ */ c(Ne, { children: t ? "" : /* @__PURE__ */ c("div", { className: $e["subscription-diaglog"], children: /* @__PURE__ */ N("div", { className: $e["subscription-container"], children: [
     /* @__PURE__ */ c("h4", { className: $e["subscription-title"], children: "Notification" }),
     /* @__PURE__ */ c("p", { className: $e["subscription-text"], children: "Choice to receive notifications for the most recent updates. You have the flexibility to disable them whenever you prefer." }),
     /* @__PURE__ */ N("div", { className: $e["subscription-btn__container"], children: [
@@ -6862,14 +6865,14 @@ const To = (e) => {
     ] })
   ] }) }) });
 }, Tc = (e) => {
-  const [t, r] = F({
+  const [t, r] = L({
     actorName: "",
     message: "",
     context: "",
     contextUrl: ""
   });
   console.log(t);
-  const { setNotiData: n } = Ie(Pe);
+  const { setNotiData: n } = Te(Pe);
   function o() {
     return /* @__PURE__ */ c(
       "a",
@@ -6923,7 +6926,7 @@ const To = (e) => {
 }, Mc = (e, t) => Se.cloneElement(t, {}, e), r1 = ({
   children: e,
   providers: t
-}) => /* @__PURE__ */ c(Te, { children: t.reduceRight(Mc, e) }), n1 = ({ rootPath: e }) => {
+}) => /* @__PURE__ */ c(Ne, { children: t.reduceRight(Mc, e) }), n1 = ({ rootPath: e }) => {
   const { colors: t } = pr();
   return /* @__PURE__ */ N(oe, { py: 2, gap: 2, style: { alignItems: "center" }, children: [
     /* @__PURE__ */ c(
@@ -6972,6 +6975,7 @@ export {
   Kc as FavoriteMenu,
   a1 as GlobalMenu,
   Zc as HomePage,
+  s1 as IconComponent,
   r1 as MultiProvider,
   Wc as NoData,
   Gc as NotFoundPage,
@@ -6988,7 +6992,7 @@ export {
   ei as notify,
   Pn as pushError,
   zo as pushSuccess,
-  s1 as pushWarning,
+  l1 as pushWarning,
   qc as usePopUp,
   Qc as useStyledAutocomplete
 };

package/dist/components/main.d.ts

@@ -18,3 +18,4 @@ export * from './FilterWraper';
 export * from './Notification';
 export * from './MultiProvider';
 export * from './PageNotFound';
+export * from './GlobalMenu/components/MenuIconComponent.tsx';