@portnet/ui 6.0.1 → 6.0.3

package/dist/v2/__tests__/AppMain.test.js

@@ -0,0 +1,133 @@
+"use strict";
+
+require("@testing-library/jest-dom");
+var _react = require("@testing-library/react");
+var _AppMain = _interopRequireDefault(require("../patterns/AppMain"));
+var _SkipLink = _interopRequireDefault(require("../components/SkipLink"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+describe("AppMain", () => {
+  it("renders a main landmark holding its children", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_AppMain.default, {
+      children: "contenu"
+    }));
+    const main = _react.screen.getByRole("main");
+    expect(main).toHaveTextContent("contenu");
+  });
+
+  /* The id is half of a contract: SkipLink's default href is "#main-content". */
+  it("defaults its id to SkipLink's default target", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_AppMain.default, {
+      children: "x"
+    }));
+    expect(_react.screen.getByRole("main")).toHaveAttribute("id", "main-content");
+  });
+  it("accepts a custom id", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_AppMain.default, {
+      id: "zone-principale",
+      children: "x"
+    }));
+    expect(_react.screen.getByRole("main")).toHaveAttribute("id", "zone-principale");
+  });
+
+  /* Focusable programmatically, NOT a tab stop. */
+  it("is programmatically focusable without joining the tab order", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_AppMain.default, {
+      children: "x"
+    }));
+    expect(_react.screen.getByRole("main")).toHaveAttribute("tabindex", "-1");
+  });
+
+  /* R-L.5 — and the cap is meaningless without the auto margins: the content
+   * would pin left and leave the whole surplus as one gutter. */
+  it("caps the wide measure and centres it", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_AppMain.default, {
+      children: "x"
+    }));
+    const main = _react.screen.getByRole("main");
+    expect(main.style.maxWidth).toBe("var(--content-max)");
+    expect(main.style.marginInline).toBe("auto");
+  });
+  it("caps the form measure at the form token", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_AppMain.default, {
+      measure: "form",
+      children: "x"
+    }));
+    expect(_react.screen.getByRole("main").style.maxWidth).toBe("var(--form-max)");
+  });
+  it("applies no cap for the full measure", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_AppMain.default, {
+      measure: "full",
+      children: "x"
+    }));
+    const main = _react.screen.getByRole("main");
+    expect(main.style.maxWidth).toBe("");
+    expect(main.style.marginInline).toBe("");
+  });
+  it("reserves a minimum height, overridable", () => {
+    const {
+      unmount
+    } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_AppMain.default, {
+      children: "x"
+    }));
+    expect(_react.screen.getByRole("main").style.minHeight).toBe("100vh");
+    unmount();
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_AppMain.default, {
+      minHeight: "480px",
+      children: "x"
+    }));
+    expect(_react.screen.getByRole("main").style.minHeight).toBe("480px");
+  });
+  it("lets an explicit style win over the computed one", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_AppMain.default, {
+      style: {
+        maxWidth: "960px"
+      },
+      children: "x"
+    }));
+    expect(_react.screen.getByRole("main").style.maxWidth).toBe("960px");
+  });
+
+  /* PRE-CONTENT — the case that made these two props exist. A host rendering
+   * the landmark before its router mounts (R-Pp.1) has nothing inside to name
+   * it, and an empty landmark is indistinguishable from a failed one. */
+  it("names and marks the region busy when asked", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_AppMain.default, {
+      ariaLabel: "Initialisation de l'application",
+      ariaBusy: true,
+      children: null
+    }));
+    const main = _react.screen.getByRole("main");
+    expect(main).toHaveAccessibleName("Initialisation de l'application");
+    expect(main).toHaveAttribute("aria-busy", "true");
+  });
+
+  /* And stays silent otherwise: a `<main>` holding content needs no name, and
+   * a spurious `aria-busy="false"` on every page would be noise in the tree. */
+  it("emits neither attribute by default", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_AppMain.default, {
+      children: "contenu"
+    }));
+    const main = _react.screen.getByRole("main");
+    expect(main).not.toHaveAttribute("aria-label");
+    expect(main).not.toHaveAttribute("aria-busy");
+  });
+
+  /* THE CONTRACT THIS PATTERN COMPLETES (WCAG 2.4.1 / R-N.6). Until now the
+   * library shipped the link and prescribed the target without providing it,
+   * so this pairing was only ever exercised in module code. */
+  it("receives focus when the skip link is activated", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SkipLink.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppMain.default, {
+        children: "contenu"
+      })]
+    }));
+
+    /* fireEvent rather than user-event: the assertion is about SkipLink's own
+       click handler moving focus, and it keeps this suite free of a testing
+       dependency the repo may not carry. */
+    _react.fireEvent.click(_react.screen.getByRole("link"));
+    expect(_react.screen.getByRole("main")).toHaveFocus();
+  });
+});
+//# sourceMappingURL=AppMain.test.js.map

