@canmingir/link 1.1.7 → 1.2.0

package/minimal/src/components/index.js

@@ -1,214 +0,0 @@
-import { ConfirmDialog } from './custom-dialog';
-import CustomBreadcrumbs from './custom-breadcrumbs';
-import Editor from './editor';
-import EmptyContent from './empty-content';
-import Iconify from './iconify';
-import Image from './image';
-import Label from './label';
-import Logo from './logo';
-import Markdown from './markdown';
-import OrganizationalChart from './organizational-chart';
-import ScrollProgress from './scroll-progress';
-import Scrollbar from './scrollbar';
-import SearchNotFound from './search-not-found';
-import { SnackbarProvider } from './snackbar';
-import SvgColor from './svg-color';
-
-import { CarouselArrowIndex, CarouselArrows, CarouselDots, useCarousel } from './carousel';
-import Chart, { useChart } from './chart';
-import { ColorPicker, ColorPreview } from './color-utils';
-import CustomDateRangePicker, {
-  shortDateLabel,
-  useDateRangePicker,
-} from './custom-date-range-picker';
-import CustomPopover, { usePopover } from './custom-popover';
-import FileThumbnail, {
-  DownloadButton,
-  fileData,
-  fileFormat,
-  fileNameByUrl,
-  fileThumb,
-  fileTypeByUrl,
-} from './file-thumbnail';
-import FormProvider, {
-  RHFAutocomplete,
-  RHFCheckbox,
-  RHFCode,
-  RHFEditor,
-  RHFMultiCheckbox,
-  RHFMultiSelect,
-  RHFRadioGroup,
-  RHFSelect,
-  RHFSlider,
-  RHFSwitch,
-  RHFTextField,
-  RHFUpload,
-  RHFUploadAvatar,
-  RHFUploadBox,
-} from './hook-form';
-import LightBox, { useLightBox } from './lightbox';
-import { LoadingScreen, SplashScreen } from './loading-screen';
-import {
-  MapControl,
-  MapMarker,
-  MapPopup,
-  StyledControlPanel,
-  StyledMapControls,
-  StyledPopup,
-} from './map';
-import { MegaMenuDesktopHorizontal, MegaMenuDesktopVertical, MegaMenuMobile } from './mega-menu';
-import {
-  MotionContainer,
-  MotionViewport,
-  varBgColor,
-  varBgKenburns,
-  varBgPan,
-  varBounce,
-  varContainer,
-  varFade,
-  varFlip,
-  varHover,
-  varPath,
-  varRotate,
-  varScale,
-  varSlide,
-  varTranEnter,
-  varTranExit,
-  varTranHover,
-  varZoom,
-} from './animate';
-import {
-  MultiFilePreview,
-  RejectionFiles,
-  SingleFilePreview,
-  Upload,
-  UploadAvatar,
-  UploadBox,
-} from './upload';
-import { NavBasicDesktop, NavBasicMobile } from './nav-basic';
-import { NavSectionHorizontal, NavSectionMini, NavSectionVertical } from './nav-section';
-import ProgressBar, { StyledProgressBar } from './progress-bar';
-import { SettingsDrawer, SettingsProvider, useSettingsContext } from './settings';
-import {
-  TableEmptyRows,
-  TableHeadCustom,
-  TableNoData,
-  TablePaginationCustom,
-  TableSelectedAction,
-  TableSkeleton,
-  emptyRows,
-  getComparator,
-  useTable,
-} from './table';
-import TextMaxLine, { useTypography } from './text-max-line';
-
-export {
-  Chart,
-  ConfirmDialog,
-  useChart,
-  CustomPopover,
-  usePopover,
-  MotionContainer,
-  MotionViewport,
-  varBounce,
-  varFade,
-  varHover,
-  varPath,
-  varTranHover,
-  varBgColor,
-  varBgKenburns,
-  varBgPan,
-  varContainer,
-  varFlip,
-  varRotate,
-  varScale,
-  varSlide,
-  varTranEnter,
-  varTranExit,
-  varZoom,
-  Iconify,
-  CarouselArrowIndex,
-  CarouselArrows,
-  CarouselDots,
-  useCarousel,
-  CustomBreadcrumbs,
-  ColorPicker,
-  ColorPreview,
-  shortDateLabel,
-  useDateRangePicker,
-  CustomDateRangePicker,
-  Editor,
-  EmptyContent,
-  Image,
-  Label,
-  Logo,
-  Markdown,
-  OrganizationalChart,
-  ScrollProgress,
-  SearchNotFound,
-  Scrollbar,
-  SnackbarProvider,
-  SvgColor,
-  DownloadButton,
-  fileData,
-  fileFormat,
-  fileNameByUrl,
-  fileThumb,
-  fileTypeByUrl,
-  RHFAutocomplete,
-  RHFCheckbox,
-  RHFCode,
-  RHFEditor,
-  RHFMultiCheckbox,
-  RHFMultiSelect,
-  RHFRadioGroup,
-  RHFSelect,
-  RHFSlider,
-  RHFSwitch,
-  RHFTextField,
-  RHFUpload,
-  RHFUploadAvatar,
-  RHFUploadBox,
-  FormProvider,
-  useLightBox,
-  LightBox,
-  LoadingScreen,
-  SplashScreen,
-  MapControl,
-  MapMarker,
-  MapPopup,
-  StyledControlPanel,
-  StyledMapControls,
-  StyledPopup,
-  MegaMenuDesktopHorizontal,
-  MegaMenuDesktopVertical,
-  MegaMenuMobile,
-  MultiFilePreview,
-  RejectionFiles,
-  SingleFilePreview,
-  Upload,
-  UploadAvatar,
-  UploadBox,
-  NavBasicDesktop,
-  NavBasicMobile,
-  NavSectionHorizontal,
-  NavSectionMini,
-  NavSectionVertical,
-  StyledProgressBar,
-  ProgressBar,
-  SettingsDrawer,
-  SettingsProvider,
-  useSettingsContext,
-  TableEmptyRows,
-  TableHeadCustom,
-  TableNoData,
-  TablePaginationCustom,
-  TableSelectedAction,
-  TableSkeleton,
-  emptyRows,
-  getComparator,
-  useTable,
-  TextMaxLine,
-  useTypography,
-  FileThumbnail,
-};

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

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

