@portnet/ui 6.0.0 → 6.0.2

package/dist/esm/v2/__tests__/FieldWidth.test.js

@@ -0,0 +1,146 @@
+import "@testing-library/jest-dom";
+import { render, screen } from "@testing-library/react";
+import Field, { FIELD_MAX_WIDTH } from "../components/Field";
+import Input from "../components/Input";
+
+/**
+ * Field — largeur semantique (gap G-H) : tests de contrat.
+ *
+ * CE QUE JSDOM PEUT ET NE PEUT PAS VERIFIER
+ * -----------------------------------------
+ * Le plafond n'est pose qu'a partir du palier `sm` — le standard exigeant
+ * « 100% grid width » sur mobile. Il passe donc par une requete media
+ * qu'`emotion` injecte dans la feuille de style, et jsdom ne resout pas les
+ * requetes media : `getComputedStyle` ne rendra jamais la largeur effective au
+ * palier desktop. Un test de rendu ne PEUT pas l'assertir, et pretendre le
+ * faire donnerait un test qui passe sans rien verifier.
+ *
+ * Ce fichier epingle donc ce qui est verifiable et qui compte :
+ *
+ *  1. LES CINQ VALEURS. C'est le point sensible du tour : elles ne se lisent
+ *     pas dans le standard, qui donne des FOURCHETTES — quelqu'un a choisi, et
+ *     ce choix doit etre visible et protege. Si l'equipe design les revoit,
+ *     c'est ce test qui doit etre mis a jour sciemment, pas un ecran qui doit
+ *     bouger par surprise.
+ *
+ *  2. QUE `width` NE CASSE PAS LE CABLAGE D'ACCESSIBILITE. `Field` associe
+ *     libelle, indication et erreur au controle ; ajouter une contrainte de
+ *     mise en page ne doit rien y toucher. C'est la regression la plus
+ *     probable d'un changement qui passe par `sx`.
+ *
+ *  3. QUE L'OMISSION RESTE NEUTRE. Sans `width`, aucun plafond : les
+ *     appelants d'avant G-H ne doivent pas bouger d'un pixel.
+ *
+ * Le comportement responsive lui-meme se verifie dans la story, en
+ * redimensionnant la fenetre — c'est la que le contrat est observable.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+describe("Field — les cinq gabarits (G-H)", function () {
+  test("les valeurs sont celles retenues dans la fourchette du standard", function () {
+    /* Fourchettes du standard, et valeur retenue (le HAUT, ces largeurs etant
+     * des plafonds) :
+     *   xs ~80-120  -> 120    s ~160-200 -> 200
+     *   m  ~320-400 -> 400    l ~500-600 -> 600
+     *   xl 100%
+     * Chaque valeur passe par une variable CSS pour etre revue sans toucher au
+     * code : c'est le repli qui est epingle ici. */
+    expect(FIELD_MAX_WIDTH.xs).toBe("var(--field-w-xs, 120px)");
+    expect(FIELD_MAX_WIDTH.s).toBe("var(--field-w-s, 200px)");
+    expect(FIELD_MAX_WIDTH.m).toBe("var(--field-w-m, 400px)");
+    expect(FIELD_MAX_WIDTH.l).toBe("var(--field-w-l, 600px)");
+    expect(FIELD_MAX_WIDTH.xl).toBe("100%");
+  });
+  test("les cinq gabarits du standard sont couverts, ni plus ni moins", function () {
+    /* Un gabarit ajoute ou retire est un ecart au standard, pas un detail
+     * d'implementation. */
+    expect(Object.keys(FIELD_MAX_WIDTH).sort()).toEqual(["l", "m", "s", "xl", "xs"]);
+  });
+});
+describe("Field — `width` ne touche pas au cablage d'accessibilite", function () {
+  test("le libelle nomme toujours le controle", function () {
+    render(/*#__PURE__*/_jsx(Field, {
+      label: "Identifiant fiscal",
+      htmlFor: "ifu",
+      width: "s",
+      children: /*#__PURE__*/_jsx(Input, {})
+    }));
+    expect(screen.getByRole("textbox", {
+      name: /Identifiant fiscal/
+    })).toBeInTheDocument();
+  });
+  test("l'erreur reste la description accessible du controle", function () {
+    render(/*#__PURE__*/_jsx(Field, {
+      label: "Identifiant fiscal",
+      htmlFor: "ifu",
+      width: "s",
+      error: "Quinze caract\xE8res maximum.",
+      children: /*#__PURE__*/_jsx(Input, {})
+    }));
+    expect(screen.getByRole("textbox")).toHaveAccessibleDescription("Quinze caractères maximum.");
+    expect(screen.getByRole("textbox")).toHaveAttribute("aria-invalid", "true");
+  });
+  test("l'indication reste la description accessible du controle", function () {
+    render(/*#__PURE__*/_jsx(Field, {
+      label: "Adresse",
+      htmlFor: "adresse",
+      width: "l",
+      hint: "Voie, code postal et ville.",
+      children: /*#__PURE__*/_jsx(Input, {})
+    }));
+    expect(screen.getByRole("textbox")).toHaveAccessibleDescription("Voie, code postal et ville.");
+  });
+  test("`required` reste annonce comme tel", function () {
+    render(/*#__PURE__*/_jsx(Field, {
+      label: "Marque",
+      htmlFor: "marque",
+      width: "m",
+      required: true,
+      children: /*#__PURE__*/_jsx(Input, {})
+    }));
+
+    /* `toBeRequired` accepte l'attribut NATIF `required` comme `aria-required` :
+     * c'est volontaire, et c'est la bonne assertion ici.
+     *
+     * Les deux mecanismes coexistent dans la library, par des chemins
+     * differents, et viser l'un des deux nommement rendrait le test faux sans
+     * que le comportement change :
+     *   — sur un controle MUI (`Input`, `Textarea`), `Field` passe `required`
+     *     au `FormControl`, dont le CONTEXTE le propage jusqu'a l'input, qui
+     *     porte alors l'attribut natif ;
+     *   — sur un groupe (`RadioGroup`), aucun contexte ne s'applique : `Field`
+     *     injecte `aria-required` sur l'enfant, que le groupe transmet a son
+     *     `role="radiogroup"` (voir le test de `FormikRadioGroup`).
+     *
+     * Ce qui compte pour R-I.2 est qu'une technologie d'assistance l'annonce,
+     * pas quel attribut le porte. */
+    expect(screen.getByRole("textbox")).toBeRequired();
+  });
+});
+describe("Field — l'omission reste neutre", function () {
+  test("sans `width`, le champ se rend et se nomme comme avant G-H", function () {
+    /* Ce que ce test prouve, et ce qu'il ne prouve pas.
+     *
+     * L'absence de plafond n'est PAS assertable : elle se lit dans la feuille
+     * de style generee par `emotion`, que jsdom ne resout pas plus qu'une
+     * requete media. Une premiere version comparait le nombre de noeuds avec
+     * et sans `width` — ce qui exigeait un acces direct au DOM, interdit a
+     * juste titre par `testing-library/no-node-access` : compter des `<label>`
+     * teste l'implementation, pas le comportement.
+     *
+     * Ce qui EST verifiable et suffit a la retrocompatibilite : sans `width`,
+     * le controle est rendu, nomme par son libelle, et n'a herite d'aucun etat
+     * qu'il n'a pas demande. Le plafond, lui, se verifie dans la story. */
+    render(/*#__PURE__*/_jsx(Field, {
+      label: "Marque",
+      htmlFor: "sans-gabarit",
+      children: /*#__PURE__*/_jsx(Input, {})
+    }));
+    var champ = screen.getByRole("textbox", {
+      name: /Marque/
+    });
+    expect(champ).toBeInTheDocument();
+    expect(champ).not.toBeRequired();
+    expect(champ).not.toBeInvalid();
+  });
+});
+//# sourceMappingURL=FieldWidth.test.js.map

