@canmingir/link 1.1.7 → 1.2.0

package/minimal/src/routes/sections/dashboard.jsx

@@ -1,165 +0,0 @@
-import { lazy, Suspense } from 'react';
-import { Outlet } from 'react-router-dom';
-
-import { AuthGuard } from 'src/auth/guard';
-import DashboardLayout from 'src/layouts/dashboard';
-
-import { LoadingScreen } from 'src/components/loading-screen';
-
-// ----------------------------------------------------------------------
-
-// OVERVIEW
-const IndexPage = lazy(() => import('src/pages/dashboard/app'));
-const OverviewEcommercePage = lazy(() => import('src/pages/dashboard/ecommerce'));
-const OverviewAnalyticsPage = lazy(() => import('src/pages/dashboard/analytics'));
-const OverviewBankingPage = lazy(() => import('src/pages/dashboard/banking'));
-const OverviewBookingPage = lazy(() => import('src/pages/dashboard/booking'));
-const OverviewFilePage = lazy(() => import('src/pages/dashboard/file'));
-// PRODUCT
-const ProductDetailsPage = lazy(() => import('src/pages/dashboard/product/details'));
-const ProductListPage = lazy(() => import('src/pages/dashboard/product/list'));
-const ProductCreatePage = lazy(() => import('src/pages/dashboard/product/new'));
-const ProductEditPage = lazy(() => import('src/pages/dashboard/product/edit'));
-// ORDER
-const OrderListPage = lazy(() => import('src/pages/dashboard/order/list'));
-const OrderDetailsPage = lazy(() => import('src/pages/dashboard/order/details'));
-// INVOICE
-const InvoiceListPage = lazy(() => import('src/pages/dashboard/invoice/list'));
-const InvoiceDetailsPage = lazy(() => import('src/pages/dashboard/invoice/details'));
-const InvoiceCreatePage = lazy(() => import('src/pages/dashboard/invoice/new'));
-const InvoiceEditPage = lazy(() => import('src/pages/dashboard/invoice/edit'));
-// USER
-const UserProfilePage = lazy(() => import('src/pages/dashboard/user/profile'));
-const UserCardsPage = lazy(() => import('src/pages/dashboard/user/cards'));
-const UserListPage = lazy(() => import('src/pages/dashboard/user/list'));
-const UserAccountPage = lazy(() => import('src/pages/dashboard/user/account'));
-const UserCreatePage = lazy(() => import('src/pages/dashboard/user/new'));
-const UserEditPage = lazy(() => import('src/pages/dashboard/user/edit'));
-// BLOG
-const BlogPostsPage = lazy(() => import('src/pages/dashboard/post/list'));
-const BlogPostPage = lazy(() => import('src/pages/dashboard/post/details'));
-const BlogNewPostPage = lazy(() => import('src/pages/dashboard/post/new'));
-const BlogEditPostPage = lazy(() => import('src/pages/dashboard/post/edit'));
-// JOB
-const JobDetailsPage = lazy(() => import('src/pages/dashboard/job/details'));
-const JobListPage = lazy(() => import('src/pages/dashboard/job/list'));
-const JobCreatePage = lazy(() => import('src/pages/dashboard/job/new'));
-const JobEditPage = lazy(() => import('src/pages/dashboard/job/edit'));
-// TOUR
-const TourDetailsPage = lazy(() => import('src/pages/dashboard/tour/details'));
-const TourListPage = lazy(() => import('src/pages/dashboard/tour/list'));
-const TourCreatePage = lazy(() => import('src/pages/dashboard/tour/new'));
-const TourEditPage = lazy(() => import('src/pages/dashboard/tour/edit'));
-// FILE MANAGER
-const FileManagerPage = lazy(() => import('src/pages/dashboard/file-manager'));
-// APP
-const ChatPage = lazy(() => import('src/pages/dashboard/chat'));
-const MailPage = lazy(() => import('src/pages/dashboard/mail'));
-const CalendarPage = lazy(() => import('src/pages/dashboard/calendar'));
-const KanbanPage = lazy(() => import('src/pages/dashboard/kanban'));
-// TEST RENDER PAGE BY ROLE
-const PermissionDeniedPage = lazy(() => import('src/pages/dashboard/permission'));
-// BLANK PAGE
-const BlankPage = lazy(() => import('src/pages/dashboard/blank'));
-
-// ----------------------------------------------------------------------
-
-export const dashboardRoutes = [
-  {
-    path: 'dashboard',
-    element: (
-      <AuthGuard>
-        <DashboardLayout>
-          <Suspense fallback={<LoadingScreen />}>
-            <Outlet />
-          </Suspense>
-        </DashboardLayout>
-      </AuthGuard>
-    ),
-    children: [
-      { element: <IndexPage />, index: true },
-      { path: 'ecommerce', element: <OverviewEcommercePage /> },
-      { path: 'analytics', element: <OverviewAnalyticsPage /> },
-      { path: 'banking', element: <OverviewBankingPage /> },
-      { path: 'booking', element: <OverviewBookingPage /> },
-      { path: 'file', element: <OverviewFilePage /> },
-      {
-        path: 'user',
-        children: [
-          { element: <UserProfilePage />, index: true },
-          { path: 'profile', element: <UserProfilePage /> },
-          { path: 'cards', element: <UserCardsPage /> },
-          { path: 'list', element: <UserListPage /> },
-          { path: 'new', element: <UserCreatePage /> },
-          { path: ':id/edit', element: <UserEditPage /> },
-          { path: 'account', element: <UserAccountPage /> },
-        ],
-      },
-      {
-        path: 'product',
-        children: [
-          { element: <ProductListPage />, index: true },
-          { path: 'list', element: <ProductListPage /> },
-          { path: ':id', element: <ProductDetailsPage /> },
-          { path: 'new', element: <ProductCreatePage /> },
-          { path: ':id/edit', element: <ProductEditPage /> },
-        ],
-      },
-      {
-        path: 'order',
-        children: [
-          { element: <OrderListPage />, index: true },
-          { path: 'list', element: <OrderListPage /> },
-          { path: ':id', element: <OrderDetailsPage /> },
-        ],
-      },
-      {
-        path: 'invoice',
-        children: [
-          { element: <InvoiceListPage />, index: true },
-          { path: 'list', element: <InvoiceListPage /> },
-          { path: ':id', element: <InvoiceDetailsPage /> },
-          { path: ':id/edit', element: <InvoiceEditPage /> },
-          { path: 'new', element: <InvoiceCreatePage /> },
-        ],
-      },
-      {
-        path: 'post',
-        children: [
-          { element: <BlogPostsPage />, index: true },
-          { path: 'list', element: <BlogPostsPage /> },
-          { path: ':title', element: <BlogPostPage /> },
-          { path: ':title/edit', element: <BlogEditPostPage /> },
-          { path: 'new', element: <BlogNewPostPage /> },
-        ],
-      },
-      {
-        path: 'job',
-        children: [
-          { element: <JobListPage />, index: true },
-          { path: 'list', element: <JobListPage /> },
-          { path: ':id', element: <JobDetailsPage /> },
-          { path: 'new', element: <JobCreatePage /> },
-          { path: ':id/edit', element: <JobEditPage /> },
-        ],
-      },
-      {
-        path: 'tour',
-        children: [
-          { element: <TourListPage />, index: true },
-          { path: 'list', element: <TourListPage /> },
-          { path: ':id', element: <TourDetailsPage /> },
-          { path: 'new', element: <TourCreatePage /> },
-          { path: ':id/edit', element: <TourEditPage /> },
-        ],
-      },
-      { path: 'file-manager', element: <FileManagerPage /> },
-      { path: 'mail', element: <MailPage /> },
-      { path: 'chat', element: <ChatPage /> },
-      { path: 'calendar', element: <CalendarPage /> },
-      { path: 'kanban', element: <KanbanPage /> },
-      { path: 'permission', element: <PermissionDeniedPage /> },
-      { path: 'blank', element: <BlankPage /> },
-    ],
-  },
-];