package/minimal/src/components/label/label.jsx

@@ -1,61 +0,0 @@
-import PropTypes from 'prop-types';
-import { forwardRef } from 'react';
-
-import Box from '@mui/material/Box';
-import { useTheme } from '@mui/material/styles';
-
-import { StyledLabel } from './styles';
-
-// ----------------------------------------------------------------------
-
-const Label = forwardRef(
-  ({ children, color = 'default', variant = 'soft', startIcon, endIcon, sx, ...other }, ref) => {
-    const theme = useTheme();
-
-    const iconStyles = {
-      width: 16,
-      height: 16,
-      '& svg, img': { width: 1, height: 1, objectFit: 'cover' },
-    };
-
-    return (
-      <StyledLabel
-        ref={ref}
-        component="span"
-        ownerState={{ color, variant }}
-        sx={{
-          ...(startIcon && { pl: 0.75 }),
-          ...(endIcon && { pr: 0.75 }),
-          ...sx,
-        }}
-        theme={theme}
-        {...other}
-      >
-        {startIcon && <Box sx={{ mr: 0.75, ...iconStyles }}> {startIcon} </Box>}
-
-        {children}
-
-        {endIcon && <Box sx={{ ml: 0.75, ...iconStyles }}> {endIcon} </Box>}
-      </StyledLabel>
-    );
-  }
-);
-
-Label.propTypes = {
-  children: PropTypes.node,
-  endIcon: PropTypes.object,
-  startIcon: PropTypes.object,
-  sx: PropTypes.object,
-  variant: PropTypes.oneOf(['filled', 'outlined', 'ghost', 'soft']),
-  color: PropTypes.oneOf([
-    'default',
-    'primary',
-    'secondary',
-    'info',
-    'success',
-    'warning',
-    'error',
-  ]),
-};
-
-export default Label;

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

