sixseconds-modules 1.2.8 → 1.3.0

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-import { Header } from './components';
 declare const App: () => import("react/jsx-runtime").JSX.Element;
-export { Header };
+export { Header } from './components';
 export default App;

package/dist/index.es.js

@@ -1,8 +1,8 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import MenuIcon from "@mui/icons-material/Menu";
-import { styled, AppBar, Box, Avatar, ClickAwayListener, Stack, Typography, Link, useMediaQuery, Dialog, Button, MenuItem, Grid, Container, Badge, IconButton } from "@mui/material";
 import * as React from "react";
 import React__default, { createElement, useState, Component, useEffect } from "react";
+import { styled, AppBar, Box, Avatar, ClickAwayListener, Stack, Typography, Link, useMediaQuery, Dialog, Button, MenuItem, Grid, Container, Badge, IconButton } from "@mui/material";
+import MenuIcon from "@mui/icons-material/Menu";
 import CheckIcon from "@mui/icons-material/Check";
 import axios from "axios";
 const SvgBell = (props) => /* @__PURE__ */ React.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("rect", { width: 24, height: 24, fill: "white", fillOpacity: 0.01 }), /* @__PURE__ */ React.createElement("path", { d: "M20.7013 16.4944C20.145 15.5366 19.4816 13.7192 19.4816 10.5V9.83475C19.4816 5.68294 16.1509 2.28056 12.057 2.25019L11.9998 2.25C10.0132 2.25258 8.10904 3.0442 6.70613 4.45072C5.30322 5.85723 4.51649 7.76344 4.519 9.75V10.5C4.519 13.719 3.85535 15.5363 3.29875 16.494C3.16581 16.7218 3.09527 16.9805 3.09425 17.2443C3.09322 17.508 3.16175 17.7673 3.29291 17.9961C3.42408 18.2249 3.61325 18.415 3.84135 18.5474C4.06944 18.6798 4.32841 18.7496 4.59213 18.75H8.24997C8.24997 19.7446 8.64506 20.6984 9.34832 21.4016C10.0516 22.1049 11.0054 22.5 12 22.5C12.9945 22.5 13.9484 22.1049 14.6516 21.4016C15.3549 20.6984 15.75 19.7446 15.75 18.75H19.4078C19.6715 18.7497 19.9304 18.6798 20.1585 18.5475C20.3866 18.4151 20.5757 18.225 20.7069 17.9963C20.8381 17.7675 20.9066 17.5083 20.9056 17.2446C20.9047 16.9809 20.8342 16.7221 20.7013 16.4944ZM12 21C11.4034 20.9993 10.8315 20.7621 10.4097 20.3403C9.98791 19.9184 9.75064 19.3465 9.74997 18.75H14.25C14.2493 19.3465 14.012 19.9184 13.5902 20.3403C13.1684 20.7621 12.5965 20.9993 12 21ZM4.5955 17.2478C5.24491 16.1306 6.019 14.0531 6.019 10.5V9.75C6.01651 8.1612 6.64527 6.63649 7.76695 5.51127C8.88863 4.38606 10.4114 3.75251 12.0002 3.75L12.0458 3.75019C15.3188 3.77447 17.9817 6.504 17.9817 9.83475V10.5C17.9817 14.0531 18.7554 16.1306 19.4078 17.25L4.5955 17.2478Z", fill: "#808080" }));