package/dist/v2/__tests__/AppMain.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppMain.test.js","names":["require","_react","_AppMain","_interopRequireDefault","_SkipLink","_jsxRuntime","e","__esModule","default","describe","it","render","jsx","children","main","screen","getByRole","expect","toHaveTextContent","toHaveAttribute","id","style","maxWidth","toBe","marginInline","measure","unmount","minHeight","ariaLabel","ariaBusy","toHaveAccessibleName","not","jsxs","Fragment","fireEvent","click","toHaveFocus"],"sources":["../../../src/lib/v2/__tests__/AppMain.test.tsx"],"sourcesContent":["import \"@testing-library/jest-dom\";\r\nimport { fireEvent, render, screen } from \"@testing-library/react\";\r\n\r\nimport AppMain from \"../patterns/AppMain\";\r\nimport SkipLink from \"../components/SkipLink\";\r\n\r\ndescribe(\"AppMain\", () => {\r\n  it(\"renders a main landmark holding its children\", () => {\r\n    render(<AppMain>contenu</AppMain>);\r\n    const main = screen.getByRole(\"main\");\r\n    expect(main).toHaveTextContent(\"contenu\");\r\n  });\r\n\r\n  /* The id is half of a contract: SkipLink's default href is \"#main-content\". */\r\n  it(\"defaults its id to SkipLink's default target\", () => {\r\n    render(<AppMain>x</AppMain>);\r\n    expect(screen.getByRole(\"main\")).toHaveAttribute(\"id\", \"main-content\");\r\n  });\r\n\r\n  it(\"accepts a custom id\", () => {\r\n    render(<AppMain id=\"zone-principale\">x</AppMain>);\r\n    expect(screen.getByRole(\"main\")).toHaveAttribute(\"id\", \"zone-principale\");\r\n  });\r\n\r\n  /* Focusable programmatically, NOT a tab stop. */\r\n  it(\"is programmatically focusable without joining the tab order\", () => {\r\n    render(<AppMain>x</AppMain>);\r\n    expect(screen.getByRole(\"main\")).toHaveAttribute(\"tabindex\", \"-1\");\r\n  });\r\n\r\n  /* R-L.5 — and the cap is meaningless without the auto margins: the content\r\n   * would pin left and leave the whole surplus as one gutter. */\r\n  it(\"caps the wide measure and centres it\", () => {\r\n    render(<AppMain>x</AppMain>);\r\n    const main = screen.getByRole(\"main\");\r\n    expect(main.style.maxWidth).toBe(\"var(--content-max)\");\r\n    expect(main.style.marginInline).toBe(\"auto\");\r\n  });\r\n\r\n  it(\"caps the form measure at the form token\", () => {\r\n    render(<AppMain measure=\"form\">x</AppMain>);\r\n    expect(screen.getByRole(\"main\").style.maxWidth).toBe(\"var(--form-max)\");\r\n  });\r\n\r\n  it(\"applies no cap for the full measure\", () => {\r\n    render(<AppMain measure=\"full\">x</AppMain>);\r\n    const main = screen.getByRole(\"main\");\r\n    expect(main.style.maxWidth).toBe(\"\");\r\n    expect(main.style.marginInline).toBe(\"\");\r\n  });\r\n\r\n  it(\"reserves a minimum height, overridable\", () => {\r\n    const { unmount } = render(<AppMain>x</AppMain>);\r\n    expect(screen.getByRole(\"main\").style.minHeight).toBe(\"100vh\");\r\n    unmount();\r\n\r\n    render(<AppMain minHeight=\"480px\">x</AppMain>);\r\n    expect(screen.getByRole(\"main\").style.minHeight).toBe(\"480px\");\r\n  });\r\n\r\n  it(\"lets an explicit style win over the computed one\", () => {\r\n    render(<AppMain style={{ maxWidth: \"960px\" }}>x</AppMain>);\r\n    expect(screen.getByRole(\"main\").style.maxWidth).toBe(\"960px\");\r\n  });\r\n\r\n  /* PRE-CONTENT — the case that made these two props exist. A host rendering\r\n   * the landmark before its router mounts (R-Pp.1) has nothing inside to name\r\n   * it, and an empty landmark is indistinguishable from a failed one. */\r\n  it(\"names and marks the region busy when asked\", () => {\r\n    render(\r\n      <AppMain ariaLabel=\"Initialisation de l'application\" ariaBusy>\r\n        {null}\r\n      </AppMain>\r\n    );\r\n\r\n    const main = screen.getByRole(\"main\");\r\n    expect(main).toHaveAccessibleName(\"Initialisation de l'application\");\r\n    expect(main).toHaveAttribute(\"aria-busy\", \"true\");\r\n  });\r\n\r\n  /* And stays silent otherwise: a `<main>` holding content needs no name, and\r\n   * a spurious `aria-busy=\"false\"` on every page would be noise in the tree. */\r\n  it(\"emits neither attribute by default\", () => {\r\n    render(<AppMain>contenu</AppMain>);\r\n    const main = screen.getByRole(\"main\");\r\n    expect(main).not.toHaveAttribute(\"aria-label\");\r\n    expect(main).not.toHaveAttribute(\"aria-busy\");\r\n  });\r\n\r\n  /* THE CONTRACT THIS PATTERN COMPLETES (WCAG 2.4.1 / R-N.6). Until now the\r\n   * library shipped the link and prescribed the target without providing it,\r\n   * so this pairing was only ever exercised in module code. */\r\n  it(\"receives focus when the skip link is activated\", () => {\r\n    render(\r\n      <>\r\n        <SkipLink />\r\n        <AppMain>contenu</AppMain>\r\n      </>\r\n    );\r\n\r\n    /* fireEvent rather than user-event: the assertion is about SkipLink's own\r\n       click handler moving focus, and it keeps this suite free of a testing\r\n       dependency the repo may not carry. */\r\n    fireEvent.click(screen.getByRole(\"link\"));\r\n\r\n    expect(screen.getByRole(\"main\")).toHaveFocus();\r\n  });\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/dist/v2/__tests__/ChartFigure.test.js