@@ -1,77 +0,0 @@
-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';
-
-  const filledVariant = ownerState.variant === 'filled';
-
-  const outlinedVariant = ownerState.variant === 'outlined';
-
-  const softVariant = ownerState.variant === 'soft';
-
-  const defaultStyle = {
-    ...(ownerState.color === 'default' && {
-      // FILLED
-      ...(filledVariant && {
-        color: lightMode ? theme.palette.common.white : theme.palette.grey[800],
-        backgroundColor: theme.palette.text.primary,
-      }),
-      // OUTLINED
-      ...(outlinedVariant && {
-        backgroundColor: 'transparent',
-        color: theme.palette.text.primary,
-        border: `2px solid ${theme.palette.text.primary}`,
-      }),
-      // SOFT
-      ...(softVariant && {
-        color: theme.palette.text.secondary,
-        backgroundColor: alpha(theme.palette.grey[500], 0.16),
-      }),
-    }),
-  };
-
-  const colorStyle = {
-    ...(ownerState.color !== 'default' && {
-      // FILLED
-      ...(filledVariant && {
-        color: theme.palette[ownerState.color].contrastText,
-        backgroundColor: theme.palette[ownerState.color].main,
-      }),
-      // OUTLINED
-      ...(outlinedVariant && {
-        backgroundColor: 'transparent',
-        color: theme.palette[ownerState.color].main,
-        border: `2px solid ${theme.palette[ownerState.color].main}`,
-      }),
-      // SOFT
-      ...(softVariant && {
-        color: theme.palette[ownerState.color][lightMode ? 'dark' : 'light'],
-        backgroundColor: alpha(theme.palette[ownerState.color].main, 0.16),
-      }),
-    }),
-  };
-
-  return {
-    height: 24,
-    minWidth: 24,
-    lineHeight: 0,
-    borderRadius: 6,
-    cursor: 'default',
-    alignItems: 'center',
-    whiteSpace: 'nowrap',
-    display: 'inline-flex',
-    justifyContent: 'center',
-    textTransform: 'capitalize',
-    padding: theme.spacing(0, 0.75),
-    fontSize: theme.typography.pxToRem(12),
-    fontWeight: theme.typography.fontWeightBold,
-    transition: theme.transitions.create('all', {
-      duration: theme.transitions.duration.shorter,
-    }),
-    ...defaultStyle,
-    ...colorStyle,
-  };
-});

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

@@ -1,5 +0,0 @@
-export * from 'yet-another-react-lightbox';
-
-export { default } from './lightbox';
-
-export { default as useLightBox } from './use-light-box';

package/minimal/src/components/lightbox/lightbox.jsx

