sixseconds-modules 1.6.167 → 1.6.170

package/dist/index.cjs.js

@@ -13662,6 +13662,29 @@ var createCache = function createCache2(options) {
   cache.sheet.hydrate(nodesToHydrate);
   return cache;
 };
+const isolatedTheme = material.createTheme({
+  typography: {
+    fontFamily: "'IBM Plex Sans', sans-serif"
+  },
+  components: {
+    MuiDialog: {
+      defaultProps: {
+        disablePortal: true
+        // Prevents modals from portaling out into the Host's body so they stay inside MuiProvider's DOM subtree.
+      }
+    },
+    MuiPopover: {
+      defaultProps: {
+        disablePortal: true
+      }
+    },
+    MuiMenu: {
+      defaultProps: {
+        disablePortal: true
+      }
+    }
+  }
+});
 material.unstable_ClassNameGenerator.configure((componentName) => `sixseconds-modules-${componentName}`);
 function createEmotionCache() {
   if (typeof document === "undefined") {
@@ -13681,7 +13704,7 @@ function createEmotionCache() {
 }
 function MuiProvider({ children }) {
   const cacheRef = React.useRef(createEmotionCache());
-  return /* @__PURE__ */ jsxRuntime.jsx(react.CacheProvider, { value: cacheRef.current, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(react.CacheProvider, { value: cacheRef.current, children: /* @__PURE__ */ jsxRuntime.jsx(material.ThemeProvider, { theme: isolatedTheme, children }) });
 }
 const DangerDialog = ({
   open,
@@ -14582,10 +14605,10 @@ const AppMenus = ({ menuItems, setInitialState, t: t2, appName, router }) => {
 const DropdownMenu = ({ headerMenuArray, initialState }) => {
   const pathname = window.location.pathname;
   const isMobile = material.useMediaQuery("(max-width: 1324px)");
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { style: { backgroundColor: "transparent", color: "#000" }, children: !isMobile ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "sixseconds-header-main-list-menu sixseconds-header-desktop-menu", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "sixseconds-header-menu-item", style: { listStyle: "none" }, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { style: { backgroundColor: "transparent", color: "#000" }, children: !isMobile ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "sixseconds-header-main-list-menu sixseconds-header-desktop-menu", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "sixseconds-header-menu-item", style: { listStyle: "none" }, children: [
     /* @__PURE__ */ jsxRuntime.jsx("a", { href: items.value || "", target: items.target, className: `sixseconds-header-menu-link`, children: items.label }),
-    Boolean(items.children.length) && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "sixseconds-header-submenu-data", children: items.children?.map((child, index2) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: child.value || "", target: child.target, className: "sixseconds-header-submenu-link", children: child.label }) }, index2) })) })
-  ] }, index) })) }) : initialState.toggles.dropDownMenu && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden sixseconds-header-small-device-menu", id: "mobile-menu", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sixseconds-header-layout-mobile-menu", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    Boolean(items.children.length) && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "sixseconds-header-submenu-data", children: items.children?.map((child, index2) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: child.value || "", target: child.target, className: "sixseconds-header-submenu-link", children: child.label }) }, index2)) })
+  ] }, index)) }) : initialState.toggles.dropDownMenu && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden sixseconds-header-small-device-menu", id: "mobile-menu", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sixseconds-header-layout-mobile-menu", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "a",
       {
@@ -14596,7 +14619,7 @@ const DropdownMenu = ({ headerMenuArray, initialState }) => {
       },
       index
     ),
-    Boolean(items.children.length) && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "sixseconds-header-submenu-child", children: items.children?.map((items2, index2) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("li", { style: { listStyleType: "none" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+    Boolean(items.children.length) && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "sixseconds-header-submenu-child", children: items.children?.map((items2, index2) => /* @__PURE__ */ jsxRuntime.jsx("li", { style: { listStyleType: "none" }, children: /* @__PURE__ */ jsxRuntime.jsx(
       "a",
       {
         href: items2.value || "",
@@ -14604,8 +14627,8 @@ const DropdownMenu = ({ headerMenuArray, initialState }) => {
         className: "sixseconds-header-submenu-child-link",
         children: items2.label
       }
-    ) }, index2) })) })
-  ] })) }) }) });
+    ) }, index2)) })
+  ] }, index)) }) }) });
 };
 function Language({
   interFaceLangList,
@@ -15254,7 +15277,7 @@ const SubHeaderStyled = styles.styled(material.AppBar)(() => ({
     alignItems: "center",
     fontFamily: "'IBM Plex Sans', sans-serif"
   },
-  "& .sixseconds-header-notification h6,p": {
+  "& .sixseconds-header-notification h6, & .sixseconds-header-notification p": {
     margin: "10px",
     fontFamily: "'IBM Plex Sans', sans-serif"
   },
@@ -15576,8 +15599,9 @@ const HeaderInner = ({
                 },
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    material.Typography,
+                    material.Box,
                     {
+                      component: "span",
                       sx: {
                         cursor: "pointer"
                       },
@@ -15614,8 +15638,9 @@ const HeaderInner = ({
                 },
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsxs(
-                    material.Typography,
+                    material.Box,
                     {
+                      component: "span",
                       "data-toggle-name": "lang",
                       onClick: (e) => handleOpenUtil(e, setState),
                       sx: {