@@ -0,0 +1,183 @@
+"use strict";
+
+require("@testing-library/jest-dom");
+var _react = require("@testing-library/react");
+var _ChartFigure = _interopRequireDefault(require("../patterns/ChartFigure"));
+var _chart = require("../tokens/chart");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+describe("ChartFigure", () => {
+  it("renders a figure with its heading, chart and caption", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartFigure.default, {
+      title: "Dossiers par type",
+      caption: "Admission : 128 (64 %). Renouvellement : 72 (36 %).",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        "data-testid": "canvas",
+        children: "graphe"
+      })
+    }));
+    expect(_react.screen.getByRole("figure")).toBeInTheDocument();
+    expect(_react.screen.getByRole("heading", {
+      name: "Dossiers par type"
+    })).toBeInTheDocument();
+    expect(_react.screen.getByTestId("canvas")).toBeInTheDocument();
+    expect(_react.screen.getByText("Admission : 128 (64 %). Renouvellement : 72 (36 %).")).toBeInTheDocument();
+  });
+
+  /* The heading is REAL TEXT, not an SVG title: selectable, translatable, and
+   * reachable as a heading. The renderer's own `title` option stays empty. */
+  it("exposes the title as a heading at h3 by default", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartFigure.default, {
+      title: "R\xE9partition",
+      caption: "\u2026",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {})
+    }));
+    expect(_react.screen.getByRole("heading", {
+      name: "Répartition"
+    }).tagName).toBe("H3");
+  });
+  it("accepts another heading level", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartFigure.default, {
+      title: "R\xE9partition",
+      caption: "\u2026",
+      level: "h2",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {})
+    }));
+    expect(_react.screen.getByRole("heading", {
+      name: "Répartition"
+    }).tagName).toBe("H2");
+  });
+
+  /* A renderer emits dozens of unstructured SVG text nodes; a screen reader
+   * walks them one by one, in visual order. That is noise, and the caption
+   * speaks for the canvas instead. */
+  it("hides the canvas from assistive technology by default", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartFigure.default, {
+      title: "T",
+      caption: "C",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        "data-testid": "canvas",
+        children: "graphe"
+      })
+    }));
+    expect(_react.screen.getByTestId("canvas").parentElement).toHaveAttribute("aria-hidden", "true");
+  });
+
+  /* Escape hatch for a renderer that builds its own accessible data table. */
+  it("can leave the canvas exposed", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartFigure.default, {
+      title: "T",
+      caption: "C",
+      hideCanvasFromScreenReaders: false,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        "data-testid": "canvas",
+        children: "graphe"
+      })
+    }));
+    expect(_react.screen.getByTestId("canvas").parentElement).not.toHaveAttribute("aria-hidden");
+  });
+
+  /* R-R.4 — the caption must not jump down the page when the chart paints. */
+  it("reserves the canvas height when asked", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartFigure.default, {
+      title: "T",
+      caption: "C",
+      minHeight: 320,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        "data-testid": "canvas"
+      })
+    }));
+    expect(_react.screen.getByTestId("canvas").parentElement?.style.minHeight).toBe("320px");
+  });
+
+  /* The caption is VISIBLE, not visually-hidden: the numbers help the reader
+   * who can see the chart too, and a caption nobody sees is a caption nobody
+   * notices has gone stale. */
+  it("renders the caption as a visible figcaption", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartFigure.default, {
+      title: "T",
+      caption: "Approuv\xE9s : 12",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {})
+    }));
+    const caption = _react.screen.getByText("Approuvés : 12");
+    expect(caption.tagName).toBe("FIGCAPTION");
+    expect(caption).toBeVisible();
+  });
+});
+
+/* ── Tolérance aux pannes (ISO/IEC 25010, lot 12 Area 12) ──────────
+ *
+ * Le canevas héberge un moteur de graphes TIERS alimenté par des agrégats dont
+ * les modèles déclarent tous les champs optionnels. Sans frontière, une
+ * exception au rendu démonte tout l'arbre : la page de bilan entière, bande de
+ * KPI et tableau compris — le tableau qui porte précisément les chiffres que le
+ * graphe dessinait.
+ *
+ * `console.error` est réduit au silence sur ces deux cas : React journalise
+ * toute exception capturée par une frontière, et c'est du bruit attendu ici,
+ * pas un signal. */
+describe("ChartFigure — tolérance aux pannes", () => {
+  const Exploding = () => {
+    throw new Error("series[0].data is not iterable");
+  };
+  let consoleError;
+  beforeEach(() => {
+    consoleError = jest.spyOn(console, "error").mockImplementation(() => {});
+  });
+  afterEach(() => {
+    consoleError.mockRestore();
+  });
+  it("contient la panne dans la carte, titre et légende intacts", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartFigure.default, {
+      title: "Dossiers par type",
+      caption: "Admission : 128 (64 %). Renouvellement : 72 (36 %).",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Exploding, {})
+    }));
+
+    /* Ce qui compte : la figure EXISTE encore, et surtout la légende — elle
+       porte les chiffres en texte, donc le lecteur obtient la DONNÉE même quand
+       le dessin a disparu. */
+    expect(_react.screen.getByRole("figure")).toBeInTheDocument();
+    expect(_react.screen.getByRole("heading", {
+      name: "Dossiers par type"
+    })).toBeInTheDocument();
+    expect(_react.screen.getByText("Admission : 128 (64 %). Renouvellement : 72 (36 %).")).toBeInTheDocument();
+  });
+
+  /* LA PARTIE FRAGILE. La frontière doit envelopper le `div` `aria-hidden`, pas
+   * y vivre : placée dedans, sa bannière d'erreur hériterait de l'`aria-hidden`
+   * et aucun lecteur d'écran ne l'annoncerait. Un voyant verrait la panne, un
+   * non-voyant n'entendrait rien — et rien à l'écran ne le révélerait. */
+  it("annonce l'erreur aux technologies d'assistance", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartFigure.default, {
+      title: "Dossiers par type",
+      caption: "\u2014",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Exploding, {})
+    }));
+    const alert = _react.screen.getByRole("alert");
+    expect(alert).toBeInTheDocument();
+    expect(alert.closest("[aria-hidden='true']")).toBeNull();
+  });
+});
+describe("chartChrome", () => {
+  /* A hard-coded white canvas is what breaks a chart in dark mode. */
+  it("keeps the canvas transparent", () => {
+    expect(_chart.chartChrome.background).toBe("transparent");
+  });
+
+  /* Chart libraries hand their style objects to SVG attributes, which never get
+   * a unit appended for free — a bare 16 is ignored by some renderers. */
+  it("gives font sizes with units", () => {
+    expect(_chart.chartChrome.title.fontSize).toMatch(/^\d+px$/);
+    expect(_chart.chartChrome.label.fontSize).toMatch(/^\d+px$/);
+  });
+  it("maps the roles onto distinct ink tokens", () => {
+    expect(_chart.chartChrome.title.color).not.toBe(_chart.chartChrome.label.color);
+  });
+  it("is frozen, so no consumer can mutate the shared mapping", () => {
+    expect(Object.isFrozen(_chart.chartChrome)).toBe(true);
+    expect(Object.isFrozen(_chart.chartChrome.title)).toBe(true);
+    expect(Object.isFrozen(_chart.chartChrome.label)).toBe(true);
+  });
+});
+//# sourceMappingURL=ChartFigure.test.js.map

