@torpor/ui 0.0.17 → 0.1.1

package/test/NavMenu/components/NavMenuAccessibility.torp

@@ -0,0 +1,35 @@
+import {
+	NavMenu,
+	NavMenuLink,
+	NavMenuPopout,
+	NavMenuPopoutButton,
+	NavMenuPopoutContent,
+	NavMenuGroup,
+	NavMenuGroupHeader,
+	NavMenuSeparator
+} from "../../../src/NavMenu";
+
+export default function NavMenuAccessibility($props: any) {
+	@render {
+		<NavMenu ariaLabel="Site navigation">
+			<NavMenuLink href="/">Home</NavMenuLink>
+			<NavMenuLink href="/page1">Page</NavMenuLink>
+			<NavMenuLink href="/disabled" disabled>Disabled</NavMenuLink>
+			<NavMenuSeparator>/</NavMenuSeparator>
+			<NavMenuPopout>
+				<NavMenuPopoutButton>Subpages</NavMenuPopoutButton>
+				<NavMenuPopoutContent>
+					<NavMenu ariaLabel="Sub site navigation" orientation="vertical">
+						<NavMenuLink href="/sub/page1">Subpage 1</NavMenuLink>
+						<NavMenuLink href="/sub/page2">Subpage 2</NavMenuLink>
+						<NavMenuLink href="/sub/page3">Subpage 3</NavMenuLink>
+					</NavMenu>
+				</NavMenuPopoutContent>
+			</NavMenuPopout>
+			<NavMenuGroup>
+				<NavMenuGroupHeader as="h4">Group header</NavMenuGroupHeader>
+				<NavMenuLink href="/grouped-page">Grouped page</NavMenuLink>
+			</NavMenuGroup>
+		</NavMenu>
+	}
+}

package/test/TabGroup/for-items.test.ts

@@ -7,8 +7,6 @@ import TabGroupList from "./components/TabGroupList.torp";
 
 describe("TabGroup", () => {
 	it("Items in a for loop", async () => {
-		const user = userEvent.setup();
-
 		let $state = $watch({
 			value: "1",
 			items: [
@@ -35,7 +33,7 @@ describe("TabGroup", () => {
 		expect(queryByText(container, "Content 3")).not.toBeInTheDocument();
 
 		// Clicking header 1 should reveal body 1
-		await user.click(getByText(container, "Item 1"));
+		await userEvent.click(getByText(container, "Item 1"));
 		expect(queryByText(container, "Content 1")).toBeInTheDocument();
 
 		$state.items.push({ id: 3, header: "Item 4", text: "Content 4" });
@@ -47,7 +45,7 @@ describe("TabGroup", () => {
 		expect(queryByText(container, "Content 4")).not.toBeInTheDocument();
 
 		// Clicking header 4 should reveal body 4
-		await user.click(getByText(container, "Item 4"));
+		await userEvent.click(getByText(container, "Item 4"));
 		expect(queryByText(container, "Content 1")).not.toBeInTheDocument();
 		expect(queryByText(container, "Content 4")).toBeInTheDocument();
 	});

package/test/TabGroup/item-trigger.test.ts

@@ -7,28 +7,27 @@ import TabGroupTrigger from "./components/TabGroupTrigger.torp";
 
 describe("TabGroup", () => {
 	it("Item trigger", async () => {
-		const user = userEvent.setup();
-
 		const container = document.createElement("div");
 		document.body.appendChild(container);
 		mount(container, TabGroupTrigger);
 
-		expect(queryByText(container, "Content 1")).not.toBeInTheDocument();
+		expect(queryByText(container, "Content 1")).toBeInTheDocument();
 		expect(queryByText(container, "Content 2")).not.toBeInTheDocument();
 		expect(queryByText(container, "Content 3")).not.toBeInTheDocument();
 
-		// Clicking header 1 should reveal body 1
-		await user.click(getByText(container, "Header 1"));
-		expect(queryByText(container, "Content 1")).toBeInTheDocument();
-
-		// Clicking header 2 should hide body 1 and reveal body 2
-		await user.click(getByText(container, "Header 2"));
+		// Clicking header 3 should hide body 1 and reveal body 3
+		await userEvent.click(getByText(container, "Header 3"));
 		expect(queryByText(container, "Content 1")).not.toBeInTheDocument();
+		expect(queryByText(container, "Content 3")).toBeInTheDocument();
+
+		// Clicking header 2 should hide body 3 and reveal body 2
+		await userEvent.click(getByText(container, "Header 2"));
+		expect(queryByText(container, "Content 3")).not.toBeInTheDocument();
 		expect(queryByText(container, "Content 2")).toBeInTheDocument();
 
 		// Clicking header 2 again should keep body 2
-		await user.click(getByText(container, "Header 2"));
-		expect(queryByText(container, "Content 1")).not.toBeInTheDocument();
+		await userEvent.click(getByText(container, "Header 2"));
+		expect(queryByText(container, "Content 3")).not.toBeInTheDocument();
 		expect(queryByText(container, "Content 2")).toBeInTheDocument();
 	});
 });

package/tsup.config.ts

@@ -6,7 +6,15 @@ type Config =
 	| ((overrideOptions: Options) => Options | Options[] | Promise<Options | Options[]>);
 
 export default defineConfig({
-	entry: ["src/Accordion/index.ts", "src/TabGroup/index.ts", "src/motion.ts"],
+	entry: [
+		"src/Accordion/index.ts",
+		"src/Dialog/index.ts",
+		"src/NavMenu/index.ts",
+		"src/Offscreen/index.ts",
+		"src/Popover/index.ts",
+		"src/TabGroup/index.ts",
+		"src/motion.ts",
+	],
 	format: ["esm", "cjs"],
 	dts: { entry: ["src/motion.ts"] },
 	clean: true,