@canmingir/link 1.1.7 → 1.2.0

package/minimal/src/sections/file-manager/view/file-manager-view.jsx

@@ -1,284 +0,0 @@
-import { useState, useCallback } from 'react';
-
-import Stack from '@mui/material/Stack';
-import Button from '@mui/material/Button';
-import Container from '@mui/material/Container';
-import Typography from '@mui/material/Typography';
-import ToggleButton from '@mui/material/ToggleButton';
-import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
-
-import { useBoolean } from 'src/hooks/use-boolean';
-
-import { fTimestamp } from 'src/utils/format-time';
-
-import { _allFiles, FILE_TYPE_OPTIONS } from 'src/_mock';
-
-import Iconify from 'src/components/iconify';
-import EmptyContent from 'src/components/empty-content';
-import { fileFormat } from 'src/components/file-thumbnail';
-import { ConfirmDialog } from 'src/components/custom-dialog';
-import { useSettingsContext } from 'src/components/settings';
-import { useTable, getComparator } from 'src/components/table';
-
-import FileManagerTable from '../file-manager-table';
-import FileManagerFilters from '../file-manager-filters';
-import FileManagerGridView from '../file-manager-grid-view';
-import FileManagerFiltersResult from '../file-manager-filters-result';
-import FileManagerNewFolderDialog from '../file-manager-new-folder-dialog';
-
-// ----------------------------------------------------------------------
-
-const defaultFilters = {
-  name: '',
-  type: [],
-  startDate: null,
-  endDate: null,
-};
-
-// ----------------------------------------------------------------------
-
-export default function FileManagerView() {
-  const table = useTable({ defaultRowsPerPage: 10 });
-
-  const settings = useSettingsContext();
-
-  const openDateRange = useBoolean();
-
-  const confirm = useBoolean();
-
-  const upload = useBoolean();
-
-  const [view, setView] = useState('list');
-
-  const [tableData, setTableData] = useState(_allFiles);
-
-  const [filters, setFilters] = useState(defaultFilters);
-
-  const dateError =
-    filters.startDate && filters.endDate
-      ? filters.startDate.getTime() > filters.endDate.getTime()
-      : false;
-
-  const dataFiltered = applyFilter({
-    inputData: tableData,
-    comparator: getComparator(table.order, table.orderBy),
-    filters,
-    dateError,
-  });
-
-  const dataInPage = dataFiltered.slice(
-    table.page * table.rowsPerPage,
-    table.page * table.rowsPerPage + table.rowsPerPage
-  );
-
-  const canReset =
-    !!filters.name || !!filters.type.length || (!!filters.startDate && !!filters.endDate);
-
-  const notFound = (!dataFiltered.length && canReset) || !dataFiltered.length;
-
-  const handleChangeView = useCallback((event, newView) => {
-    if (newView !== null) {
-      setView(newView);
-    }
-  }, []);
-
-  const handleFilters = useCallback(
-    (name, value) => {
-      table.onResetPage();
-      setFilters((prevState) => ({
-        ...prevState,
-        [name]: value,
-      }));
-    },
-    [table]
-  );
-
-  const handleDeleteItem = useCallback(
-    (id) => {
-      const deleteRow = tableData.filter((row) => row.id !== id);
-      setTableData(deleteRow);
-
-      table.onUpdatePageDeleteRow(dataInPage.length);
-    },
-    [dataInPage.length, table, tableData]
-  );
-
-  const handleDeleteItems = useCallback(() => {
-    const deleteRows = tableData.filter((row) => !table.selected.includes(row.id));
-    setTableData(deleteRows);
-
-    table.onUpdatePageDeleteRows({
-      totalRows: tableData.length,
-      totalRowsInPage: dataInPage.length,
-      totalRowsFiltered: dataFiltered.length,
-    });
-  }, [dataFiltered.length, dataInPage.length, table, tableData]);
-
-  const handleResetFilters = useCallback(() => {
-    setFilters(defaultFilters);
-  }, []);
-
-  const renderFilters = (
-    <Stack
-      spacing={2}
-      direction={{ xs: 'column', md: 'row' }}
-      alignItems={{ xs: 'flex-end', md: 'center' }}
-    >
-      <FileManagerFilters
-        openDateRange={openDateRange.value}
-        onCloseDateRange={openDateRange.onFalse}
-        onOpenDateRange={openDateRange.onTrue}
-        //
-        filters={filters}
-        onFilters={handleFilters}
-        //
-        dateError={dateError}
-        typeOptions={FILE_TYPE_OPTIONS}
-      />
-
-      <ToggleButtonGroup size="small" value={view} exclusive onChange={handleChangeView}>
-        <ToggleButton value="list">
-          <Iconify icon="solar:list-bold" />
-        </ToggleButton>
-
-        <ToggleButton value="grid">
-          <Iconify icon="mingcute:dot-grid-fill" />
-        </ToggleButton>
-      </ToggleButtonGroup>
-    </Stack>
-  );
-
-  const renderResults = (
-    <FileManagerFiltersResult
-      filters={filters}
-      onResetFilters={handleResetFilters}
-      //
-      canReset={canReset}
-      onFilters={handleFilters}
-      //
-      results={dataFiltered.length}
-    />
-  );
-
-  return (
-    <>
-      <Container maxWidth={settings.themeStretch ? false : 'lg'}>
-        <Stack direction="row" alignItems="center" justifyContent="space-between">
-          <Typography variant="h4">File Manager</Typography>
-          <Button
-            variant="contained"
-            startIcon={<Iconify icon="eva:cloud-upload-fill" />}
-            onClick={upload.onTrue}
-          >
-            Upload
-          </Button>
-        </Stack>
-
-        <Stack
-          spacing={2.5}
-          sx={{
-            my: { xs: 3, md: 5 },
-          }}
-        >
-          {renderFilters}
-
-          {canReset && renderResults}
-        </Stack>
-
-        {notFound ? (
-          <EmptyContent
-            filled
-            title="No Data"
-            sx={{
-              py: 10,
-            }}
-          />
-        ) : (
-          <>
-            {view === 'list' ? (
-              <FileManagerTable
-                table={table}
-                tableData={tableData}
-                dataFiltered={dataFiltered}
-                onDeleteRow={handleDeleteItem}
-                notFound={notFound}
-                onOpenConfirm={confirm.onTrue}
-              />
-            ) : (
-              <FileManagerGridView
-                table={table}
-                data={tableData}
-                dataFiltered={dataFiltered}
-                onDeleteItem={handleDeleteItem}
-                onOpenConfirm={confirm.onTrue}
-              />
-            )}
-          </>
-        )}
-      </Container>
-
-      <FileManagerNewFolderDialog open={upload.value} onClose={upload.onFalse} />
-
-      <ConfirmDialog
-        open={confirm.value}
-        onClose={confirm.onFalse}
-        title="Delete"
-        content={
-          <>
-            Are you sure want to delete <strong> {table.selected.length} </strong> items?
-          </>
-        }
-        action={
-          <Button
-            variant="contained"
-            color="error"
-            onClick={() => {
-              handleDeleteItems();
-              confirm.onFalse();
-            }}
-          >
-            Delete
-          </Button>
-        }
-      />
-    </>
-  );
-}
-
-// ----------------------------------------------------------------------
-
-function applyFilter({ inputData, comparator, filters, dateError }) {
-  const { name, type, startDate, endDate } = filters;
-
-  const stabilizedThis = inputData.map((el, index) => [el, index]);
-
-  stabilizedThis.sort((a, b) => {
-    const order = comparator(a[0], b[0]);
-    if (order !== 0) return order;
-    return a[1] - b[1];
-  });
-
-  inputData = stabilizedThis.map((el) => el[0]);
-
-  if (name) {
-    inputData = inputData.filter(
-      (file) => file.name.toLowerCase().indexOf(name.toLowerCase()) !== -1
-    );
-  }
-
-  if (type.length) {
-    inputData = inputData.filter((file) => type.includes(fileFormat(file.type)));
-  }
-
-  if (!dateError) {
-    if (startDate && endDate) {
-      inputData = inputData.filter(
-        (file) =>
-          fTimestamp(file.createdAt) >= fTimestamp(startDate) &&
-          fTimestamp(file.createdAt) <= fTimestamp(endDate)
-      );
-    }
-  }
-
-  return inputData;
-}

