@abyss-project/commons-front-core 9.5.0 → 9.5.1

package/README.md

@@ -90,6 +90,14 @@ export const buildRumOptions = () =>
 
 ## Changements visibles
 
+### 9.5.1
+
+- **`testId` sur `TabItem` et `MenuItem`** : rendu en `data-testid` sur l'élément interactif (`role="tab"`,
+  `role="menuitem"`), absent sans lui. `Menu` accepte aussi `testId` sur son conteneur. Les e2e des hôtes lisent ces
+  identifiants, que `Tabs` et `Menu` ne transmettaient pas.
+- **`Kbd` dans les déclarations publiées** : son type est écrit à la main (un composant de `kbd`), car le type déduit
+  ne pouvait pas être nommé dans les `.d.ts` et `Kbd` en était absent, bien que la racine l'exporte.
+
 ### 9.5.0
 
 Éditeurs des outils du front principal sur le design system (carte #286, zone 4b). Pièces nouvelles, chacune documentée

package/dist/components/layers/Menu/Menu.d.ts

@@ -17,6 +17,8 @@ export interface MenuItem {
     shortcut?: string;
     tone?: MenuItemTone;
     disabled?: boolean;
+    /** Rendered as `data-testid` on the item (the `role="menuitem"` element). */
+    testId?: string;
     onSelect(): void;
 }
 export interface MenuProps {
@@ -24,10 +26,12 @@ export interface MenuProps {
     open: boolean;
     onClose(): void;
     items: (MenuItem | MenuSeparator)[];
+    /** Rendered as `data-testid` on the menu container, for a host whose trigger needs it. */
+    testId?: string;
 }
 /**
  * A menu of actions anchored to an element (`.menu`), on the `overlay` elevation. Arrow keys move
  * between the enabled items, Enter or Space selects, Escape and Tab close it and the focus returns
  * to the anchor.
  */
-export declare function Menu({ anchorEl, open, onClose, items }: MenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function Menu({ anchorEl, open, onClose, items, testId }: MenuProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/layers/layers-kbd.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithoutRef, ComponentType } from 'react';
+/**
+ * A keyboard shortcut hint (`kbd` in the mock-up), shared by the menu and the command palette.
+ * Typed as a plain component: the inferred styled type cannot be named in the published
+ * declarations, which would leave `Kbd` out of them.
+ */
+export declare const Kbd: ComponentType<ComponentPropsWithoutRef<'kbd'>>;

package/dist/components/structure/Tabs/Tabs.d.ts

@@ -12,6 +12,8 @@ export interface TabItem<V extends string = string> {
     badge?: number | string;
     /** Left out of the row, as if absent (an entry the viewer has no right to). */
     hidden?: boolean;
+    /** Rendered as `data-testid` on the tab (the `role="tab"` element). */
+    testId?: string;
 }
 export interface TabsProps<V extends string = string> {
     items: TabItem<V>[];

package/dist/index.js

@@ -5075,8 +5075,8 @@ const Es = (e) => e !== "tone", B1 = c(st, { shouldForwardProp: Es })(({ theme:
   textOverflow: "ellipsis",
   whiteSpace: "nowrap"
 }));
-function As({ anchorEl: e, open: t, onClose: n, items: i }) {
-  const s = re();
+function As({ anchorEl: e, open: t, onClose: n, items: i, testId: s }) {
+  const a = re();
   return /* @__PURE__ */ r(
     Mo,
     {
@@ -5086,27 +5086,29 @@ function As({ anchorEl: e, open: t, onClose: n, items: i }) {
       anchorOrigin: { vertical: "bottom", horizontal: "left" },
       transformOrigin: { vertical: "top", horizontal: "left" },
       variant: "menu",
+      "data-testid": s,
       children: i.map(
-        (a, l) => a === "divider" ? /* @__PURE__ */ r(fn, { component: "li", role: "separator" }, `divider-${l}`) : /* @__PURE__ */ f(
+        (l, d) => l === "divider" ? /* @__PURE__ */ r(fn, { component: "li", role: "separator" }, `divider-${d}`) : /* @__PURE__ */ f(
           B1,
           {
-            "aria-labelledby": a.description === void 0 ? void 0 : `${s}-${a.id}-label`,
-            "aria-describedby": a.description === void 0 ? void 0 : `${s}-${a.id}-description`,
-            tone: a.tone ?? "default",
-            disabled: a.disabled,
+            "aria-labelledby": l.description === void 0 ? void 0 : `${a}-${l.id}-label`,
+            "aria-describedby": l.description === void 0 ? void 0 : `${a}-${l.id}-description`,
+            tone: l.tone ?? "default",
+            disabled: l.disabled,
+            "data-testid": l.testId,
             onClick: () => {
-              a.disabled || (n(), a.onSelect());
+              l.disabled || (n(), l.onSelect());
             },
             children: [
-              a.icon !== void 0 && /* @__PURE__ */ r(G1, { tone: a.tone ?? "default", "aria-hidden": !0, children: a.icon }),
-              a.description === void 0 ? /* @__PURE__ */ r(_i, { children: a.label }) : /* @__PURE__ */ f(U1, { children: [
-                /* @__PURE__ */ r(_i, { id: `${s}-${a.id}-label`, children: a.label }),
-                /* @__PURE__ */ r(V1, { id: `${s}-${a.id}-description`, children: a.description })
+              l.icon !== void 0 && /* @__PURE__ */ r(G1, { tone: l.tone ?? "default", "aria-hidden": !0, children: l.icon }),
+              l.description === void 0 ? /* @__PURE__ */ r(_i, { children: l.label }) : /* @__PURE__ */ f(U1, { children: [
+                /* @__PURE__ */ r(_i, { id: `${a}-${l.id}-label`, children: l.label }),
+                /* @__PURE__ */ r(V1, { id: `${a}-${l.id}-description`, children: l.description })
               ] }),
-              a.shortcut !== void 0 && /* @__PURE__ */ r(Ds, { "aria-hidden": !0, children: a.shortcut })
+              l.shortcut !== void 0 && /* @__PURE__ */ r(Ds, { "aria-hidden": !0, children: l.shortcut })
             ]
           },
-          a.id
+          l.id
         )
       )
     }
@@ -10388,6 +10390,7 @@ function t9({
           role: "tab",
           "aria-selected": v,
           tabIndex: x === y ? 0 : -1,
+          "data-testid": h.testId,
           variant: i,
           onClick: () => n == null ? void 0 : n(h.value)
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abyss-project/commons-front-core",
-  "version": "9.5.0",
+  "version": "9.5.1",
   "description": "Front Core package of AbyssProject",
   "main": "dist/index.js",
   "module": "./dist/index.js",