package/dist/v2/__tests__/ChartFigure.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartFigure.test.js","names":["require","_react","_ChartFigure","_interopRequireDefault","_chart","_jsxRuntime","e","__esModule","default","describe","it","render","jsx","title","caption","children","expect","screen","getByRole","toBeInTheDocument","name","getByTestId","getByText","tagName","toBe","level","parentElement","toHaveAttribute","hideCanvasFromScreenReaders","not","minHeight","style","toBeVisible","Exploding","Error","consoleError","beforeEach","jest","spyOn","console","mockImplementation","afterEach","mockRestore","alert","closest","toBeNull","chartChrome","background","fontSize","toMatch","label","color","Object","isFrozen"],"sources":["../../../src/lib/v2/__tests__/ChartFigure.test.tsx"],"sourcesContent":["import \"@testing-library/jest-dom\";\r\nimport { render, screen } from \"@testing-library/react\";\r\n\r\nimport ChartFigure from \"../patterns/ChartFigure\";\r\nimport { chartChrome } from \"../tokens/chart\";\r\n\r\ndescribe(\"ChartFigure\", () => {\r\n  it(\"renders a figure with its heading, chart and caption\", () => {\r\n    render(\r\n      <ChartFigure\r\n        title=\"Dossiers par type\"\r\n        caption=\"Admission : 128 (64 %). Renouvellement : 72 (36 %).\"\r\n      >\r\n        <div data-testid=\"canvas\">graphe</div>\r\n      </ChartFigure>\r\n    );\r\n\r\n    expect(screen.getByRole(\"figure\")).toBeInTheDocument();\r\n    expect(\r\n      screen.getByRole(\"heading\", { name: \"Dossiers par type\" })\r\n    ).toBeInTheDocument();\r\n    expect(screen.getByTestId(\"canvas\")).toBeInTheDocument();\r\n    expect(\r\n      screen.getByText(\"Admission : 128 (64 %). Renouvellement : 72 (36 %).\")\r\n    ).toBeInTheDocument();\r\n  });\r\n\r\n  /* The heading is REAL TEXT, not an SVG title: selectable, translatable, and\r\n   * reachable as a heading. The renderer's own `title` option stays empty. */\r\n  it(\"exposes the title as a heading at h3 by default\", () => {\r\n    render(\r\n      <ChartFigure title=\"Répartition\" caption=\"…\">\r\n        <div />\r\n      </ChartFigure>\r\n    );\r\n    expect(screen.getByRole(\"heading\", { name: \"Répartition\" }).tagName).toBe(\r\n      \"H3\"\r\n    );\r\n  });\r\n\r\n  it(\"accepts another heading level\", () => {\r\n    render(\r\n      <ChartFigure title=\"Répartition\" caption=\"…\" level=\"h2\">\r\n        <div />\r\n      </ChartFigure>\r\n    );\r\n    expect(screen.getByRole(\"heading\", { name: \"Répartition\" }).tagName).toBe(\r\n      \"H2\"\r\n    );\r\n  });\r\n\r\n  /* A renderer emits dozens of unstructured SVG text nodes; a screen reader\r\n   * walks them one by one, in visual order. That is noise, and the caption\r\n   * speaks for the canvas instead. */\r\n  it(\"hides the canvas from assistive technology by default\", () => {\r\n    render(\r\n      <ChartFigure title=\"T\" caption=\"C\">\r\n        <div data-testid=\"canvas\">graphe</div>\r\n      </ChartFigure>\r\n    );\r\n    expect(screen.getByTestId(\"canvas\").parentElement).toHaveAttribute(\r\n      \"aria-hidden\",\r\n      \"true\"\r\n    );\r\n  });\r\n\r\n  /* Escape hatch for a renderer that builds its own accessible data table. */\r\n  it(\"can leave the canvas exposed\", () => {\r\n    render(\r\n      <ChartFigure title=\"T\" caption=\"C\" hideCanvasFromScreenReaders={false}>\r\n        <div data-testid=\"canvas\">graphe</div>\r\n      </ChartFigure>\r\n    );\r\n    expect(screen.getByTestId(\"canvas\").parentElement).not.toHaveAttribute(\r\n      \"aria-hidden\"\r\n    );\r\n  });\r\n\r\n  /* R-R.4 — the caption must not jump down the page when the chart paints. */\r\n  it(\"reserves the canvas height when asked\", () => {\r\n    render(\r\n      <ChartFigure title=\"T\" caption=\"C\" minHeight={320}>\r\n        <div data-testid=\"canvas\" />\r\n      </ChartFigure>\r\n    );\r\n    expect(screen.getByTestId(\"canvas\").parentElement?.style.minHeight).toBe(\r\n      \"320px\"\r\n    );\r\n  });\r\n\r\n  /* The caption is VISIBLE, not visually-hidden: the numbers help the reader\r\n   * who can see the chart too, and a caption nobody sees is a caption nobody\r\n   * notices has gone stale. */\r\n  it(\"renders the caption as a visible figcaption\", () => {\r\n    render(\r\n      <ChartFigure title=\"T\" caption=\"Approuvés : 12\">\r\n        <div />\r\n      </ChartFigure>\r\n    );\r\n    const caption = screen.getByText(\"Approuvés : 12\");\r\n    expect(caption.tagName).toBe(\"FIGCAPTION\");\r\n    expect(caption).toBeVisible();\r\n  });\r\n});\r\n\r\n/* ── Tolérance aux pannes (ISO/IEC 25010, lot 12 Area 12) ──────────\r\n *\r\n * Le canevas héberge un moteur de graphes TIERS alimenté par des agrégats dont\r\n * les modèles déclarent tous les champs optionnels. Sans frontière, une\r\n * exception au rendu démonte tout l'arbre : la page de bilan entière, bande de\r\n * KPI et tableau compris — le tableau qui porte précisément les chiffres que le\r\n * graphe dessinait.\r\n *\r\n * `console.error` est réduit au silence sur ces deux cas : React journalise\r\n * toute exception capturée par une frontière, et c'est du bruit attendu ici,\r\n * pas un signal. */\r\ndescribe(\"ChartFigure — tolérance aux pannes\", () => {\r\n  const Exploding = () => {\r\n    throw new Error(\"series[0].data is not iterable\");\r\n  };\r\n\r\n  let consoleError: jest.SpyInstance;\r\n\r\n  beforeEach(() => {\r\n    consoleError = jest.spyOn(console, \"error\").mockImplementation(() => {});\r\n  });\r\n\r\n  afterEach(() => {\r\n    consoleError.mockRestore();\r\n  });\r\n\r\n  it(\"contient la panne dans la carte, titre et légende intacts\", () => {\r\n    render(\r\n      <ChartFigure\r\n        title=\"Dossiers par type\"\r\n        caption=\"Admission : 128 (64 %). Renouvellement : 72 (36 %).\"\r\n      >\r\n        <Exploding />\r\n      </ChartFigure>\r\n    );\r\n\r\n    /* Ce qui compte : la figure EXISTE encore, et surtout la légende — elle\r\n       porte les chiffres en texte, donc le lecteur obtient la DONNÉE même quand\r\n       le dessin a disparu. */\r\n    expect(screen.getByRole(\"figure\")).toBeInTheDocument();\r\n    expect(\r\n      screen.getByRole(\"heading\", { name: \"Dossiers par type\" })\r\n    ).toBeInTheDocument();\r\n    expect(\r\n      screen.getByText(\"Admission : 128 (64 %). Renouvellement : 72 (36 %).\")\r\n    ).toBeInTheDocument();\r\n  });\r\n\r\n  /* LA PARTIE FRAGILE. La frontière doit envelopper le `div` `aria-hidden`, pas\r\n   * y vivre : placée dedans, sa bannière d'erreur hériterait de l'`aria-hidden`\r\n   * et aucun lecteur d'écran ne l'annoncerait. Un voyant verrait la panne, un\r\n   * non-voyant n'entendrait rien — et rien à l'écran ne le révélerait. */\r\n  it(\"annonce l'erreur aux technologies d'assistance\", () => {\r\n    render(\r\n      <ChartFigure title=\"Dossiers par type\" caption=\"—\">\r\n        <Exploding />\r\n      </ChartFigure>\r\n    );\r\n\r\n    const alert = screen.getByRole(\"alert\");\r\n    expect(alert).toBeInTheDocument();\r\n    expect(alert.closest(\"[aria-hidden='true']\")).toBeNull();\r\n  });\r\n});\r\n\r\ndescribe(\"chartChrome\", () => {\r\n  /* A hard-coded white canvas is what breaks a chart in dark mode. */\r\n  it(\"keeps the canvas transparent\", () => {\r\n    expect(chartChrome.background).toBe(\"transparent\");\r\n  });\r\n\r\n  /* Chart libraries hand their style objects to SVG attributes, which never get\r\n   * a unit appended for free — a bare 16 is ignored by some renderers. */\r\n  it(\"gives font sizes with units\", () => {\r\n    expect(chartChrome.title.fontSize).toMatch(/^\\d+px$/);\r\n    expect(chartChrome.label.fontSize).toMatch(/^\\d+px$/);\r\n  });\r\n\r\n  it(\"maps the roles onto distinct ink tokens\", () => {\r\n    expect(chartChrome.title.color).not.toBe(chartChrome.label.color);\r\n  });\r\n\r\n  it(\"is frozen, so no consumer can mutate the shared mapping\", () => {\r\n    expect(Object.isFrozen(chartChrome)).toBe(true);\r\n    expect(Object.isFrozen(chartChrome.title)).toBe(true);\r\n    expect(Object.isFrozen(chartChrome.label)).toBe(true);\r\n  });\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/dist/v2/__tests__/DataGridRowActionsPropagation.test.js