package/minimal/src/sections/file-manager/view/index.js

@@ -1 +0,0 @@
-export { default as FileManagerView } from './file-manager-view';

package/minimal/src/sections/home/home-advertisement.jsx

@@ -1,118 +0,0 @@
-import { m } from 'framer-motion';
-
-import Box from '@mui/material/Box';
-import Stack from '@mui/material/Stack';
-import Button from '@mui/material/Button';
-import { useTheme } from '@mui/material/styles';
-import Container from '@mui/material/Container';
-
-import { paths } from 'src/routes/paths';
-
-import { bgGradient } from 'src/theme/css';
-
-import Iconify from 'src/components/iconify';
-import { varFade, MotionViewport } from 'src/components/animate';
-
-// ----------------------------------------------------------------------
-
-export default function HomeAdvertisement() {
-  const theme = useTheme();
-
-  const renderDescription = (
-    <Box
-      sx={{
-        textAlign: {
-          xs: 'center',
-          md: 'left',
-        },
-      }}
-    >
-      <Box
-        component={m.div}
-        variants={varFade().inDown}
-        sx={{ color: 'common.white', mb: 5, typography: 'h2' }}
-      >
-        Get started with
-        <br /> Minimal kit today
-      </Box>
-
-      <Stack
-        direction={{ xs: 'column', md: 'row' }}
-        justifyContent={{ xs: 'center', md: 'flex-start' }}
-        spacing={2}
-      >
-        <m.div variants={varFade().inRight}>
-          <Button
-            color="inherit"
-            size="large"
-            variant="contained"
-            target="_blank"
-            rel="noopener"
-            href={paths.minimalUI}
-            sx={{
-              color: 'grey.800',
-              bgcolor: 'common.white',
-            }}
-          >
-            Purchase Now
-          </Button>
-        </m.div>
-
-        <m.div variants={varFade().inRight}>
-          <Button
-            color="inherit"
-            size="large"
-            variant="outlined"
-            target="_blank"
-            rel="noopener"
-            href={paths.freeUI}
-            endIcon={<Iconify icon="eva:external-link-fill" width={16} sx={{ mr: 0.5 }} />}
-            sx={{
-              color: 'common.white',
-              '&:hover': { borderColor: 'currentColor' },
-            }}
-          >
-            Get Free Version
-          </Button>
-        </m.div>
-      </Stack>
-    </Box>
-  );
-
-  const renderImg = (
-    <Stack component={m.div} variants={varFade().inUp} alignItems="center">
-      <Box
-        component={m.img}
-        animate={{
-          y: [-20, 0, -20],
-        }}
-        transition={{ duration: 4, repeat: Infinity }}
-        alt="rocket"
-        src="/assets/images/home/rocket.webp"
-        sx={{ maxWidth: 460 }}
-      />
-    </Stack>
-  );
-
-  return (
-    <Container component={MotionViewport}>
-      <Stack
-        alignItems="center"
-        direction={{ xs: 'column', md: 'row' }}
-        sx={{
-          ...bgGradient({
-            direction: '135deg',
-            startColor: theme.palette.primary.main,
-            endColor: theme.palette.primary.dark,
-          }),
-          borderRadius: 2,
-          pb: { xs: 5, md: 0 },
-        }}
-      >
-        {renderImg}
-
-        {renderDescription}
-      </Stack>
-    </Container>
-  );
-}

