@canmingir/link 1.1.7 → 1.2.0

package/minimal/src/components/organizational-chart/common/standard-node.jsx

@@ -1,95 +0,0 @@
-import PropTypes from 'prop-types';
-
-import Card from '@mui/material/Card';
-import Avatar from '@mui/material/Avatar';
-import MenuItem from '@mui/material/MenuItem';
-import IconButton from '@mui/material/IconButton';
-import Typography from '@mui/material/Typography';
-
-import Iconify from '../../iconify';
-import CustomPopover, { usePopover } from '../../custom-popover';
-
-// ----------------------------------------------------------------------
-
-export default function StandardNode({ node, onEdit, onDelete, sx }) {
-  const popover = usePopover();
-
-  return (
-    <>
-      <Card
-        sx={{
-          p: 2,
-          minWidth: 200,
-          borderRadius: 1.5,
-          textAlign: 'left',
-          position: 'relative',
-          display: 'inline-flex',
-          flexDirection: 'column',
-          textTransform: 'capitalize',
-          ...sx,
-        }}
-      >
-        <IconButton
-          color={popover.open ? 'inherit' : 'default'}
-          onClick={popover.onOpen}
-          sx={{ position: 'absolute', top: 8, right: 8 }}
-        >
-          <Iconify icon="eva:more-horizontal-fill" />
-        </IconButton>
-
-        <Avatar
-          alt={node.name}
-          src={node.avatarUrl || ''}
-          sx={{ mr: 2, mb: 1, width: 48, height: 48 }}
-        />
-
-        <Typography variant="subtitle2" noWrap>
-          {node.name}
-        </Typography>
-
-        <Typography variant="caption" component="div" noWrap sx={{ color: 'text.secondary' }}>
-          {node.role}
-        </Typography>
-      </Card>
-
-      <CustomPopover
-        open={popover.open}
-        onClose={popover.onClose}
-        arrow="left-center"
-        sx={{ width: 160 }}
-      >
-        {onDelete && (
-          <MenuItem
-            onClick={() => {
-              popover.onClose();
-              onDelete();
-            }}
-            sx={{ color: 'error.main' }}
-          >
-            <Iconify icon="solar:trash-bin-trash-bold" />
-            Delete
-          </MenuItem>
-        )}
-
-        {onEdit && (
-          <MenuItem
-            onClick={() => {
-              popover.onClose();
-              onEdit();
-            }}
-          >
-            <Iconify icon="solar:pen-bold" />
-            Edit
-          </MenuItem>
-        )}
-      </CustomPopover>
-    </>
-  );
-}
-
-StandardNode.propTypes = {
-  node: PropTypes.object,
-  onDelete: PropTypes.func,
-  onEdit: PropTypes.func,
-  sx: PropTypes.object,
-};

package/minimal/src/components/organizational-chart/index.js

@@ -1 +0,0 @@
-export { default } from './organizational-chart';

package/minimal/src/components/organizational-chart/organizational-chart.jsx

