Squashed commit of the following:

commit 0a4821d
Author: Adam Thompson <[email protected]>
Date:   Fri Sep 12 15:34:46 2025 -0400

    [LG-5354, LG-5461] fix(Polymorphic) Updates Polymorphic return types (#3111)

    * PolymorphicRenderFunctionReturnType

    * propTypes

    * tsdoc

    * Create poly-types.md

    * Update poly-types.md

    * Create poly-types.md

    * pkg json scripts

    * rename PolymorphicReturnType

    * Update Polymorphic.hooks.tsx

    * Update Polymorphic.hooks.tsx

    * rm pre-install step

    * Adds polymorphic tests to assert event type

    * fix: Fixes tests failing in React 17 (#3112)

    * Update r17-packages.json

    * Update transformToNestedData.spec.ts

    * Update DrawerToolbarContext.spec.tsx

    * Update Message.spec.tsx

    * WIP resizable

    * Update setup.js

    * useResizable

    * Update useScreenReaderAnnouncer.tsx

    * Update ProgressBar.spec.tsx

    * changeset

    * Update .changeset/progress-bar-strict.md

    * Update react17.yml

    * Update react17.yml

    * Update react17.yml

    * export isReact17

    * Update transformToNestedData.spec.ts

    * Update transformToNestedData.spec.ts

    * rm cache: false

    * useDrawerToolbarContext tests

    * consistent queryByRole

Author: TheSonOfThomp

packages/polymorphic/src/Example/types.spec.tsx

@@ -126,7 +126,6 @@ describe('Typescript types', () => {
       <ExamplePolymorphic as={ButtonLikeWrapper} href=".design" />
 
       <ExamplePolymorphic as={AnchorLikeWrapper} href=".design" />
-      <ExamplePolymorphic as={NextLink} href=".design" />
       <ExamplePolymorphic as={() => <></>} />
       {/* @ts-expect-error href is not valid on an empty component */}
       <ExamplePolymorphic as={() => <></>} href="forbidden"/>
@@ -171,7 +170,6 @@ describe('Typescript types', () => {
       <ExamplePolymorphicWithRef as={ButtonLikeWrapper} href=".design" />
 
       <ExamplePolymorphicWithRef as={AnchorLikeWrapper} href=".design" />
-      <ExamplePolymorphicWithRef as={NextLink} href=".design" />
       <ExamplePolymorphicWithRef as={() => <></>} />
       {/* @ts-expect-error href is not valid on an empty component */}
       <ExamplePolymorphicWithRef as={() => <></>} href="forbidden"/>
@@ -216,7 +214,6 @@ describe('Typescript types', () => {
       <AdvancedPolymorphic as={ButtonLikeWrapper} href=".design" />
 
       <AdvancedPolymorphic as={AnchorLikeWrapper} href=".design" />
-      <AdvancedPolymorphic as={NextLink} href=".design" />
       <AdvancedPolymorphic as={() => <></>} />
       {/* @ts-expect-error href is not valid on an empty component */}
       <AdvancedPolymorphic as={() => <></>} href="forbidden"/>
@@ -261,7 +258,6 @@ describe('Typescript types', () => {
       <AdvancedPolymorphicWithRef as={ButtonLikeWrapper} href=".design" />
 
       <AdvancedPolymorphicWithRef as={AnchorLikeWrapper} href=".design" />
-      <AdvancedPolymorphicWithRef as={NextLink} href=".design" />
       <AdvancedPolymorphicWithRef as={() => <></>} />
       {/* @ts-expect-error href is not valid on an empty component */}
       <AdvancedPolymorphicWithRef as={() => <></>} href="forbidden"/>
@@ -307,9 +303,8 @@ describe('Typescript types', () => {
 
       <ExampleInferred as={AnchorLikeWrapper} href=".design" />
 
-      {/** @ts-expect-error TODO: href is not valid on an empty component. See {@link InferredPolymorphicProps} */}
       <ExampleInferred as={() => <></>} />
-      {/** TODO: ts-expect-error href is not valid on an empty component. See {@link InferredPolymorphicProps}*/}
+      {/** @ts-expect-error href is not valid on an empty component. See {@link InferredPolymorphicProps}*/}
       <ExampleInferred as={() => <></>} href="forbidden"/>
     </>;
   });
@@ -358,9 +353,8 @@ describe('Typescript types', () => {
 
       <ExampleInferredDefaultButton as={AnchorLikeWrapper} href=".design" />
 
-      {/** @ts-expect-error TODO: href is not valid on an empty component. See {@link InferredPolymorphicProps} */}
       <ExampleInferredDefaultButton as={() => <></>} />
-      {/** TODO: ts-expect-error href is not valid on an empty component. See {@link InferredPolymorphicProps}*/}
+      {/** @ts-expect-error href is not valid on an empty component. See {@link InferredPolymorphicProps}*/}
       <ExampleInferredDefaultButton as={() => <></>} href="forbidden"/>
     </>;
   });

packages/polymorphic/src/InferredPolymorphic/InferredPolymorphic.types.spec.tsx

@@ -399,6 +399,18 @@ describe.skip('Inferred Polymorphic types', () => {
       // @ts-expect-error - href is required
       <MyInferredPoly as={'a'} />;
       <MyInferredPoly as={'a'} href={'mongodb.design'} />;
+
+      // Infers the event argument of onClick callbacks
+      <MyInferredPoly
+        as="a"
+        href={'mongodb.design'}
+        onClick={event => {
+          event.preventDefault();
+          const _El: HTMLAnchorElement = event.currentTarget;
+          // @ts-expect-error - event.currentTarget is not a button
+          const _a: HTMLButtonElement = event.currentTarget;
+        }}
+      />;
     }
 
     // as = 'button'
@@ -408,6 +420,17 @@ describe.skip('Inferred Polymorphic types', () => {
       <MyInferredPoly as="button" href="mongodb.design" />;
       // @ts-expect-error misc. props not valid
       <MyInferredPoly as="button" foo="bar" />;
+
+      // Infers the event argument of onClick callbacks
+      <MyInferredPoly
+        as="button"
+        onClick={event => {
+          event.preventDefault();
+          const _El: HTMLButtonElement = event.currentTarget;
+          // @ts-expect-error - event.currentTarget is not an anchor
+          const _a: HTMLAnchorElement = event.currentTarget;
+        }}
+      />;
     }
 
     // anchor-like

packages/progress-bar/src/ProgressBar/ProgressBar.spec.tsx

@@ -249,14 +249,14 @@ describe('packages/progress-bar', () => {
     });
 
     test('updates live region text for initial value', () => {
-      const { queryByRole } = render(
+      render(
         <ProgressBar
           value={TEST_VALUE_UNDER_50}
           maxValue={TEST_MAX_VALUE}
           {...requiredA11yArgs}
         />,
       );
-      const statusElement = queryByRole('status');
+      const statusElement = screen.queryByRole('status');
       const expectedMessage = getAnnouncementMessage(
         TEST_VALUE_UNDER_50,
         TEST_MAX_VALUE,
@@ -265,14 +265,14 @@ describe('packages/progress-bar', () => {
     });
 
     test('ignores further changes until next threshold met', () => {
-      const { rerender, queryByRole } = render(
+      const { rerender } = render(
         <ProgressBar
           value={TEST_VALUE_UNDER_50}
           maxValue={TEST_MAX_VALUE}
           {...requiredA11yArgs}
         />,
       );
-      const statusElement = queryByRole('status');
+      const statusElement = screen.queryByRole('status');
       const expectedMessage = getAnnouncementMessage(
         TEST_VALUE_UNDER_50,
         TEST_MAX_VALUE,
@@ -292,14 +292,14 @@ describe('packages/progress-bar', () => {
     });
 
     test('updates live region text if 50% threshold passed', async () => {
-      const { getByRole, rerender } = render(
+      const { rerender } = render(
         <ProgressBar
           value={TEST_VALUE_UNDER_50}
           maxValue={TEST_MAX_VALUE}
           {...requiredA11yArgs}
         />,
       );
-      const statusElement = getByRole('status');
+      const statusElement = screen.getByRole('status');
 
       expect(statusElement).toBeInTheDocument();
       expect(statusElement).toHaveTextContent(