@canmingir/link 1.2.56 → 1.2.58

package/src/components/chart/chart.js

@@ -4,8 +4,6 @@ import { memo } from "react";
 
 import { alpha, styled } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 const Chart = styled(ApexChart)(({ theme }) => ({
   "& .apexcharts-canvas": {
     // Tooltip

package/src/components/chart/index.js

@@ -1,5 +1,3 @@
-// ----------------------------------------------------------------------
-
 export { default } from "./chart";
 
 export { default as useChart } from "./use-chart";

package/src/components/chart/use-chart.js

@@ -3,8 +3,6 @@ import { useResponsive } from "../../hooks/use-responsive";
 
 import { alpha, useTheme } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 export default function useChart(options) {
   const theme = useTheme();
 

package/src/components/custom-popover/styles.js

@@ -2,8 +2,6 @@ import { bgBlur } from "../../theme/css";
 
 import { alpha, styled } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 export const StyledArrow = styled("span")(({ arrow, theme }) => {
   const SIZE = 14;
 

package/src/components/custom-popover/use-popover.js

@@ -1,7 +1,5 @@
 import { useCallback, useState } from "react";
 
-// ----------------------------------------------------------------------
-
 export default function usePopover() {
   const [open, setOpen] = useState(null);
 

package/src/components/custom-popover/utils.js

@@ -1,5 +1,3 @@
-// ----------------------------------------------------------------------
-
 export function getPosition(arrow) {
   let props;
 

package/src/components/file-thumbnail/utils.js

@@ -1,5 +1,3 @@
-// ----------------------------------------------------------------------
-
 // Define more types here
 const FORMAT_PDF = ["pdf"];
 const FORMAT_TEXT = ["txt"];
@@ -15,8 +13,6 @@ const FORMAT_VIDEO = ["m4v", "avi", "mpg", "mp4", "webm"];
 
 const iconUrl = (icon) => `/assets/icons/files/${icon}.svg`;
 
-// ----------------------------------------------------------------------
-
 export function fileFormat(fileUrl) {
   let format;
 
@@ -61,8 +57,6 @@ export function fileFormat(fileUrl) {
   return format;
 }
 
-// ----------------------------------------------------------------------
-
 export function fileThumb(fileUrl) {
   let thumb;
 
@@ -109,20 +103,14 @@ export function fileThumb(fileUrl) {
   return thumb;
 }
 
-// ----------------------------------------------------------------------
-
 export function fileTypeByUrl(fileUrl = "") {
   return (fileUrl && fileUrl.split(".").pop()) || "";
 }
 
-// ----------------------------------------------------------------------
-
 export function fileNameByUrl(fileUrl) {
   return fileUrl.split("/").pop();
 }
 
-// ----------------------------------------------------------------------
-
 export function fileData(file) {
   // Url
   if (typeof file === "string") {

package/src/components/image/utils.js

@@ -1,5 +1,3 @@
-// ----------------------------------------------------------------------
-
 export function getRatio(ratio = "1/1") {
   return {
     "4/3": "calc(100% / 4 * 3)",

package/src/components/label/styles.js

@@ -2,8 +2,6 @@ import Box from "@mui/material/Box";
 
 import { alpha, styled } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 export const StyledLabel = styled(Box)(({ theme, ownerState }) => {
   const lightMode = theme.palette.mode === "light";
 

package/src/components/logo/logo.jsx

@@ -5,7 +5,7 @@ import Link from "@mui/material/Link";
 import { RouterLink } from "../../routes/components";
 import config from "../../config/config";
 
-const Logo = ({ disabledLink = false, sx, maxSize = 65, isLogin = false }) => {
+const Logo = ({ disabledLink = false, sx, maxSize = 100, isLogin = false }) => {
   const { icon } = config().template.login;
 
   const [isSquare, setIsSquare] = useState(false);

package/src/components/scrollbar/styles.js

@@ -2,8 +2,6 @@ import SimpleBar from "simplebar-react";
 
 import { alpha, styled } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 export const StyledRootScrollbar = styled("div")(() => ({
   flexGrow: 1,
   height: "100%",

package/src/components/settings/context/settings-context.js

@@ -1,7 +1,5 @@
 import { createContext, useContext } from "react";
 
-// ----------------------------------------------------------------------
-
 export const SettingsContext = createContext({});
 
 export const useSettingsContext = () => {

package/src/config/schemas.js

@@ -105,7 +105,7 @@ export const MenuConfigSchema = Joi.object({
 export const TemplateConfigSchema = Joi.object({
   login: Joi.object({
     variant: Joi.string()
-      .valid("classic", "modern")
+      .valid("classic", "modern", "special")
       .optional()
       .default("classic"),
     image: Joi.string()

package/src/hooks/use-boolean.js

@@ -1,7 +1,5 @@
 import { useCallback, useState } from "react";
 
-// ----------------------------------------------------------------------
-
 export function useBoolean(defaultValue) {
   const [value, setValue] = useState(!!defaultValue);
 

package/src/hooks/use-event-listener.js

@@ -1,7 +1,5 @@
 import { useEffect, useLayoutEffect, useRef } from "react";
 
-// ----------------------------------------------------------------------
-
 const useIsomorphicLayoutEffect =
   typeof window !== "undefined" ? useLayoutEffect : useEffect;
 

package/src/hooks/use-local-storage.js

@@ -1,7 +1,5 @@
 import { useCallback, useEffect, useState } from "react";
 
-// ----------------------------------------------------------------------
-
 export function useLocalStorage(key, initialState) {
   const [state, setState] = useState(initialState);
 
@@ -54,8 +52,6 @@ export function useLocalStorage(key, initialState) {
   };
 }
 
-// ----------------------------------------------------------------------
-
 export const getStorage = (key) => {
   let value = null;
 

package/src/hooks/use-off-set-top.js

@@ -2,8 +2,6 @@ import { useScroll } from "framer-motion";
 
 import { useCallback, useEffect, useMemo, useState } from "react";
 
-// ----------------------------------------------------------------------
-
 export function useOffSetTop(top = 0, options) {
   const { scrollY } = useScroll(options);
 

package/src/hooks/use-responsive.js

@@ -1,8 +1,6 @@
 import useMediaQuery from "@mui/material/useMediaQuery";
 import { useTheme } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 export function useResponsive(query, start, end) {
   const theme = useTheme();
 
@@ -29,8 +27,6 @@ export function useResponsive(query, start, end) {
   return mediaOnly;
 }
 
-// ----------------------------------------------------------------------
-
 export function useWidth() {
   const theme = useTheme();
 

package/src/hooks/use-scroll-to-top.js

@@ -1,8 +1,6 @@
 import { useEffect } from "react";
 import { useLocation } from "react-router-dom";
 
-// ----------------------------------------------------------------------
-
 export function useScrollToTop() {
   const { pathname } = useLocation();
 

package/src/layouts/CompactLayout/CompactLayout.jsx

@@ -4,8 +4,6 @@ import { Outlet } from "react-router";
 import React from "react";
 import Stack from "@mui/material/Stack";
 
-// ----------------------------------------------------------------------
-
 const CompactLayout = () => {
   return (
     <>

package/src/layouts/DashboardLayout/DashboardLayout.jsx

@@ -10,8 +10,6 @@ import { useBoolean } from "../../hooks/use-boolean";
 import { useResponsive } from "../../hooks/use-responsive";
 import { useSettingsContext } from "../../components/settings";
 
-// ----------------------------------------------------------------------
-
 export default function DashboardLayout() {
   const settings = useSettingsContext();
 

package/src/layouts/DashboardLayout/main.jsx

@@ -5,8 +5,6 @@ import { useSettingsContext } from "../../components/settings";
 
 import { HEADER, NAV } from "../config-layout";
 
-// ----------------------------------------------------------------------
-
 const SPACING = 8;
 
 export default function Main({ children, sx, ...other }) {

package/src/layouts/DashboardLayout/nav-horizontal.jsx

@@ -11,8 +11,6 @@ import { memo } from "react";
 import { useTheme } from "@mui/material/styles";
 import { useUser } from "../../hooks/use-user";
 
-// ----------------------------------------------------------------------
-
 function NavHorizontal() {
   const theme = useTheme();
 

package/src/layouts/DashboardLayout/nav-vertical.jsx

@@ -1,3 +1,6 @@
+import { Button, Typography } from "@mui/material";
+import { useEffect, useState } from "react";
+
 import Box from "@mui/material/Box";
 import Drawer from "@mui/material/Drawer";
 import Iconify from "../../components/Iconify";
@@ -17,9 +20,6 @@ import { usePathname } from "../../routes/hooks/use-pathname";
 import { useResponsive } from "../../hooks/use-responsive";
 import { useUser } from "../../hooks/use-user";
 
-import { Button, Typography } from "@mui/material";
-import { useEffect, useState } from "react";
-
 // ----------------------------------------------------------------------
 
 export default function NavVertical({ openNav, onCloseNav }) {
@@ -33,7 +33,7 @@ export default function NavVertical({ openNav, onCloseNav }) {
 
   useEffect(() => {
     const index = sideMenu.findIndex(
-      (item) => item.subheader === hideSubheader.subheader
+      (item) => item.subheader === hideSubheader.subheader,
     );
 
     if (index !== -1) {
@@ -100,6 +100,7 @@ export default function NavVertical({ openNav, onCloseNav }) {
           sx={{
             display: "flex",
             alignItems: "center",
+            justifyContent: "center",
             ml: 1,
             mt: 3,
           }}
@@ -107,7 +108,7 @@ export default function NavVertical({ openNav, onCloseNav }) {
           <Logo sx={{ ml: 4 }} />
           <Typography
             sx={{
-              ml: 1,
+              ml: 2,
             }}
           >
             {name}

package/src/layouts/FullScreenLayout/FullScreenLayout.jsx

@@ -10,8 +10,6 @@ import { useResponsive } from "../../hooks/use-responsive";
 
 import React, { useEffect, useState } from "react";
 
-// ----------------------------------------------------------------------
-
 export default function FullScreenLayout() {
   const { fullScreenLayout } = config().menu;
 
@@ -66,8 +64,9 @@ export default function FullScreenLayout() {
             <Stack
               sx={{
                 width: "100%",
-                mt: 7
-              }}>
+                mt: 7,
+              }}
+            >
               <Outlet />
             </Stack>
           </>

package/src/layouts/FullScreenLayout/nav-horizontal.jsx

@@ -9,8 +9,6 @@ import { memo } from "react";
 import { useTheme } from "@mui/material/styles";
 import { useUser } from "../../hooks/use-user";
 
-// ----------------------------------------------------------------------
-
 function NavHorizontal() {
   const theme = useTheme();
 

package/src/layouts/FullScreenLayout/nav-vertical.jsx

@@ -17,8 +17,6 @@ import { useUser } from "../../hooks/use-user";
 
 import React, { useState } from "react";
 
-// ----------------------------------------------------------------------
-
 export default function NavVertical({ openNav, onCloseNav }) {
   const { user } = useUser();
 
@@ -69,8 +67,9 @@ export default function NavVertical({ openNav, onCloseNav }) {
           marginBottom: lgUp ? 3 : 0,
           position: lgUp ? "static" : "fixed",
           bottom: lgUp ? "auto" : 66,
-          width: "100%"
-        }}>
+          width: "100%",
+        }}
+      >
         {actionButtons &&
           actionButtons.map((Action, index) => (
             <Box key={index} component={Action}></Box>
@@ -124,7 +123,7 @@ export default function NavVertical({ openNav, onCloseNav }) {
               sx: {
                 width: NAV.W_VERTICAL,
               },
-            }
+            },
           }}
         >
           {renderContent}

package/src/layouts/MainLayout/header.jsx

@@ -19,8 +19,6 @@ import { useOffSetTop } from "../../hooks/use-off-set-top";
 import { useResponsive } from "../../hooks/use-responsive";
 import { useTheme } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 export default function Header() {
   const { topMenu } = config().menu;
   const projectBar = config().template?.projectBar;
@@ -63,7 +61,7 @@ export default function Header() {
           <Stack
             direction={{ xs: "row", md: "row-reverse" }}
             sx={{
-              alignItems: "center"
+              alignItems: "center",
             }}
           >
             <NotificationsPopover />

package/src/layouts/MainLayout/nav/desktop/index.jsx

@@ -2,8 +2,6 @@ import NavList from "./nav-list";
 import React from "react";
 import Stack from "@mui/material/Stack";
 
-// ----------------------------------------------------------------------
-
 export default function NavDesktop({ data }) {
   return (
     <Stack

package/src/layouts/MainLayout/nav/desktop/nav-item.jsx

@@ -9,8 +9,6 @@ import { forwardRef } from "react";
 import { motion } from "framer-motion";
 import { styled } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 export const NavItem = forwardRef(
   (
     { title, path, open, active, hasChild, externalLink, subItem, ...other },
@@ -64,8 +62,6 @@ export const NavItem = forwardRef(
   }
 );
 
-// ----------------------------------------------------------------------
-
 const StyledNavItem = styled(ListItemButton, {
   shouldForwardProp: (prop) => prop !== "active" && prop !== "subItem",
 })(({ open, active, subItem, theme }) => {
@@ -145,8 +141,6 @@ const StyledNavItem = styled(ListItemButton, {
   };
 });
 
-// ----------------------------------------------------------------------
-
 export function NavItemDashboard({ path, sx, ...other }) {
   return (
     <Link

package/src/layouts/MainLayout/nav/desktop/nav-list.jsx

@@ -13,8 +13,6 @@ import { useTheme } from "@mui/material/styles";
 import { NavItem, NavItemDashboard } from "./nav-item";
 import { useCallback, useEffect, useState } from "react";
 
-// ----------------------------------------------------------------------
-
 export default function NavList({ data }) {
   const theme = useTheme();
 
@@ -93,8 +91,6 @@ export default function NavList({ data }) {
   );
 }
 
-// ----------------------------------------------------------------------
-
 function NavSubList({ data, subheader, sx, ...other }) {
   const pathname = usePathname();
 
@@ -104,18 +100,22 @@ function NavSubList({ data, subheader, sx, ...other }) {
     <Stack
       spacing={2}
       {...other}
-      sx={[{
-        flexGrow: 1,
-        alignItems: "flex-start",
-        pb: 2,
-
-        ...(dashboard && {
-          pb: 0,
-          maxWidth: { md: 1 / 3, lg: 540 },
-        }),
-
-        ...sx
-      }, ...(Array.isArray(other.sx) ? other.sx : [other.sx])]}>
+      sx={[
+        {
+          flexGrow: 1,
+          alignItems: "flex-start",
+          pb: 2,
+
+          ...(dashboard && {
+            pb: 0,
+            maxWidth: { md: 1 / 3, lg: 540 },
+          }),
+
+          ...sx,
+        },
+        ...(Array.isArray(other.sx) ? other.sx : [other.sx]),
+      ]}
+    >
       <ListSubheader
         disableSticky
         sx={{

package/src/layouts/MainLayout/nav/mobile/index.jsx

@@ -9,8 +9,6 @@ import { usePathname } from "../../../../routes/hooks";
 
 import { useCallback, useEffect, useState } from "react";
 
-// ----------------------------------------------------------------------
-
 export default function NavMobile({ data }) {
   const pathname = usePathname();
 
@@ -45,7 +43,7 @@ export default function NavMobile({ data }) {
               pb: 5,
               width: 260,
             },
-          }
+          },
         }}
       >
         <Scrollbar>

package/src/layouts/MainLayout/nav/mobile/nav-item.jsx

@@ -8,8 +8,6 @@ import { forwardRef } from "react";
 
 import { alpha, styled } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 export const NavItem = forwardRef(
   (
     { title, path, icon, open, active, hasChild, externalLink, ...other },
@@ -63,8 +61,6 @@ export const NavItem = forwardRef(
   }
 );
 
-// ----------------------------------------------------------------------
-
 const StyledNavItem = styled(ListItemButton, {
   shouldForwardProp: (prop) => prop !== "active",
 })(({ open, active, theme }) => {

package/src/layouts/MainLayout/nav/mobile/nav-list.jsx

@@ -8,8 +8,6 @@ import { useActiveLink } from "../../../../routes/hooks/use-active-link";
 
 import { useCallback, useState } from "react";
 
-// ----------------------------------------------------------------------
-
 export default function NavList({ data }) {
   const active = useActiveLink(data.path, !!data.children);
 

package/src/layouts/TwoSideLayout/TwoSideLayout.jsx

@@ -2,7 +2,6 @@ import Container from "@mui/material/Container";
 import Grid from "@mui/material/Grid";
 import React from "react";
 import Typography from "@mui/material/Typography";
-// ----------------------------------------------------------------------
 
 export default function TwoSideLayout({ rows, title }) {
   const rowData = rows;

package/src/layouts/auth/classic.jsx

@@ -9,8 +9,6 @@ import { useResponsive } from "../../hooks/use-responsive";
 
 import { alpha, useTheme } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 export default function AuthClassicLayout({ image, title }) {
   const theme = useTheme();
 
@@ -56,8 +54,9 @@ export default function AuthClassicLayout({ image, title }) {
             theme.palette.mode === "light" ? 0.88 : 0.94
           ),
           imgUrl: "https://minimals.cc/assets/background/overlay_2.jpg",
-        })
-      }}>
+        }),
+      }}
+    >
       <Typography variant="h3" sx={{ maxWidth: 480, textAlign: "center" }}>
         {title || "Hi, Welcome back"}
       </Typography>

package/src/layouts/auth/modern-compact.jsx

@@ -4,8 +4,6 @@ import Header from "../common/header-sim";
 import { Outlet } from "react-router";
 import React from "react";
 
-// ----------------------------------------------------------------------
-
 export default function AuthModernCompactLayout() {
   return (
     <>

package/src/layouts/auth/modern.jsx

@@ -6,8 +6,6 @@ import React from "react";
 import Stack from "@mui/material/Stack";
 import { alpha } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 export default function AuthModernLayout() {
   return (
     <Stack