package/minimal/src/sections/home/home-clean-interfaces.jsx

@@ -1,84 +0,0 @@
-import { m } from 'framer-motion';
-
-import Box from '@mui/material/Box';
-import Stack from '@mui/material/Stack';
-import { alpha } from '@mui/material/styles';
-import Container from '@mui/material/Container';
-import Typography from '@mui/material/Typography';
-
-import Image from 'src/components/image';
-import { varFade, MotionViewport } from 'src/components/animate';
-
-// ----------------------------------------------------------------------
-
-export default function HomeCleanInterfaces() {
-  const renderDescription = (
-    <Stack
-      spacing={3}
-      sx={{
-        maxWidth: 520,
-        mx: 'auto',
-        zIndex: { md: 99 },
-        position: { md: 'absolute' },
-        textAlign: { xs: 'center', md: 'left' },
-      }}
-    >
-      <m.div variants={varFade().inUp}>
-        <Typography component="div" variant="overline" sx={{ color: 'text.disabled' }}>
-          clean & clear
-        </Typography>
-      </m.div>
-
-      <m.div variants={varFade().inUp}>
-        <Typography
-          variant="h2"
-          sx={{
-            textShadow: (theme) =>
-              theme.palette.mode === 'light'
-                ? 'unset'
-                : `4px 4px 16px ${alpha(theme.palette.grey[800], 0.48)}`,
-          }}
-        >
-          Beautiful, modern and clean user interfaces
-        </Typography>
-      </m.div>
-    </Stack>
-  );
-
-  const renderContent = (
-    <Box sx={{ position: 'relative' }}>
-      {[...Array(10)].map((_, index) => (
-        <Box
-          key={index}
-          component={m.div}
-          variants={varFade().inUp}
-          sx={{
-            top: 0,
-            left: 0,
-            position: 'absolute',
-            ...(index === 0 && { zIndex: 8 }),
-            ...(index === 9 && { position: 'relative', zIndex: 9 }),
-          }}
-        >
-          <Image
-            disabledEffect
-            alt={`clean-${index + 1}`}
-            src={`/assets/images/home/clean/page_${index + 1}.webp`}
-          />
-        </Box>
-      ))}
-    </Box>
-  );
-
-  return (
-    <Container
-      component={MotionViewport}
-      sx={{
-        py: { xs: 10, md: 15 },
-      }}
-    >
-      {renderDescription}
-      {renderContent}
-    </Container>
-  );
-}

