@canmingir/link 1.1.7 → 1.2.0

package/minimal/src/theme/overrides/index.js

@@ -1,98 +0,0 @@
-import merge from 'lodash/merge';
-
-import { fab } from './components/fab';
-import { card } from './components/card';
-import { chip } from './components/chip';
-import { tabs } from './components/tabs';
-import { menu } from './components/menu';
-import { list } from './components/list';
-import { table } from './components/table';
-import { alert } from './components/alert';
-import { badge } from './components/badge';
-import { paper } from './components/paper';
-import { radio } from './components/radio';
-import { appBar } from './components/appbar';
-import { drawer } from './components/drawer';
-import { dialog } from './components/dialog';
-import { avatar } from './components/avatar';
-import { rating } from './components/rating';
-import { slider } from './components/slider';
-import { button } from './components/button';
-import { select } from './components/select';
-import { defaultProps } from './default-props';
-import { switches } from './components/switch';
-import { tooltip } from './components/tooltip';
-import { popover } from './components/popover';
-import { stepper } from './components/stepper';
-import { svgIcon } from './components/svg-icon';
-import { skeleton } from './components/skeleton';
-import { backdrop } from './components/backdrop';
-import { progress } from './components/progress';
-import { timeline } from './components/timeline';
-import { checkbox } from './components/checkbox';
-import { dataGrid } from './components/data-grid';
-import { treeView } from './components/tree-view';
-import { textField } from './components/textfield';
-import { accordion } from './components/accordion';
-import { typography } from './components/typography';
-import { pagination } from './components/pagination';
-import { datePicker } from './components/date-picker';
-import { breadcrumbs } from './components/breadcrumbs';
-import { cssBaseline } from './components/css-baseline';
-import { buttonGroup } from './components/button-group';
-import { autocomplete } from './components/autocomplete';
-import { toggleButton } from './components/toggle-button';
-import { loadingButton } from './components/loading-button';
-
-// ----------------------------------------------------------------------
-
-export function componentsOverrides(theme) {
-  const components = merge(
-    defaultProps(theme),
-    //
-    fab(theme),
-    tabs(theme),
-    chip(theme),
-    card(theme),
-    menu(theme),
-    list(theme),
-    badge(theme),
-    table(theme),
-    paper(theme),
-    alert(theme),
-    radio(theme),
-    select(theme),
-    button(theme),
-    rating(theme),
-    dialog(theme),
-    appBar(theme),
-    avatar(theme),
-    slider(theme),
-    drawer(theme),
-    stepper(theme),
-    tooltip(theme),
-    popover(theme),
-    svgIcon(theme),
-    switches(theme),
-    checkbox(theme),
-    dataGrid(theme),
-    skeleton(theme),
-    timeline(theme),
-    treeView(theme),
-    backdrop(theme),
-    progress(theme),
-    textField(theme),
-    accordion(theme),
-    typography(theme),
-    pagination(theme),
-    datePicker(theme),
-    buttonGroup(theme),
-    breadcrumbs(theme),
-    cssBaseline(theme),
-    autocomplete(theme),
-    toggleButton(theme),
-    loadingButton(theme)
-  );
-
-  return components;
-}

package/minimal/src/theme/palette.js

