Migrate koenig-lexical to TypeScript

Author: kevinansfield

packages/koenig-lexical/demo/components/FloatingButton.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 interface FloatingButtonProps {
     isOpen: boolean;
     onClick: (view: string) => void;

packages/koenig-lexical/eslint.config.js

@@ -1,10 +1,11 @@
 import js from '@eslint/js';
+import {defineConfig} from 'eslint/config';
 import reactHooks from 'eslint-plugin-react-hooks';
 import reactRefresh from 'eslint-plugin-react-refresh';
 import tseslint from 'typescript-eslint';
 import ghostPlugin from 'eslint-plugin-ghost';
 
-export default tseslint.config([
+export default defineConfig([
     {ignores: ['dist/**', 'build/**', '.storybook/**']},
     {
         files: ['**/*.{ts,tsx}'],

packages/koenig-lexical/package.json

@@ -72,7 +72,6 @@
     "@storybook/builder-vite": "10.3.5",
     "@storybook/react": "10.3.5",
     "@storybook/react-vite": "10.3.5",
-    "@storybook/test-runner": "^0.24.1",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.2",
@@ -99,8 +98,6 @@
     "dompurify": "3.3.3",
     "dotenv": "17.4.1",
     "emoji-mart": "5.6.0",
-    "eslint-config-react-app": "7.0.1",
-    "eslint-plugin-jest": "29.15.0",
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "5.2.0",
     "eslint-plugin-react-refresh": "0.4.24",

packages/koenig-lexical/src/components/ui/Button.stories.tsx

@@ -1,6 +1,4 @@
 // @ts-nocheck
-import React from 'react';
-
 import {Button} from './Button';
 
 const story = {

packages/koenig-lexical/src/components/ui/Button.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import clsx from 'clsx';
 
 interface ButtonProps {

packages/koenig-lexical/src/components/ui/CardMenu.stories.tsx

@@ -1,6 +1,4 @@
 // @ts-nocheck
-import React from 'react';
-
 import {
     CardMenu,
     CardMenuItem,

packages/koenig-lexical/src/components/ui/ColorPicker.stories.tsx

@@ -1,5 +1,4 @@
 // @ts-nocheck
-import React from 'react';
 import {ColorPicker} from './ColorPicker';
 
 const story = {

packages/koenig-lexical/src/components/ui/Dropdown.stories.tsx

@@ -1,6 +1,4 @@
 // @ts-nocheck
-import React from 'react';
-
 import {Dropdown} from './Dropdown';
 
 const story = {

packages/koenig-lexical/src/components/ui/IconButton.stories.tsx

@@ -1,6 +1,4 @@
 // @ts-nocheck
-import React from 'react';
-
 import DeleteIcon from '../../assets/icons/kg-trash.svg?react';
 import {IconButton} from './IconButton';
 

packages/koenig-lexical/src/components/ui/Input.stories.tsx

@@ -1,6 +1,4 @@
 // @ts-nocheck
-import React from 'react';
-
 import {Input} from './Input';
 
 const story = {