package/dist/esm/v2/__tests__/FieldWidth.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldWidth.test.js","names":["render","screen","Field","FIELD_MAX_WIDTH","Input","jsx","_jsx","describe","test","expect","xs","toBe","s","m","l","xl","Object","keys","sort","toEqual","label","htmlFor","width","children","getByRole","name","toBeInTheDocument","error","toHaveAccessibleDescription","toHaveAttribute","hint","required","toBeRequired","champ","not","toBeInvalid"],"sources":["../../../../src/lib/v2/__tests__/FieldWidth.test.tsx"],"sourcesContent":["import \"@testing-library/jest-dom\";\r\nimport { render, screen } from \"@testing-library/react\";\r\nimport Field, { FIELD_MAX_WIDTH } from \"../components/Field\";\r\nimport Input from \"../components/Input\";\r\n\r\n/**\r\n * Field — largeur semantique (gap G-H) : tests de contrat.\r\n *\r\n * CE QUE JSDOM PEUT ET NE PEUT PAS VERIFIER\r\n * -----------------------------------------\r\n * Le plafond n'est pose qu'a partir du palier `sm` — le standard exigeant\r\n * « 100% grid width » sur mobile. Il passe donc par une requete media\r\n * qu'`emotion` injecte dans la feuille de style, et jsdom ne resout pas les\r\n * requetes media : `getComputedStyle` ne rendra jamais la largeur effective au\r\n * palier desktop. Un test de rendu ne PEUT pas l'assertir, et pretendre le\r\n * faire donnerait un test qui passe sans rien verifier.\r\n *\r\n * Ce fichier epingle donc ce qui est verifiable et qui compte :\r\n *\r\n *  1. LES CINQ VALEURS. C'est le point sensible du tour : elles ne se lisent\r\n *     pas dans le standard, qui donne des FOURCHETTES — quelqu'un a choisi, et\r\n *     ce choix doit etre visible et protege. Si l'equipe design les revoit,\r\n *     c'est ce test qui doit etre mis a jour sciemment, pas un ecran qui doit\r\n *     bouger par surprise.\r\n *\r\n *  2. QUE `width` NE CASSE PAS LE CABLAGE D'ACCESSIBILITE. `Field` associe\r\n *     libelle, indication et erreur au controle ; ajouter une contrainte de\r\n *     mise en page ne doit rien y toucher. C'est la regression la plus\r\n *     probable d'un changement qui passe par `sx`.\r\n *\r\n *  3. QUE L'OMISSION RESTE NEUTRE. Sans `width`, aucun plafond : les\r\n *     appelants d'avant G-H ne doivent pas bouger d'un pixel.\r\n *\r\n * Le comportement responsive lui-meme se verifie dans la story, en\r\n * redimensionnant la fenetre — c'est la que le contrat est observable.\r\n */\r\n\r\ndescribe(\"Field — les cinq gabarits (G-H)\", () => {\r\n  test(\"les valeurs sont celles retenues dans la fourchette du standard\", () => {\r\n    /* Fourchettes du standard, et valeur retenue (le HAUT, ces largeurs etant\r\n     * des plafonds) :\r\n     *   xs ~80-120  -> 120    s ~160-200 -> 200\r\n     *   m  ~320-400 -> 400    l ~500-600 -> 600\r\n     *   xl 100%\r\n     * Chaque valeur passe par une variable CSS pour etre revue sans toucher au\r\n     * code : c'est le repli qui est epingle ici. */\r\n    expect(FIELD_MAX_WIDTH.xs).toBe(\"var(--field-w-xs, 120px)\");\r\n    expect(FIELD_MAX_WIDTH.s).toBe(\"var(--field-w-s, 200px)\");\r\n    expect(FIELD_MAX_WIDTH.m).toBe(\"var(--field-w-m, 400px)\");\r\n    expect(FIELD_MAX_WIDTH.l).toBe(\"var(--field-w-l, 600px)\");\r\n    expect(FIELD_MAX_WIDTH.xl).toBe(\"100%\");\r\n  });\r\n\r\n  test(\"les cinq gabarits du standard sont couverts, ni plus ni moins\", () => {\r\n    /* Un gabarit ajoute ou retire est un ecart au standard, pas un detail\r\n     * d'implementation. */\r\n    expect(Object.keys(FIELD_MAX_WIDTH).sort()).toEqual([\r\n      \"l\",\r\n      \"m\",\r\n      \"s\",\r\n      \"xl\",\r\n      \"xs\",\r\n    ]);\r\n  });\r\n});\r\n\r\ndescribe(\"Field — `width` ne touche pas au cablage d'accessibilite\", () => {\r\n  test(\"le libelle nomme toujours le controle\", () => {\r\n    render(\r\n      <Field label=\"Identifiant fiscal\" htmlFor=\"ifu\" width=\"s\">\r\n        <Input />\r\n      </Field>\r\n    );\r\n\r\n    expect(\r\n      screen.getByRole(\"textbox\", { name: /Identifiant fiscal/ })\r\n    ).toBeInTheDocument();\r\n  });\r\n\r\n  test(\"l'erreur reste la description accessible du controle\", () => {\r\n    render(\r\n      <Field\r\n        label=\"Identifiant fiscal\"\r\n        htmlFor=\"ifu\"\r\n        width=\"s\"\r\n        error=\"Quinze caractères maximum.\"\r\n      >\r\n        <Input />\r\n      </Field>\r\n    );\r\n\r\n    expect(screen.getByRole(\"textbox\")).toHaveAccessibleDescription(\r\n      \"Quinze caractères maximum.\"\r\n    );\r\n    expect(screen.getByRole(\"textbox\")).toHaveAttribute(\r\n      \"aria-invalid\",\r\n      \"true\"\r\n    );\r\n  });\r\n\r\n  test(\"l'indication reste la description accessible du controle\", () => {\r\n    render(\r\n      <Field\r\n        label=\"Adresse\"\r\n        htmlFor=\"adresse\"\r\n        width=\"l\"\r\n        hint=\"Voie, code postal et ville.\"\r\n      >\r\n        <Input />\r\n      </Field>\r\n    );\r\n\r\n    expect(screen.getByRole(\"textbox\")).toHaveAccessibleDescription(\r\n      \"Voie, code postal et ville.\"\r\n    );\r\n  });\r\n\r\n  test(\"`required` reste annonce comme tel\", () => {\r\n    render(\r\n      <Field label=\"Marque\" htmlFor=\"marque\" width=\"m\" required>\r\n        <Input />\r\n      </Field>\r\n    );\r\n\r\n    /* `toBeRequired` accepte l'attribut NATIF `required` comme `aria-required` :\r\n     * c'est volontaire, et c'est la bonne assertion ici.\r\n     *\r\n     * Les deux mecanismes coexistent dans la library, par des chemins\r\n     * differents, et viser l'un des deux nommement rendrait le test faux sans\r\n     * que le comportement change :\r\n     *   — sur un controle MUI (`Input`, `Textarea`), `Field` passe `required`\r\n     *     au `FormControl`, dont le CONTEXTE le propage jusqu'a l'input, qui\r\n     *     porte alors l'attribut natif ;\r\n     *   — sur un groupe (`RadioGroup`), aucun contexte ne s'applique : `Field`\r\n     *     injecte `aria-required` sur l'enfant, que le groupe transmet a son\r\n     *     `role=\"radiogroup\"` (voir le test de `FormikRadioGroup`).\r\n     *\r\n     * Ce qui compte pour R-I.2 est qu'une technologie d'assistance l'annonce,\r\n     * pas quel attribut le porte. */\r\n    expect(screen.getByRole(\"textbox\")).toBeRequired();\r\n  });\r\n});\r\n\r\ndescribe(\"Field — l'omission reste neutre\", () => {\r\n  test(\"sans `width`, le champ se rend et se nomme comme avant G-H\", () => {\r\n    /* Ce que ce test prouve, et ce qu'il ne prouve pas.\r\n     *\r\n     * L'absence de plafond n'est PAS assertable : elle se lit dans la feuille\r\n     * de style generee par `emotion`, que jsdom ne resout pas plus qu'une\r\n     * requete media. Une premiere version comparait le nombre de noeuds avec\r\n     * et sans `width` — ce qui exigeait un acces direct au DOM, interdit a\r\n     * juste titre par `testing-library/no-node-access` : compter des `<label>`\r\n     * teste l'implementation, pas le comportement.\r\n     *\r\n     * Ce qui EST verifiable et suffit a la retrocompatibilite : sans `width`,\r\n     * le controle est rendu, nomme par son libelle, et n'a herite d'aucun etat\r\n     * qu'il n'a pas demande. Le plafond, lui, se verifie dans la story. */\r\n    render(\r\n      <Field label=\"Marque\" htmlFor=\"sans-gabarit\">\r\n        <Input />\r\n      </Field>\r\n    );\r\n\r\n    const champ = screen.getByRole(\"textbox\", { name: /Marque/ });\r\n    expect(champ).toBeInTheDocument();\r\n    expect(champ).not.toBeRequired();\r\n    expect(champ).not.toBeInvalid();\r\n  });\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/v2/__tests__/FileCard.test.js