@@ -1,144 +0,0 @@
-import { alpha } from '@mui/material/styles';
-
-// ----------------------------------------------------------------------
-
-// SETUP COLORS
-
-export const grey = {
-  0: '#FFFFFF',
-  100: '#F9FAFB',
-  200: '#F4F6F8',
-  300: '#DFE3E8',
-  400: '#C4CDD5',
-  500: '#919EAB',
-  600: '#637381',
-  700: '#454F5B',
-  800: '#212B36',
-  900: '#161C24',
-};
-
-export const primary = {
-  lighter: '#C8FAD6',
-  light: '#5BE49B',
-  main: '#00A76F',
-  dark: '#007867',
-  darker: '#004B50',
-  contrastText: '#FFFFFF',
-};
-
-export const secondary = {
-  lighter: '#EFD6FF',
-  light: '#C684FF',
-  main: '#8E33FF',
-  dark: '#5119B7',
-  darker: '#27097A',
-  contrastText: '#FFFFFF',
-};
-
-export const info = {
-  lighter: '#CAFDF5',
-  light: '#61F3F3',
-  main: '#00B8D9',
-  dark: '#006C9C',
-  darker: '#003768',
-  contrastText: '#FFFFFF',
-};
-
-export const success = {
-  lighter: '#D3FCD2',
-  light: '#77ED8B',
-  main: '#22C55E',
-  dark: '#118D57',
-  darker: '#065E49',
-  contrastText: '#ffffff',
-};
-
-export const warning = {
-  lighter: '#FFF5CC',
-  light: '#FFD666',
-  main: '#FFAB00',
-  dark: '#B76E00',
-  darker: '#7A4100',
-  contrastText: grey[800],
-};
-
-export const error = {
-  lighter: '#FFE9D5',
-  light: '#FFAC82',
-  main: '#FF5630',
-  dark: '#B71D18',
-  darker: '#7A0916',
-  contrastText: '#FFFFFF',
-};
-
-export const common = {
-  black: '#000000',
-  white: '#FFFFFF',
-};
-
-export const action = {
-  hover: alpha(grey[500], 0.08),
-  selected: alpha(grey[500], 0.16),
-  disabled: alpha(grey[500], 0.8),
-  disabledBackground: alpha(grey[500], 0.24),
-  focus: alpha(grey[500], 0.24),
-  hoverOpacity: 0.08,
-  disabledOpacity: 0.48,
-};
-
-const base = {
-  primary,
-  secondary,
-  info,
-  success,
-  warning,
-  error,
-  grey,
-  common,
-  divider: alpha(grey[500], 0.2),
-  action,
-};
-
-// ----------------------------------------------------------------------
-
-export function palette(mode) {
-  const light = {
-    ...base,
-    mode: 'light',
-    text: {
-      primary: grey[800],
-      secondary: grey[600],
-      disabled: grey[500],
-    },
-    background: {
-      paper: '#FFFFFF',
-      default: '#FFFFFF',
-      neutral: grey[200],
-    },
-    action: {
-      ...base.action,
-      active: grey[600],
-    },
-  };
-
-  const dark = {
-    ...base,
-    mode: 'dark',
-    text: {
-      primary: '#FFFFFF',
-      secondary: grey[500],
-      disabled: grey[600],
-    },
-    background: {
-      paper: grey[800],
-      default: grey[900],
-      neutral: alpha(grey[500], 0.12),
-    },
-    action: {
-      ...base.action,
-      active: grey[500],
-    },
-  };
-
-  return mode === 'light' ? light : dark;
-}

package/minimal/src/theme/shadows.js

