From 845756c080ea28463b2f91f5d298c952d611d5cd Mon Sep 17 00:00:00 2001
From: David Ralph <me@davidcralph.co.uk>
Date: Tue, 11 Jul 2023 11:50:05 +0100
Subject: [PATCH] fix: replace sortable

---
 package.json                                  |  4 +--
 pnpm-lock.yaml                                | 34 +++++++++----------
 .../main/settings/sections/Overview.jsx       |  2 +-
 src/components/widgets/navbar/Todo.jsx        |  2 +-
 4 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/package.json b/package.json
index 2d116cb5..f37ea6ed 100644
--- a/package.json
+++ b/package.json
@@ -17,8 +17,9 @@
     "@floating-ui/react-dom": "^2.0.1",
     "@fontsource/lexend-deca": "5.0.5",
     "@fontsource/montserrat": "5.0.5",
-    "@mui/material": "5.13.7",
     "@muetab/react-color-gradient-picker": "0.1.2",
+    "@muetab/react-sortable-hoc": "^2.0.0",
+    "@mui/material": "5.13.7",
     "@sentry/react": "^7.57.0",
     "embla-carousel-autoplay": "8.0.0-rc10",
     "embla-carousel-react": "8.0.0-rc10",
@@ -30,7 +31,6 @@
     "react-dom": "^18.2.0",
     "react-icons": "^4.10.1",
     "react-modal": "3.16.1",
-    "react-sortable-hoc": "2.0.0",
     "react-toastify": "9.1.3"
   },
   "devDependencies": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2576d08f..0560e444 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -22,6 +22,9 @@ dependencies:
   '@muetab/react-color-gradient-picker':
     specifier: 0.1.2
     version: 0.1.2(react-dom@18.2.0)(react@18.2.0)
+  '@muetab/react-sortable-hoc':
+    specifier: ^2.0.0
+    version: 2.0.0(prop-types@15.8.1)(react-dom@18.2.0)(react@18.2.0)
   '@mui/material':
     specifier: 5.13.7
     version: 5.13.7(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react-dom@18.2.0)(react@18.2.0)
@@ -58,9 +61,6 @@ dependencies:
   react-modal:
     specifier: 3.16.1
     version: 3.16.1(react-dom@18.2.0)(react@18.2.0)
-  react-sortable-hoc:
-    specifier: 2.0.0
-    version: 2.0.0(prop-types@15.8.1)(react-dom@18.2.0)(react@18.2.0)
   react-toastify:
     specifier: 9.1.3
     version: 9.1.3(react-dom@18.2.0)(react@18.2.0)
@@ -2266,6 +2266,20 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
+  /@muetab/react-sortable-hoc@2.0.0(prop-types@15.8.1)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-g0NRAxEcf7aEHrWRNcfKMmzcoF0s32XxqoiRIA2TpUki39Y44JcuYmWj+SQ7VWgd20XyaiYYh31B5VCIX2Btug==}
+    peerDependencies:
+      prop-types: ^15.5.7
+      react: ^18.2.0
+      react-dom: ^18.2.0
+    dependencies:
+      '@babel/runtime': 7.22.6
+      invariant: 2.2.4
+      prop-types: 15.8.1
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@mui/base@5.0.0-beta.6(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-jcHy6HwOX7KzRhRtL8nvIvUlxvLx2Fl6NMRCyUSQSvMTyfou9kndekz0H4HJaXvG1Y4WEifk23RYedOlrD1kEQ==}
     engines: {node: '>=12.0.0'}
@@ -5296,20 +5310,6 @@ packages:
       warning: 4.0.3
     dev: false
 
-  /react-sortable-hoc@2.0.0(prop-types@15.8.1)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-JZUw7hBsAHXK7PTyErJyI7SopSBFRcFHDjWW5SWjcugY0i6iH7f+eJkY8cJmGMlZ1C9xz1J3Vjz0plFpavVeRg==}
-    peerDependencies:
-      prop-types: ^15.5.7
-      react: ^16.3.0 || ^17.0.0
-      react-dom: ^16.3.0 || ^17.0.0
-    dependencies:
-      '@babel/runtime': 7.22.6
-      invariant: 2.2.4
-      prop-types: 15.8.1
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    dev: false
-
   /react-toastify@9.1.3(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-fPfb8ghtn/XMxw3LkxQBk3IyagNpF/LIKjOBflbexr2AWxAH1MJgvnESwEwBn9liLFXgTKWgBSdZpw9m4OTHTg==}
     peerDependencies:
diff --git a/src/components/modals/main/settings/sections/Overview.jsx b/src/components/modals/main/settings/sections/Overview.jsx
index 1679eaea..00582b86 100644
--- a/src/components/modals/main/settings/sections/Overview.jsx
+++ b/src/components/modals/main/settings/sections/Overview.jsx
@@ -1,7 +1,7 @@
 import variables from 'modules/variables';
 import { PureComponent } from 'react';
 import { MdOutlineDragIndicator } from 'react-icons/md';
-import { sortableContainer, sortableElement } from 'react-sortable-hoc';
+import { sortableContainer, sortableElement } from '@muetab/react-sortable-hoc';
 import { toast } from 'react-toastify';
 
 import Greeting from './overview_skeletons/Greeting';
diff --git a/src/components/widgets/navbar/Todo.jsx b/src/components/widgets/navbar/Todo.jsx
index 43648e93..f0961839 100644
--- a/src/components/widgets/navbar/Todo.jsx
+++ b/src/components/widgets/navbar/Todo.jsx
@@ -14,7 +14,7 @@ import TextareaAutosize from '@mui/material/TextareaAutosize';
 import Tooltip from 'components/helpers/tooltip/Tooltip';
 import Checkbox from '@mui/material/Checkbox';
 import { shift, useFloating } from '@floating-ui/react-dom';
-import { sortableContainer, sortableElement, sortableHandle } from 'react-sortable-hoc';
+import { sortableContainer, sortableElement, sortableHandle } from '@muetab/react-sortable-hoc';
 import EventBus from 'modules/helpers/eventbus';
 
 const SortableItem = sortableElement(({ value }) => <div>{value}</div>);