package/minimal/src/sections/home/home-color-presets.jsx

@@ -1,156 +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 CardActionArea from '@mui/material/CardActionArea';
-
-import { presetOptions } from 'src/theme/options/presets';
-
-import Image from 'src/components/image';
-import Iconify from 'src/components/iconify';
-import { useSettingsContext } from 'src/components/settings';
-import { varFade, MotionViewport } from 'src/components/animate';
-
-// ----------------------------------------------------------------------
-
-export default function HomeColorPresets() {
-  const settings = useSettingsContext();
-
-  const renderDescription = (
-    <Stack spacing={3} sx={{ textAlign: 'center' }}>
-      <m.div variants={varFade().inDown}>
-        <Typography component="div" variant="overline" sx={{ color: 'text.disabled' }}>
-          choose your style
-        </Typography>
-      </m.div>
-
-      <m.div variants={varFade().inDown}>
-        <Typography variant="h2"> Color Presets </Typography>
-      </m.div>
-
-      <m.div variants={varFade().inDown}>
-        <Typography sx={{ color: 'text.secondary' }}>
-          Express your own style with just one click
-        </Typography>
-      </m.div>
-    </Stack>
-  );
-
-  const renderContent = (
-    <Box sx={{ position: 'relative' }}>
-      <Image disabledEffect alt="grid" src="/assets/images/home/presets/grid.webp" />
-
-      <Box sx={{ position: 'absolute', top: 0 }}>
-        <m.div variants={varFade().inUp}>
-          <Image
-            disabledEffect
-            alt="screen"
-            src={`/assets/images/home/presets/screen_${settings.themeColorPresets}.webp`}
-          />
-        </m.div>
-      </Box>
-
-      <Box sx={{ position: 'absolute', top: 0 }}>
-        <m.div variants={varFade().inDown}>
-          <m.div animate={{ y: [0, -15, 0] }} transition={{ duration: 8, repeat: Infinity }}>
-            <Image
-              disabledEffect
-              alt="sidebar"
-              src={`/assets/images/home/presets/block_${settings.themeColorPresets}.webp`}
-            />
-          </m.div>
-        </m.div>
-      </Box>
-
-      <Box sx={{ position: 'absolute', top: 0 }}>
-        <m.div variants={varFade().inDown}>
-          <m.div animate={{ y: [-5, 10, -5] }} transition={{ duration: 8, repeat: Infinity }}>
-            <Image
-              disabledEffect
-              alt="chart"
-              src={`/assets/images/home/presets/chart_${settings.themeColorPresets}.webp`}
-            />
-          </m.div>
-        </m.div>
-      </Box>
-
-      <Box sx={{ position: 'absolute', top: 0 }}>
-        <m.div variants={varFade().inDown}>
-          <m.div animate={{ y: [-25, 5, -25] }} transition={{ duration: 10, repeat: Infinity }}>
-            <Image
-              disabledEffect
-              alt="sidebar"
-              src={`/assets/images/home/presets/sidebar_${settings.themeColorPresets}.webp`}
-            />
-          </m.div>
-        </m.div>
-      </Box>
-    </Box>
-  );
-
-  const renderOptions = (
-    <m.div variants={varFade().inDown}>
-      <Stack
-        alignItems="center"
-        justifyContent="center"
-        sx={{
-          my: 5,
-          width: 100,
-          height: 88,
-          mx: 'auto',
-          position: 'relative',
-        }}
-      >
-        {presetOptions.map((color, index) => {
-          const { name, value } = color;
-
-          const selected = settings.themeColorPresets === name;
-
-          return (
-            <CardActionArea
-              key={name}
-              onClick={() => settings.onUpdate('themeColorPresets', name)}
-              sx={{
-                width: 24,
-                height: 24,
-                bgcolor: value,
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                borderRadius: '50%',
-                position: 'absolute',
-                color: 'common.white',
-                ...(index === 0 && { bottom: 0 }),
-                ...(index === 1 && { left: 19 }),
-                ...(index === 2 && { right: 19 }),
-                ...(index === 3 && { top: 0, left: 0 }),
-                ...(index === 4 && { top: 0 }),
-                ...(index === 5 && { top: 0, right: 0 }),
-              }}
-            >
-              {selected && <Iconify icon="eva:color-picker-fill" width={16} />}
-            </CardActionArea>
-          );
-        })}
-      </Stack>
-    </m.div>
-  );
-
-  return (
-    <Container
-      component={MotionViewport}
-      sx={{
-        position: 'relative',
-        py: { xs: 10, md: 15 },
-      }}
-    >
-      {renderDescription}
-
-      {renderOptions}
-
-      {renderContent}
-    </Container>
-  );
-}