@@ -0,0 +1,143 @@
+import "@testing-library/jest-dom";
+import { render, screen } from "@testing-library/react";
+import FileCard from "../components/FileCard";
+
+/**
+ * FileCard — contract tests.
+ *
+ * WHY THIS FILE EXISTS
+ * --------------------
+ * §10.3 R-G.6 MUST — "Snapshot Storybook + tests Jest/Testing-Library". The
+ * component was extracted from THREE hand-written copies found in addpe-fe
+ * (Attachment, AutorisationPreviewDrawer, AutorisationDetail), which had drifted
+ * to three different paddings for one concept. Consolidating them means a single
+ * change now moves every attachment row in the fleet, so the contracts below are
+ * the ones that must not move silently.
+ *
+ * NOT COVERED — deliberately
+ * The width negotiation is the most fragile part of this component and it is
+ * NOT tested here: `text-overflow: ellipsis`, `minWidth: 0` on the identity
+ * block and `flexShrink: 0` on the action cluster are LAYOUT, and jsdom computes
+ * no layout. A test asserting them would pass while the card is broken on a
+ * phone — worse than no coverage, because it would look like coverage. That
+ * contract lives in FileCard.stories.tsx ("Long filename"), which is where a
+ * browser can actually check it. Same reasoning as MobileRowCard.test.tsx
+ * records for R-G.3.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+describe("FileCard — identity", function () {
+  test("renders the filename and mirrors it into title for the truncated case", function () {
+    var name = "autorisation-de-depot-prealable-a-l-exportation-2025-IM-0042-revision-finale.pdf";
+    render(/*#__PURE__*/_jsx(FileCard, {
+      name: name
+    }));
+
+    /* The title attribute is the ONLY reason `name` is typed `string` rather
+     * than ReactNode: once the CSS ellipsis hides the tail, the attribute is
+     * what keeps the full filename reachable. Losing it is invisible in every
+     * screenshot and only hurts the user with the long filename. */
+    expect(screen.getByText(name)).toHaveAttribute("title", name);
+  });
+  test("renders the meta line when supplied", function () {
+    render(/*#__PURE__*/_jsx(FileCard, {
+      name: "facture.pdf",
+      meta: "1,24 Mo"
+    }));
+    expect(screen.getByText("1,24 Mo")).toBeInTheDocument();
+  });
+  test("omits the meta line entirely when absent or empty", function () {
+    /* Not rendered rather than rendered blank: an empty second line reads as
+     * missing data, and it changes the row height, which breaks the alignment
+     * of a list of files. Both `undefined` and `""` are covered because a host
+     * formatting a byte count from an optional field produces either.
+     *
+     * Queried by testid, not by walking parentElement: "absent, not empty"
+     * cannot be expressed as a text query, and the repo's eslint config forbids
+     * direct node access — correctly, since a structural child count would also
+     * break the moment the component gains an unrelated third line. */
+    var _render = render(/*#__PURE__*/_jsx(FileCard, {
+        name: "a.pdf"
+      })),
+      rerender = _render.rerender;
+    expect(screen.getByText("a.pdf")).toBeInTheDocument();
+    expect(screen.queryByTestId("filecard-meta")).not.toBeInTheDocument();
+    rerender(/*#__PURE__*/_jsx(FileCard, {
+      name: "a.pdf",
+      meta: ""
+    }));
+    expect(screen.queryByTestId("filecard-meta")).not.toBeInTheDocument();
+    rerender(/*#__PURE__*/_jsx(FileCard, {
+      name: "a.pdf",
+      meta: "248 Ko"
+    }));
+    expect(screen.getByTestId("filecard-meta")).toHaveTextContent("248 Ko");
+  });
+});
+describe("FileCard — actions slot", function () {
+  test("renders host-supplied actions", function () {
+    render(/*#__PURE__*/_jsx(FileCard, {
+      name: "a.pdf",
+      actions: /*#__PURE__*/_jsx("button", {
+        type: "button",
+        children: "T\xE9l\xE9charger"
+      })
+    }));
+    expect(screen.getByRole("button", {
+      name: "Télécharger"
+    })).toBeInTheDocument();
+  });
+  test("renders no action cluster when actions is absent", function () {
+    render(/*#__PURE__*/_jsx(FileCard, {
+      name: "a.pdf"
+    }));
+    expect(screen.queryByRole("button")).not.toBeInTheDocument();
+  });
+  test("does not invent any action of its own", function () {
+    /* Regression guard on the component's SCOPE, not its rendering. FileCard is
+     * presentational: a download link, a delete confirmation and a blob URL all
+     * belong to the host. If a future change adds a built-in button, this fails
+     * — which is the intent. */
+    render(/*#__PURE__*/_jsx(FileCard, {
+      name: "a.pdf",
+      meta: "1 Ko"
+    }));
+    expect(screen.queryByRole("button")).not.toBeInTheDocument();
+    expect(screen.queryByRole("link")).not.toBeInTheDocument();
+  });
+});
+describe("FileCard — accessibility", function () {
+  test("the leading icon is hidden from assistive tech", function () {
+    /* R-Ar.2 — the filename IS the accessible name; a decorative glyph carrying
+     * one would make a screen reader announce the row twice. The wrapper has no
+     * role and no name by design, so there is no semantic query for it: the
+     * component exposes a stable testid for exactly this assertion. */
+    render(/*#__PURE__*/_jsx(FileCard, {
+      name: "a.pdf"
+    }));
+    expect(screen.getByTestId("filecard-icon")).toHaveAttribute("aria-hidden", "true");
+  });
+  test("a custom icon replaces the default and stays hidden", function () {
+    /* The second assertion is the one that matters: a host passing its own glyph
+     * must not be able to leak it into the accessibility tree. */
+    render(/*#__PURE__*/_jsx(FileCard, {
+      name: "a.pdf",
+      icon: /*#__PURE__*/_jsx("svg", {
+        "data-testid": "custom"
+      })
+    }));
+    expect(screen.getByTestId("custom")).toBeInTheDocument();
+    expect(screen.getByTestId("filecard-icon")).toHaveAttribute("aria-hidden", "true");
+  });
+  test("carries no role of its own", function () {
+    /* The card is not interactive — only its actions are. Giving it role=button
+     * or wrapping it in a group without an accessible name would add noise to
+     * the SR tree. Asserted so a future "make the whole row clickable" change
+     * has to be a deliberate decision rather than a drive-by.  */
+    render(/*#__PURE__*/_jsx(FileCard, {
+      name: "a.pdf"
+    }));
+    expect(screen.queryByRole("button")).not.toBeInTheDocument();
+    expect(screen.queryByRole("group")).not.toBeInTheDocument();
+  });
+});
+//# sourceMappingURL=FileCard.test.js.map