@@ -1,152 +0,0 @@
-import PropTypes from 'prop-types';
-import Zoom from 'yet-another-react-lightbox/plugins/zoom';
-import Video from 'yet-another-react-lightbox/plugins/video';
-import Captions from 'yet-another-react-lightbox/plugins/captions';
-import Slideshow from 'yet-another-react-lightbox/plugins/slideshow';
-import Fullscreen from 'yet-another-react-lightbox/plugins/fullscreen';
-import Thumbnails from 'yet-another-react-lightbox/plugins/thumbnails';
-import ReactLightbox, { useLightboxState } from 'yet-another-react-lightbox';
-
-import Box from '@mui/material/Box';
-
-import Iconify from '../iconify';
-import StyledLightbox from './styles';
-
-// ----------------------------------------------------------------------
-
-export default function Lightbox({
-  slides,
-  disabledZoom,
-  disabledVideo,
-  disabledTotal,
-  disabledCaptions,
-  disabledSlideshow,
-  disabledThumbnails,
-  disabledFullscreen,
-  onGetCurrentIndex,
-  ...other
-}) {
-  const totalItems = slides ? slides.length : 0;
-
-  return (
-    <>
-      <StyledLightbox />
-
-      <ReactLightbox
-        slides={slides}
-        animation={{ swipe: 240 }}
-        carousel={{ finite: totalItems < 5 }}
-        controller={{ closeOnBackdropClick: true }}
-        plugins={getPlugins({
-          disabledZoom,
-          disabledVideo,
-          disabledCaptions,
-          disabledSlideshow,
-          disabledThumbnails,
-          disabledFullscreen,
-        })}
-        on={{
-          view: ({ index }) => {
-            if (onGetCurrentIndex) {
-              onGetCurrentIndex(index);
-            }
-          },
-        }}
-        toolbar={{
-          buttons: [
-            <DisplayTotal key={0} totalItems={totalItems} disabledTotal={disabledTotal} />,
-            'close',
-          ],
-        }}
-        render={{
-          iconClose: () => <Iconify width={24} icon="carbon:close" />,
-          iconZoomIn: () => <Iconify width={24} icon="carbon:zoom-in" />,
-          iconZoomOut: () => <Iconify width={24} icon="carbon:zoom-out" />,
-          iconSlideshowPlay: () => <Iconify width={24} icon="carbon:play" />,
-          iconSlideshowPause: () => <Iconify width={24} icon="carbon:pause" />,
-          iconPrev: () => <Iconify width={32} icon="carbon:chevron-left" />,
-          iconNext: () => <Iconify width={32} icon="carbon:chevron-right" />,
-          iconExitFullscreen: () => <Iconify width={24} icon="carbon:center-to-fit" />,
-          iconEnterFullscreen: () => <Iconify width={24} icon="carbon:fit-to-screen" />,
-        }}
-        {...other}
-      />
-    </>
-  );
-}
-
-Lightbox.propTypes = {
-  disabledCaptions: PropTypes.bool,
-  disabledFullscreen: PropTypes.bool,
-  disabledSlideshow: PropTypes.bool,
-  disabledThumbnails: PropTypes.bool,
-  disabledTotal: PropTypes.bool,
-  disabledVideo: PropTypes.bool,
-  disabledZoom: PropTypes.bool,
-  onGetCurrentIndex: PropTypes.func,
-  slides: PropTypes.array,
-};
-
-// ----------------------------------------------------------------------
-
-export function getPlugins({
-  disabledZoom,
-  disabledVideo,
-  disabledCaptions,
-  disabledSlideshow,
-  disabledThumbnails,
-  disabledFullscreen,
-}) {
-  let plugins = [Captions, Fullscreen, Slideshow, Thumbnails, Video, Zoom];
-
-  if (disabledThumbnails) {
-    plugins = plugins.filter((plugin) => plugin !== Thumbnails);
-  }
-  if (disabledCaptions) {
-    plugins = plugins.filter((plugin) => plugin !== Captions);
-  }
-  if (disabledFullscreen) {
-    plugins = plugins.filter((plugin) => plugin !== Fullscreen);
-  }
-  if (disabledSlideshow) {
-    plugins = plugins.filter((plugin) => plugin !== Slideshow);
-  }
-  if (disabledZoom) {
-    plugins = plugins.filter((plugin) => plugin !== Zoom);
-  }
-  if (disabledVideo) {
-    plugins = plugins.filter((plugin) => plugin !== Video);
-  }
-
-  return plugins;
-}
-
-// ----------------------------------------------------------------------
-
-export function DisplayTotal({ totalItems, disabledTotal }) {
-  const { currentIndex } = useLightboxState();
-
-  if (disabledTotal) {
-    return null;
-  }
-
-  return (
-    <Box
-      component="span"
-      className="yarl__button"
-      sx={{
-        typography: 'body2',
-        alignItems: 'center',
-        display: 'inline-flex',
-        justifyContent: 'center',
-      }}
-    >
-      <strong> {currentIndex + 1} </strong> / {totalItems}
-    </Box>
-  );
-}
-
-DisplayTotal.propTypes = {
-  disabledTotal: PropTypes.bool,
-  totalItems: PropTypes.number,
-};

