[core] Remove all external dependencies from the bundle

Wurielle · Mar 16, 2021 · 6b9f171 · 6b9f171
1 parent aec8253
commit 6b9f171
Show file tree

Hide file tree

Showing 8 changed files with 32 additions and 15 deletions.
diff --git a/README.md b/README.md
@@ -17,10 +17,10 @@ To start using Mantine you need to install [`@mantine/core`](https://www.npmjs.c
 
 ```sh
 # With yarn
-yarn add @mantine/core @mantine/hooks react-jss @modulz/radix-icons
+yarn add @mantine/core @mantine/hooks react-jss
 
 # With npm
-yarn add @mantine/core @mantine/hooks react-jss @modulz/radix-icons
+yarn add @mantine/core @mantine/hooks react-jss
 
 # With install-peerdeps
 npx install-peerdeps @mantine/core

diff --git a/src/mantine-core/README.md b/src/mantine-core/README.md
@@ -17,10 +17,10 @@ To start using Mantine you need to install [`@mantine/core`](https://www.npmjs.c
 
 ```sh
 # With yarn
-yarn add @mantine/core @mantine/hooks react-jss @modulz/radix-icons
+yarn add @mantine/core @mantine/hooks react-jss
 
 # With npm
-yarn add @mantine/core @mantine/hooks react-jss @modulz/radix-icons
+yarn add @mantine/core @mantine/hooks react-jss
 
 # With install-peerdeps
 npx install-peerdeps @mantine/core

diff --git a/src/mantine-core/package.json b/src/mantine-core/package.json
@@ -8,11 +8,18 @@
   "sideEffects": false,
   "peerDependencies": {
     "@mantine/hooks": "0.4.11",
-    "@modulz/radix-icons": ">=4.0.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "react-jss": ">=10.1.1"
   },
-  "dependencies": {},
+  "dependencies": {
+    "@charlietango/use-focus-trap": "^1.3.0",
+    "@modulz/radix-icons": "^4.0.0",
+    "clsx": "^1.1.1",
+    "open-color": "^1.8.0",
+    "react-textarea-autosize": "^8.3.0",
+    "react-transition-group": "^4.4.1",
+    "nanoid": "^3.1.20"
+  },
   "devDependencies": {}
 }
diff --git a/src/mantine-notifications/README.md b/src/mantine-notifications/README.md
@@ -6,10 +6,10 @@ Notifications system built on top of [Mantine](https://mantine.dev/) components
 
 ```sh
 # With yarn
-yarn add @mantine/notifications @mantine/core @mantine/hooks react-jss @modulz/radix-icons
+yarn add @mantine/notifications @mantine/core @mantine/hooks react-jss
 
 # With npm
-yarn add @mantine/notifications @mantine/core @mantine/hooks react-jss @modulz/radix-icons
+yarn add @mantine/notifications @mantine/core @mantine/hooks react-jss
 
 # With install-peerdeps
 npx install-peerdeps @mantine/notifications

diff --git a/src/mantine-notifications/package.json b/src/mantine-notifications/package.json
@@ -9,11 +9,16 @@
   "peerDependencies": {
     "@mantine/core": "0.4.11",
     "@mantine/hooks": "0.4.11",
-    "@modulz/radix-icons": ">=4.0.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "react-jss": ">=10.1.1"
   },
-  "dependencies": {},
+  "dependencies": {
+    "@modulz/radix-icons": "^4.0.0",
+    "clsx": "^1.1.1",
+    "nanoid": "^3.1.20",
+    "open-color": "^1.8.0",
+    "react-transition-group": "^4.4.1"
+  },
   "devDependencies": {}
 }
diff --git a/src/mantine-tag-picker/README.md b/src/mantine-tag-picker/README.md
@@ -6,10 +6,10 @@ Notion like tag picker component built on top of [Mantine](https://mantine.dev/)
 
 ```sh
 # With yarn
-yarn add @mantine/tag-picker @mantine/core @mantine/hooks react-jss @modulz/radix-icons
+yarn add @mantine/tag-picker @mantine/core @mantine/hooks react-jss
 
 # With npm
-yarn add @mantine/tag-picker @mantine/core @mantine/hooks react-jss @modulz/radix-icons
+yarn add @mantine/tag-picker @mantine/core @mantine/hooks react-jss
 
 # With install-peerdeps
 npx install-peerdeps @mantine/tag-picker

diff --git a/src/mantine-tag-picker/package.json b/src/mantine-tag-picker/package.json
@@ -9,11 +9,16 @@
   "peerDependencies": {
     "@mantine/core": "0.4.11",
     "@mantine/hooks": "0.4.11",
-    "@modulz/radix-icons": ">=4.0.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "react-jss": ">=10.1.1"
   },
-  "dependencies": {},
+  "dependencies": {
+    "@charlietango/use-focus-trap": "^1.3.0",
+    "@modulz/radix-icons": "^4.0.0",
+    "clsx": "^1.1.1",
+    "open-color": "^1.8.0",
+    "react-transition-group": "^4.4.1"
+  },
   "devDependencies": {}
 }
diff --git a/src/mantine-tag-picker/src/TagPickerContainer.tsx b/src/mantine-tag-picker/src/TagPickerContainer.tsx
@@ -45,7 +45,7 @@ export default function TagPickerContainer({ transitionDuration = 250, ...props
       setDropdownOpened(false);
       setHovered(-1);
       setQuery('');
-      setImmediate(() => controlRef.current.focus());
+      setTimeout(() => controlRef.current.focus(), 4);
       typeof props.onDropdownClose === 'function' && props.onDropdownClose();
     }
   };