@@ -4481,41 +4481,41 @@ function Language({
 const DropdownMenu = ({ headerMenuArray, initialState }) => {
   const pathname = window.location.pathname;
   const isMobile = useMediaQuery("(max-width: 1324px)");
-  return /* @__PURE__ */ jsx("nav", { style: { backgroundColor: "#fff", color: "#000" }, children: !isMobile ? /* @__PURE__ */ jsx("ul", { className: "hidden lg:flex space-x-4 md:space-x-1 lg:space-x-4 main_list_Menu desktopMenu", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("li", { className: "menu-item group relative font-sans px-0 md:px-1 lg:px-2 pt-5 pb-5", children: [
+  return /* @__PURE__ */ jsx("nav", { style: { backgroundColor: "#fff", color: "#000" }, children: !isMobile ? /* @__PURE__ */ jsx("ul", { className: " main_list_Menu desktopMenu", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("li", { className: "menu-item", children: [
     /* @__PURE__ */ jsx(
       "a",
       {
         href: items.value || "",
         target: items.target,
-        className: `menu-link pr-1 py-2 text-[15px] font-semibold font-sans hover:text-customBlue ${pathname === items.value ? "text-customBlue" : "text-[#2C2E35]"}`,
+        className: `menu-link`,
         children: items.label
       }
     ),
-    Boolean(items.children.length) && /* @__PURE__ */ jsx("ul", { className: "submenuData absolute min-w-[200px] max-w-[240px] left-0 w-auto top-[57px] mt-2 hidden group-hover:block bg-white text-black shadow-lg border-t-[3px] border-[#2ea3f2]", children: items.children?.map((child, index2) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+    Boolean(items.children.length) && /* @__PURE__ */ jsx("ul", { className: "submenuData ", children: items.children?.map((child, index2) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
       "a",
       {
         href: child.value || "",
         target: child.target,
-        className: "submenu-link block font-semibold font-sans px-4 py-2 text-[rgba(0,0,0,0.7)] hover:bg-gray-200",
+        className: "submenu-link",
         children: child.label
       }
     ) }, index2) })) })
-  ] }, index) })) }) : initialState.toggles.dropDownMenu && /* @__PURE__ */ jsx("div", { className: "lg:hidden px-5 smallDeviceMenu", id: "mobile-menu", children: /* @__PURE__ */ jsx("div", { className: " px-0 pb-3 h-[95vh] overflow-y-auto pt-2", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ] }, index) })) }) : initialState.toggles.dropDownMenu && /* @__PURE__ */ jsx("div", { className: "lg:hidden smallDeviceMenu", id: "mobile-menu", children: /* @__PURE__ */ jsx("div", { className: " layout_mobile_menu", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "a",
       {
         href: items.value || "",
-        className: `bg_main_menu px-3 py-2 text-[15px] bg-[rgba(0,0,0,.03)] block font-semibold font-sans hover:text-customBlue ${pathname === items.value ? "text-customBlue" : "text-[#2C2E35]"}`,
+        className: `bg_main_menu ${pathname === items.value ? "text-customBlue" : "text-[#2C2E35]"}`,
         children: items.label
       },
       index
     ),
-    Boolean(items.children.length) && /* @__PURE__ */ jsx("ul", { className: "mx-auto min-w-[90%] max-w-[90%] top-[57px] mt-2 group-hover:block bg-white text-black", children: items.children?.map((items2, index2) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+    Boolean(items.children.length) && /* @__PURE__ */ jsx("ul", { className: "submenu_child", children: items.children?.map((items2, index2) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
       "a",
       {
         href: items2.value || "",
         target: items2.target,
-        className: "block border-b border-[rgba(0,0,0,.03)] font-semibold font-sans px-4 py-2 text-[rgba(0,0,0,0.7)] hover:bg-gray-200",
+        className: "submenu_child_link ",
         children: items2.label
       }
     ) }, index2) })) })
@@ -5186,7 +5186,7 @@ const Notification = ({ setInitialState, userData, initialState }) => {
         position: "absolute"
       },
       children: [
-        /* @__PURE__ */ jsx(Box, { className: "flex border-b pb-2", children: userData?.appAccess?.map((tab) => /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Box, { sx: { paddingBottom: "8px", display: "flex", borderBottom: "1px solid #ddd" }, children: userData?.appAccess?.map((tab) => /* @__PURE__ */ jsx(
           Button,
           {
             onClick: () => setActiveTab(tab.name),
@@ -5309,10 +5309,9 @@ const AppMenus = ({ menuItems, setInitialState }) => {
               {
                 width: 34,
                 height: 34,
-                style: { margin: "0px auto" },
+                style: { margin: "0px auto", width: "34px", height: "34px" },
                 src: item.icon,
-                alt: "",
-                className: "w-[34px] h-[34px]"
+                alt: ""
               }
             ) }),
             /* @__PURE__ */ jsx(
@@ -5379,7 +5378,7 @@ const Header = ({
     }
   }, [isMenu]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(SubHeaderStyled, { sx, children: /* @__PURE__ */ jsxs(Container, { maxWidth: false, sx: { display: "flex", justifyContent: "space-between" }, children: [
+    /* @__PURE__ */ jsx(SubHeaderStyled, { sx, children: /* @__PURE__ */ jsxs(Container, { maxWidth: false, sx: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
       /* @__PURE__ */ jsxs(Box, { sx: { position: "relative" }, children: [
         logo,
         frontCustomComponent
@@ -5395,7 +5394,7 @@ const Header = ({
             margin: { md: "10px", lg: "10px", xs: "10px 0" },
             position: "relative"
           },
-          children: /* @__PURE__ */ jsxs(Box, { className: "notification flex items-center gap-1", children: [
+          children: /* @__PURE__ */ jsxs(Box, { className: "notification", children: [
             endCustomComponents,
             isAccessAppMenu && /* @__PURE__ */ jsxs(Box, { children: [
               /* @__PURE__ */ jsx(
@@ -5488,9 +5487,9 @@ const Header = ({
             isMobile && isMenu && /* @__PURE__ */ jsx(
               IconButton,
               {
-                className: "flex items-center p-2 text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none",
+                className: "hamburger-icon-btn",
                 onClick: () => setState((p) => ({ ...p, toggles: { ...p.toggles, dropDownMenu: !p.toggles.dropDownMenu } })),
-                children: /* @__PURE__ */ jsx(MenuIcon, { className: "w-5 h-5" })
+                children: /* @__PURE__ */ jsx(MenuIcon, { style: { width: "20px", height: "20px" } })
               }
             )
           ] })