wip

washingtonpost · ebgranger · Apr 9, 2024 · Apr 9, 2024 · Apr 9, 2024 · Apr 9, 2024
commit 731aead91e59a9501386d6eec27484d9865b9f52
diff --git a/build.washingtonpost.com/package.json b/build.washingtonpost.com/package.json
@@ -34,7 +34,7 @@
     "fuse.js": "^6.6.2",
     "gray-matter": "^4.0.2",
     "lz-string": "^1.4.4",
-    "next": "^14",
+    "next": "14.0.3",
     "next-mdx-remote": "^4.4.1",
     "next-themes": "0.2.1",
     "param-case": "^3.0.4",
@@ -57,11 +57,12 @@
     "@next/bundle-analyzer": "^12.1.0",
     "@types/lz-string": "^1.3.34",
     "@types/node": "^17.0.21",
-    "@types/react": "^18.2.42",
+    "@types/react": "18.2.39",
+    "@types/react-dom": "18.2.17",
     "autoprefixer": "^10.4.13",
     "babel-plugin-extract-react-types": "^0.1.14",
     "eslint": "8.9.0",
-    "eslint-config-next": "^14.1.3",
+    "eslint-config-next": "^14.0.3",
     "extract-react-types": "^0.30.2",
     "glob": "^7.2.0",
     "husky": "^7.0.0",

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -25,8 +25,8 @@
     "@testing-library/user-event": "latest",
     "@types/jest": "^29.5.11",
     "@types/node": "^18.19.24",
-    "@types/react": "^18.2.17",
-    "@types/react-dom": "^18.2.17",
+    "@types/react": "18.2.39",
+    "@types/react-dom": "18.2.17",
     "@typescript-eslint/eslint-plugin": "^5.12.0",
     "@typescript-eslint/parser": "^5.12.0",
     "@washingtonpost/eslint-plugin-wpds": "*",
@@ -51,7 +51,7 @@
     "jest": "latest",
     "jest-environment-jsdom": "^29.7.0",
     "lerna": "^5.1.2",
-    "next": "^14.1.3",
+    "next": "14.0.3",
     "nx": "^14.3.2",
     "playwright": "^1.40.1",
     "plop": "^3.0.5",

diff --git a/packages/kit/src/app-bar/play.stories.tsx b/packages/kit/src/app-bar/play.stories.tsx
 import { useDarkMode } from "storybook-dark-mode";
 import WashingtonPost from "@washingtonpost/wpds-assets/asset/washington-post";

 import type { Meta, StoryFn } from "@storybook/react";

 import { AppBar as Component } from ".";

