sixseconds-modules 1.2.8 → 1.3.0

package/README.md

@@ -1,50 +1,50 @@
-# React + TypeScript + Vite
-
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
-
-- Configure the top-level `parserOptions` property like this:
-
-```js
-export default tseslint.config({
-  languageOptions: {
-    // other options...
-    parserOptions: {
-      project: ['./tsconfig.node.json', './tsconfig.app.json'],
-      tsconfigRootDir: import.meta.dirname,
-    },
-  },
-})
-```
-
-- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
-- Optionally add `...tseslint.configs.stylisticTypeChecked`
-- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
-
-```js
-// eslint.config.js
-import react from 'eslint-plugin-react'
-
-export default tseslint.config({
-  // Set the react version
-  settings: { react: { version: '18.3' } },
-  plugins: {
-    // Add the react plugin
-    react,
-  },
-  rules: {
-    // other rules...
-    // Enable its recommended rules
-    ...react.configs.recommended.rules,
-    ...react.configs['jsx-runtime'].rules,
-  },
-})
-```
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+
+- Configure the top-level `parserOptions` property like this:
+
+```js
+export default tseslint.config({
+  languageOptions: {
+    // other options...
+    parserOptions: {
+      project: ['./tsconfig.node.json', './tsconfig.app.json'],
+      tsconfigRootDir: import.meta.dirname,
+    },
+  },
+})
+```
+
+- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
+- Optionally add `...tseslint.configs.stylisticTypeChecked`
+- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
+
+```js
+// eslint.config.js
+import react from 'eslint-plugin-react'
+
+export default tseslint.config({
+  // Set the react version
+  settings: { react: { version: '18.3' } },
+  plugins: {
+    // Add the react plugin
+    react,
+  },
+  rules: {
+    // other rules...
+    // Enable its recommended rules
+    ...react.configs.recommended.rules,
+    ...react.configs['jsx-runtime'].rules,
+  },
+})
+```

package/dist/components/header/type.d.ts

@@ -1,20 +1,20 @@
-export interface IState {
-  languages: string[]
-  menuData: []
-  toggles: {
-    appMenus: boolean
-    notification: boolean
-    logout: boolean
-    lang: boolean
-    dropDownMenu: boolean
-  }
-}
-
-export interface INotificationState {
-  notificationData: Notification[]
-  page: number
-  currentPage: number
-  lastPage: number
-  requestAcceptedDialog?: boolean
-  userRequest?: any
-}
+export interface IState {
+  languages: string[]
+  menuData: []
+  toggles: {
+    appMenus: boolean
+    notification: boolean
+    logout: boolean
+    lang: boolean
+    dropDownMenu: boolean
+  }
+}
+
+export interface INotificationState {
+  notificationData: Notification[]
+  page: number
+  currentPage: number
+  lastPage: number
+  requestAcceptedDialog?: boolean
+  userRequest?: any
+}

package/dist/index.cjs.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const jsxRuntime = require("react/jsx-runtime");
-const MenuIcon = require("@mui/icons-material/Menu");
-const material = require("@mui/material");
 const React = require("react");
+const material = require("@mui/material");
+const MenuIcon = require("@mui/icons-material/Menu");
 const CheckIcon = require("@mui/icons-material/Check");
 const axios = require("axios");
 function _interopNamespaceDefault(e) {
@@ -4499,41 +4499,41 @@ function Language({
 const DropdownMenu = ({ headerMenuArray, initialState }) => {
   const pathname = window.location.pathname;
   const isMobile = material.useMediaQuery("(max-width: 1324px)");
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { style: { backgroundColor: "#fff", color: "#000" }, children: !isMobile ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "menu-item group relative font-sans px-0 md:px-1 lg:px-2 pt-5 pb-5", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { style: { backgroundColor: "#fff", color: "#000" }, children: !isMobile ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: " main_list_Menu desktopMenu", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "menu-item", children: [
     /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+    Boolean(items.children.length) && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "submenuData ", 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: "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__ */ jsxRuntime.jsx("div", { className: "lg:hidden px-5 smallDeviceMenu", id: "mobile-menu", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: " px-0 pb-3 h-[95vh] overflow-y-auto pt-2", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ] }, index) })) }) : initialState.toggles.dropDownMenu && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden smallDeviceMenu", id: "mobile-menu", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: " layout_mobile_menu", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+    Boolean(items.children.length) && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "submenu_child", children: items.children?.map((items2, index2) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.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) })) })
@@ -5204,7 +5204,7 @@ const Notification = ({ setInitialState, userData, initialState }) => {
         position: "absolute"
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(material.Box, { className: "flex border-b pb-2", children: userData?.appAccess?.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { paddingBottom: "8px", display: "flex", borderBottom: "1px solid #ddd" }, children: userData?.appAccess?.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
           material.Button,
           {
             onClick: () => setActiveTab(tab.name),
@@ -5327,10 +5327,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__ */ jsxRuntime.jsx(
@@ -5397,7 +5396,7 @@ const Header = ({
     }
   }, [isMenu]);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(SubHeaderStyled, { sx, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Container, { maxWidth: false, sx: { display: "flex", justifyContent: "space-between" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SubHeaderStyled, { sx, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Container, { maxWidth: false, sx: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { position: "relative" }, children: [
         logo,
         frontCustomComponent
@@ -5413,7 +5412,7 @@ const Header = ({
             margin: { md: "10px", lg: "10px", xs: "10px 0" },
             position: "relative"
           },
-          children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { className: "notification flex items-center gap-1", children: [
+          children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { className: "notification", children: [
             endCustomComponents,
             isAccessAppMenu && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -5506,9 +5505,9 @@ const Header = ({
             isMobile && isMenu && /* @__PURE__ */ jsxRuntime.jsx(
               material.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__ */ jsxRuntime.jsx(MenuIcon, { className: "w-5 h-5" })
+                children: /* @__PURE__ */ jsxRuntime.jsx(MenuIcon, { style: { width: "20px", height: "20px" } })
               }
             )
           ] })