@@ -1,106 +0,0 @@
-import PropTypes from 'prop-types';
-import { Tree, TreeNode } from 'react-organizational-chart';
-
-import { useTheme } from '@mui/material/styles';
-
-import { flattenArray } from 'src/utils/flatten-array';
-
-import GroupNode from './common/group-node';
-import SimpleNode from './common/simple-node';
-import StandardNode from './common/standard-node';
-
-// ----------------------------------------------------------------------
-
-export default function OrganizationalChart({ data, variant = 'simple', sx, ...other }) {
-  const theme = useTheme();
-
-  return (
-    <Tree
-      lineWidth="1.5px"
-      nodePadding="4px"
-      lineBorderRadius="24px"
-      lineColor={theme.palette.divider}
-      label={
-        (variant === 'simple' && <SimpleNode sx={sx} node={data} />) ||
-        (variant === 'standard' && (
-          <StandardNode
-            sx={sx}
-            node={data}
-            onEdit={() => console.info('EDIT', data.name)}
-            onDelete={() => console.info('DELETE', data.name)}
-          />
-        )) ||
-        (variant === 'group' && <GroupNode sx={sx} node={data} />)
-      }
-      {...other}
-    >
-      {data.children.map((list) => (
-        <List key={list.name} depth={1} data={list} variant={variant} sx={sx} />
-      ))}
-    </Tree>
-  );
-}
-
-OrganizationalChart.propTypes = {
-  data: PropTypes.object,
-  sx: PropTypes.object,
-  variant: PropTypes.string,
-};
-
-// ----------------------------------------------------------------------
-
-export function List({ data, depth, variant, sx }) {
-  const hasChild = data.children && !!data.children;
-
-  return (
-    <TreeNode
-      label={
-        (variant === 'simple' && <SimpleNode sx={sx} node={data} />) ||
-        (variant === 'standard' && (
-          <StandardNode
-            sx={sx}
-            node={data}
-            onEdit={() => console.info('EDIT', data.name)}
-            onDelete={() => console.info('DELETE', data.name)}
-          />
-        )) ||
-        (variant === 'group' && (
-          <GroupNode
-            sx={sx}
-            node={data}
-            depth={depth}
-            length={flattenArray(data.children)?.length}
-          />
-        ))
-      }
-    >
-      {hasChild && <SubList data={data.children} depth={depth} variant={variant} sx={sx} />}
-    </TreeNode>
-  );
-}
-
-List.propTypes = {
-  data: PropTypes.object,
-  depth: PropTypes.number,
-  sx: PropTypes.object,
-  variant: PropTypes.string,
-};
-
-// ----------------------------------------------------------------------
-
-function SubList({ data, depth, variant, sx }) {
-  return (
-    <>
-      {data.map((list) => (
-        <List key={list.name} data={list} depth={depth + 1} variant={variant} sx={sx} />
-      ))}
-    </>
-  );
-}
-
-SubList.propTypes = {
-  data: PropTypes.array,
-  depth: PropTypes.number,
-  sx: PropTypes.object,
-  variant: PropTypes.string,
-};

package/minimal/src/components/progress-bar/index.js

@@ -1,3 +0,0 @@
-export { default } from './progress-bar';
-
-export { default as StyledProgressBar } from './styles';

package/minimal/src/components/progress-bar/progress-bar.jsx