diff --git a/packages/kit/src/avatar/play.stories.tsx b/packages/kit/src/avatar/play.stories.tsx
 import React from "react";
 import { Avatar as Component } from "./";
 import { styled, theme } from "../theme";
 import type { StoryObj, Meta, StoryFn } from "@storybook/react";

 export default {
  title: "Avatar",
diff --git a/packages/kit/src/carousel/CarouselNextButton.test.tsx b/packages/kit/src/carousel/CarouselNextButton.test.tsx
 import * as React from "react";
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { CarouselNextButton } from "./CarouselNextButton";
 import { CarouselContext } from "./CarouselRoot";

diff --git a/packages/kit/src/carousel/CarouselPreviousButton.test.tsx b/packages/kit/src/carousel/CarouselPreviousButton.test.tsx
 import * as React from "react";
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { CarouselPreviousButton } from "./CarouselPreviousButton";
 import { CarouselContext } from "./CarouselRoot";

diff --git a/packages/kit/src/carousel/useActiveDescendant.test.tsx b/packages/kit/src/carousel/useActiveDescendant.test.tsx
 import { useRef } from "react";
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { useActiveDescendant } from "./useActiveDescendant";
 import { CarouselRoot } from "./CarouselRoot";
 import { CarouselContent } from "./CarouselContent";
diff --git a/packages/kit/src/drawer/DrawerClose.test.tsx b/packages/kit/src/drawer/DrawerClose.test.tsx
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { DrawerClose } from "./DrawerClose";
 import { DrawerRoot } from "./DrawerRoot";

diff --git a/packages/kit/src/drawer/DrawerCustomTrigger.test.tsx b/packages/kit/src/drawer/DrawerCustomTrigger.test.tsx
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { DrawerCustomTrigger } from "./DrawerCustomTrigger";
 import { DrawerRoot } from "./DrawerRoot";

diff --git a/packages/kit/src/drawer/DrawerRoot.test.tsx b/packages/kit/src/drawer/DrawerRoot.test.tsx
 import { useContext, useState } from "react";
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { DrawerRoot, DrawerContext } from "./DrawerRoot";

 describe("DrawerRoot", () => {
diff --git a/packages/kit/src/drawer/DrawerScrim.test.tsx b/packages/kit/src/drawer/DrawerScrim.test.tsx
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { DrawerScrim } from "./DrawerScrim";
 import { DrawerRoot } from "./DrawerRoot";

diff --git a/packages/kit/src/drawer/DrawerTrigger.test.tsx b/packages/kit/src/drawer/DrawerTrigger.test.tsx
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { DrawerTrigger } from "./DrawerTrigger";
 import { DrawerRoot } from "./DrawerRoot";
	import { useDarkMode } from "storybook-dark-mode";
	import WashingtonPost from "@washingtonpost/wpds-assets/asset/washington-post";

	import type { Meta, StoryFn } from "@storybook/react";
Check warning on line 12 in packages/kit/src/app-bar/play.stories.tsx GitHub Actions / Validate `'StoryFn' is defined but never used. Allowed unused vars must match /React/u`

	import { AppBar as Component } from ".";
	import React from "react";
	import { Avatar as Component } from "./";
	import { styled, theme } from "../theme";
	import type { StoryObj, Meta, StoryFn } from "@storybook/react";
Check warning on line 4 in packages/kit/src/avatar/play.stories.tsx GitHub Actions / Validate `'StoryFn' is defined but never used. Allowed unused vars must match /React/u`

	export default {
	title: "Avatar",
	import * as React from "react";
	import { render, screen } from "@testing-library/react";
	import userEvent from "@testing-library/user-event";
Check warning on line 3 in packages/kit/src/carousel/CarouselNextButton.test.tsx GitHub Actions / Validate `Using exported name 'userEvent' as identifier for default export`
	import { CarouselNextButton } from "./CarouselNextButton";
	import { CarouselContext } from "./CarouselRoot";
	import { useRef } from "react";
	import { render, screen } from "@testing-library/react";
	import userEvent from "@testing-library/user-event";
Check warning on line 3 in packages/kit/src/carousel/useActiveDescendant.test.tsx GitHub Actions / Validate `Using exported name 'userEvent' as identifier for default export`
	import { useActiveDescendant } from "./useActiveDescendant";
	import { CarouselRoot } from "./CarouselRoot";
	import { CarouselContent } from "./CarouselContent";
	import { render, screen } from "@testing-library/react";
	import userEvent from "@testing-library/user-event";
Check warning on line 2 in packages/kit/src/drawer/DrawerClose.test.tsx GitHub Actions / Validate `Using exported name 'userEvent' as identifier for default export`
	import { DrawerClose } from "./DrawerClose";
	import { DrawerRoot } from "./DrawerRoot";
	import { useContext, useState } from "react";
	import { render, screen } from "@testing-library/react";
	import userEvent from "@testing-library/user-event";
Check warning on line 3 in packages/kit/src/drawer/DrawerRoot.test.tsx GitHub Actions / Validate `Using exported name 'userEvent' as identifier for default export`
	import { DrawerRoot, DrawerContext } from "./DrawerRoot";

	describe("DrawerRoot", () => {