Migrate @mantine/ds to @mantinex/* packages

shafiqrbs · Nov 21, 2023 · 82f878b · 82f878b
1 parent 0a45f75
commit 82f878b
Show file tree

Hide file tree

Showing 28 changed files with 104 additions and 104 deletions.
diff --git a/components/ComponentCanvas/CanvasHeader/CanvasHeader.tsx b/components/ComponentCanvas/CanvasHeader/CanvasHeader.tsx
@@ -1,4 +1,4 @@
-import { GithubIcon } from "@mantine/ds";
+import { GithubIcon } from "@mantinex/dev-icons";
 import { IconExternalLink, IconCode, IconEye } from '@tabler/icons-react';
 import { Group, Text, ActionIcon, Badge, SegmentedControl, Center, Box } from '@mantine/core';
 import { ColorControl } from '../ColorControl/ColorControl';

diff --git a/components/ComponentCanvas/ComponentCanvas.tsx b/components/ComponentCanvas/ComponentCanvas.tsx
@@ -2,7 +2,7 @@ import cx from 'clsx';
 import { useState } from 'react';
 import { CodeHighlightTabs } from '@mantine/code-highlight';
 import { MantineThemeProvider, Box } from '@mantine/core';
-import { getCodeFileIcon } from "@mantine/ds";
+import { getCodeFileIcon } from "@mantinex/dev-icons";
 import * as UiComponents from '../../lib';
 import { UiComponent } from '../../data';
 import { ComponentPreview } from '../ComponentPreview/ComponentPreview';

diff --git a/components/ComponentPage/ComponentPage.tsx b/components/ComponentPage/ComponentPage.tsx
@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import Head from 'next/head';
 import { MantineThemeProvider, useMantineTheme } from '@mantine/core';
-import { getCodeFileIcon } from "@mantine/ds";
+import { getCodeFileIcon } from "@mantinex/dev-icons";
 import { CodeHighlightTabs } from '@mantine/code-highlight';
 import * as UiComponents from '../../lib';
 import { ComponentPreview } from '../ComponentPreview/ComponentPreview';

diff --git a/components/HomePage/Banner/Banner.tsx b/components/HomePage/Banner/Banner.tsx
@@ -1,6 +1,6 @@
 import cx from 'clsx';
 import { IconExternalLink } from '@tabler/icons-react';
-import { GithubIcon } from "@mantine/ds";
+import { GithubIcon } from "@mantinex/dev-icons";
 import {
   Title,
   Overlay,

diff --git a/components/Shell/Shell.tsx b/components/Shell/Shell.tsx
@@ -1,12 +1,8 @@
 import Link from 'next/link';
 import { AppShell, Container, RemoveScroll, Group } from '@mantine/core';
-import {
-  ColorSchemeControl,
-  HeaderControls,
-  MantineLogo,
-  meta,
-  SearchMobileControl,
-} from '@mantine/ds';
+import { ColorSchemeControl, HeaderControls, SearchMobileControl } from '@mantinex/mantine-header';
+import { MantineLogo } from '@mantinex/mantine-logo';
+import { meta } from '@mantinex/mantine-meta';
 import { searchHandlers } from '../Search';
 import classes from './Shell.module.css';
 
@@ -28,6 +24,7 @@ export function Shell({ children }: ShellProps) {
             onSearch={searchHandlers.open}
             githubLink={meta.gitHubLinks.mantineUi}
             withDirectionToggle={false}
+            discordLink={meta.discordLink}
           />
 
           <Group hiddenFrom="sm">

diff --git a/lib/AuthenticationForm/TwitterButton.tsx b/lib/AuthenticationForm/TwitterButton.tsx
@@ -1,5 +1,5 @@
 import { Button, ButtonProps } from '@mantine/core';
-import { TwitterIcon } from "@mantine/ds";
+import { TwitterIcon } from "@mantinex/dev-icons";
 
 export function TwitterButton(props: ButtonProps & React.ComponentPropsWithoutRef<'button'>) {
   return (

diff --git a/lib/DoubleHeader/DoubleHeader.tsx b/lib/DoubleHeader/DoubleHeader.tsx
@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import { Container, Anchor, Group, Burger, Box } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { MantineLogo } from "@mantine/ds";
+import { MantineLogo } from "@mantinex/mantine-logo";
 import classes from './DoubleHeader.module.css';
 
 const userLinks = [

diff --git a/lib/DoubleNavbar/DoubleNavbar.tsx b/lib/DoubleNavbar/DoubleNavbar.tsx
@@ -9,7 +9,7 @@ import {
   IconUser,
   IconSettings,
 } from '@tabler/icons-react';
-import { MantineLogo } from "@mantine/ds";
+import { MantineLogo } from "@mantinex/mantine-logo";
 import classes from './DoubleNavbar.module.css';
 
 const mainLinksMockdata = [

diff --git a/lib/FooterCentered/FooterCentered.tsx b/lib/FooterCentered/FooterCentered.tsx
@@ -1,6 +1,6 @@
 import { Anchor, Group, ActionIcon, rem } from '@mantine/core';
 import { IconBrandTwitter, IconBrandYoutube, IconBrandInstagram } from '@tabler/icons-react';
-import { MantineLogo } from "@mantine/ds";
+import { MantineLogo } from "@mantinex/mantine-logo";
 import classes from './FooterCentered.module.css';
 
 const links = [

diff --git a/lib/FooterLinks/FooterLinks.tsx b/lib/FooterLinks/FooterLinks.tsx
@@ -1,6 +1,6 @@
 import { Text, Container, ActionIcon, Group, rem } from '@mantine/core';
 import { IconBrandTwitter, IconBrandYoutube, IconBrandInstagram } from '@tabler/icons-react';
-import { MantineLogo } from "@mantine/ds";
+import { MantineLogo } from "@mantinex/mantine-logo";
 import classes from './FooterLinks.module.css';
 
 const data = [

diff --git a/lib/FooterSimple/FooterSimple.tsx b/lib/FooterSimple/FooterSimple.tsx
@@ -1,5 +1,5 @@
 import { Container, Group, Anchor } from '@mantine/core';
-import { MantineLogo } from "@mantine/ds";
+import { MantineLogo } from "@mantinex/mantine-logo";
 import classes from './FooterSimple.module.css';
 
 const links = [

diff --git a/lib/FooterSocial/FooterSocial.tsx b/lib/FooterSocial/FooterSocial.tsx
@@ -1,6 +1,6 @@
 import { Container, Group, ActionIcon, rem } from '@mantine/core';
 import { IconBrandTwitter, IconBrandYoutube, IconBrandInstagram } from '@tabler/icons-react';
-import { MantineLogo } from "@mantine/ds";
+import { MantineLogo } from "@mantinex/mantine-logo";
 import classes from './FooterSocial.module.css';
 
 export function FooterSocial() {

diff --git a/lib/HeaderMegaMenu/HeaderMegaMenu.tsx b/lib/HeaderMegaMenu/HeaderMegaMenu.tsx
@@ -17,7 +17,7 @@ import {
   rem,
   useMantineTheme,
 } from '@mantine/core';
-import { MantineLogo } from "@mantine/ds";
+import { MantineLogo } from "@mantinex/mantine-logo";
 import { useDisclosure } from '@mantine/hooks';
 import {
   IconNotification,

diff --git a/lib/HeaderMenu/HeaderMenu.tsx b/lib/HeaderMenu/HeaderMenu.tsx
@@ -1,7 +1,7 @@
 import { Menu, Group, Center, Burger, Container } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
 import { IconChevronDown } from '@tabler/icons-react';
-import { MantineLogo } from "@mantine/ds";
+import { MantineLogo } from "@mantinex/mantine-logo";
 import classes from './HeaderMenu.module.css';
 
 const links = [

diff --git a/lib/HeaderSearch/HeaderSearch.tsx b/lib/HeaderSearch/HeaderSearch.tsx
@@ -1,7 +1,7 @@
 import { Autocomplete, Group, Burger, rem } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
 import { IconSearch } from '@tabler/icons-react';
-import { MantineLogo } from "@mantine/ds";
+import { MantineLogo } from "@mantinex/mantine-logo";
 import classes from './HeaderSearch.module.css';
 
 const links = [

diff --git a/lib/HeaderSimple/HeaderSimple.tsx b/lib/HeaderSimple/HeaderSimple.tsx
@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import { Container, Group, Burger } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { MantineLogo } from "@mantine/ds";
+import { MantineLogo } from "@mantinex/mantine-logo";
 import classes from './HeaderSimple.module.css';
 
 const links = [

diff --git a/lib/HeaderTabs/HeaderTabs.tsx b/lib/HeaderTabs/HeaderTabs.tsx
@@ -24,7 +24,7 @@ import {
   IconSwitchHorizontal,
   IconChevronDown,
 } from '@tabler/icons-react';
-import { MantineLogo } from "@mantine/ds";
+import { MantineLogo } from "@mantinex/mantine-logo";
 import classes from './HeaderTabs.module.css';
 
 const user = {

diff --git a/lib/HeroTitle/HeroTitle.tsx b/lib/HeroTitle/HeroTitle.tsx
@@ -1,5 +1,5 @@
 import { Container, Text, Button, Group } from '@mantine/core';
-import { GithubIcon } from "@mantine/ds";
+import { GithubIcon } from "@mantinex/dev-icons";
 import classes from './HeroTitle.module.css';
 
 export function HeroTitle() {

diff --git a/lib/NavbarMinimal/NavbarMinimal.tsx b/lib/NavbarMinimal/NavbarMinimal.tsx
@@ -11,7 +11,7 @@ import {
   IconLogout,
   IconSwitchHorizontal,
 } from '@tabler/icons-react';
-import { MantineLogo } from "@mantine/ds";
+import { MantineLogo } from "@mantinex/mantine-logo";
 import classes from './NavbarMinimal.module.css';
 
 interface NavbarLinkProps {

diff --git a/lib/NavbarMinimalColored/NavbarMinimalColored.tsx b/lib/NavbarMinimalColored/NavbarMinimalColored.tsx
@@ -11,7 +11,7 @@ import {
   IconLogout,
   IconSwitchHorizontal,
 } from '@tabler/icons-react';
-import { MantineLogo } from "@mantine/ds";
+import { MantineLogo } from "@mantinex/mantine-logo";
 import classes from './NavbarMinimalColored.module.css';
 
 interface NavbarLinkProps {

diff --git a/lib/NavbarSegmented/NavbarSegmented.tsx b/lib/NavbarSegmented/NavbarSegmented.tsx
@@ -70,7 +70,7 @@ export function NavbarSegmented() {
 
         <SegmentedControl
           value={section}
-          onChange={(value: "account" | "general") => setSection(value)}
+          onChange={(value: any) => setSection(value)}
           transitionTimingFunction="ease"
           fullWidth
           data={[

diff --git a/lib/NavbarSimple/NavbarSimple.tsx b/lib/NavbarSimple/NavbarSimple.tsx
@@ -11,7 +11,7 @@ import {
   IconSwitchHorizontal,
   IconLogout,
 } from '@tabler/icons-react';
-import { MantineLogo } from "@mantine/ds";
+import { MantineLogo } from "@mantinex/mantine-logo";
 import classes from './NavbarSimple.module.css';
 
 const data = [

diff --git a/lib/NavbarSimpleColored/NavbarSimpleColored.tsx b/lib/NavbarSimpleColored/NavbarSimpleColored.tsx
@@ -11,7 +11,7 @@ import {
   IconSwitchHorizontal,
   IconLogout,
 } from '@tabler/icons-react';
-import { MantineLogo } from "@mantine/ds";
+import { MantineLogo } from "@mantinex/mantine-logo";
 import classes from './NavbarSimpleColored.module.css';
 
 const data = [

diff --git a/lib/SocialButtons/SocialButtons.tsx b/lib/SocialButtons/SocialButtons.tsx
@@ -1,5 +1,5 @@
 import { Button, ButtonProps, Group } from '@mantine/core';
-import { GithubIcon, DiscordIcon, TwitterIcon } from "@mantine/ds";
+import { GithubIcon, DiscordIcon, TwitterIcon } from "@mantinex/dev-icons";
 import { GoogleIcon } from './GoogleIcon';
 import { FacebookIcon } from './FacebookIcon';
 import classes from './SocialButtons.module.css';

diff --git a/lib/TaskCard/TaskCard.tsx b/lib/TaskCard/TaskCard.tsx
@@ -1,5 +1,5 @@
 import { Card, Avatar, Text, Progress, Badge, Group, ActionIcon } from '@mantine/core';
-import { MantineLogo } from "@mantine/ds";
+import { MantineLogo } from "@mantinex/mantine-logo";
 import { IconUpload } from '@tabler/icons-react';
 
 const avatars = [

diff --git a/package.json b/package.json
@@ -19,14 +19,17 @@
   },
   "dependencies": {
     "@hello-pangea/dnd": "^16.3.0",
-    "@mantine/carousel": "7.0.0",
-    "@mantine/code-highlight": "7.0.0",
-    "@mantine/core": "7.0.0",
-    "@mantine/dropzone": "7.0.0",
-    "@mantine/ds": "7.0.0",
-    "@mantine/form": "7.0.0",
-    "@mantine/hooks": "7.0.0",
-    "@mantine/spotlight": "7.0.0",
+    "@mantine/carousel": "7.2.2",
+    "@mantine/code-highlight": "7.2.2",
+    "@mantine/core": "7.2.2",
+    "@mantine/dropzone": "7.2.2",
+    "@mantine/form": "7.2.2",
+    "@mantine/hooks": "7.2.2",
+    "@mantine/spotlight": "7.2.2",
+    "@mantinex/dev-icons": "^1.0.1",
+    "@mantinex/mantine-header": "^1.0.1",
+    "@mantinex/mantine-logo": "^1.0.1",
+    "@mantinex/mantine-meta": "^1.0.1",
     "@next/bundle-analyzer": "^13.4.4",
     "@tabler/icons-react": "^2.20.0",
     "dayjs": "^1.11.9",

diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -4,7 +4,8 @@ import '@mantine/code-highlight/styles.css';
 import '@mantine/carousel/styles.css';
 import '@mantine/dropzone/styles.css';
 import '@mantine/spotlight/styles.css';
-import '@mantine/ds/styles.css';
+import '@mantinex/mantine-header/styles.css';
+import '@mantinex/mantine-logo/styles.css';
 import Head from 'next/head';
 import { MantineProvider, DirectionProvider, localStorageColorSchemeManager } from '@mantine/core';
 import { HotKeysHandler } from '@/components/HotKeysHandler';