@@ -0,0 +1,153 @@
+"use strict";
+
+require("@testing-library/jest-dom");
+var _react = require("@testing-library/react");
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+var _DataGrid = _interopRequireDefault(require("../patterns/DataGrid"));
+var _rowActions = require("../patterns/rowActions");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * DataGrid — la cellule d'actions contient ses propres événements.
+ *
+ * CE QUE CE FICHIER PROTÈGE, ET POURQUOI IL EXISTE
+ * ------------------------------------------------
+ * §Row Interaction fait du clic de ligne l'ouverture du drawer d'aperçu, et
+ * des actions de ligne l'affordance COMPLÉMENTAIRE. Les deux cohabitent donc
+ * sur toute grille de listing de la plateforme — et la cellule d'actions est
+ * un descendant de la ligne cliquable.
+ *
+ * Sans containment, activer une action déclenche AUSSI le clic de ligne :
+ * l'utilisateur obtient son action et, par-dessus, un drawer qui s'ouvre. Ce
+ * n'est pas rattrapable au niveau de l'action — `buildRowActions` décrit une
+ * action comme `onClick: (row) => void` et n'expose délibérément pas
+ * l'événement DOM, parce qu'un descripteur métier n'a pas à connaître la
+ * propagation. La cellule est le seul endroit qui tient l'invariant pour
+ * TOUTES les formes : le kebab, la rangée d'icônes, et n'importe quel
+ * renderer `rowActions` écrit par un hôte.
+ *
+ * Relevé par l'audit Area 3 d'`addm-fe`, dont les deux listings avaient écrit
+ * leur rangée d'icônes à la main précisément pour appeler `stopPropagation()`
+ * bouton par bouton — ce qui faisait passer l'adoption de `buildRowActions`
+ * pour une régression.
+ *
+ * Le test couvre les DEUX formes (`iconsUpTo` et le kebab) et les deux
+ * chemins (souris et clavier), parce que la ligne écoute `onClick` ET
+ * `onKeyDown`.
+ *
+ * POURQUOI `fireEvent` POUR LA SOURIS ET `userEvent` POUR LE CLAVIER
+ * -----------------------------------------------------------------
+ * `ROW_ACTIONS_OVERLAY_SX` porte `pointerEvents: "none"` et ne passe à `auto`
+ * que sous `tr:hover`, `tr:focus-within` ou `@media (pointer: coarse)`. jsdom
+ * ne résout ni les pseudo-classes d'état ni les media queries — même limite
+ * que celle documentée dans `FieldWidth.test.tsx` — donc l'overlay y reste
+ * inerte et `user-event` REFUSE de simuler un pointeur dessus. Son refus est
+ * correct : il modèle un utilisateur, et un utilisateur ne peut pas cliquer un
+ * élément à `pointer-events: none`. Ce que jsdom ne peut pas modéliser, c'est
+ * le survol qui précède ce clic dans un vrai navigateur.
+ *
+ * Neutraliser la garde (`pointerEventsCheck: Never`) serait prétendre simuler
+ * un utilisateur tout en désactivant la vérification qui rend la simulation
+ * crédible. `fireEvent.click` ne prétend rien : il émet un `MouseEvent` qui
+ * BULLE, ce qui est exactement et uniquement ce que ces deux tests examinent.
+ * Le chemin clavier, lui, ne passe pas par le hit-testing du pointeur, donc
+ * `userEvent` y reste l'outil juste — et c'est le chemin où la ligne écoute
+ * `onKeyDown`.
+ *
+ * Ce que ce fichier ne prouve donc PAS : que l'overlay est atteignable à la
+ * souris. Ça se vérifie dans la story, au survol.
+ */
+
+const LIGNES = [{
+  id: 1,
+  reference: "2025-IM-0042"
+}];
+const COLONNES = [{
+  key: "reference",
+  header: "Référence"
+}];
+function renderGrille(options) {
+  const descripteurs = [{
+    id: "consulter",
+    label: "Consulter la ligne",
+    onClick: () => options.onAction()
+  }];
+  return (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_DataGrid.default, {
+    rows: LIGNES,
+    columns: COLONNES,
+    ariaLabel: "Lignes de test",
+    onRowClick: options.onRowClick,
+    rowActions: (0, _rowActions.buildRowActions)(descripteurs, "Actions sur la ligne", options.iconsUpTo !== undefined ? {
+      iconsUpTo: options.iconsUpTo
+    } : undefined)
+  }));
+}
+describe("DataGrid — une action de ligne ne déclenche pas le clic de ligne", () => {
+  test("rangée d'icônes, à la souris", () => {
+    const onRowClick = jest.fn();
+    const onAction = jest.fn();
+    renderGrille({
+      onRowClick,
+      onAction,
+      iconsUpTo: 3
+    });
+    _react.fireEvent.click(_react.screen.getByRole("button", {
+      name: "Consulter la ligne"
+    }));
+    expect(onAction).toHaveBeenCalledTimes(1);
+    /* L'assertion qui compte : l'action a eu lieu, la ligne n'a pas été
+     * ouverte. Avant le containment, les deux se déclenchaient. */
+    expect(onRowClick).not.toHaveBeenCalled();
+  });
+  test("rangée d'icônes, au clavier", async () => {
+    const onRowClick = jest.fn();
+    const onAction = jest.fn();
+    renderGrille({
+      onRowClick,
+      onAction,
+      iconsUpTo: 3
+    });
+    const bouton = _react.screen.getByRole("button", {
+      name: "Consulter la ligne"
+    });
+    bouton.focus();
+    await _userEvent.default.keyboard("{Enter}");
+
+    /* La ligne porte AUSSI un `onKeyDown` (Enter / Espace → onRowClick), donc
+     * le clavier est un second chemin de fuite, distinct de la souris. */
+    expect(onAction).toHaveBeenCalledTimes(1);
+    expect(onRowClick).not.toHaveBeenCalled();
+  });
+  test("kebab : ouvrir le menu n'ouvre pas la ligne", () => {
+    const onRowClick = jest.fn();
+    const onAction = jest.fn();
+    /* Sans `iconsUpTo`, le renderer rend `OverflowMenu` — son déclencheur est
+     * dans la même position que les boutons d'icône. */
+    renderGrille({
+      onRowClick,
+      onAction
+    });
+    _react.fireEvent.click(_react.screen.getByRole("button", {
+      name: "Actions sur la ligne"
+    }));
+    expect(onRowClick).not.toHaveBeenCalled();
+  });
+  test("le clic de ligne fonctionne toujours ailleurs dans la ligne", async () => {
+    const onRowClick = jest.fn();
+    const onAction = jest.fn();
+    renderGrille({
+      onRowClick,
+      onAction,
+      iconsUpTo: 3
+    });
+
+    /* Le containment doit être local à la cellule d'actions : une cellule de
+     * données reste le déclencheur du clic de ligne. Sans cette assertion, un
+     * containment posé trop haut (sur la ligne) passerait les trois tests
+     * ci-dessus tout en cassant §Row Interaction. */
+    await _userEvent.default.click(_react.screen.getByText("2025-IM-0042"));
+    expect(onRowClick).toHaveBeenCalledTimes(1);
+    expect(onAction).not.toHaveBeenCalled();
+  });
+});
+//# sourceMappingURL=DataGridRowActionsPropagation.test.js.map

