WIP chore: Re-enable React 17

.changeset/drawer-component-props.md

@@ -0,0 +1,5 @@
+---
+'@lg-chat/drawer': patch
+---
+
+Updates `DrawerLayoutProps` to extend `ComponentPropsWithoutRef<'div'>`

.changeset/react-component-props.md

@@ -0,0 +1,5 @@
+---
+'@leafygreen-ui/lib': patch
+---
+
+Deprecates `HTMLElementProps`. Prefer the built-in React type `ComponentProps`

.changeset/rich-links-component-props.md

@@ -0,0 +1,5 @@
+---
+'@lg-chat/rich-links': patch
+---
+
+Updates `RichLinkProps` to extend `ComponentPropsWithoutRef<'a'>`

.changeset/rtl-overrides.md

@@ -0,0 +1,6 @@
+---
+'@leafygreen-ui/testing-lib': minor
+---
+
+Exports types `RenderHookOptions` & `RenderHookResult`.
+Updates type signature of `renderHook`

charts/chart-card/tsconfig.json

@@ -8,7 +8,11 @@
       "@leafygreen-ui/*": [
         "../../packages/*/src"
       ]
-    }
+    },
+    "baseUrl": ".",
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "declarationDir": "./dist/types"
   },
   "include": [
     "src/**/*"

charts/colors/tsconfig.json

@@ -8,7 +8,11 @@
       "@leafygreen-ui/*": [
         "../../packages/*/src"
       ]
-    }
+    },
+    "baseUrl": ".",
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "declarationDir": "./dist/types"
   },
   "include": [
     "src/**/*"

charts/core/src/Echart/useEchart.spec.ts

@@ -1,9 +1,10 @@
 import { act } from 'react-dom/test-utils';
 
-import { renderHook } from '@leafygreen-ui/testing-lib';
+import { renderHook, RenderHookResult } from '@leafygreen-ui/testing-lib';
 
 import { type SeriesOption } from '../Chart';
 
+import { EChartsInstance } from './Echart.types';
 import { useEchart } from './useEchart';
 
 // Mock echarts instance creation with all required methods
@@ -48,12 +49,10 @@ jest.mock('echarts/renderers', () => ({
 // Helper function to wait for hook initialization and state updates
 const setupHook = async () => {
   const mockContainer = document.createElement('div');
-  let result: ReturnType<
-    typeof renderHook<ReturnType<typeof useEchart>, void>
-  >['result'];
+  let result: RenderHookResult<any, EChartsInstance>['result'];
 
   await act(async () => {
-    const hookResult = renderHook(() =>
+    const hookResult = renderHook<any, EChartsInstance>(() =>
       useEchart({ theme: 'dark', container: mockContainer }),
     );
     result = hookResult.result;

charts/core/tsconfig.json

@@ -8,7 +8,11 @@
       "@leafygreen-ui/*": [
         "../../packages/*/src"
       ]
-    }
+    },
+    "baseUrl": ".",
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "declarationDir": "./dist/types"
   },
   "include": [
     "src/**/*"

charts/drag-provider/package.json

@@ -32,6 +32,6 @@
   },
   "devDependencies": {
     "@lg-tools/build": "workspace:^",
-    "@storybook/test": "8.5.3"
+    "@storybook/test": "7.6.20"
   }
 }

charts/drag-provider/tsconfig.json

@@ -8,7 +8,11 @@
       "@leafygreen-ui/*": [
         "../../packages/*/src"
       ]
-    }
+    },
+    "baseUrl": ".",
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "declarationDir": "./dist/types"
   },
   "include": [
     "src/**/*"

charts/legend/tsconfig.json

@@ -8,7 +8,11 @@
       "@leafygreen-ui/*": [
         "../../packages/*/src"
       ]
-    }
+    },
+    "baseUrl": ".",
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "declarationDir": "./dist/types"
   },
   "include": [
     "src/**/*"

charts/series-provider/tsconfig.json

@@ -8,7 +8,11 @@
       "@leafygreen-ui/*": [
         "../../packages/*/src"
       ]
-    }
+    },
+    "baseUrl": ".",
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "declarationDir": "./dist/types"
   },
   "include": [
     "src/**/*"

chat/avatar/tsconfig.json

@@ -8,7 +8,11 @@
       "@leafygreen-ui/*": [
         "../../packages/*/src"
       ]
-    }
+    },
+    "baseUrl": ".",
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "declarationDir": "./dist/types"
   },
   "include": [
     "src/**/*"

chat/chat-disclaimer/tsconfig.json

@@ -8,7 +8,11 @@
       "@leafygreen-ui/*": [
         "../../packages/*/src"
       ]
-    }
+    },
+    "baseUrl": ".",
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "declarationDir": "./dist/types"
   },
   "include": [
     "src/**/*"

chat/chat-window/tsconfig.json

@@ -8,7 +8,11 @@
       "@leafygreen-ui/*": [
         "../../packages/*/src"
       ]
-    }
+    },
+    "baseUrl": ".",
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "declarationDir": "./dist/types"
   },
   "include": [
     "src/**/*"

chat/fixed-chat-window/tsconfig.json

@@ -8,7 +8,11 @@
       "@leafygreen-ui/*": [
         "../../packages/*/src"
       ]
-    }
+    },
+    "baseUrl": ".",
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "declarationDir": "./dist/types"
   },
   "include": [
     "src/**/*"

chat/input-bar/tsconfig.json

@@ -8,7 +8,11 @@
       "@leafygreen-ui/*": [
         "../../packages/*/src"
       ]
-    }
+    },
+    "baseUrl": ".",
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "declarationDir": "./dist/types"
   },
   "include": [
     "src/**/*"

chat/leafygreen-chat-provider/tsconfig.json

@@ -1,14 +1,13 @@
-
 {
   "extends": "@lg-tools/build/config/package.tsconfig.json",
-  "compilerOptions": {},
-  "include": ["src/**/*"],
-  "references": [
-    {
-      "path": "../../packages/hooks"
-    },
-    {
-      "path": "../../packages/leafygreen-provider"
-    },
-  ]
+  "compilerOptions": {
+    "baseUrl": ".",
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "declarationDir": "./dist/types"
+  },
+  "include": [
+    "src/**/*"
+  ],
+  "references": []
 }

chat/lg-markdown/tsconfig.json

@@ -8,7 +8,11 @@
       "@leafygreen-ui/*": [
         "../../packages/*/src"
       ]
-    }
+    },
+    "baseUrl": ".",
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "declarationDir": "./dist/types"
   },
   "include": [
     "src/**/*"

chat/message-actions/package.json

@@ -38,7 +38,7 @@
     "@lg-tools/test-harnesses": "workspace:^"
   },
   "devDependencies": {
-    "@storybook/test": "^8.6.14"
+    "@storybook/test": "7.6.20"
   },
   "peerDependencies": {
     "@leafygreen-ui/leafygreen-provider": "workspace:^",

chat/message-actions/tsconfig.json

@@ -8,7 +8,11 @@
       "@leafygreen-ui/*": [
         "../../packages/*/src"
       ]
-    }
+    },
+    "baseUrl": ".",
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "declarationDir": "./dist/types"
   },
   "include": [
     "src/**/*"

chat/message-feed/src/utils/MessageFeed.testutils.ts

@@ -22,7 +22,7 @@ type MongoMessageFields = MessageFieldsBase & {
 
 export type MessageFields = UserMessageFields | MongoMessageFields;
 
-export const baseMessages: Array<MessageFields> = [
+export const baseMessages = [
   {
     id: 1,
     messageBody: 'Hi! Ask me anything.',
@@ -74,4 +74,4 @@ Refer to [LeafyGreen UI](mongodb.design) or [LeafyGreen UI](mongodb.design) for
         console.log(`Message 6 was ${e.target.value}.`),
     },
   },
-] as const;
+] as const satisfies Readonly<Array<MessageFields>>;

chat/message-feed/tsconfig.json

@@ -8,7 +8,11 @@
       "@leafygreen-ui/*": [
         "../../packages/*/src"
       ]
-    }
+    },
+    "baseUrl": ".",
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "declarationDir": "./dist/types"
   },
   "include": [
     "src/**/*"

chat/message-feedback/tsconfig.json

@@ -8,7 +8,11 @@
       "@leafygreen-ui/*": [
         "../../packages/*/src"
       ]
-    }
+    },
+    "baseUrl": ".",
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "declarationDir": "./dist/types"
   },
   "include": [
     "src/**/*"

chat/message-prompts/tsconfig.json

@@ -8,7 +8,11 @@
       "@leafygreen-ui/*": [
         "../../packages/*/src"
       ]
-    }
+    },
+    "baseUrl": ".",
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "declarationDir": "./dist/types"
   },
   "include": [
     "src/**/*"

chat/message-rating/tsconfig.json

@@ -8,7 +8,11 @@
       "@leafygreen-ui/*": [
         "../../packages/*/src"
       ]
-    }
+    },
+    "baseUrl": ".",
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "declarationDir": "./dist/types"
   },
   "include": [
     "src/**/*"

chat/message/tsconfig.json

@@ -8,7 +8,11 @@
       "@leafygreen-ui/*": [
         "../../packages/*/src"
       ]
-    }
+    },
+    "baseUrl": ".",
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "declarationDir": "./dist/types"
   },
   "include": [
     "src/**/*"

chat/rich-links/src/RichLink/RichLink.types.ts

@@ -1,11 +1,13 @@
-import { DarkModeProps, HTMLElementProps } from '@leafygreen-ui/lib';
+import { ComponentPropsWithoutRef } from 'react';
+
+import { DarkModeProps } from '@leafygreen-ui/lib';
 
 import { RichLinkBadgeProps } from './RichLinkBadge/RichLinkBadge.types';
 import { RichLinkVariantName } from './richLinkVariants';
 
 export interface BaseRichLinkProps
   extends DarkModeProps,
-    HTMLElementProps<'a', never> {
+    ComponentPropsWithoutRef<'a'> {
   /**
    * The text that shows on the rich link
    */

chat/rich-links/tsconfig.json

@@ -8,7 +8,11 @@
       "@leafygreen-ui/*": [
         "../../packages/*/src"
       ]
-    }
+    },
+    "baseUrl": ".",
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "declarationDir": "./dist/types"
   },
   "include": [
     "src/**/*"

chat/suggestions/tsconfig.json

@@ -8,7 +8,11 @@
       "@leafygreen-ui/*": [
         "../../packages/*/src"
       ]
-    }
+    },
+    "baseUrl": ".",
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "declarationDir": "./dist/types"
   },
   "include": [
     "src/**/*"

chat/title-bar/tsconfig.json

@@ -8,7 +8,11 @@
       "@leafygreen-ui/*": [
         "../../packages/*/src"
       ]
-    }
+    },
+    "baseUrl": ".",
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "declarationDir": "./dist/types"
   },
   "include": [
     "src/**/*"