@canmingir/link 1.2.56 → 1.2.57

package/src/layouts/common/header-simple.jsx

@@ -16,8 +16,6 @@ import { useOffSetTop } from "../../hooks/use-off-set-top";
 import { useResponsive } from "../../hooks/use-responsive";
 import { useTheme } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 export default function HeaderSimple({
   handleItemSelect,
   selectedItem,
@@ -52,9 +50,13 @@ export default function HeaderSimple({
           }),
         }}
       >
-        <Stack direction="row" spacing={5} sx={{
-          alignItems: "center"
-        }}>
+        <Stack
+          direction="row"
+          spacing={5}
+          sx={{
+            alignItems: "center",
+          }}
+        >
           <Logo />
           <ProjectBar
             handleItemSelect={handleItemSelect}
@@ -62,9 +64,13 @@ export default function HeaderSimple({
             setSelectedItem={setSelectedItem}
           />
         </Stack>
-        <Stack direction="row" spacing={1} sx={{
-          alignItems: "center"
-        }}>
+        <Stack
+          direction="row"
+          spacing={1}
+          sx={{
+            alignItems: "center",
+          }}
+        >
           {mdUp && <NavDesktop data={topMenu} />}
           <NotificationsPopover />
 

package/src/layouts/common/nav-toggle-button.jsx

@@ -7,8 +7,6 @@ import { useResponsive } from "../../hooks/use-responsive";
 import { useSettingsContext } from "../../components/settings";
 import { useTheme } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 export default function NavToggleButton({ sx, ...other }) {
   const theme = useTheme();
 
@@ -26,7 +24,7 @@ export default function NavToggleButton({ sx, ...other }) {
       onClick={() =>
         settings.onUpdate(
           "themeLayout",
-          settings.themeLayout === "vertical" ? "mini" : "vertical",
+          settings.themeLayout === "vertical" ? "mini" : "vertical"
         )
       }
       sx={{

package/src/layouts/common/notifications-popover/index.jsx

@@ -18,8 +18,6 @@ import { varHover } from "../../../components/animate";
 
 import { useCallback, useState } from "react";
 
-// ----------------------------------------------------------------------
-
 const TABS = [
   {
     value: "all",
@@ -38,8 +36,6 @@ const TABS = [
   },
 ];
 
-// ----------------------------------------------------------------------
-
 export default function NotificationsPopover() {
   const drawer = useBoolean();
 
@@ -74,8 +70,9 @@ export default function NotificationsPopover() {
         py: 2,
         pl: 2.5,
         pr: 1,
-        minHeight: 68
-      }}>
+        minHeight: 68,
+      }}
+    >
       <Typography variant="h6" sx={{ flexGrow: 1 }}>
         Notifications
       </Typography>
@@ -153,8 +150,9 @@ export default function NotificationsPopover() {
 
           paper: {
             sx: { width: 1, maxWidth: 420 },
-          }
-        }}>
+          },
+        }}
+      >
         {renderHead}
 
         <Divider />
@@ -165,8 +163,9 @@ export default function NotificationsPopover() {
             alignItems: "center",
             justifyContent: "space-between",
             pl: 2.5,
-            pr: 1
-          }}>
+            pr: 1,
+          }}
+        >
           {renderTabs}
           <IconButton onClick={handleMarkAllAsRead}>
             <Iconify icon="solar:settings-bold-duotone" />

package/src/layouts/common/notifications-popover/notification-item.jsx

@@ -11,8 +11,6 @@ import Stack from "@mui/material/Stack";
 import Typography from "@mui/material/Typography";
 import { fToNow } from "../../../utils/format-time";
 