@@ -1,41 +0,0 @@
-import { alpha } from '@mui/material/styles';
-
-import { grey, common } from './palette';
-
-// ----------------------------------------------------------------------
-
-export function shadows(mode) {
-  const color = mode === 'light' ? grey[500] : common.black;
-
-  const transparent1 = alpha(color, 0.2);
-  const transparent2 = alpha(color, 0.14);
-  const transparent3 = alpha(color, 0.12);
-
-  return [
-    'none',
-    `0px 2px 1px -1px ${transparent1},0px 1px 1px 0px ${transparent2},0px 1px 3px 0px ${transparent3}`,
-    `0px 3px 1px -2px ${transparent1},0px 2px 2px 0px ${transparent2},0px 1px 5px 0px ${transparent3}`,
-    `0px 3px 3px -2px ${transparent1},0px 3px 4px 0px ${transparent2},0px 1px 8px 0px ${transparent3}`,
-    `0px 2px 4px -1px ${transparent1},0px 4px 5px 0px ${transparent2},0px 1px 10px 0px ${transparent3}`,
-    `0px 3px 5px -1px ${transparent1},0px 5px 8px 0px ${transparent2},0px 1px 14px 0px ${transparent3}`,
-    `0px 3px 5px -1px ${transparent1},0px 6px 10px 0px ${transparent2},0px 1px 18px 0px ${transparent3}`,
-    `0px 4px 5px -2px ${transparent1},0px 7px 10px 1px ${transparent2},0px 2px 16px 1px ${transparent3}`,
-    `0px 5px 5px -3px ${transparent1},0px 8px 10px 1px ${transparent2},0px 3px 14px 2px ${transparent3}`,
-    `0px 5px 6px -3px ${transparent1},0px 9px 12px 1px ${transparent2},0px 3px 16px 2px ${transparent3}`,
-    `0px 6px 6px -3px ${transparent1},0px 10px 14px 1px ${transparent2},0px 4px 18px 3px ${transparent3}`,
-    `0px 6px 7px -4px ${transparent1},0px 11px 15px 1px ${transparent2},0px 4px 20px 3px ${transparent3}`,
-    `0px 7px 8px -4px ${transparent1},0px 12px 17px 2px ${transparent2},0px 5px 22px 4px ${transparent3}`,
-    `0px 7px 8px -4px ${transparent1},0px 13px 19px 2px ${transparent2},0px 5px 24px 4px ${transparent3}`,
-    `0px 7px 9px -4px ${transparent1},0px 14px 21px 2px ${transparent2},0px 5px 26px 4px ${transparent3}`,
-    `0px 8px 9px -5px ${transparent1},0px 15px 22px 2px ${transparent2},0px 6px 28px 5px ${transparent3}`,
-    `0px 8px 10px -5px ${transparent1},0px 16px 24px 2px ${transparent2},0px 6px 30px 5px ${transparent3}`,
-    `0px 8px 11px -5px ${transparent1},0px 17px 26px 2px ${transparent2},0px 6px 32px 5px ${transparent3}`,
-    `0px 9px 11px -5px ${transparent1},0px 18px 28px 2px ${transparent2},0px 7px 34px 6px ${transparent3}`,
-    `0px 9px 12px -6px ${transparent1},0px 19px 29px 2px ${transparent2},0px 7px 36px 6px ${transparent3}`,
-    `0px 10px 13px -6px ${transparent1},0px 20px 31px 3px ${transparent2},0px 8px 38px 7px ${transparent3}`,
-    `0px 10px 13px -6px ${transparent1},0px 21px 33px 3px ${transparent2},0px 8px 40px 7px ${transparent3}`,
-    `0px 10px 14px -6px ${transparent1},0px 22px 35px 3px ${transparent2},0px 8px 42px 7px ${transparent3}`,
-    `0px 11px 14px -7px ${transparent1},0px 23px 36px 3px ${transparent2},0px 9px 44px 8px ${transparent3}`,
-    `0px 11px 15px -7px ${transparent1},0px 24px 38px 3px ${transparent2},0px 9px 46px 8px ${transparent3}`,
-  ];
-}

package/minimal/src/theme/typography.js