package/dist/v2/__tests__/DataGridRowActionsPropagation.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridRowActionsPropagation.test.js","names":["require","_react","_userEvent","_interopRequireDefault","_DataGrid","_rowActions","_jsxRuntime","e","__esModule","default","LIGNES","id","reference","COLONNES","key","header","renderGrille","options","descripteurs","label","onClick","onAction","render","jsx","rows","columns","ariaLabel","onRowClick","rowActions","buildRowActions","iconsUpTo","undefined","describe","test","jest","fn","fireEvent","click","screen","getByRole","name","expect","toHaveBeenCalledTimes","not","toHaveBeenCalled","bouton","focus","userEvent","keyboard","getByText"],"sources":["../../../src/lib/v2/__tests__/DataGridRowActionsPropagation.test.tsx"],"sourcesContent":["import \"@testing-library/jest-dom\";\r\nimport { fireEvent, render, screen } from \"@testing-library/react\";\r\nimport userEvent from \"@testing-library/user-event\";\r\nimport DataGrid from \"../patterns/DataGrid\";\r\nimport { buildRowActions } from \"../patterns/rowActions\";\r\nimport type { RowActionDescriptor } from \"../patterns/rowActions\";\r\n\r\n/**\r\n * DataGrid — la cellule d'actions contient ses propres événements.\r\n *\r\n * CE QUE CE FICHIER PROTÈGE, ET POURQUOI IL EXISTE\r\n * ------------------------------------------------\r\n * §Row Interaction fait du clic de ligne l'ouverture du drawer d'aperçu, et\r\n * des actions de ligne l'affordance COMPLÉMENTAIRE. Les deux cohabitent donc\r\n * sur toute grille de listing de la plateforme — et la cellule d'actions est\r\n * un descendant de la ligne cliquable.\r\n *\r\n * Sans containment, activer une action déclenche AUSSI le clic de ligne :\r\n * l'utilisateur obtient son action et, par-dessus, un drawer qui s'ouvre. Ce\r\n * n'est pas rattrapable au niveau de l'action — `buildRowActions` décrit une\r\n * action comme `onClick: (row) => void` et n'expose délibérément pas\r\n * l'événement DOM, parce qu'un descripteur métier n'a pas à connaître la\r\n * propagation. La cellule est le seul endroit qui tient l'invariant pour\r\n * TOUTES les formes : le kebab, la rangée d'icônes, et n'importe quel\r\n * renderer `rowActions` écrit par un hôte.\r\n *\r\n * Relevé par l'audit Area 3 d'`addm-fe`, dont les deux listings avaient écrit\r\n * leur rangée d'icônes à la main précisément pour appeler `stopPropagation()`\r\n * bouton par bouton — ce qui faisait passer l'adoption de `buildRowActions`\r\n * pour une régression.\r\n *\r\n * Le test couvre les DEUX formes (`iconsUpTo` et le kebab) et les deux\r\n * chemins (souris et clavier), parce que la ligne écoute `onClick` ET\r\n * `onKeyDown`.\r\n *\r\n * POURQUOI `fireEvent` POUR LA SOURIS ET `userEvent` POUR LE CLAVIER\r\n * -----------------------------------------------------------------\r\n * `ROW_ACTIONS_OVERLAY_SX` porte `pointerEvents: \"none\"` et ne passe à `auto`\r\n * que sous `tr:hover`, `tr:focus-within` ou `@media (pointer: coarse)`. jsdom\r\n * ne résout ni les pseudo-classes d'état ni les media queries — même limite\r\n * que celle documentée dans `FieldWidth.test.tsx` — donc l'overlay y reste\r\n * inerte et `user-event` REFUSE de simuler un pointeur dessus. Son refus est\r\n * correct : il modèle un utilisateur, et un utilisateur ne peut pas cliquer un\r\n * élément à `pointer-events: none`. Ce que jsdom ne peut pas modéliser, c'est\r\n * le survol qui précède ce clic dans un vrai navigateur.\r\n *\r\n * Neutraliser la garde (`pointerEventsCheck: Never`) serait prétendre simuler\r\n * un utilisateur tout en désactivant la vérification qui rend la simulation\r\n * crédible. `fireEvent.click` ne prétend rien : il émet un `MouseEvent` qui\r\n * BULLE, ce qui est exactement et uniquement ce que ces deux tests examinent.\r\n * Le chemin clavier, lui, ne passe pas par le hit-testing du pointeur, donc\r\n * `userEvent` y reste l'outil juste — et c'est le chemin où la ligne écoute\r\n * `onKeyDown`.\r\n *\r\n * Ce que ce fichier ne prouve donc PAS : que l'overlay est atteignable à la\r\n * souris. Ça se vérifie dans la story, au survol.\r\n */\r\n\r\ninterface Ligne {\r\n  id: number;\r\n  reference: string;\r\n}\r\n\r\nconst LIGNES: Ligne[] = [{ id: 1, reference: \"2025-IM-0042\" }];\r\n\r\nconst COLONNES = [{ key: \"reference\", header: \"Référence\" }];\r\n\r\nfunction renderGrille(options: {\r\n  onRowClick: () => void;\r\n  onAction: () => void;\r\n  iconsUpTo?: number;\r\n}) {\r\n  const descripteurs: RowActionDescriptor<Ligne>[] = [\r\n    {\r\n      id: \"consulter\",\r\n      label: \"Consulter la ligne\",\r\n      onClick: () => options.onAction(),\r\n    },\r\n  ];\r\n\r\n  return render(\r\n    <DataGrid<Ligne>\r\n      rows={LIGNES}\r\n      columns={COLONNES}\r\n      ariaLabel=\"Lignes de test\"\r\n      onRowClick={options.onRowClick}\r\n      rowActions={buildRowActions(\r\n        descripteurs,\r\n        \"Actions sur la ligne\",\r\n        options.iconsUpTo !== undefined\r\n          ? { iconsUpTo: options.iconsUpTo }\r\n          : undefined\r\n      )}\r\n    />\r\n  );\r\n}\r\n\r\ndescribe(\"DataGrid — une action de ligne ne déclenche pas le clic de ligne\", () => {\r\n  test(\"rangée d'icônes, à la souris\", () => {\r\n    const onRowClick = jest.fn();\r\n    const onAction = jest.fn();\r\n    renderGrille({ onRowClick, onAction, iconsUpTo: 3 });\r\n\r\n    fireEvent.click(\r\n      screen.getByRole(\"button\", { name: \"Consulter la ligne\" })\r\n    );\r\n\r\n    expect(onAction).toHaveBeenCalledTimes(1);\r\n    /* L'assertion qui compte : l'action a eu lieu, la ligne n'a pas été\r\n     * ouverte. Avant le containment, les deux se déclenchaient. */\r\n    expect(onRowClick).not.toHaveBeenCalled();\r\n  });\r\n\r\n  test(\"rangée d'icônes, au clavier\", async () => {\r\n    const onRowClick = jest.fn();\r\n    const onAction = jest.fn();\r\n    renderGrille({ onRowClick, onAction, iconsUpTo: 3 });\r\n\r\n    const bouton = screen.getByRole(\"button\", { name: \"Consulter la ligne\" });\r\n    bouton.focus();\r\n    await userEvent.keyboard(\"{Enter}\");\r\n\r\n    /* La ligne porte AUSSI un `onKeyDown` (Enter / Espace → onRowClick), donc\r\n     * le clavier est un second chemin de fuite, distinct de la souris. */\r\n    expect(onAction).toHaveBeenCalledTimes(1);\r\n    expect(onRowClick).not.toHaveBeenCalled();\r\n  });\r\n\r\n  test(\"kebab : ouvrir le menu n'ouvre pas la ligne\", () => {\r\n    const onRowClick = jest.fn();\r\n    const onAction = jest.fn();\r\n    /* Sans `iconsUpTo`, le renderer rend `OverflowMenu` — son déclencheur est\r\n     * dans la même position que les boutons d'icône. */\r\n    renderGrille({ onRowClick, onAction });\r\n\r\n    fireEvent.click(\r\n      screen.getByRole(\"button\", { name: \"Actions sur la ligne\" })\r\n    );\r\n\r\n    expect(onRowClick).not.toHaveBeenCalled();\r\n  });\r\n\r\n  test(\"le clic de ligne fonctionne toujours ailleurs dans la ligne\", async () => {\r\n    const onRowClick = jest.fn();\r\n    const onAction = jest.fn();\r\n    renderGrille({ onRowClick, onAction, iconsUpTo: 3 });\r\n\r\n    /* Le containment doit être local à la cellule d'actions : une cellule de\r\n     * données reste le déclencheur du clic de ligne. Sans cette assertion, un\r\n     * containment posé trop haut (sur la ligne) passerait les trois tests\r\n     * ci-dessus tout en cassant §Row Interaction. */\r\n    await userEvent.click(screen.getByText(\"2025-IM-0042\"));\r\n\r\n    expect(onRowClick).toHaveBeenCalledTimes(1);\r\n    expect(onAction).not.toHaveBeenCalled();\r\n  });\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/dist/v2/__tests__/DrawerTactileTargets.test.js

