@pdfme/ui 5.3.8-dev.41 → 5.3.8-dev.42

package/eslint.config.mjs

@@ -0,0 +1,41 @@
+import { fileURLToPath } from 'url';
+import { dirname, resolve } from 'path';
+import reactPlugin from 'eslint-plugin-react';
+import reactHooksPlugin from 'eslint-plugin-react-hooks';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+// Import the root config
+const rootConfigPath = resolve(__dirname, '../../eslint.config.mjs');
+const rootConfig = await import(rootConfigPath);
+
+export default [
+  ...rootConfig.default,
+  {
+    files: ['src/**/*.ts', 'src/**/*.tsx'],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.json'],
+        tsconfigRootDir: __dirname,
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+    },
+    plugins: {
+      react: reactPlugin,
+      'react-hooks': reactHooksPlugin,
+    },
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
+    rules: {
+      ...reactPlugin.configs.recommended.rules,
+      'react-hooks/rules-of-hooks': 'error',
+      'react-hooks/exhaustive-deps': 'warn',
+    },
+  },
+];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pdfme/ui",
-  "version": "5.3.8-dev.41",
+  "version": "5.3.8-dev.42",
   "sideEffects": false,
   "author": "hand-dot",
   "license": "MIT",
@@ -30,7 +30,7 @@
     "devBuildType:watch": "tsc --emitDeclarationOnly --watch",
     "build": "vite build && tsc --emitDeclarationOnly",
     "clean": "rimraf dist",
-    "lint": "eslint --ext .ts,.tsx src",
+    "lint": "eslint --ext .ts,.tsx src --config eslint.config.mjs --no-error-on-unmatched-pattern",
     "test": "jest",
     "prune": "ts-prune src",
     "prettier": "prettier --write 'src/**/*.{ts,tsx}'"
@@ -56,11 +56,13 @@
     "@testing-library/react": "^12.1.2",
     "@types/react": "^17.0.52",
     "@types/react-dom": "^17.0.18",
+    "@ungap/structured-clone": "^1.3.0",
     "@vitejs/plugin-react": "^4.2.0",
     "csstype": "^3.1.2",
     "esbuild": "^0.25.0",
-    "eslint-plugin-react": "^7.28.0",
-    "eslint-plugin-react-hooks": "^4.3.0",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "is-path-inside": "^3.0.3",
     "jest-canvas-mock": "^2.3.1",
     "jest-environment-jsdom": "^29.7.0",
     "process": "^0.11.10",

package/src/components/Designer/RightSidebar/DetailView/index.tsx

@@ -275,7 +275,6 @@ Check this document: https://pdfme.com/docs/custom-schemas`);
           overflowX: 'hidden',
         }}
       >
-        {/* @ts-ignore */}
         <FormRenderComponent
           form={form}
           schema={propPanelSchema}

package/src/components/Root.tsx

@@ -17,13 +17,11 @@ const Root = ({ size, scale, children }: Props, ref: Ref<HTMLDivElement>) => {
           display: 'swap',
         })
     );
-    // @ts-ignore
     const newFontFaces = fontFaces.filter((fontFace) => !document.fonts.has(fontFace));
 
     Promise.allSettled(newFontFaces.map((f) => f.load())).then((loadedFontFaces) => {
       loadedFontFaces.forEach((loadedFontFace) => {
         if (loadedFontFace.status === 'fulfilled') {
-          // @ts-ignore
           document.fonts.add(loadedFontFace.value);
         }
       });

package/tsconfig.json

@@ -7,7 +7,7 @@
     "isolatedModules": true,
     "declaration": true,
     "declarationDir": "dist/types",
-    "module": "ESNext",
+    "module": "NodeNext",
     "lib": [
       "ES2020",
       "DOM",

package/.eslintrc.cjs

@@ -1,16 +0,0 @@
-module.exports = {
-  extends: ['../../eslint.base.js', "plugin:react/recommended", 'plugin:react-hooks/recommended'],
-  overrides: [
-    {
-      files: ['*.ts', '*.tsx'],
-      parserOptions: {
-        project: ['./tsconfig.json'],
-      },
-    },
-  ],
-  settings: {
-    react: {
-      version: 'detect',
-    },
-  },
-};