@stnd/ui 0.5.0 → 0.5.2

package/menu.test.js

@@ -0,0 +1,44 @@
+import test from "node:test";
+import assert from "node:assert/strict";
+import { clampMenuPosition, menuItems, navigateMenu } from "./menu.js";
+
+test("context menus fit the viewport, including oversized content", () => {
+  assert.deepEqual(clampMenuPosition(980, 740, 220, 500, 1000, 768), { x: 772, y: 260 });
+  assert.deepEqual(clampMenuPosition(-10, -5, 1200, 900, 1000, 768), { x: 8, y: 8 });
+  assert.deepEqual(clampMenuPosition(30, 40, 100, 100, 1000, 768), { x: 30, y: 40 });
+});
+
+test("keyboard navigation skips disabled items, wraps, and consumes Escape", () => {
+  const doc = { activeElement: null };
+  const item = (disabled = false) => ({
+    disabled, getAttribute: () => null, focus() { doc.activeElement = this; },
+  });
+  const first = item(), disabled = item(true), last = item();
+  const element = { ownerDocument: doc, querySelectorAll: () => [first, disabled, last] };
+  assert.deepEqual(menuItems(element), [first, last]);
+  let closed = 0;
+  function press(key) {
+    const event = { key, stopped: false, prevented: false,
+      stopPropagation() { this.stopped = true; }, preventDefault() { this.prevented = true; } };
+    navigateMenu(event, element, () => closed++);
+    assert.equal(event.stopped, true);
+    return event;
+  }
+  press("ArrowDown");
+  assert.equal(doc.activeElement, first);
+  press("ArrowUp");
+  assert.equal(doc.activeElement, last);
+  press("Home");
+  assert.equal(doc.activeElement, first);
+  press("End");
+  assert.equal(doc.activeElement, last);
+  assert.equal(press("Escape").prevented, true);
+  assert.equal(closed, 1);
+  assert.equal(press("Tab").prevented, false);
+  assert.equal(closed, 2);
+});
+
+test("empty menus still dismiss safely", () => {
+  const element = { ownerDocument: { activeElement: null }, querySelectorAll: () => [] };
+  assert.doesNotThrow(() => navigateMenu({ key: "ArrowDown", preventDefault() {}, stopPropagation() {} }, element, () => {}));
+});

package/package.json

@@ -1,10 +1,12 @@
 {
   "name": "@stnd/ui",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "type": "module",
   "svelte": "./Combobox.svelte",
   "exports": {
     "./transitions.js": "./transitions.js",
+    "./*.js": "./*.js",
+    "./*.css": "./*.css",
     "./ui/*.astro": "./ui/*.astro",
     "./ui/*.svelte": "./ui/*.svelte",
     "./ui/*": {
@@ -27,9 +29,9 @@
     "access": "public"
   },
   "dependencies": {
-    "wrangler": "^4.105.0",
-    "@stnd/icon": "0.2.0",
-    "@stnd/store": "0.5.0",
-    "@stnd/utils": "0.5.0"
+    "wrangler": "^4.129.0",
+    "@stnd/icon": "0.2.1",
+    "@stnd/store": "0.5.1",
+    "@stnd/utils": "0.5.1"
   }
 }