@@ -1,107 +0,0 @@
-// ----------------------------------------------------------------------
-
-export function remToPx(value) {
-  return Math.round(parseFloat(value) * 16);
-}
-
-export function pxToRem(value) {
-  return `${value / 16}rem`;
-}
-
-export function responsiveFontSizes({ sm, md, lg }) {
-  return {
-    '@media (min-width:600px)': {
-      fontSize: pxToRem(sm),
-    },
-    '@media (min-width:900px)': {
-      fontSize: pxToRem(md),
-    },
-    '@media (min-width:1200px)': {
-      fontSize: pxToRem(lg),
-    },
-  };
-}
-
-export const primaryFont = 'Public Sans, sans-serif';
-export const secondaryFont = 'Barlow, sans-serif';
-
-// ----------------------------------------------------------------------
-
-export const typography = {
-  fontFamily: primaryFont,
-  fontSecondaryFamily: secondaryFont,
-  fontWeightRegular: 400,
-  fontWeightMedium: 500,
-  fontWeightSemiBold: 600,
-  fontWeightBold: 700,
-  h1: {
-    fontWeight: 800,
-    lineHeight: 80 / 64,
-    fontSize: pxToRem(40),
-    ...responsiveFontSizes({ sm: 52, md: 58, lg: 64 }),
-  },
-  h2: {
-    fontWeight: 800,
-    lineHeight: 64 / 48,
-    fontSize: pxToRem(32),
-    ...responsiveFontSizes({ sm: 40, md: 44, lg: 48 }),
-  },
-  h3: {
-    fontWeight: 700,
-    lineHeight: 1.5,
-    fontSize: pxToRem(24),
-    ...responsiveFontSizes({ sm: 26, md: 30, lg: 32 }),
-  },
-  h4: {
-    fontWeight: 700,
-    lineHeight: 1.5,
-    fontSize: pxToRem(20),
-    ...responsiveFontSizes({ sm: 20, md: 24, lg: 24 }),
-  },
-  h5: {
-    fontWeight: 700,
-    lineHeight: 1.5,
-    fontSize: pxToRem(18),
-    ...responsiveFontSizes({ sm: 19, md: 20, lg: 20 }),
-  },
-  h6: {
-    fontWeight: 700,
-    lineHeight: 28 / 18,
-    fontSize: pxToRem(17),
-    ...responsiveFontSizes({ sm: 18, md: 18, lg: 18 }),
-  },
-  subtitle1: {
-    fontWeight: 600,
-    lineHeight: 1.5,
-    fontSize: pxToRem(16),
-  },
-  subtitle2: {
-    fontWeight: 600,
-    lineHeight: 22 / 14,
-    fontSize: pxToRem(14),
-  },
-  body1: {
-    lineHeight: 1.5,
-    fontSize: pxToRem(16),
-  },
-  body2: {
-    lineHeight: 22 / 14,
-    fontSize: pxToRem(14),
-  },
-  caption: {
-    lineHeight: 1.5,
-    fontSize: pxToRem(12),
-  },
-  overline: {
-    fontWeight: 700,
-    lineHeight: 1.5,
-    fontSize: pxToRem(12),
-    textTransform: 'uppercase',
-  },
-  button: {
-    fontWeight: 700,
-    lineHeight: 24 / 14,
-    fontSize: pxToRem(14),
-    textTransform: 'unset',
-  },
-};

package/minimal/src/utils/axios.js

@@ -1,53 +0,0 @@
-import axios from 'axios';
-
-import { HOST_API } from 'src/config-global';
-
-// ----------------------------------------------------------------------
-
-const axiosInstance = axios.create({ baseURL: HOST_API });
-
-axiosInstance.interceptors.response.use(
-  (res) => res,
-  (error) => Promise.reject((error.response && error.response.data) || 'Something went wrong')
-);
-
-export default axiosInstance;
-
-// ----------------------------------------------------------------------
-
-export const fetcher = async (args) => {
-  const [url, config] = Array.isArray(args) ? args : [args];
-
-  const res = await axiosInstance.get(url, { ...config });
-
-  return res.data;
-};
-
-// ----------------------------------------------------------------------
-
-export const endpoints = {
-  chat: '/api/chat',
-  kanban: '/api/kanban',
-  calendar: '/api/calendar',
-  auth: {
-    me: '/api/auth/me',
-    login: '/api/auth/login',
-    register: '/api/auth/register',
-  },
-  mail: {
-    list: '/api/mail/list',
-    details: '/api/mail/details',
-    labels: '/api/mail/labels',
-  },
-  post: {
-    list: '/api/post/list',
-    details: '/api/post/details',
-    latest: '/api/post/latest',
-    search: '/api/post/search',
-  },
-  product: {
-    list: '/api/product/list',
-    details: '/api/product/details',
-    search: '/api/product/search',
-  },
-};

package/minimal/src/utils/change-case.js

@@ -1,13 +0,0 @@
-export function paramCase(str) {
-  return str
-    .toLowerCase()
-    .replace(/\s+/g, '-')
-    .replace(/[^a-z0-9-]/g, '');
-}
-
-export function snakeCase(str) {
-  return str
-    .toLowerCase()
-    .replace(/\s+/g, '_')
-    .replace(/[^a-z0-9_]/g, '');
-}

package/minimal/src/utils/flatten-array.js

@@ -1,14 +0,0 @@
-// ----------------------------------------------------------------------
-
-export function flattenArray(list, key = 'children') {
-  let children = [];
-
-  const flatten = list?.map((item) => {
-    if (item[key] && item[key].length) {
-      children = [...children, ...item[key]];
-    }
-    return item;
-  });
-
-  return flatten?.concat(children.length ? flattenArray(children, key) : children);
-}

package/minimal/src/utils/format-number.js