package/minimal/src/routes/sections/index.jsx

@@ -1,50 +0,0 @@
-import { Navigate, useRoutes } from 'react-router-dom';
-
-import MainLayout from 'src/layouts/main';
-
-// import { PATH_AFTER_LOGIN } from 'src/config-global';
-import { authRoutes } from './auth';
-import { authDemoRoutes } from './auth-demo';
-import { HomePage, mainRoutes } from './main';
-import { dashboardRoutes } from './dashboard';
-import { componentsRoutes } from './components';
-
-// ----------------------------------------------------------------------
-
-export default function Router() {
-  return useRoutes([
-    // SET INDEX PAGE WITH SKIP HOME PAGE
-    // {
-    //   path: '/',
-    //   element: <Navigate to={PATH_AFTER_LOGIN} replace />,
-    // },
-
-    // ----------------------------------------------------------------------
-
-    // SET INDEX PAGE WITH HOME PAGE
-    {
-      path: '/',
-      element: (
-        <MainLayout>
-          <HomePage />
-        </MainLayout>
-      ),
-    },
-
-    // Auth routes
-    ...authRoutes,
-    ...authDemoRoutes,
-
-    // Dashboard routes
-    ...dashboardRoutes,
-
-    // Main routes
-    ...mainRoutes,
-
-    // Components routes
-    ...componentsRoutes,
-
-    // No match 404
-    { path: '*', element: <Navigate to="/404" replace /> },
-  ]);
-}