@@ -0,0 +1,94 @@
+"use strict";
+
+require("@testing-library/jest-dom");
+var _react = require("@testing-library/react");
+var _Drawer = _interopRequireDefault(require("../components/Drawer"));
+var _tokens = require("../tokens");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * R-7.4 / WCAG 2.5.5 — the drawer header's icon-only buttons.
+ *
+ * `tokens/density` states the rule this file guards, in its own words: "Icon-
+ * only buttons MUST set min-width/min-height to `tactileMin`", because the
+ * VISUAL height of a button may drop below 44px in the tighter density tiers
+ * while the hit area may not. The drawer header's three buttons — prev, next,
+ * close — were `IconButton size="small"` with only a colour rule: about 34px,
+ * ten short of the floor this library imposes on its hosts.
+ *
+ * The gap stayed invisible while item navigation was rarely wired, since a
+ * filter panel renders the close button alone. A module that equips its
+ * preview drawers with onPrev/onNext exposes three per drawer — which is what
+ * surfaced it.
+ *
+ * ── WHY `toHaveStyle` AND NOT `element.style` ────────────────────────
+ *
+ * The first version of this file asserted on `element.style.minWidth` and
+ * failed on all three cases with an empty string — correctly. `sx` compiles to
+ * an EMOTION CLASS, never to an inline style attribute, so the inline bag is
+ * empty by construction. `toHaveStyle` resolves the declaration through
+ * `getComputedStyle`, which jsdom does cascade from the injected stylesheet.
+ *
+ * What this verifies is therefore the DECLARED floor, not a rendered box:
+ * jsdom performs no layout, so no assertion here could prove the button
+ * measures 44px on screen. The declaration is what the rule asks for, and it
+ * is what a refactor of this header would silently drop.
+ */const TACTILE_MIN = `${_tokens.layout.tactileMin}px`;
+const TACTILE_FLOOR = {
+  minWidth: TACTILE_MIN,
+  minHeight: TACTILE_MIN
+};
+describe("Drawer — cibles tactiles de l'en-tête (R-7.4)", () => {
+  it("plancher de 44px sur le bouton de fermeture", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Drawer.default, {
+      open: true,
+      onClose: () => undefined,
+      title: "Filtres avanc\xE9s",
+      children: "contenu"
+    }));
+    expect(_react.screen.getByRole("button", {
+      name: /Fermer/i
+    })).toHaveStyle(TACTILE_FLOOR);
+  });
+
+  /* Les deux flèches ne sont rendues que si un gestionnaire est fourni
+     (navigation opt-in, D-A10.2) — c'est ce qui a longtemps masqué l'écart. */
+  it("plancher de 44px sur les deux flèches de navigation", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Drawer.default, {
+      open: true,
+      onClose: () => undefined,
+      title: "Dossier 2026-IM-00042",
+      onPrev: () => undefined,
+      onNext: () => undefined,
+      hasPrev: true,
+      hasNext: true,
+      children: "contenu"
+    }));
+    expect(_react.screen.getByRole("button", {
+      name: /Précédent/i
+    })).toHaveStyle(TACTILE_FLOOR);
+    expect(_react.screen.getByRole("button", {
+      name: /Suivant/i
+    })).toHaveStyle(TACTILE_FLOOR);
+  });
+
+  /* Le plancher vaut aussi pour un bouton DÉSACTIVÉ : il reste une cible que
+     l'utilisateur va viser, et le rendre plus petit que les autres ferait
+     sauter la rangée d'un tiroir à l'autre. */
+  it("plancher maintenu quand la navigation est désactivée", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Drawer.default, {
+      open: true,
+      onClose: () => undefined,
+      title: "Dossier unique",
+      onPrev: () => undefined,
+      onNext: () => undefined,
+      children: "contenu"
+    }));
+    const previous = _react.screen.getByRole("button", {
+      name: /Précédent/i
+    });
+    expect(previous).toBeDisabled();
+    expect(previous).toHaveStyle(TACTILE_FLOOR);
+  });
+});
+//# sourceMappingURL=DrawerTactileTargets.test.js.map