@@ -1,37 +0,0 @@
-import numeral from 'numeral';
-
-// ----------------------------------------------------------------------
-
-export function fNumber(number) {
-  return numeral(number).format();
-}
-
-export function fCurrency(number) {
-  const format = number ? numeral(number).format('$0,0.00') : '';
-
-  return result(format, '.00');
-}
-
-export function fPercent(number) {
-  const format = number ? numeral(Number(number) / 100).format('0.0%') : '';
-
-  return result(format, '.0');
-}
-
-export function fShortenNumber(number) {
-  const format = number ? numeral(number).format('0.00a') : '';
-
-  return result(format, '.00');
-}
-
-export function fData(number) {
-  const format = number ? numeral(number).format('0.0 b') : '';
-
-  return result(format, '.0');
-}
-
-function result(format, key = '.00') {
-  const isInteger = format.includes(key);
-
-  return isInteger ? format.replace(key, '') : format;
-}

package/minimal/src/utils/format-time.js

@@ -1,27 +0,0 @@
-import { format, getTime, formatDistanceToNow } from 'date-fns';
-
-// ----------------------------------------------------------------------
-
-export function fDate(date, newFormat) {
-  const fm = newFormat || 'dd MMM yyyy';
-
-  return date ? format(new Date(date), fm) : '';
-}
-
-export function fDateTime(date, newFormat) {
-  const fm = newFormat || 'dd MMM yyyy p';
-
-  return date ? format(new Date(date), fm) : '';
-}
-
-export function fTimestamp(date) {
-  return date ? getTime(new Date(date)) : '';
-}
-
-export function fToNow(date) {
-  return date
-    ? formatDistanceToNow(new Date(date), {
-        addSuffix: true,
-      })
-    : '';
-}

package/minimal/src/utils/highlight.js

@@ -1,12 +0,0 @@
-import hljs from 'highlight.js';
-import 'highlight.js/styles/base16/tomorrow-night.css';
-
-// ----------------------------------------------------------------------
-
-hljs.configure({
-  languages: ['javascript', 'sh', 'bash', 'html', 'scss', 'css', 'json'],
-});
-
-if (typeof window !== 'undefined') {
-  window.hljs = hljs;
-}

package/minimal/src/utils/storage-available.js

@@ -1,24 +0,0 @@
-// ----------------------------------------------------------------------
-
-export function localStorageAvailable() {
-  try {
-    const key = '__some_random_key_you_are_not_going_to_use__';
-    window.localStorage.setItem(key, key);
-    window.localStorage.removeItem(key);
-    return true;
-  } catch (error) {
-    return false;
-  }
-}
-
-export function localStorageGetItem(key, defaultValue = '') {
-  const storageAvailable = localStorageAvailable();
-
-  let value;
-
-  if (storageAvailable) {
-    value = localStorage.getItem(key) || defaultValue;
-  }
-
-  return value;
-}

package/minimal/src/utils/uuidv4.js

@@ -1,10 +0,0 @@
-/* eslint-disable */
-// ----------------------------------------------------------------------
-
-export default function uuidv4() {
-  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-    const r = (Math.random() * 16) | 0,
-      v = c === 'x' ? r : (r & 0x3) | 0x8;
-    return v.toString(16);
-  });
-}

package/minimal/vercel.json

@@ -1,8 +0,0 @@
-{
-  "rewrites": [
-    {
-      "source": "/(.*)",
-      "destination": "/"
-    }
-  ]
-}

package/minimal/vite.config.js

@@ -1,35 +0,0 @@
-import path from 'path';
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react-swc';
-import checker from 'vite-plugin-checker';
-
-// ----------------------------------------------------------------------
-
-export default defineConfig({
-  plugins: [
-    react(),
-    checker({
-      eslint: {
-        lintCommand: 'eslint "./src/**/*.{js,jsx,ts,tsx}"',
-      },
-    }),
-  ],
-  resolve: {
-    alias: [
-      {
-        find: /^~(.+)/,
-        replacement: path.join(process.cwd(), 'node_modules/$1'),
-      },
-      {
-        find: /^src(.+)/,
-        replacement: path.join(process.cwd(), 'src/$1'),
-      },
-    ],
-  },
-  server: {
-    port: 3030,
-  },
-  preview: {
-    port: 3030,
-  },
-});