chore: fix all lint errors and warnings across tests and src

Resolve 88 ESLint problems (82 errors, 6 warnings):
- Replace `i++` with `i += 1` (no-plusplus)
- Add `type="button"` to test buttons (react/button-has-type)
- Remove unused imports and variables (@typescript-eslint/no-unused-vars)
- Suppress class-methods-use-this on ResizeObserver mocks
- Convert inline require() to top-level imports (global-require)
- Fix duplicate re-exports in __tests__/utils/index.ts (import/export)
- Remove irregular whitespace in JSDoc (no-irregular-whitespace)
- Suppress react/no-array-index-key and no-nested-ternary in stories
- Add eslint-disable for react/require-default-props in test examples
- Fix react-hooks/exhaustive-deps: move disable comments to dep arrays,
  capture ref values in effect variables, remove unnecessary deps
- Convert unnamed function expressions to arrow functions (func-names)

Made-with: Cursor

Author: prc5

__tests__/examples/extreme-examples.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable react/require-default-props */
 import React from "react";
 
 import {

__tests__/features/base/interactions.spec.tsx

@@ -11,7 +11,7 @@ describe("Base [Interactions]", () => {
       render(
         <TransformWrapper>
           <TransformComponent>
-            <button data-testid="nested-btn" onClick={onClick}>
+            <button type="button" data-testid="nested-btn" onClick={onClick}>
               Click me
             </button>
           </TransformComponent>
@@ -27,7 +27,7 @@ describe("Base [Interactions]", () => {
       render(
         <TransformWrapper>
           <TransformComponent>
-            <button data-testid="nested-btn" onClick={onClick}>
+            <button type="button" data-testid="nested-btn" onClick={onClick}>
               Click me
             </button>
           </TransformComponent>
@@ -68,7 +68,7 @@ describe("Base [Interactions]", () => {
     });
     it("should trigger onZoom callback on zoom out button click", async () => {
       const onZoom = jest.fn();
-      const { zoomOutBtn, ref } = renderApp({ onZoom, initialScale: 2 });
+      const { zoomOutBtn } = renderApp({ onZoom, initialScale: 2 });
 
       fireEvent(zoomOutBtn, new MouseEvent("click", { bubbles: true }));
       expect(onZoom).toHaveBeenCalled();

__tests__/features/controls/controls.limits.spec.tsx

@@ -7,7 +7,7 @@ describe("Controls [Limits]", () => {
     it("should not exceed maxScale", async () => {
       const { ref, zoomInBtn } = renderApp({ maxScale: 2 });
 
-      for (let i = 0; i < 10; i++) {
+      for (let i = 0; i < 10; i += 1) {
         fireEvent(zoomInBtn, new MouseEvent("click", { bubbles: true }));
       }
 
@@ -25,7 +25,7 @@ describe("Controls [Limits]", () => {
         minScale: 0.5,
       });
 
-      for (let i = 0; i < 10; i++) {
+      for (let i = 0; i < 10; i += 1) {
         fireEvent(zoomOutBtn, new MouseEvent("click", { bubbles: true }));
       }
 
@@ -38,7 +38,7 @@ describe("Controls [Limits]", () => {
     it("should not go below default minScale of 1", async () => {
       const { ref, zoomOutBtn } = renderApp({ initialScale: 2 });
 
-      for (let i = 0; i < 10; i++) {
+      for (let i = 0; i < 10; i += 1) {
         fireEvent(zoomOutBtn, new MouseEvent("click", { bubbles: true }));
       }
 

__tests__/features/controls/controls.ref.spec.tsx

@@ -12,9 +12,7 @@ describe("Controls [Ref]", () => {
       });
 
       await waitFor(() => {
-        expect(content.style.transform).toBe(
-          "translate(100px, 50px) scale(2)",
-        );
+        expect(content.style.transform).toBe("translate(100px, 50px) scale(2)");
       });
     });
 

__tests__/features/minimap/minimap.panning.spec.tsx

@@ -67,9 +67,7 @@ describe("MiniMap [Panning]", () => {
         });
       });
 
-      expect(content.style.transform).not.toBe(
-        "translate(0px, 0px) scale(1)",
-      );
+      expect(content.style.transform).not.toBe("translate(0px, 0px) scale(1)");
     });
 
     it("should stop updating position after mouseup", () => {

__tests__/features/minimap/minimap.sync.spec.tsx

@@ -98,9 +98,7 @@ describe("MiniMap [Sync]", () => {
       fireEvent.mouseMove(content, { clientX: -100, clientY: -50, buttons: 1 });
       fireEvent.mouseUp(content);
 
-      expect(content.style.transform).toBe(
-        "translate(-100px, -50px) scale(1)",
-      );
+      expect(content.style.transform).toBe("translate(-100px, -50px) scale(1)");
 
       // previewScale = 0.2, x = -(-100) * 0.2 = 20, y = -(-50) * 0.2 = 10
       expect(minimapPreview.style.transform).toBe(
@@ -116,7 +114,11 @@ describe("MiniMap [Sync]", () => {
 
       userEvent.hover(content);
       fireEvent.mouseDown(content, { clientX: 0, clientY: 0, buttons: 1 });
-      fireEvent.mouseMove(content, { clientX: -100, clientY: -100, buttons: 1 });
+      fireEvent.mouseMove(content, {
+        clientX: -100,
+        clientY: -100,
+        buttons: 1,
+      });
       fireEvent.mouseUp(content);
 
       expect(minimapPreview.style.width).toBe(initialWidth);
@@ -133,7 +135,7 @@ describe("MiniMap [Sync]", () => {
 
       userEvent.hover(content);
 
-      for (let i = 0; i < 10; i++) {
+      for (let i = 0; i < 10; i += 1) {
         fireEvent(
           content,
           new WheelEvent("wheel", { bubbles: true, deltaY: -1 }),
@@ -150,7 +152,7 @@ describe("MiniMap [Sync]", () => {
       userEvent.hover(content);
 
       // Zoom in first
-      for (let i = 0; i < 10; i++) {
+      for (let i = 0; i < 10; i += 1) {
         fireEvent(
           content,
           new WheelEvent("wheel", { bubbles: true, deltaY: -1 }),
@@ -160,7 +162,7 @@ describe("MiniMap [Sync]", () => {
       const zoomedInWidth = parseFloat(minimapPreview.style.width);
 
       // Zoom back out
-      for (let i = 0; i < 10; i++) {
+      for (let i = 0; i < 10; i += 1) {
         fireEvent(
           content,
           new WheelEvent("wheel", { bubbles: true, deltaY: 1 }),

__tests__/features/props/auto-alignment-props.spec.tsx

@@ -25,9 +25,7 @@ describe("ReactZoomPanPinchProps.autoAlignment", () => {
         "translate(-100px, -100px) scale(1)",
       );
       await waitFor(() => {
-        expect(content.style.transform).toBe(
-          "translate(0px, 0px) scale(1)",
-        );
+        expect(content.style.transform).toBe("translate(0px, 0px) scale(1)");
       });
     });
   });

__tests__/features/props/bounds-positions.spec.tsx

@@ -5,11 +5,13 @@ import { renderApp } from "../../utils";
 const NativeResizeObserver = global.ResizeObserver;
 
 beforeAll(() => {
+  /* eslint-disable class-methods-use-this */
   global.ResizeObserver = class {
     observe() {}
     disconnect() {}
     unobserve() {}
   } as unknown as typeof ResizeObserver;
+  /* eslint-enable class-methods-use-this */
 });
 
 afterAll(() => {
@@ -86,9 +88,7 @@ describe("ReactZoomPanPinchProps.limitToBounds", () => {
       limitToBounds: false,
     });
     pan({ x: -200, y: -200 });
-    expect(content.style.transform).toBe(
-      "translate(-200px, -200px) scale(1)",
-    );
+    expect(content.style.transform).toBe("translate(-200px, -200px) scale(1)");
   });
 });
 
@@ -135,8 +135,6 @@ describe("ReactZoomPanPinchProps.disablePadding", () => {
       disablePadding: false,
     });
     pan({ x: -100, y: -100 });
-    expect(content.style.transform).toBe(
-      "translate(-100px, -100px) scale(1)",
-    );
+    expect(content.style.transform).toBe("translate(-100px, -100px) scale(1)");
   });
 });

__tests__/features/props/callbacks.spec.tsx

@@ -1,7 +1,7 @@
-import { act, fireEvent, waitFor } from "@testing-library/react";
+import { fireEvent, waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 
-import { renderApp, flushAnimationFrames } from "../../utils";
+import { renderApp } from "../../utils";
 
 describe("ReactZoomPanPinchProps callbacks", () => {
   describe("onInit", () => {
@@ -155,7 +155,8 @@ describe("ReactZoomPanPinchProps callbacks", () => {
       const { pan } = renderApp({ onTransform });
       pan({ x: -50, y: -50 });
       expect(onTransform).toHaveBeenCalled();
-      const lastCall = onTransform.mock.calls[onTransform.mock.calls.length - 1];
+      const lastCall =
+        onTransform.mock.calls[onTransform.mock.calls.length - 1];
       expect(lastCall[1]).toHaveProperty("scale");
       expect(lastCall[1]).toHaveProperty("positionX");
       expect(lastCall[1]).toHaveProperty("positionY");

__tests__/features/props/disabled.spec.tsx

@@ -14,10 +14,7 @@ describe("ReactZoomPanPinchProps.disabled", () => {
   it("blocks wheel zoom when disabled is true", () => {
     const { content, ref } = renderApp({ disabled: true });
     userEvent.hover(content);
-    fireEvent(
-      content,
-      new WheelEvent("wheel", { bubbles: true, deltaY: -10 }),
-    );
+    fireEvent(content, new WheelEvent("wheel", { bubbles: true, deltaY: -10 }));
     expect(ref.current!.instance.state.scale).toBe(1);
   });
 
@@ -30,8 +27,6 @@ describe("ReactZoomPanPinchProps.disabled", () => {
   it("allows interactions when disabled is false", () => {
     const { content, pan } = renderApp({ disabled: false });
     pan({ x: -100, y: -100 });
-    expect(content.style.transform).toBe(
-      "translate(-100px, -100px) scale(1)",
-    );
+    expect(content.style.transform).toBe("translate(-100px, -100px) scale(1)");
   });
 });