package/minimal/src/routes/sections/main.jsx

@@ -1,94 +0,0 @@
-import { lazy, Suspense } from 'react';
-import { Outlet } from 'react-router-dom';
-
-import MainLayout from 'src/layouts/main';
-import SimpleLayout from 'src/layouts/simple';
-import CompactLayout from 'src/layouts/compact';
-
-import { SplashScreen } from 'src/components/loading-screen';
-
-// ----------------------------------------------------------------------
-
-export const HomePage = lazy(() => import('src/pages/home'));
-const Page500 = lazy(() => import('src/pages/500'));
-const Page403 = lazy(() => import('src/pages/403'));
-const Page404 = lazy(() => import('src/pages/404'));
-const FaqsPage = lazy(() => import('src/pages/faqs'));
-const AboutPage = lazy(() => import('src/pages/about-us'));
-const ContactPage = lazy(() => import('src/pages/contact-us'));
-const PricingPage = lazy(() => import('src/pages/pricing'));
-const PaymentPage = lazy(() => import('src/pages/payment'));
-const ComingSoonPage = lazy(() => import('src/pages/coming-soon'));
-const MaintenancePage = lazy(() => import('src/pages/maintenance'));
-// PRODUCT
-const ProductListPage = lazy(() => import('src/pages/product/list'));
-const ProductDetailsPage = lazy(() => import('src/pages/product/details'));
-const ProductCheckoutPage = lazy(() => import('src/pages/product/checkout'));
-// BLOG
-const PostListPage = lazy(() => import('src/pages/post/list'));
-const PostDetailsPage = lazy(() => import('src/pages/post/details'));
-
-// ----------------------------------------------------------------------
-
-export const mainRoutes = [
-  {
-    element: (
-      <MainLayout>
-        <Suspense fallback={<SplashScreen />}>
-          <Outlet />
-        </Suspense>
-      </MainLayout>
-    ),
-    children: [
-      { path: 'about-us', element: <AboutPage /> },
-      { path: 'contact-us', element: <ContactPage /> },
-      { path: 'faqs', element: <FaqsPage /> },
-      {
-        path: 'product',
-        children: [
-          { element: <ProductListPage />, index: true },
-          { path: 'list', element: <ProductListPage /> },
-          { path: ':id', element: <ProductDetailsPage /> },
-          { path: 'checkout', element: <ProductCheckoutPage /> },
-        ],
-      },
-      {
-        path: 'post',
-        children: [
-          { element: <PostListPage />, index: true },
-          { path: 'list', element: <PostListPage /> },
-          { path: ':title', element: <PostDetailsPage /> },
-        ],
-      },
-    ],
-  },
-  {
-    element: (
-      <SimpleLayout>
-        <Suspense fallback={<SplashScreen />}>
-          <Outlet />
-        </Suspense>
-      </SimpleLayout>
-    ),
-    children: [
-      { path: 'pricing', element: <PricingPage /> },
-      { path: 'payment', element: <PaymentPage /> },
-    ],
-  },
-  {
-    element: (
-      <CompactLayout>
-        <Suspense fallback={<SplashScreen />}>
-          <Outlet />
-        </Suspense>
-      </CompactLayout>
-    ),
-    children: [
-      { path: 'coming-soon', element: <ComingSoonPage /> },
-      { path: 'maintenance', element: <MaintenancePage /> },
-      { path: '500', element: <Page500 /> },
-      { path: '404', element: <Page404 /> },
-      { path: '403', element: <Page403 /> },
-    ],
-  },
-];