package/dist/esm/v2/__tests__/FileCard.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileCard.test.js","names":["render","screen","FileCard","jsx","_jsx","describe","test","name","expect","getByText","toHaveAttribute","meta","toBeInTheDocument","_render","rerender","queryByTestId","not","getByTestId","toHaveTextContent","actions","type","children","getByRole","queryByRole","icon"],"sources":["../../../../src/lib/v2/__tests__/FileCard.test.tsx"],"sourcesContent":["import \"@testing-library/jest-dom\";\r\nimport { render, screen } from \"@testing-library/react\";\r\nimport FileCard from \"../components/FileCard\";\r\n\r\n/**\r\n * FileCard — contract tests.\r\n *\r\n * WHY THIS FILE EXISTS\r\n * --------------------\r\n * §10.3 R-G.6 MUST — \"Snapshot Storybook + tests Jest/Testing-Library\". The\r\n * component was extracted from THREE hand-written copies found in addpe-fe\r\n * (Attachment, AutorisationPreviewDrawer, AutorisationDetail), which had drifted\r\n * to three different paddings for one concept. Consolidating them means a single\r\n * change now moves every attachment row in the fleet, so the contracts below are\r\n * the ones that must not move silently.\r\n *\r\n * NOT COVERED — deliberately\r\n * The width negotiation is the most fragile part of this component and it is\r\n * NOT tested here: `text-overflow: ellipsis`, `minWidth: 0` on the identity\r\n * block and `flexShrink: 0` on the action cluster are LAYOUT, and jsdom computes\r\n * no layout. A test asserting them would pass while the card is broken on a\r\n * phone — worse than no coverage, because it would look like coverage. That\r\n * contract lives in FileCard.stories.tsx (\"Long filename\"), which is where a\r\n * browser can actually check it. Same reasoning as MobileRowCard.test.tsx\r\n * records for R-G.3.\r\n */\r\ndescribe(\"FileCard — identity\", () => {\r\n  test(\"renders the filename and mirrors it into title for the truncated case\", () => {\r\n    const name =\r\n      \"autorisation-de-depot-prealable-a-l-exportation-2025-IM-0042-revision-finale.pdf\";\r\n    render(<FileCard name={name} />);\r\n\r\n    /* The title attribute is the ONLY reason `name` is typed `string` rather\r\n     * than ReactNode: once the CSS ellipsis hides the tail, the attribute is\r\n     * what keeps the full filename reachable. Losing it is invisible in every\r\n     * screenshot and only hurts the user with the long filename. */\r\n    expect(screen.getByText(name)).toHaveAttribute(\"title\", name);\r\n  });\r\n\r\n  test(\"renders the meta line when supplied\", () => {\r\n    render(<FileCard name=\"facture.pdf\" meta=\"1,24 Mo\" />);\r\n    expect(screen.getByText(\"1,24 Mo\")).toBeInTheDocument();\r\n  });\r\n\r\n  test(\"omits the meta line entirely when absent or empty\", () => {\r\n    /* Not rendered rather than rendered blank: an empty second line reads as\r\n     * missing data, and it changes the row height, which breaks the alignment\r\n     * of a list of files. Both `undefined` and `\"\"` are covered because a host\r\n     * formatting a byte count from an optional field produces either.\r\n     *\r\n     * Queried by testid, not by walking parentElement: \"absent, not empty\"\r\n     * cannot be expressed as a text query, and the repo's eslint config forbids\r\n     * direct node access — correctly, since a structural child count would also\r\n     * break the moment the component gains an unrelated third line. */\r\n    const { rerender } = render(<FileCard name=\"a.pdf\" />);\r\n    expect(screen.getByText(\"a.pdf\")).toBeInTheDocument();\r\n    expect(screen.queryByTestId(\"filecard-meta\")).not.toBeInTheDocument();\r\n\r\n    rerender(<FileCard name=\"a.pdf\" meta=\"\" />);\r\n    expect(screen.queryByTestId(\"filecard-meta\")).not.toBeInTheDocument();\r\n\r\n    rerender(<FileCard name=\"a.pdf\" meta=\"248 Ko\" />);\r\n    expect(screen.getByTestId(\"filecard-meta\")).toHaveTextContent(\"248 Ko\");\r\n  });\r\n});\r\n\r\ndescribe(\"FileCard — actions slot\", () => {\r\n  test(\"renders host-supplied actions\", () => {\r\n    render(\r\n      <FileCard\r\n        name=\"a.pdf\"\r\n        actions={<button type=\"button\">Télécharger</button>}\r\n      />\r\n    );\r\n    expect(screen.getByRole(\"button\", { name: \"Télécharger\" })).toBeInTheDocument();\r\n  });\r\n\r\n  test(\"renders no action cluster when actions is absent\", () => {\r\n    render(<FileCard name=\"a.pdf\" />);\r\n    expect(screen.queryByRole(\"button\")).not.toBeInTheDocument();\r\n  });\r\n\r\n  test(\"does not invent any action of its own\", () => {\r\n    /* Regression guard on the component's SCOPE, not its rendering. FileCard is\r\n     * presentational: a download link, a delete confirmation and a blob URL all\r\n     * belong to the host. If a future change adds a built-in button, this fails\r\n     * — which is the intent. */\r\n    render(<FileCard name=\"a.pdf\" meta=\"1 Ko\" />);\r\n    expect(screen.queryByRole(\"button\")).not.toBeInTheDocument();\r\n    expect(screen.queryByRole(\"link\")).not.toBeInTheDocument();\r\n  });\r\n});\r\n\r\ndescribe(\"FileCard — accessibility\", () => {\r\n  test(\"the leading icon is hidden from assistive tech\", () => {\r\n    /* R-Ar.2 — the filename IS the accessible name; a decorative glyph carrying\r\n     * one would make a screen reader announce the row twice. The wrapper has no\r\n     * role and no name by design, so there is no semantic query for it: the\r\n     * component exposes a stable testid for exactly this assertion. */\r\n    render(<FileCard name=\"a.pdf\" />);\r\n    expect(screen.getByTestId(\"filecard-icon\")).toHaveAttribute(\"aria-hidden\", \"true\");\r\n  });\r\n\r\n  test(\"a custom icon replaces the default and stays hidden\", () => {\r\n    /* The second assertion is the one that matters: a host passing its own glyph\r\n     * must not be able to leak it into the accessibility tree. */\r\n    render(<FileCard name=\"a.pdf\" icon={<svg data-testid=\"custom\" />} />);\r\n    expect(screen.getByTestId(\"custom\")).toBeInTheDocument();\r\n    expect(screen.getByTestId(\"filecard-icon\")).toHaveAttribute(\"aria-hidden\", \"true\");\r\n  });\r\n\r\n  test(\"carries no role of its own\", () => {\r\n    /* The card is not interactive — only its actions are. Giving it role=button\r\n     * or wrapping it in a group without an accessible name would add noise to\r\n     * the SR tree. Asserted so a future \"make the whole row clickable\" change\r\n     * has to be a deliberate decision rather than a drive-by.  */\r\n    render(<FileCard name=\"a.pdf\" />);\r\n    expect(screen.queryByRole(\"button\")).not.toBeInTheDocument();\r\n    expect(screen.queryByRole(\"group\")).not.toBeInTheDocument();\r\n  });\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/v2/__tests__/FormikCheckbox.test.js

