fix: eslint config and version adjustments

Author: jerzy-mankowski

packages/react/.eslintignore

@@ -3,4 +3,4 @@ dist/
 node_modules/
 .snapshots/
 *.min.js
-./eslintrc.js
+.eslintrc.js

packages/react/.eslintrc.js

@@ -11,7 +11,7 @@ module.exports = {
       legacyDecorators: true,
       jsx: true
     },
-    project: ['./tsconfig.json']
+    project: './tsconfig.json',
   },
   settings: {
     react: {

packages/react/package.json

@@ -42,11 +42,11 @@
     "@types/node": "^12.12.38",
     "@types/react": "^16.9.27",
     "@types/react-dom": "^16.9.7",
-    "@typescript-eslint/eslint-plugin": "^5.62.0",
-    "@typescript-eslint/parser": "^5.62.0",
+    "@typescript-eslint/eslint-plugin": "^8.18.0",
+    "@typescript-eslint/parser": "^8.18.0",
     "assert": "^2.1.0",
     "esbuild": "^0.24.0",
-    "eslint": "^7.32.0",
+    "eslint": "^8.57.1",
     "eslint-config-prettier": "^6.7.0",
     "eslint-config-standard": "^14.1.0",
     "eslint-config-standard-react": "^9.2.0",

packages/react/src/CloudinaryImage.stories.tsx

@@ -5,8 +5,8 @@ import { backgroundRemoval, sepia } from '@cloudinary/url-gen/actions/effect';
 import { scale } from '@cloudinary/url-gen/actions/resize';
 import { format, quality } from '@cloudinary/url-gen/actions/delivery';
 
-const meta: Meta<typeof CloudinaryImage>= {
-  component: CloudinaryImage,
+const meta: Meta<typeof CloudinaryImage> = {
+  component: CloudinaryImage
 };
 
 export default meta;
@@ -24,7 +24,7 @@ export const VersionV3: Story = {
     opacity: 100,
     background: { type: 'color', color: 'white' },
     roundCorners: 0,
-    rotate: 0,
+    rotate: 0
   }
 };
 
@@ -43,6 +43,6 @@ const cloudinaryImageObject = cloudinary
 
 export const VersionV2: Story = {
   args: {
-    cldImg: cloudinaryImageObject,
+    cldImg: cloudinaryImageObject
   }
 }

packages/react/src/CloudinaryVideo.stories.tsx

@@ -1,17 +1,17 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { CloudinaryVideo } from './CloudinaryVideo';
 import { Cloudinary } from '@cloudinary/url-gen';
-import { byRadius } from "@cloudinary/url-gen/actions/roundCorners";
-import { trim } from "@cloudinary/url-gen/actions/videoEdit";
+import { byRadius } from '@cloudinary/url-gen/actions/roundCorners';
+import { trim } from '@cloudinary/url-gen/actions/videoEdit';
 import { blackwhite } from '@cloudinary/url-gen/actions/effect';
 import { videoCodec } from '@cloudinary/url-gen/actions/transcode';
 import { h264 } from '@cloudinary/url-gen/qualifiers/videoCodec';
 import { baseline } from '@cloudinary/url-gen/qualifiers/videoCodecProfile';
 import { vcl31 } from '@cloudinary/url-gen/qualifiers/videoCodecLevel';
 import { scale } from '@cloudinary/url-gen/actions/resize';
 
-const meta: Meta<typeof CloudinaryVideo>= {
-  component: CloudinaryVideo,
+const meta: Meta<typeof CloudinaryVideo> = {
+  component: CloudinaryVideo
 };
 
 export default meta;
@@ -41,7 +41,7 @@ const cloudinary = new Cloudinary({
 const cloudinaryVideoObject = cloudinary.video('dog.mp4')
   .effect(blackwhite())
   .resize(scale().height(333))
-  .videoEdit(trim().duration("1p"))
+  .videoEdit(trim().duration('1p'))
   .roundCorners(byRadius(20))
   .transcode(
     videoCodec(

packages/react/tsconfig.json

@@ -34,7 +34,8 @@
   "exclude": [
     "node_modules",
     "dist",
-    "playground"
+    "playground",
+    ".eslintrc.js"
   ],
   "ts-node": {
     "compilerOptions": {