package/minimal/src/sections/_examples/component-block.jsx

@@ -1,45 +0,0 @@
-import PropTypes from 'prop-types';
-
-import Paper from '@mui/material/Paper';
-import Stack from '@mui/material/Stack';
-import { alpha } from '@mui/material/styles';
-import CardHeader from '@mui/material/CardHeader';
-
-// ----------------------------------------------------------------------
-
-export default function ComponentBlock({ title, sx, children, ...other }) {
-  return (
-    <Paper
-      variant="outlined"
-      sx={{
-        borderRadius: 1.5,
-        borderStyle: 'dashed',
-        bgcolor: (theme) => alpha(theme.palette.grey[500], 0.04),
-      }}
-    >
-      {title && <CardHeader title={title} />}
-
-      <Stack
-        spacing={3}
-        direction="row"
-        alignItems="center"
-        justifyContent="center"
-        flexWrap="wrap"
-        sx={{
-          p: 5,
-          minHeight: 180,
-          ...sx,
-        }}
-        {...other}
-      >
-        {children}
-      </Stack>
-    </Paper>
-  );
-}
-
-ComponentBlock.propTypes = {
-  children: PropTypes.node,
-  sx: PropTypes.object,
-  title: PropTypes.string,
-};

package/minimal/src/sections/_examples/component-card.jsx

@@ -1,54 +0,0 @@
-import { m } from 'framer-motion';
-import PropTypes from 'prop-types';
-
-import Paper from '@mui/material/Paper';
-import { alpha } from '@mui/material/styles';
-import Typography from '@mui/material/Typography';
-import CardActionArea from '@mui/material/CardActionArea';
-
-import { RouterLink } from 'src/routes/components';
-
-import Image from 'src/components/image';
-import { varHover, varTranHover } from 'src/components/animate';
-
-// ----------------------------------------------------------------------
-
-export default function ComponentCard({ item }) {
-  const { name, icon, href } = item;
-
-  return (
-    <Paper
-      component={RouterLink}
-      href={href}
-      variant="outlined"
-      sx={{
-        overflow: 'hidden',
-        textDecoration: 'none',
-        borderColor: (theme) => alpha(theme.palette.grey[500], 0.08),
-      }}
-    >
-      <CardActionArea
-        component={m.div}
-        whileHover="hover"
-        sx={{
-          p: 2.5,
-          borderRadius: 0,
-          color: 'text.secondary',
-          bgcolor: (theme) => alpha(theme.palette.grey[500], 0.04),
-        }}
-      >
-        <m.div variants={varHover(1.1)} transition={varTranHover()}>
-          <Image alt={name} src={icon} />
-        </m.div>
-      </CardActionArea>
-
-      <Typography variant="subtitle2" sx={{ p: 2, textAlign: 'center' }}>
-        {name}
-      </Typography>
-    </Paper>
-  );
-}
-
-ComponentCard.propTypes = {
-  item: PropTypes.object,
-};