@@ -0,0 +1,265 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["initialValue", "required", "onValues"];
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import "@testing-library/jest-dom";
+import * as React from "react";
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { Formik, Form } from "formik";
+import FormikCheckbox from "../patterns/FormikCheckbox";
+
+/**
+ * FormikCheckbox — contract tests (gap G-A).
+ *
+ * WHY THIS FILE EXISTS
+ * --------------------
+ * §10.3 R-G.6 MUST. But the contracts worth pinning here are the ones a
+ * screenshot cannot see, and each of them is a real defect this bridge was
+ * created to stop repeating:
+ *
+ *  1. THE VALUE SHAPE. This component exists because `FormikCheckboxGroup`
+ *     writes an ARRAY. If a refactor ever routed this bridge through the group,
+ *     hosts would start sending `["on"]` where their payload declares a
+ *     boolean — visually identical, and wrong all the way to the database.
+ *
+ *  2. TOUCHED-ON-CHANGE. A checkbox has no meaningful blur-before-change, so
+ *     if the field is only marked touched on blur, a required-checkbox error
+ *     stays invisible however many times the user clicks. That is exactly the
+ *     defect reported from refonte-frontend, where a hand-rolled bridge
+ *     rendered no message at all.
+ *
+ *  3. `aria-required` LANDS ON THE INPUT. `Field` injects it onto its child,
+ *     which here is the CheckboxGroup — a `role="group"` div that does not
+ *     forward it. Assert the input, not the group.
+ *
+ *  4. NO `error` ATTRIBUTE ON THE DOM. `Field` clones its child with
+ *     `error`/`disabled` for the v2 inputs that read them directly. A bare
+ *     `Checkbox` would spread `error` down to the native input; the
+ *     CheckboxGroup wrapper is what absorbs it. Drop the wrapper and React
+ *     starts warning while every pixel stays identical.
+ *
+ * NOT COVERED — deliberately: the asterisk colour and the grey error panel are
+ * CSS variables, which jsdom does not resolve. Those belong to the story.
+ */
+
+/** Minimal host: a Formik form exposing its values for assertion. */
+import { jsx as _jsx } from "react/jsx-runtime";
+function Hote(_ref) {
+  var initialValue = _ref.initialValue,
+    required = _ref.required,
+    onValues = _ref.onValues,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(Formik, {
+    initialValues: {
+      flag: initialValue
+    },
+    validate: function validate(values) {
+      return required && values.flag !== true ? {
+        flag: "Cochez cette case pour continuer."
+      } : {};
+    },
+    onSubmit: function onSubmit() {
+      return undefined;
+    },
+    children: function children(_ref2) {
+      var values = _ref2.values;
+      onValues === null || onValues === void 0 ? void 0 : onValues(values);
+      return /*#__PURE__*/_jsx(Form, {
+        children: /*#__PURE__*/_jsx(FormikCheckbox, _objectSpread(_objectSpread({
+          name: "flag",
+          label: "Premi\xE8re d\xE9claration"
+        }, required !== undefined ? {
+          required: required
+        } : {}), props))
+      });
+    }
+  });
+}
+describe("FormikCheckbox — the value stays a BOOLEAN", function () {
+  test("toggling writes `true`, untoggling writes `false` — never an array", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var vues;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            vues = [];
+            render(/*#__PURE__*/_jsx(Hote, {
+              initialValue: false,
+              onValues: function onValues(v) {
+                return vues.push(v.flag);
+              }
+            }));
+            _context.next = 4;
+            return userEvent.click(screen.getByRole("checkbox"));
+          case 4:
+            expect(vues.at(-1)).toBe(true);
+            _context.next = 7;
+            return userEvent.click(screen.getByRole("checkbox"));
+          case 7:
+            expect(vues.at(-1)).toBe(false);
+
+            /* The point of the assertion: not one intermediate value was an array. */
+            expect(vues.some(function (v) {
+              return Array.isArray(v);
+            })).toBe(false);
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })));
+  test("a `null` seed renders a CONTROLLED, unchecked input", function () {
+    /* Hosts seed these flags with `null` (« not answered yet »). Passing that
+     * straight to `checked` makes React treat the input as uncontrolled for one
+     * render, then warn and lose the first click. */
+    var avertissements = [];
+    var spy = jest.spyOn(console, "error").mockImplementation(function () {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      avertissements.push(args);
+    });
+    render(/*#__PURE__*/_jsx(Hote, {
+      initialValue: null
+    }));
+    expect(screen.getByRole("checkbox")).not.toBeChecked();
+    expect(avertissements.some(function (a) {
+      return String(a[0]).includes("uncontrolled");
+    })).toBe(false);
+    spy.mockRestore();
+  });
+});
+describe("FormikCheckbox — the error is reachable without a blur", function () {
+  test("clicking marks the field touched, so the message appears", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            render(/*#__PURE__*/_jsx(Hote, {
+              initialValue: false,
+              required: true
+            }));
+
+            /* Untouched: no message, however invalid the value is. */
+            expect(screen.queryByRole("alert")).not.toBeInTheDocument();
+
+            /* Check then uncheck — the field is now touched AND invalid. */
+            _context2.next = 4;
+            return userEvent.click(screen.getByRole("checkbox"));
+          case 4:
+            _context2.next = 6;
+            return userEvent.click(screen.getByRole("checkbox"));
+          case 6:
+            expect(screen.getByRole("alert")).toHaveTextContent("Cochez cette case pour continuer.");
+          case 7:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  })));
+  test("the message becomes the group's accessible description", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            render(/*#__PURE__*/_jsx(Hote, {
+              initialValue: false,
+              required: true
+            }));
+            _context3.next = 3;
+            return userEvent.click(screen.getByRole("checkbox"));
+          case 3:
+            _context3.next = 5;
+            return userEvent.click(screen.getByRole("checkbox"));
+          case 5:
+            expect(screen.getByRole("group")).toHaveAccessibleDescription("Cochez cette case pour continuer.");
+          case 6:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3);
+  })));
+  test("the hint shows while valid and is suppressed by the error", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+      while (1) {
+        switch (_context4.prev = _context4.next) {
+          case 0:
+            render(/*#__PURE__*/_jsx(Hote, {
+              initialValue: false,
+              required: true,
+              hint: "Obligatoire pour soumettre la demande"
+            }));
+            expect(screen.getByText("Obligatoire pour soumettre la demande")).toBeInTheDocument();
+            _context4.next = 4;
+            return userEvent.click(screen.getByRole("checkbox"));
+          case 4:
+            _context4.next = 6;
+            return userEvent.click(screen.getByRole("checkbox"));
+          case 6:
+            expect(screen.queryByText("Obligatoire pour soumettre la demande")).not.toBeInTheDocument();
+          case 7:
+          case "end":
+            return _context4.stop();
+        }
+      }
+    }, _callee4);
+  })));
+});
+describe("FormikCheckbox — ARIA and DOM hygiene", function () {
+  test("`required` puts aria-required on the INPUT, not on the group", function () {
+    /* Field's own injection lands on the CheckboxGroup, which is a role=group
+     * div and does not forward it — hence the explicit inputProps route. */
+    render(/*#__PURE__*/_jsx(Hote, {
+      initialValue: false,
+      required: true
+    }));
+    expect(screen.getByRole("checkbox")).toHaveAttribute("aria-required", "true");
+  });
+  test("the label names the checkbox", function () {
+    render(/*#__PURE__*/_jsx(Hote, {
+      initialValue: false
+    }));
+    expect(screen.getByRole("checkbox", {
+      name: /Première déclaration/
+    })).toBeInTheDocument();
+  });
+  test("no `error` attribute leaks onto the native input", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+    return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+      while (1) {
+        switch (_context5.prev = _context5.next) {
+          case 0:
+            /* The CheckboxGroup wrapper is what absorbs Field's `error` clone. Without
+             * it React warns and the DOM carries an invalid attribute — with no visual
+             * tell whatsoever. */
+            render(/*#__PURE__*/_jsx(Hote, {
+              initialValue: false,
+              required: true
+            }));
+            _context5.next = 3;
+            return userEvent.click(screen.getByRole("checkbox"));
+          case 3:
+            _context5.next = 5;
+            return userEvent.click(screen.getByRole("checkbox"));
+          case 5:
+            expect(screen.getByRole("checkbox")).not.toHaveAttribute("error");
+          case 6:
+          case "end":
+            return _context5.stop();
+        }
+      }
+    }, _callee5);
+  })));
+});
+//# sourceMappingURL=FormikCheckbox.test.js.map