feat: bump packages

.eslintrc.cjs

@@ -5,23 +5,27 @@ module.exports = {
   plugins: ['react-refresh', '@typescript-eslint/eslint-plugin'],
   extends: [
     'airbnb',
-    'airbnb-typescript',
     'eslint:recommended',
     'plugin:@typescript-eslint/recommended',
     'plugin:react-hooks/recommended',
-    'prettier',
   ],
   parserOptions: {
     sourceType: 'module',
     project: ['./tsconfig.json'],
   },
   ignorePatterns: ['dist'],
   rules: {
+    'react/jsx-filename-extension': [1, { extensions: ['.tsx', '.jsx'] }],
     'react-refresh/only-export-components': [
       'warn',
       { allowConstantExport: true },
     ],
     'promise/always-return': 'off',
+    'import/no-unresolved': 'off',
+    'object-curly-newline': 'off',
+    'operator-linebreak': 'off',
+    'react/jsx-one-expression-per-line': 'off',
+    quotes: 'off',
     'import/prefer-default-export': 'off',
     'import/no-extraneous-dependencies': 'off',
     'import/extensions': 'off',

package.json

@@ -21,25 +21,23 @@
   },
   "peerDependencies": {},
   "devDependencies": {
-    "autoprefixer": "^10.4.19",
+    "autoprefixer": "^10.4.20",
     "eslint": "^8.57.0",
-    "@types/node": "^20.14.3",
-    "@types/react": "^18.2.66",
-    "@types/react-dom": "^18.2.22",
-    "@typescript-eslint/eslint-plugin": "^7.2.0",
-    "@typescript-eslint/parser": "^7.2.0",
+    "@types/node": "^22.9.0",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@typescript-eslint/eslint-plugin": "^8.14.0",
+    "@typescript-eslint/parser": "^8.14.0",
     "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^18.0.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.6",
-    "husky": "^9.0.11",
-    "postcss": "^8.4.38",
-    "prettier": "^3.0.3",
-    "prettier-plugin-tailwindcss": "^0.5.14",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "typescript": "^5.2.2"
+    "eslint-plugin-react-refresh": "^0.4.14",
+    "husky": "^9.1.6",
+    "postcss": "^8.4.49",
+    "prettier": "^3.3.3",
+    "prettier-plugin-tailwindcss": "^0.6.8",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "typescript": "^5.6.3"
   }
 }

packages/docs/package.json

@@ -14,21 +14,20 @@
     "typecheck": "tsc"
   },
   "dependencies": {
-    "@docusaurus/core": "3.4.0",
-    "@docusaurus/preset-classic": "3.4.0",
-    "@mdx-js/react": "^3.0.0",
-    "clsx": "^2.0.0",
-    "lucide-react": "^0.447.0",
-    "prism-react-renderer": "^2.3.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
+    "@docusaurus/core": "3.6.1",
+    "@docusaurus/preset-classic": "3.6.1",
+    "@mdx-js/react": "^3.1.0",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.456.0",
+    "prism-react-renderer": "^2.4.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-simple-headless-carousel": "^0.0.18"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "3.4.0",
-    "@docusaurus/tsconfig": "3.4.0",
-    "@docusaurus/types": "3.4.0",
-    "typescript": "~5.2.2"
+    "@docusaurus/module-type-aliases": "3.6.1",
+    "@docusaurus/tsconfig": "3.6.1",
+    "@docusaurus/types": "3.6.1"
   },
   "browserslist": {
     "production": [

packages/react-simple-headless-carousel/package.json

@@ -63,16 +63,16 @@
     "react-dom": "16.x || 17.x || 18.x"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^13.2.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
-    "@vitejs/plugin-react": "^4.2.1",
+    "@vitejs/plugin-react": "^4.3.3",
     "@vitest/ui": "latest",
-    "jsdom": "^24.0.0",
-    "tailwindcss": "^3.4.4",
-    "vite": "^5.2.0",
-    "vite-plugin-dts": "^3.9.1",
+    "jsdom": "^25.0.1",
+    "tailwindcss": "^3.4.14",
+    "vite": "^5.4.11",
+    "vite-plugin-dts": "^4.3.0",
     "vite-plugin-lib-inject-css": "^2.1.1",
-    "vitest": "^2.0.2"
+    "vitest": "^2.1.4"
   }
 }

packages/react-simple-headless-carousel/src/App.tsx

@@ -2,7 +2,7 @@ import { ExampleCarousel } from './examples/singleStep';
 
 function App() {
   return (
-    <div className="h-lvh w-full bg-gray-800  font-bold text-white">
+    <div className="h-lvh w-full bg-gray-800 font-bold text-white">
       <div className="mx-auto flex max-w-3xl flex-col gap-6 pt-10 text-center">
         <h1 className="my-6 text-3xl">React Micro Carousel Demo</h1>
 

packages/react-simple-headless-carousel/src/lib/simple-headless-carousel/components/Counter.tsx

@@ -15,7 +15,7 @@ export const Counter = ({ className }: CounterProps) => {
 
   return (
     <div className={className}>
-      {state.currentIndex + 1} / {state.total}
+      {state.currentIndex + 1} /{state.total}
     </div>
   );
 };

packages/react-simple-headless-carousel/src/lib/simple-headless-carousel/hooks/useCarouselReducer.ts

@@ -3,12 +3,6 @@ import { CarouselError } from '../services/CarouseError';
 
 type CarouselAction = 'next' | 'prev' | 'setCurrentIndex' | 'setConfig';
 
-export type DispatchOpts = {
-  action: CarouselAction;
-  value?: number;
-  config?: Partial<CarouselState>;
-};
-
 export type CarouselState = {
   slideHeight: number;
   total: number;
@@ -24,8 +18,6 @@ export type CarouselState = {
   lazy: boolean;
 };
 
-export type CarouselReduceDispatch = Dispatch<DispatchOpts>;
-
 export const stateDefaults: CarouselState = {
   currentIndex: 0,
   total: 0,
@@ -40,6 +32,14 @@ export const stateDefaults: CarouselState = {
   lazy: false,
 };
 
+export type DispatchOpts = {
+  action: CarouselAction;
+  value?: number;
+  config?: Partial<CarouselState>;
+};
+
+export type CarouselReduceDispatch = Dispatch<DispatchOpts>;
+
 export const carouselReducer = (
   state: CarouselState,
   { action, value, config }: DispatchOpts,

packages/react-simple-headless-carousel/vitest.setup.ts

@@ -1,5 +1,6 @@
 /* eslint-disable max-classes-per-file */
 import '@testing-library/jest-dom/vitest';
+import '@testing-library/jest-dom';
 import { cleanup } from '@testing-library/react';
 import { afterEach, vi } from 'vitest';