package/minimal/src/sections/_examples/component-hero.jsx

@@ -1,80 +0,0 @@
-import { m } from 'framer-motion';
-
-import Box from '@mui/material/Box';
-import Stack from '@mui/material/Stack';
-import Container from '@mui/material/Container';
-import Typography from '@mui/material/Typography';
-import { alpha, styled } from '@mui/material/styles';
-
-import { useResponsive } from 'src/hooks/use-responsive';
-
-import { bgGradient } from 'src/theme/css';
-
-import { varFade, MotionContainer } from 'src/components/animate';
-
-// ----------------------------------------------------------------------
-
-const StyledRoot = styled('div')(({ theme }) => ({
-  position: 'relative',
-  padding: theme.spacing(10, 0),
-}));
-
-const StyledBg = styled('div')(({ theme }) => ({
-  top: 0,
-  left: 0,
-  right: 0,
-  bottom: 0,
-  zIndex: -1,
-  position: 'absolute',
-  transform: 'scaleX(-1)',
-  ...bgGradient({
-    color: alpha(theme.palette.background.default, 0.9),
-    imgUrl: '/assets/background/overlay_4.jpg',
-  }),
-}));
-
-// ----------------------------------------------------------------------
-
-export default function ComponentHero() {
-  const mdUp = useResponsive('up', 'md');
-
-  return (
-    <StyledRoot>
-      <Container
-        component={MotionContainer}
-        sx={{
-          display: { md: 'flex' },
-          justifyContent: { md: 'space-between' },
-        }}
-      >
-        <Stack spacing={3}>
-          <m.div variants={varFade().inUp}>
-            <Typography variant="h3" component="h1">
-              Components
-            </Typography>
-          </m.div>
-
-          <m.div variants={varFade().inUp}>
-            <Typography sx={{ color: 'text.secondary' }}>
-              With huge resource pack making deployment
-              <br /> easy and expanding more effectively
-            </Typography>
-          </m.div>
-        </Stack>
-
-        {mdUp && (
-          <m.div variants={varFade().inDown}>
-            <Box
-              component="img"
-              alt="illustrations characters"
-              src="/assets/illustrations/characters/character_7.png"
-              sx={{ maxWidth: 320 }}
-            />
-          </m.div>
-        )}
-      </Container>
-
-      <StyledBg />
-    </StyledRoot>
-  );
-}

package/minimal/src/sections/_examples/config-navigation.js

@@ -1,73 +0,0 @@
-import { paramCase, snakeCase } from 'src/utils/change-case';
-
-// ----------------------------------------------------------------------
-
-const getHref = (category, name) => `/components/${category}/${paramCase(name)}`;
-
-export const foundationNav = ['Colors', 'Typography', 'Shadows', 'Grid', 'Icons'].map((name) => ({
-  name,
-  href: getHref('foundation', name),
-  icon: `/assets/icons/components/ic_${snakeCase(name)}.svg`,
-}));
-
-export const muiNav = [
-  'Accordion',
-  'Alert',
-  'Autocomplete',
-  'Avatar',
-  'Badge',
-  'Breadcrumbs',
-  'Buttons',
-  'Checkbox',
-  'Chip',
-  'Dialog',
-  'List',
-  'Menu',
-  'Pagination',
-  'Pickers',
-  'Popover',
-  'Progress',
-  'Radio Button',
-  'Rating',
-  'Slider',
-  'Stepper',
-  'Switch',
-  'Table',
-  'Tabs',
-  'Textfield',
-  'Timeline',
-  'Tooltip',
-  'Transfer List',
-  'Data Grid',
-].map((name) => ({
-  name,
-  href: getHref('mui', name),
-  icon: `/assets/icons/components/ic_${snakeCase(name)}.svg`,
-}));
-
-export const extraNav = [
-  'Chart',
-  'Map',
-  'Editor',
-  'Copy to clipboard',
-  'Upload',
-  'Carousel',
-  'Multi language',
-  'Animate',
-  'Mega Menu',
-  'Form Validation',
-  'Lightbox',
-  'Image',
-  'Label',
-  'Scroll',
-  'Scroll Progress',
-  'Snackbar',
-  'Text Max Line',
-  'Navigation Bar',
-  'Organization Chart',
-  'Markdown',
-].map((name) => ({
-  name,
-  href: getHref('extra', name),
-  icon: `/assets/icons/components/ic_extra_${snakeCase(name)}.svg`,
-}));