-// ----------------------------------------------------------------------
-
 export default function NotificationItem({ notification }) {
   const renderAvatar = (
     <ListItemAvatar>
@@ -29,8 +27,9 @@ export default function NotificationItem({ notification }) {
             width: 40,
             height: 40,
             borderRadius: "50%",
-            bgcolor: "background.neutral"
-          }}>
+            bgcolor: "background.neutral",
+          }}
+        >
           <Box
             component="img"
             src={`/assets/icons/notification/${
@@ -67,8 +66,9 @@ export default function NotificationItem({ notification }) {
           sx={{
             alignItems: "center",
             typography: "caption",
-            color: "text.disabled"
-          }}>
+            color: "text.disabled",
+          }}
+        >
           {fToNow(notification.createdAt)}
           {notification.category}
         </Stack>
@@ -102,9 +102,11 @@ export default function NotificationItem({ notification }) {
   );
 
   const projectAction = (
-    <Stack sx={{
-      alignItems: "flex-start"
-    }}>
+    <Stack
+      sx={{
+        alignItems: "flex-start",
+      }}
+    >
       <Box
         sx={{
           p: 1.5,
@@ -147,8 +149,9 @@ export default function NotificationItem({ notification }) {
         direction={{ xs: "column", sm: "row" }}
         sx={{
           flexGrow: 1,
-          minWidth: 0
-        }}>
+          minWidth: 0,
+        }}
+      >
         <ListItemText
           disableTypography
           primary={
@@ -178,8 +181,9 @@ export default function NotificationItem({ notification }) {
               sx={{
                 alignItems: "center",
                 typography: "caption",
-                color: "text.disabled"
-              }}>
+                color: "text.disabled",
+              }}
+            >
               <span>2.3 GB</span>
               <span>30 min ago</span>
             </Stack>
@@ -199,8 +203,9 @@ export default function NotificationItem({ notification }) {
       spacing={0.75}
       sx={{
         flexWrap: "wrap",
-        mt: 1.5
-      }}>
+        mt: 1.5,
+      }}
+    >
       <Label variant="outlined" color="info">
         Design
       </Label>
@@ -247,8 +252,6 @@ export default function NotificationItem({ notification }) {
   );
 }
 
-// ----------------------------------------------------------------------
-
 function reader(data) {
   return (
     <Box

package/src/layouts/common/settings-button.jsx

@@ -6,8 +6,6 @@ import SettingsDialog from "../../widgets/SettingsDialog";
 import { motion } from "framer-motion";
 import { varHover } from "../../components/animate";
 
-// ----------------------------------------------------------------------
-
 export default function SettingsButton({ sx }) {
   const [settingsOpen, setSettingsOpen] = React.useState(false);
 

package/src/layouts/config-layout.js

@@ -1,5 +1,3 @@
-// ----------------------------------------------------------------------
-
 export const HEADER = {
   H_MOBILE: 64,
   H_DESKTOP: 80,

package/src/lib/Image/utils.js

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

package/src/lib/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/pages/404.jsx

@@ -2,8 +2,6 @@ import { Helmet } from "react-helmet-async";
 import { NotFoundView } from "../widgets/error";
 import React from "react";
 
-// ----------------------------------------------------------------------
-
 export default function NotFoundPage() {
   return (
     <>

package/src/routes/components/router-link.jsx

@@ -2,8 +2,6 @@ import { Link } from "react-router-dom";
 import React from "react";
 import { forwardRef } from "react";
 
-// ----------------------------------------------------------------------
-
 const RouterLink = forwardRef(({ href, ...other }, ref) => (
   <Link ref={ref} to={href} {...other} />
 ));

package/src/routes/hooks/use-active-link.js

@@ -1,7 +1,5 @@
 import { matchPath, useLocation } from "react-router-dom";
 
-// ----------------------------------------------------------------------
-
 export function useActiveLink(path, deep = true) {
   const { pathname } = useLocation();
 

package/src/routes/hooks/use-pathname.js

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

package/src/routes/hooks/use-router.js

@@ -1,8 +1,6 @@
 import { useMemo } from "react";
 import { useNavigate } from "react-router-dom";
 
-// ----------------------------------------------------------------------
-
 export function useRouter() {
   const navigate = useNavigate();
 

package/src/theme/css.js

@@ -4,8 +4,6 @@ import { checkboxClasses } from "@mui/material/Checkbox";
 import { dividerClasses } from "@mui/material/Divider";
 import { menuItemClasses } from "@mui/material/MenuItem";
 
-// ----------------------------------------------------------------------
-
 export const paper = ({ theme, bgcolor, dropdown }) => ({
   ...bgBlur({
     blur: 20,
@@ -29,8 +27,6 @@ export const paper = ({ theme, bgcolor, dropdown }) => ({
   }),
 });
 
-// ----------------------------------------------------------------------
-
 export const menuItem = (theme) => ({
   ...theme.typography.body2,
   padding: theme.spacing(0.75, 1),
@@ -61,8 +57,6 @@ export const menuItem = (theme) => ({
   },
 });
 
-// ----------------------------------------------------------------------
-
 export function bgBlur(props) {
   const color = props?.color || "#000000";
   const blur = props?.blur || 6;
@@ -95,8 +89,6 @@ export function bgBlur(props) {
   };
 }
 
-// ----------------------------------------------------------------------
-
 export function bgGradient(props) {
   const direction = props?.direction || "to bottom";
   const startColor = props?.startColor;
@@ -120,8 +112,6 @@ export function bgGradient(props) {
   };
 }
 
-// ----------------------------------------------------------------------
-
 export function textGradient(value) {
   return {
     background: `-webkit-linear-gradient(${value})`,
@@ -130,8 +120,6 @@ export function textGradient(value) {
   };
 }
 
-// ----------------------------------------------------------------------
-
 export const hideScroll = {
   x: {
     msOverflowStyle: "none",

package/src/theme/custom-shadows.js

@@ -11,8 +11,6 @@ import {
   warning,
 } from "./palette";
 
-// ----------------------------------------------------------------------
-
 export function customShadows(mode) {
   const color = mode === "light" ? grey[500] : common.black;
 

package/src/theme/options/contrast.js

@@ -1,8 +1,6 @@
 import { customShadows } from "../custom-shadows";
 import { grey } from "../palette";
 
-// ----------------------------------------------------------------------
-
 export function createContrast(contrast, mode) {
   const theme = {
     ...(contrast === "bold" &&

package/src/theme/options/presets.js

@@ -2,8 +2,6 @@ import { alpha } from "@mui/material/styles";
 
 import { grey, primary } from "../palette";
 
-// ----------------------------------------------------------------------
-
 export function createPresets(preset) {
   const primaryColor = getPrimary(preset);
 
@@ -21,8 +19,6 @@ export function createPresets(preset) {
   };
 }
 
-// ----------------------------------------------------------------------
-
 const cyan = {
   lighter: "#CCF4FE",
   light: "#68CDF9",

package/src/theme/options/right-to-left.jsx

@@ -4,8 +4,6 @@ import createCache from "@emotion/cache";
 import rtlPlugin from "stylis-plugin-rtl";
 import { useEffect } from "react";
 
-// ----------------------------------------------------------------------
-
 export default function RTL({ children, themeDirection }) {
   useEffect(() => {
     document.dir = themeDirection;

package/src/theme/overrides/components/accordion.js

@@ -2,8 +2,6 @@ import { accordionClasses } from "@mui/material/Accordion";
 import { accordionSummaryClasses } from "@mui/material/AccordionSummary";
 import { typographyClasses } from "@mui/material/Typography";
 
-// ----------------------------------------------------------------------
-
 export function accordion(theme) {
   return {
     MuiAccordion: {

package/src/theme/overrides/components/alert.js

@@ -1,12 +1,8 @@
 import { alertClasses } from "@mui/material/Alert";
 import { alpha } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 const COLORS = ["info", "success", "warning", "error"];
 
-// ----------------------------------------------------------------------
-
 export function alert(theme) {
   const lightMode = theme.palette.mode === "light";
 

package/src/theme/overrides/components/appbar.js

@@ -1,5 +1,3 @@
-// ----------------------------------------------------------------------
-
 export function appBar(theme) {
   return {
     MuiAppBar: {

package/src/theme/overrides/components/autocomplete.js

@@ -4,8 +4,6 @@ import { svgIconClasses } from "@mui/material/SvgIcon";
 
 import { menuItem, paper } from "../../css";
 
-// ----------------------------------------------------------------------
-
 export function autocomplete(theme) {
   return {
     MuiAutocomplete: {

package/src/theme/overrides/components/avatar.js

@@ -1,8 +1,6 @@
 import { alpha } from "@mui/material/styles";
 import { avatarGroupClasses } from "@mui/material/AvatarGroup";
 
-// ----------------------------------------------------------------------
-
 const COLORS = [
   "default",
   "primary",
@@ -25,8 +23,6 @@ const colorByName = (name) => {
   return "default";
 };
 
-// ----------------------------------------------------------------------
-
 export function avatar(theme) {
   return {
     MuiAvatar: {

package/src/theme/overrides/components/backdrop.js

@@ -1,7 +1,5 @@
 import { alpha } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 export function backdrop(theme) {
   return {
     MuiBackdrop: {

package/src/theme/overrides/components/badge.js

@@ -1,7 +1,5 @@
 import { badgeClasses } from "@mui/material/Badge";
 
-// ----------------------------------------------------------------------
-
 export function badge(theme) {
   return {
     MuiBadge: {

package/src/theme/overrides/components/breadcrumbs.js

@@ -1,5 +1,3 @@
-// ----------------------------------------------------------------------
-
 export function breadcrumbs(theme) {
   return {
     MuiBreadcrumbs: {

package/src/theme/overrides/components/button-group.js

@@ -1,12 +1,8 @@
 import { alpha } from "@mui/material/styles";
 import { buttonGroupClasses } from "@mui/material/ButtonGroup";
 
-// ----------------------------------------------------------------------
-
 const COLORS = ["primary", "secondary", "info", "success", "warning", "error"];
 
-// ----------------------------------------------------------------------
-
 export function buttonGroup(theme) {
   const rootStyles = (ownerState) => {
     const inheritColor = ownerState.color === "inherit";

package/src/theme/overrides/components/button.js

@@ -1,12 +1,8 @@
 import { alpha } from "@mui/material/styles";
 import { buttonClasses } from "@mui/material/Button";
 
-// ----------------------------------------------------------------------
-
 const COLORS = ["primary", "secondary", "info", "success", "warning", "error"];
 
-// ----------------------------------------------------------------------
-
 export function button(theme) {
   const lightMode = theme.palette.mode === "light";
 

package/src/theme/overrides/components/card.js

@@ -1,5 +1,3 @@
-// ----------------------------------------------------------------------
-
 export function card(theme) {
   return {
     MuiCard: {

package/src/theme/overrides/components/checkbox.js

@@ -1,5 +1,3 @@
-// ----------------------------------------------------------------------
-
 export function checkbox(theme) {
   return {
     MuiCheckbox: {

package/src/theme/overrides/components/chip.js

@@ -1,12 +1,8 @@
 import { alpha } from "@mui/material/styles";
 import { chipClasses } from "@mui/material/Chip";
 
-// ----------------------------------------------------------------------
-
 const COLORS = ["primary", "secondary", "info", "success", "warning", "error"];
 
-// ----------------------------------------------------------------------
-
 export function chip(theme) {
   const lightMode = theme.palette.mode === "light";
 

package/src/theme/overrides/components/css-baseline.js

@@ -1,5 +1,3 @@
-// ----------------------------------------------------------------------
-
 export function cssBaseline(theme) {
   return {
     MuiCssBaseline: {

package/src/theme/overrides/components/data-grid.js

@@ -6,8 +6,6 @@ import { paper } from "../../css";
 import { paperClasses } from "@mui/material/Paper";
 import { tablePaginationClasses } from "@mui/material/TablePagination";
 
-// ----------------------------------------------------------------------
-
 export function dataGrid(theme) {
   const paperStyles = paper({ theme, dropdown: true });
 

package/src/theme/overrides/components/date-picker.jsx

@@ -2,8 +2,6 @@ import Iconify from "../../../components/Iconify";
 import React from "react";
 import { buttonClasses } from "@mui/material/Button";
 
-// ----------------------------------------------------------------------
-
 const dateList = [
   "DatePicker",
   "DateTimePicker",

package/src/theme/overrides/components/dialog.js

@@ -1,5 +1,3 @@
-// ----------------------------------------------------------------------
-
 export function dialog(theme) {
   return {
     MuiDialog: {

package/src/theme/overrides/components/drawer.js

@@ -2,8 +2,6 @@ import { alpha } from "@mui/material/styles";
 import { drawerClasses } from "@mui/material/Drawer";
 import { paper } from "../../css";
 
-// ----------------------------------------------------------------------
-
 export function drawer(theme) {
   const lightMode = theme.palette.mode === "light";
 

package/src/theme/overrides/components/fab.js

@@ -1,12 +1,8 @@
 import { alpha } from "@mui/material/styles";
 import { fabClasses } from "@mui/material/Fab";
 
-// ----------------------------------------------------------------------
-
 const COLORS = ["primary", "secondary", "info", "success", "warning", "error"];
 
-// ----------------------------------------------------------------------
-
 export function fab(theme) {
   const lightMode = theme.palette.mode === "light";
 

package/src/theme/overrides/components/form.js

@@ -1,5 +1,3 @@
-// ----------------------------------------------------------------------
-
 export function formControl(theme) {
   return {
     MuiFormControl: {

package/src/theme/overrides/components/list.js

@@ -1,5 +1,3 @@
-// ----------------------------------------------------------------------
-
 export function list(theme) {
   return {
     MuiListItemIcon: {

package/src/theme/overrides/components/loading-button.js

@@ -1,7 +1,5 @@
 import { buttonClasses } from "@mui/material/Button";
 
-// ----------------------------------------------------------------------
-
 export function loadingButton(theme) {
   return {
     MuiLoadingButton: {

package/src/theme/overrides/components/menu.js

@@ -1,7 +1,5 @@
 import { menuItem } from "../../css";
 
-// ----------------------------------------------------------------------
-
 export function menu(theme) {
   return {
     MuiMenuItem: {

package/src/theme/overrides/components/pagination.js

@@ -1,12 +1,8 @@
 import { alpha } from "@mui/material/styles";
 import { paginationItemClasses } from "@mui/material/PaginationItem";
 
-// ----------------------------------------------------------------------
-
 const COLORS = ["primary", "secondary", "info", "success", "warning", "error"];
 
-// ----------------------------------------------------------------------
-
 export function pagination(theme) {
   const lightMode = theme.palette.mode === "light";
 

package/src/theme/overrides/components/paper.js

@@ -1,7 +1,5 @@
 import { alpha } from "@mui/material/styles";
 
-// ----------------------------------------------------------------------
-
 export function paper(theme) {
   return {
     MuiPaper: {

package/src/theme/overrides/components/popover.js

@@ -1,8 +1,6 @@
 import { listClasses } from "@mui/material/List";
 import { paper } from "../../css";
 
-// ----------------------------------------------------------------------
-
 export function popover(theme) {
   return {
     MuiPopover: {