Update dependencies (#31)

l2beat · Jul 15, 2024 · 2c0a7d0 · 2c0a7d0
1 parent cddae72
commit 2c0a7d0
Show file tree

Hide file tree

Showing 11 changed files with 49 additions and 942 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
diff --git a/packages/frontend/.eslintrc.js b/packages/frontend/.eslintrc.js
diff --git a/packages/frontend/.mocharc.json b/packages/frontend/.mocharc.json
diff --git a/packages/frontend/.prettierignore b/packages/frontend/.prettierignore
diff --git a/packages/frontend/.prettierrc b/packages/frontend/.prettierrc
diff --git a/packages/frontend/package.json b/packages/frontend/package.json
@@ -17,13 +17,13 @@
   },
   "dependencies": {
     "@total-typescript/ts-reset": "^0.3.7",
-    "@types/react": "^18.0.26",
-    "@types/react-dom": "^18.0.9",
-    "classnames": "^2.3.2",
+    "@types/react": "^18.3.2",
+    "@types/react-dom": "^18.3.0",
+    "clsx": "^2.1.1",
     "d3-force": "^3.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "zod": "^3.20.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "zod": "^3.22.2",
     "zustand": "^4.3.2"
   },
   "devDependencies": {

diff --git a/packages/frontend/src/App.tsx b/packages/frontend/src/App.tsx
@@ -1,6 +1,6 @@
 import '@total-typescript/ts-reset'
 
-import cx from 'classnames'
+import clsx from 'clsx'
 import { useState } from 'react'
 
 import type { SimpleNode } from './api/SimpleNode'
@@ -119,7 +119,7 @@ export function App() {
       }}
     >
       <div
-        className={cx(
+        className={clsx(
           'grid h-full w-full grid-rows-[_1fr]',
           showSidebar ? 'grid-cols-[1fr,_400px]' : 'grid-cols-[1fr]',
         )}

diff --git a/packages/frontend/src/view/NodeView.tsx b/packages/frontend/src/view/NodeView.tsx
@@ -1,4 +1,4 @@
-import classNames from 'classnames'
+import clsx from 'clsx'
 import { useCallback, useEffect, useRef } from 'react'
 
 import type { Node } from '../store/State'
@@ -63,14 +63,14 @@ export function NodeView(props: NodeViewProps) {
         width: props.node.box.width,
         height: props.node.box.height + RESIZE_HANDLE_SPACING,
       }}
-      className={classNames(
+      className={clsx(
         'absolute rounded-md border-2 border-black bg-white',
         props.selected && 'outline outline-2 outline-blue-400',
         props.discovered ? 'bg-white' : 'bg-yellow-300',
       )}
     >
       <div
-        className={classNames(
+        className={clsx(
           'flex h-[28px] w-full justify-between px-2 leading-[28px]',
           props.node.fields.length > 0 && 'border-black border-b-2',
         )}
@@ -89,7 +89,7 @@ export function NodeView(props: NodeViewProps) {
           </div>
           {connection && (
             <div
-              className={classNames(
+              className={clsx(
                 'absolute h-[12px] w-[12px]',
                 'rounded-full border-2 border-black bg-white',
               )}

diff --git a/packages/frontend/src/view/ScalableView.tsx b/packages/frontend/src/view/ScalableView.tsx
@@ -1,4 +1,4 @@
-import classNames from 'classnames'
+import clsx from 'clsx'
 import { type ForwardedRef, type ReactNode, forwardRef } from 'react'
 
 import type { State } from '../store/State'
@@ -20,7 +20,7 @@ export const ScalableView = forwardRef(
       >
         {/* infinite grid */}
         <div
-          className={classNames(
+          className={clsx(
             'absolute h-full w-full',
             props.transform.scale < 0.5 && 'hidden',
           )}