package/minimal/src/sections/_examples/extra/animate-view/background/container.jsx

@@ -1,42 +0,0 @@
-import { m } from 'framer-motion';
-import PropTypes from 'prop-types';
-
-import Box from '@mui/material/Box';
-import Paper from '@mui/material/Paper';
-
-import { _mock } from 'src/_mock';
-
-import getVariant from '../get-variant';
-
-// ----------------------------------------------------------------------
-
-export default function ContainerView({ selectVariant, ...other }) {
-  const isKenburns = selectVariant.includes('kenburns');
-
-  return (
-    <Paper
-      sx={{
-        height: 480,
-        width: '100%',
-        overflow: 'hidden',
-        boxShadow: (theme) => theme.customShadows.z8,
-      }}
-      {...other}
-    >
-      {isKenburns ? (
-        <Box
-          component={m.img}
-          src={_mock.image.cover(7)}
-          {...getVariant(selectVariant)}
-          sx={{ width: 1, height: 1, objectFit: 'cover' }}
-        />
-      ) : (
-        <Box component={m.div} {...getVariant(selectVariant)} sx={{ height: 1, width: 1 }} />
-      )}
-    </Paper>
-  );
-}
-
-ContainerView.propTypes = {
-  selectVariant: PropTypes.array,
-};

package/minimal/src/sections/_examples/extra/animate-view/background/index.jsx

@@ -1,61 +0,0 @@
-import { useState } from 'react';
-
-import Card from '@mui/material/Card';
-import Grid from '@mui/material/Unstable_Grid2';
-
-import Toolbar from './toolbar';
-import ContainerView from './container';
-import ControlPanel from '../control-panel';
-
-// ----------------------------------------------------------------------
-
-export default function BackgroundView() {
-  const [count, setCount] = useState(0);
-  const [selectVariant, setSelectVariant] = useState('kenburnsTop');
-
-  const handleChangeVariant = (event) => {
-    setCount(count + 1);
-    setSelectVariant(event.target.value);
-  };
-
-  return (
-    <Card sx={{ p: 3 }}>
-      <Grid container sx={{ mb: 3 }}>
-        <Grid xs={12} md={9}>
-          <Toolbar onRefresh={() => setCount(count + 1)} />
-        </Grid>
-      </Grid>
-
-      <Grid container spacing={3}>
-        <Grid xs={12} md={9}>
-          <ContainerView key={count} selectVariant={selectVariant} />
-        </Grid>
-
-        <Grid xs={12} md={3}>
-          <ControlPanel
-            variantKey={variantKey}
-            selectVariant={selectVariant}
-            onChangeVariant={handleChangeVariant}
-          />
-        </Grid>
-      </Grid>
-    </Card>
-  );
-}
-
-// ----------------------------------------------------------------------
-
-const variantKey = [
-  {
-    type: 'kenburns',
-    values: ['kenburnsTop', 'kenburnsBottom', 'kenburnsLeft', 'kenburnsRight'],
-  },
-  {
-    type: 'pan',
-    values: ['panTop', 'panBottom', 'panLeft', 'panRight'],
-  },
-  {
-    type: 'color change',
-    values: ['color2x', 'color3x', 'color4x', 'color5x'],
-  },
-];