@@ -1,48 +0,0 @@
-import NProgress from 'nprogress';
-import { useState, useEffect } from 'react';
-
-import { usePathname } from 'src/routes/hooks';
-
-import StyledProgressBar from './styles';
-
-// ----------------------------------------------------------------------
-
-export default function ProgressBar() {
-  const pathname = usePathname();
-
-  const [mounted, setMounted] = useState(false);
-
-  const [visible, setVisible] = useState(false);
-
-  useEffect(() => {
-    setMounted(true);
-  }, []);
-
-  useEffect(() => {
-    if (!visible) {
-      NProgress.start();
-      setVisible(true);
-    }
-
-    if (visible) {
-      NProgress.done();
-      setVisible(false);
-    }
-
-    if (!visible && mounted) {
-      setVisible(false);
-      NProgress.done();
-    }
-
-    return () => {
-      NProgress.done();
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [pathname, mounted]);
-
-  if (!mounted) {
-    return null;
-  }
-
-  return <StyledProgressBar />;
-}

package/minimal/src/components/progress-bar/styles.jsx

@@ -1,40 +0,0 @@
-import { useTheme } from '@mui/material/styles';
-import GlobalStyles from '@mui/material/GlobalStyles';
-
-// ----------------------------------------------------------------------
-
-export default function StyledProgressBar() {
-  const theme = useTheme();
-
-  const inputGlobalStyles = (
-    <GlobalStyles
-      styles={{
-        '#nprogress': {
-          pointerEvents: 'none',
-          '.bar': {
-            top: 0,
-            left: 0,
-            height: 2.5,
-            zIndex: 9999,
-            width: '100%',
-            position: 'fixed',
-            backgroundColor: theme.palette.primary.main,
-            boxShadow: `0 0 2px ${theme.palette.primary.main}`,
-          },
-          '.peg': {
-            right: 0,
-            opacity: 1,
-            width: 100,
-            height: '100%',
-            display: 'block',
-            position: 'absolute',
-            transform: 'rotate(3deg) translate(0px, -4px)',
-            boxShadow: `0 0 10px ${theme.palette.primary.main}, 0 0 5px ${theme.palette.primary.main}`,
-          },
-        },
-      }}
-    />
-  );
-
-  return inputGlobalStyles;
-}

package/minimal/src/components/scroll-progress/index.js

@@ -1 +0,0 @@
-export { default } from './scroll-progress';

package/minimal/src/components/scroll-progress/scroll-progress.jsx

@@ -1,58 +0,0 @@
-import PropTypes from 'prop-types';
-import { m, useSpring } from 'framer-motion';
-
-import Box from '@mui/material/Box';
-
-// ----------------------------------------------------------------------
-
-export default function ScrollProgress({
-  color = 'primary',
-  size = 3,
-  scrollYProgress,
-  sx,
-  ...other
-}) {
-  const scaleX = useSpring(scrollYProgress, {
-    stiffness: 100,
-    damping: 30,
-    restDelta: 0.001,
-  });
-
-  return (
-    <Box
-      component={m.div}
-      sx={{
-        top: 0,
-        left: 0,
-        right: 0,
-        height: size,
-        zIndex: 1999,
-        position: 'fixed',
-        transformOrigin: '0%',
-        bgcolor: 'text.primary',
-        ...(color !== 'inherit' && {
-          background: (theme) =>
-            `linear-gradient(135deg, ${theme.palette[color].light} 0%, ${theme.palette[color].main} 100%)`,
-        }),
-        ...sx,
-      }}
-      style={{ scaleX }}
-      {...other}
-    />
-  );
-}
-
-ScrollProgress.propTypes = {
-  scrollYProgress: PropTypes.object,
-  size: PropTypes.number,
-  sx: PropTypes.object,
-  color: PropTypes.oneOf([
-    'inherit',
-    'primary',
-    'secondary',
-    'info',
-    'success',
-    'warning',
-    'error',
-  ]),
-};

package/minimal/src/components/scrollbar/index.js

@@ -1 +0,0 @@
-export { default } from './scrollbar';

package/minimal/src/components/scrollbar/scrollbar.jsx

@@ -1,44 +0,0 @@
-import PropTypes from 'prop-types';
-import { memo, forwardRef } from 'react';
-
-import Box from '@mui/material/Box';
-
-import { StyledScrollbar, StyledRootScrollbar } from './styles';
-
-// ----------------------------------------------------------------------
-
-const Scrollbar = forwardRef(({ children, sx, ...other }, ref) => {
-  const userAgent = typeof navigator === 'undefined' ? 'SSR' : navigator.userAgent;
-
-  const mobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent);
-
-  if (mobile) {
-    return (
-      <Box ref={ref} sx={{ overflow: 'auto', ...sx }} {...other}>
-        {children}
-      </Box>
-    );
-  }
-
-  return (
-    <StyledRootScrollbar>
-      <StyledScrollbar
-        scrollableNodeProps={{
-          ref,
-        }}
-        clickOnTrack={false}
-        sx={sx}
-        {...other}
-      >
-        {children}
-      </StyledScrollbar>
-    </StyledRootScrollbar>
-  );
-});
-
-Scrollbar.propTypes = {
-  children: PropTypes.node,
-  sx: PropTypes.object,
-};
-
-export default memo(Scrollbar);

package/minimal/src/components/scrollbar/styles.js

@@ -1,26 +0,0 @@
-import SimpleBar from 'simplebar-react';
-
-import { alpha, styled } from '@mui/material/styles';
-
-// ----------------------------------------------------------------------
-
-export const StyledRootScrollbar = styled('div')(() => ({
-  flexGrow: 1,
-  height: '100%',
-  overflow: 'hidden',
-}));
-
-export const StyledScrollbar = styled(SimpleBar)(({ theme }) => ({
-  maxHeight: '100%',
-  '& .simplebar-scrollbar': {
-    '&:before': {
-      backgroundColor: alpha(theme.palette.grey[600], 0.48),
-    },
-    '&.simplebar-visible:before': {
-      opacity: 1,
-    },
-  },
-  '& .simplebar-mask': {
-    zIndex: 'inherit',
-  },
-}));

package/minimal/src/components/search-not-found/index.js

@@ -1 +0,0 @@
-export { default } from './search-not-found';

package/minimal/src/components/search-not-found/search-not-found.jsx

@@ -1,38 +0,0 @@
-import PropTypes from 'prop-types';
-
-import Paper from '@mui/material/Paper';
-import Typography from '@mui/material/Typography';
-
-// ----------------------------------------------------------------------
-
-export default function SearchNotFound({ query, sx, ...other }) {
-  return query ? (
-    <Paper
-      sx={{
-        bgcolor: 'unset',
-        textAlign: 'center',
-        ...sx,
-      }}
-      {...other}
-    >
-      <Typography variant="h6" gutterBottom>
-        Not Found
-      </Typography>
-
-      <Typography variant="body2">
-        No results found for &nbsp;
-        <strong>&quot;{query}&quot;</strong>.
-        <br /> Try checking for typos or using complete words.
-      </Typography>
-    </Paper>
-  ) : (
-    <Typography variant="body2" sx={sx}>
-      Please enter keywords
-    </Typography>
-  );
-}
-
-SearchNotFound.propTypes = {
-  query: PropTypes.string,
-  sx: PropTypes.object,
-};

package/minimal/src/components/settings/context/index.js

@@ -1,2 +0,0 @@
-export { SettingsProvider } from './settings-provider';
-export { useSettingsContext } from './settings-context';

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

@@ -1,13 +0,0 @@
-import { useContext, createContext } from 'react';
-
-// ----------------------------------------------------------------------
-
-export const SettingsContext = createContext({});
-
-export const useSettingsContext = () => {
-  const context = useContext(SettingsContext);
-
-  if (!context) throw new Error('useSettingsContext must be use inside SettingsProvider');
-
-  return context;
-};

package/minimal/src/components/settings/context/settings-provider.jsx

@@ -1,80 +0,0 @@
-import PropTypes from 'prop-types';
-import isEqual from 'lodash/isEqual';
-import { useMemo, useState, useEffect, useCallback } from 'react';
-
-import { useLocalStorage } from 'src/hooks/use-local-storage';
-
-import { localStorageGetItem } from 'src/utils/storage-available';
-
-import { SettingsContext } from './settings-context';
-
-// ----------------------------------------------------------------------
-
-const STORAGE_KEY = 'settings';
-
-export function SettingsProvider({ children, defaultSettings }) {
-  const { state, update, reset } = useLocalStorage(STORAGE_KEY, defaultSettings);
-
-  const [openDrawer, setOpenDrawer] = useState(false);
-
-  const isArabic = localStorageGetItem('i18nextLng') === 'ar';
-
-  useEffect(() => {
-    if (isArabic) {
-      onChangeDirectionByLang('ar');
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isArabic]);
-
-  // Direction by lang
-  const onChangeDirectionByLang = useCallback(
-    (lang) => {
-      update('themeDirection', lang === 'ar' ? 'rtl' : 'ltr');
-    },
-    [update]
-  );
-
-  // Drawer
-  const onToggleDrawer = useCallback(() => {
-    setOpenDrawer((prev) => !prev);
-  }, []);
-
-  const onCloseDrawer = useCallback(() => {
-    setOpenDrawer(false);
-  }, []);
-
-  const canReset = !isEqual(state, defaultSettings);
-
-  const memoizedValue = useMemo(
-    () => ({
-      ...state,
-      onUpdate: update,
-      // Direction
-      onChangeDirectionByLang,
-      // Reset
-      canReset,
-      onReset: reset,
-      // Drawer
-      open: openDrawer,
-      onToggle: onToggleDrawer,
-      onClose: onCloseDrawer,
-    }),
-    [
-      reset,
-      update,
-      state,
-      canReset,
-      openDrawer,
-      onCloseDrawer,
-      onToggleDrawer,
-      onChangeDirectionByLang,
-    ]
-  );
-
-  return <SettingsContext.Provider value={memoizedValue}>{children}</SettingsContext.Provider>;
-}
-
-SettingsProvider.propTypes = {
-  children: PropTypes.node,
-  defaultSettings: PropTypes.object,
-};

package/minimal/src/components/settings/drawer/base-option.jsx

@@ -1,59 +0,0 @@
-import PropTypes from 'prop-types';
-
-import Stack from '@mui/material/Stack';
-import { alpha } from '@mui/material/styles';
-import ButtonBase from '@mui/material/ButtonBase';
-
-import SvgColor from '../../svg-color';
-
-// ----------------------------------------------------------------------
-
-export default function BaseOptions({ icons, options, value, onChange }) {
-  return (
-    <Stack direction="row" spacing={2}>
-      {options.map((option, index) => {
-        const selected = value === option;
-
-        return (
-          <ButtonBase
-            key={option}
-            onClick={() => onChange(option)}
-            sx={{
-              width: 1,
-              height: 80,
-              borderRadius: 1,
-              border: (theme) => `solid 1px ${alpha(theme.palette.grey[500], 0.08)}`,
-              ...(selected && {
-                bgcolor: 'background.paper',
-                boxShadow: (theme) =>
-                  `-24px 8px 24px -4px ${alpha(
-                    theme.palette.mode === 'light'
-                      ? theme.palette.grey[500]
-                      : theme.palette.common.black,
-                    0.08
-                  )}`,
-              }),
-              '& .svg-color': {
-                background: (theme) =>
-                  `linear-gradient(135deg, ${theme.palette.grey[500]} 0%, ${theme.palette.grey[600]} 100%)`,
-                ...(selected && {
-                  background: (theme) =>
-                    `linear-gradient(135deg, ${theme.palette.primary.light} 0%, ${theme.palette.primary.main} 100%)`,
-                }),
-              },
-            }}
-          >
-            <SvgColor src={`/assets/icons/setting/ic_${index === 0 ? icons[0] : icons[1]}.svg`} />
-          </ButtonBase>
-        );
-      })}
-    </Stack>
-  );
-}
-
-BaseOptions.propTypes = {
-  icons: PropTypes.arrayOf(PropTypes.string),
-  onChange: PropTypes.func,
-  options: PropTypes.array,
-  value: PropTypes.string,
-};

package/minimal/src/components/settings/drawer/fullscreen-option.jsx

@@ -1,57 +0,0 @@
-import { useState, useCallback } from 'react';
-
-import Box from '@mui/material/Box';
-import { alpha } from '@mui/material/styles';
-import ButtonBase from '@mui/material/ButtonBase';
-
-import SvgColor from '../../svg-color';
-
-// ----------------------------------------------------------------------
-
-export default function FullScreenOption() {
-  const [fullscreen, setFullscreen] = useState(false);
-
-  const onToggleFullScreen = useCallback(() => {
-    if (!document.fullscreenElement) {
-      document.documentElement.requestFullscreen();
-      setFullscreen(true);
-    } else if (document.exitFullscreen) {
-      document.exitFullscreen();
-      setFullscreen(false);
-    }
-  }, []);
-
-  return (
-    <Box sx={{ p: 2.5 }}>
-      <ButtonBase
-        onClick={onToggleFullScreen}
-        sx={{
-          width: 1,
-          height: 48,
-          borderRadius: 1,
-          color: 'text.disabled',
-          typography: 'subtitle2',
-          border: (theme) => `solid 1px ${alpha(theme.palette.grey[500], 0.08)}`,
-          ...(fullscreen && {
-            color: 'text.primary',
-          }),
-          '& .svg-color': {
-            background: (theme) =>
-              `linear-gradient(135deg, ${theme.palette.grey[500]} 0%, ${theme.palette.grey[600]} 100%)`,
-            ...(fullscreen && {
-              background: (theme) =>
-                `linear-gradient(135deg, ${theme.palette.primary.light} 0%, ${theme.palette.primary.main} 100%)`,
-            }),
-          },
-        }}
-      >
-        <SvgColor
-          src={`/assets/icons/setting/${fullscreen ? 'ic_exit_full_screen' : 'ic_full_screen'}.svg`}
-          sx={{ width: 16, height: 16, mr: 1 }}
-        />
-
-        {fullscreen ? 'Exit Fullscreen' : 'Fullscreen'}
-      </ButtonBase>
-    </Box>
-  );
-}