upgrade deps, fix ts errors, release

CHANGELOG.md

@@ -1,3 +1,6 @@
+# 4.15.5 - 1/31/24
+- [fix] fix issue initial zoom off center #167
+
 # 4.15.4 - 12/29/23
 - [fix] fix error with clustering
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "reagraph",
-  "version": "4.15.4",
+  "version": "4.15.5",
   "description": "WebGL Node-based Graph for React",
   "scripts": {
     "build": "vite build --mode library",
@@ -56,7 +56,7 @@
     "@react-three/drei": "9.79.0",
     "@react-three/fiber": "8.13.5",
     "camera-controls": "^2.7.0",
-    "classnames": "^2.3.1",
+    "classnames": "^2.5.1",
     "d3-array": "^3.2.4",
     "d3-force-3d": "^3.0.3",
     "d3-hierarchy": "^3.1.2",
@@ -81,44 +81,43 @@
   },
   "devDependencies": {
     "@babel/preset-react": "^7.23.3",
-    "@storybook/addon-docs": "^7.6.5",
-    "@storybook/addon-essentials": "^7.6.5",
-    "@storybook/addon-mdx-gfm": "^7.6.5",
-    "@storybook/addon-storysource": "^7.6.5",
-    "@storybook/addons": "^7.6.5",
-    "@storybook/react": "^7.6.5",
-    "@storybook/react-vite": "^7.6.5",
-    "@storybook/theming": "^7.6.5",
+    "@storybook/addon-docs": "^7.6.11",
+    "@storybook/addon-essentials": "^7.6.11",
+    "@storybook/addon-mdx-gfm": "^7.6.11",
+    "@storybook/addon-storysource": "^7.6.11",
+    "@storybook/addons": "^7.6.11",
+    "@storybook/react": "^7.6.11",
+    "@storybook/react-vite": "^7.6.11",
+    "@storybook/theming": "^7.6.11",
     "@types/d3-array": "^3.2.1",
     "@types/d3-hierarchy": "^3.1.6",
     "@types/d3-scale": "^4.0.8",
-    "@types/react": "^18.2.43",
-    "@types/react-dom": "^18.2.17",
+    "@types/react": "^18.2.48",
+    "@types/react-dom": "^18.2.18",
     "@types/three": "^0.154.0",
-    "@typescript-eslint/eslint-plugin": "6.2.0",
-    "@typescript-eslint/parser": "6.2.0",
+    "@typescript-eslint/eslint-plugin": "^6.20.0",
+    "@typescript-eslint/parser": "^6.20.0",
     "@vitejs/plugin-react": "^4.0.3",
     "@vitest/coverage-c8": "^0.33.0",
-    "autoprefixer": "^10.4.14",
-    "chromatic": "^10.1.0",
-    "eslint": "^8.45.0",
-    "eslint-config-prettier": "^8.5.0",
+    "autoprefixer": "^10.4.17",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-react": "^7.33.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-storybook": "^0.6.13",
     "graphology-types": "^0.24.7",
-    "husky": "^8.0.3",
-    "jsdom": "^23.0.1",
-    "lint-staged": "^15.2.0",
+    "husky": "^9.0.7",
+    "jsdom": "^24.0.0",
+    "lint-staged": "^15.2.1",
     "postcss-nested": "^6.0.1",
     "postcss-preset-env": "^9.1.0",
-    "prettier": "^3.1.1",
+    "prettier": "^3.2.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rollup-plugin-peer-deps-external": "2.2.4",
     "stats.js": "^0.17.0",
-    "storybook": "^7.6.5",
-    "typescript": "^4.7.4",
+    "storybook": "^7.6.11",
+    "typescript": "^5.3.3",
     "vite": "^4.4.7",
     "vite-plugin-checker": "^0.6.1",
     "vite-plugin-css-injected-by-js": "^3.2.1",

src/GraphScene.tsx

@@ -346,7 +346,6 @@ export const GraphScene: FC<GraphSceneProps & { ref?: Ref<GraphSceneRef> }> =
                 ))
               ) : (
                 <Edges
-                  theme={theme}
                   edges={edges}
                   disabled={disabled}
                   animated={animated}

src/symbols/Cluster.tsx

@@ -68,12 +68,12 @@ export const Cluster: FC<ClusterProps> = ({
   const offset = rad - radius + padding;
   const [active, setActive] = useState<boolean>(false);
 
-  const isActive = useStore(
-    state => state.actives?.some(id => nodes.some(n => n.id === id))
+  const isActive = useStore(state =>
+    state.actives?.some(id => nodes.some(n => n.id === id))
   );
 
-  const isSelected = useStore(
-    state => state.selections?.some(id => nodes.some(n => n.id === id))
+  const isSelected = useStore(state =>
+    state.selections?.some(id => nodes.some(n => n.id === id))
   );
 
   const hasSelections = useStore(state => state.selections?.length > 0);
@@ -194,7 +194,6 @@ export const Cluster: FC<ClusterProps> = ({
 };
 
 Cluster.defaultProps = {
-  opacity: 1,
   radius: 2,
   padding: 40
 };

src/symbols/edges/Edges.tsx

@@ -276,7 +276,6 @@ export const Edges: FC<EdgesProps> = ({
           key={edge.id}
           labelFontUrl={labelFontUrl}
           labelPlacement={labelPlacement}
-          theme={theme}
         />
       ))}
     </group>

src/symbols/nodes/SphereWithIcon.tsx

@@ -45,6 +45,5 @@ export const SphereWithIcon: FC<SphereWithIconProps> = ({
 
 SphereWithIcon.defaultProps = {
   opacity: 1,
-  active: false,
-  selected: false
+  active: false
 };

src/symbols/nodes/SphereWithSvg.tsx

@@ -53,6 +53,5 @@ export const SphereWithSvg: FC<SphereWithSvgProps> = ({
 
 SphereWithSvg.defaultProps = {
   opacity: 1,
-  active: false,
-  selected: false
+  active: false
 };

tsconfig.json

@@ -24,8 +24,6 @@
     "outDir": "./dist",
     "skipLibCheck": true,
     "sourceMap": true,
-    "suppressImplicitAnyIndexErrors": true,
-    "suppressExcessPropertyErrors": true,
     "experimentalDecorators": true,
     "emitDecoratorMetadata": true
   },