package/minimal/src/components/lightbox/styles.jsx

@@ -1,52 +0,0 @@
-import GlobalStyles from '@mui/material/GlobalStyles';
-import { alpha, useTheme } from '@mui/material/styles';
-
-// ----------------------------------------------------------------------
-
-export default function StyledLightbox() {
-  const theme = useTheme();
-
-  const inputGlobalStyles = (
-    <GlobalStyles
-      styles={{
-        '.yarl__root': {
-          '--yarl__thumbnails_thumbnail_padding': 0,
-          '--yarl__thumbnails_thumbnail_border': 'transparent',
-          '--yarl__color_backdrop': alpha(theme.palette.grey[900], 0.9),
-          '--yarl__slide_captions_container_background': alpha(theme.palette.grey[900], 0.48),
-        },
-        // Caption
-        '.yarl__slide_title': {
-          fontSize: theme.typography.h5.fontSize,
-          fontWeight: theme.typography.h5.fontWeight,
-          lineHeight: theme.typography.h5.lineHeight,
-        },
-        '.yarl__slide_description': {
-          fontSize: theme.typography.body2.fontSize,
-          fontWeight: theme.typography.body2.fontWeight,
-          lineHeight: theme.typography.body2.lineHeight,
-        },
-        // Button
-        '.yarl__button': {
-          filter: 'unset',
-        },
-        // Thumbnails
-        '.yarl__thumbnails_thumbnail': {
-          opacity: 0.48,
-          '&.yarl__thumbnails_thumbnail_active': {
-            opacity: 1,
-          },
-        },
-        '.yarl__thumbnails_vignette': {
-          '--yarl__thumbnails_vignette_size': 0,
-        },
-        // Video
-        '.yarl__video_container': {
-          backgroundColor: theme.palette.common.black,
-        },
-      }}
-    />
-  );
-
-  return inputGlobalStyles;
-}

package/minimal/src/components/lightbox/use-light-box.js

@@ -1,30 +0,0 @@
-import { useState, useCallback } from 'react';
-
-// ----------------------------------------------------------------------
-
-export default function useLightBox(slides) {
-  const [selected, setSelected] = useState(-1);
-
-  const handleOpen = useCallback(
-    (slideUrl) => {
-      const slideIndex = slides.findIndex((slide) =>
-        slide.type === 'video' ? slide.poster === slideUrl : slide.src === slideUrl
-      );
-
-      setSelected(slideIndex);
-    },
-    [slides]
-  );
-
-  const handleClose = useCallback(() => {
-    setSelected(-1);
-  }, []);
-
-  return {
-    selected,
-    open: selected >= 0,
-    onOpen: handleOpen,
-    onClose: handleClose,
-    setSelected,
-  };
-}

package/minimal/src/components/loading-screen/index.js

@@ -1,2 +0,0 @@
-export { default as SplashScreen } from './splash-screen';
-export { default as LoadingScreen } from './loading-screen';

package/minimal/src/components/loading-screen/loading-screen.jsx

@@ -1,30 +0,0 @@
-import PropTypes from 'prop-types';
-
-import Box from '@mui/material/Box';
-import LinearProgress from '@mui/material/LinearProgress';
-
-// ----------------------------------------------------------------------
-
-export default function LoadingScreen({ sx, ...other }) {
-  return (
-    <Box
-      sx={{
-        px: 5,
-        width: 1,
-        flexGrow: 1,
-        minHeight: 1,
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        ...sx,
-      }}
-      {...other}
-    >
-      <LinearProgress color="inherit" sx={{ width: 1, maxWidth: 360 }} />
-    </Box>
-  );
-}
-
-LoadingScreen.propTypes = {
-  sx: PropTypes.object,
-};