chore: workaround for slider slot to work in react18 and align test f…

…or react18

components/password-input/tsconfig.json

@@ -4,5 +4,5 @@
     "outDir": "lib",
     "types": ["vitest/globals"]
   },
-  "exclude": ["**/*.spec.*", "vitest.config.ts"]
+  "exclude": ["vitest.config.ts"]
 }

components/slider/package.json

@@ -26,7 +26,7 @@
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^12.1.5",
+    "@testing-library/react": "^14.2.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/react": "^18.2.65",
     "@types/react-dom": "^18.2.8",

components/slider/src/range-slider.spec.tsx

@@ -3,7 +3,7 @@ import userEvent from "@testing-library/user-event";
 import { RangeSlider } from "./range-slider";
 import React from "react";
 import { getControlRoot } from "./test-helpers";
-import { vi } from "vitest";
+import { vi, expect } from "vitest";
 
 const expectSliderValues = (elements: HTMLElement[], values: number[]) => {
   expect(elements).toHaveLength(values.length);

components/slider/src/slider.spec.tsx

@@ -5,7 +5,7 @@ import { sliderClassNames } from "./use-slider-styles";
 import { FluentProvider } from "@fluentui/react-components";
 import { Slider } from "./slider";
 import { getControlRoot } from "./test-helpers";
-import { vi } from "vitest";
+import { vi, expect } from "vitest";
 
 const expectSliderValue = (element: HTMLElement, value: number) => {
   expect(element.getAttribute("value")).toEqual(value.toString());

components/slider/src/thumb/thumb.types.ts

@@ -7,7 +7,7 @@ import { ChangeEvent } from "react";
 
 export type ThumbSlots = {
   root: Slot<"div">;
-  input: NonNullable<Slot<"input">>;
+  input: NonNullable<Slot<"input">> & { children?: never };
   label: NonNullable<Slot<"span">>;
 };
 
@@ -17,6 +17,7 @@ export type ThumbProps =
     "value"
   >
   & {
+    children?: never;
     value: number;
     handleFocus: () => void;
     handleBlur: () => void;

components/slider/tsconfig.json

@@ -2,8 +2,9 @@
   "extends": "./tsconfig.src.json",
   "compilerOptions": {
     "outDir": "lib",
+    "types": ["vitest/globals"],
     "lib": ["es5", "es6", "dom", "dom.iterable"]
   },
   "include": ["src"],
-  "exclude": ["**/*.spec.*", "vitest.config.ts"]
+  "exclude": ["vitest.config.ts"]
 }

components/stepper/package.json

@@ -25,7 +25,7 @@
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^12.1.5",
+    "@testing-library/react": "^14.2.1",
     "@types/react": "^18.2.65",
     "@types/react-dom": "^18.2.8",
     "@vitest/coverage-c8": "^0.33.0",

components/stepper/tsconfig.json

@@ -1,7 +1,8 @@
 {
   "extends": "./tsconfig.src.json",
   "compilerOptions": {
-    "outDir": "lib"
+    "outDir": "lib",
+    "types": ["vitest/globals"]
   },
-  "exclude": ["**/*.spec.*", "vitest.config.ts"]
+  "exclude": ["vitest.config.ts"]
 }

components/topbar/package.json

@@ -34,7 +34,7 @@
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^12.1.5",
+    "@testing-library/react": "^14.2.1",
     "@types/react": "^18.2.65",
     "@types/react-dom": "^18.2.8",
     "@vitest/coverage-c8": "^0.33.0",

components/topbar/tsconfig.json

@@ -1,8 +1,11 @@
 {
   "extends": "./tsconfig.src.json",
   "compilerOptions": {
-    "outDir": "lib"
+    "types": ["vitest/globals"],
+    "outDir": "lib",
+    "declaration": false,
+    "declarationMap": false
   },
   "include": ["src"],
-  "exclude": ["**/*.spec.*", "vitest.config.ts"]
+  "exclude": ["vitest.config.ts"]
 }