chore(zustand): update

packages/background/package.json

@@ -40,10 +40,10 @@
     "@babel/runtime": "^7.18.9",
     "@reactflow/core": "workspace:*",
     "classcat": "^5.0.3",
-    "zustand": "^4.1.1"
+    "zustand": "^4.3.1"
   },
   "devDependencies": {
-    "@reactflow/eslint-config": "workspace:^0.0.0",
+    "@reactflow/eslint-config": "workspace:*",
     "@reactflow/rollup-config": "workspace:*",
     "@reactflow/tsconfig": "workspace:*",
     "@types/node": "^18.7.16",

packages/background/src/Background.tsx

@@ -1,7 +1,7 @@
 import { memo, useRef } from 'react';
 import cc from 'classcat';
 import { useStore, ReactFlowState } from '@reactflow/core';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 
 import { BackgroundProps, BackgroundVariant } from './types';
 import { DotPattern, LinePattern } from './Patterns';

packages/core/package.json

@@ -46,7 +46,7 @@
     "d3-drag": "^3.0.0",
     "d3-selection": "^3.0.0",
     "d3-zoom": "^3.0.0",
-    "zustand": "^4.1.1"
+    "zustand": "^4.3.1"
   },
   "peerDependencies": {
     "react": ">=17",

packages/core/src/components/ConnectionLine/index.tsx

@@ -1,5 +1,5 @@
 import { CSSProperties, useCallback } from 'react';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 
 import { useStore } from '../../hooks/useStore';
 import { getBezierPath } from '../Edges/BezierEdge';

packages/core/src/components/Handle/index.tsx

@@ -1,6 +1,6 @@
 import { memo, HTMLAttributes, forwardRef, MouseEvent as ReactMouseEvent } from 'react';
 import cc from 'classcat';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import { useNodeId } from '../../contexts/NodeIdContext';

packages/core/src/components/NodesSelection/index.tsx

@@ -6,7 +6,7 @@
 import { memo, useRef, useEffect } from 'react';
 import type { MouseEvent, KeyboardEvent } from 'react';
 import cc from 'classcat';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import { getRectOfNodes } from '../../utils/graph';

packages/core/src/components/SelectionListener/index.tsx

@@ -1,5 +1,5 @@
 import { memo, useEffect } from 'react';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import type { ReactFlowState, OnSelectionChangeFunc, Node, Edge } from '../../types';

packages/core/src/components/StoreUpdater/index.tsx

@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
 import { StoreApi } from 'zustand';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 
 import { useStore, useStoreApi } from '../../hooks/useStore';
 import type { Node, Edge, ReactFlowState, CoordinateExtent, ReactFlowProps, ReactFlowStore } from '../../types';

packages/core/src/components/UserSelection/index.tsx

@@ -1,4 +1,4 @@
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 
 import { useStore } from '../../hooks/useStore';
 import type { ReactFlowState } from '../../types';

packages/core/src/container/EdgeRenderer/index.tsx

@@ -1,5 +1,5 @@
 import { memo } from 'react';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 import cc from 'classcat';
 
 import { useStore } from '../../hooks/useStore';

packages/core/src/container/NodeRenderer/index.tsx

@@ -1,6 +1,6 @@
 import { memo, useMemo, useEffect, useRef } from 'react';
 import type { ComponentType } from 'react';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 
 import useVisibleNodes from '../../hooks/useVisibleNodes';
 import { useStore } from '../../hooks/useStore';

packages/core/src/container/Pane/index.tsx

@@ -3,7 +3,7 @@
  */
 
 import { memo, useRef, MouseEvent as ReactMouseEvent, ReactNode } from 'react';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 import cc from 'classcat';
 
 import UserSelection from '../../components/UserSelection';

packages/core/src/container/ReactFlow/utils.ts

@@ -1,5 +1,5 @@
 import { useMemo, useRef } from 'react';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 
 import { devWarn } from '../../utils';
 import { CreateEdgeTypes } from '../EdgeRenderer/utils';

packages/core/src/container/ZoomPane/index.tsx

@@ -3,7 +3,7 @@ import { useEffect, useRef } from 'react';
 import { zoom, zoomIdentity } from 'd3-zoom';
 import type { D3ZoomEvent } from 'd3-zoom';
 import { select, pointer } from 'd3-selection';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 
 import useKeyPress from '../../hooks/useKeyPress';
 import useResizeHandler from '../../hooks/useResizeHandler';

packages/core/src/hooks/useViewport.ts

@@ -1,4 +1,4 @@
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 
 import { useStore } from '../hooks/useStore';
 import type { Viewport, ReactFlowState } from '../types';

packages/core/src/hooks/useViewportHelper.ts

@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 import { zoomIdentity } from 'd3-zoom';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 
 import { useStoreApi, useStore } from '../hooks/useStore';
 import { pointToRendererPoint, getTransformForBounds, getD3Transition } from '../utils/graph';

packages/minimap/package.json

@@ -45,7 +45,7 @@
     "classcat": "^5.0.3",
     "d3-selection": "^3.0.0",
     "d3-zoom": "^3.0.0",
-    "zustand": "^4.1.1"
+    "zustand": "^4.3.1"
   },
   "peerDependencies": {
     "react": ">=17",

packages/minimap/src/MiniMap.tsx

@@ -3,7 +3,7 @@
 import { memo, useEffect, useRef } from 'react';
 import type { MouseEvent } from 'react';
 import cc from 'classcat';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 import { zoom, zoomIdentity } from 'd3-zoom';
 import type { D3ZoomEvent } from 'd3-zoom';
 import { select, pointer } from 'd3-selection';

packages/node-resizer/package.json

@@ -42,7 +42,7 @@
     "classcat": "^5.0.4",
     "d3-drag": "^3.0.0",
     "d3-selection": "^3.0.0",
-    "zustand": "^4.1.1"
+    "zustand": "^4.3.1"
   },
   "peerDependencies": {
     "react": ">=17",

packages/node-toolbar/package.json

@@ -39,7 +39,7 @@
     "@babel/runtime": "^7.18.9",
     "@reactflow/core": "workspace:*",
     "classcat": "^5.0.3",
-    "zustand": "^4.1.1"
+    "zustand": "^4.3.1"
   },
   "peerDependencies": {
     "react": ">=17",

packages/node-toolbar/src/NodeToolbar.tsx

@@ -11,7 +11,7 @@ import {
   useNodeId,
 } from '@reactflow/core';
 import cc from 'classcat';
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 
 import NodeToolbarPortal from './NodeToolbarPortal';
 import { NodeToolbarProps } from './types';