@portnet/ui 6.0.1 → 6.0.3

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

@@ -0,0 +1,173 @@
+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({
+  initialValue,
+  required,
+  onValues,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(Formik, {
+    initialValues: {
+      flag: initialValue
+    },
+    validate: values => required && values.flag !== true ? {
+      flag: "Cochez cette case pour continuer."
+    } : {},
+    onSubmit: () => undefined,
+    children: ({
+      values
+    }) => {
+      onValues?.(values);
+      return /*#__PURE__*/_jsx(Form, {
+        children: /*#__PURE__*/_jsx(FormikCheckbox, {
+          name: "flag",
+          label: "Premi\xE8re d\xE9claration",
+          ...(required !== undefined ? {
+            required
+          } : {}),
+          ...props
+        })
+      });
+    }
+  });
+}
+describe("FormikCheckbox — the value stays a BOOLEAN", () => {
+  test("toggling writes `true`, untoggling writes `false` — never an array", async () => {
+    const vues = [];
+    render(/*#__PURE__*/_jsx(Hote, {
+      initialValue: false,
+      onValues: v => vues.push(v.flag)
+    }));
+    await userEvent.click(screen.getByRole("checkbox"));
+    expect(vues.at(-1)).toBe(true);
+    await userEvent.click(screen.getByRole("checkbox"));
+    expect(vues.at(-1)).toBe(false);
+
+    /* The point of the assertion: not one intermediate value was an array. */
+    expect(vues.some(v => Array.isArray(v))).toBe(false);
+  });
+  test("a `null` seed renders a CONTROLLED, unchecked input", () => {
+    /* 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. */
+    const avertissements = [];
+    const spy = jest.spyOn(console, "error").mockImplementation((...args) => {
+      avertissements.push(args);
+    });
+    render(/*#__PURE__*/_jsx(Hote, {
+      initialValue: null
+    }));
+    expect(screen.getByRole("checkbox")).not.toBeChecked();
+    expect(avertissements.some(a => String(a[0]).includes("uncontrolled"))).toBe(false);
+    spy.mockRestore();
+  });
+});
+describe("FormikCheckbox — the error is reachable without a blur", () => {
+  test("clicking marks the field touched, so the message appears", async () => {
+    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. */
+    await userEvent.click(screen.getByRole("checkbox"));
+    await userEvent.click(screen.getByRole("checkbox"));
+    expect(screen.getByRole("alert")).toHaveTextContent("Cochez cette case pour continuer.");
+  });
+  test("the message becomes the group's accessible description", async () => {
+    render(/*#__PURE__*/_jsx(Hote, {
+      initialValue: false,
+      required: true
+    }));
+    await userEvent.click(screen.getByRole("checkbox"));
+    await userEvent.click(screen.getByRole("checkbox"));
+    expect(screen.getByRole("group")).toHaveAccessibleDescription("Cochez cette case pour continuer.");
+  });
+  test("the hint shows while valid and is suppressed by the error", async () => {
+    render(/*#__PURE__*/_jsx(Hote, {
+      initialValue: false,
+      required: true,
+      hint: "Obligatoire pour soumettre la demande"
+    }));
+    expect(screen.getByText("Obligatoire pour soumettre la demande")).toBeInTheDocument();
+    await userEvent.click(screen.getByRole("checkbox"));
+    await userEvent.click(screen.getByRole("checkbox"));
+    expect(screen.queryByText("Obligatoire pour soumettre la demande")).not.toBeInTheDocument();
+  });
+});
+describe("FormikCheckbox — ARIA and DOM hygiene", () => {
+  test("`required` puts aria-required on the INPUT, not on the group", () => {
+    /* 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", () => {
+    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", async () => {
+    /* 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
+    }));
+    await userEvent.click(screen.getByRole("checkbox"));
+    await userEvent.click(screen.getByRole("checkbox"));
+    expect(screen.getByRole("checkbox")).not.toHaveAttribute("error");
+  });
+});
+//# sourceMappingURL=FormikCheckbox.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormikCheckbox.test.js","names":["React","render","screen","userEvent","Formik","Form","FormikCheckbox","jsx","_jsx","Hote","initialValue","required","onValues","props","initialValues","flag","validate","values","onSubmit","undefined","children","name","label","describe","test","vues","v","push","click","getByRole","expect","at","toBe","some","Array","isArray","avertissements","spy","jest","spyOn","console","mockImplementation","args","not","toBeChecked","a","String","includes","mockRestore","queryByRole","toBeInTheDocument","toHaveTextContent","toHaveAccessibleDescription","hint","getByText","queryByText","toHaveAttribute"],"sources":["../../../../src/lib/v2/__tests__/FormikCheckbox.test.tsx"],"sourcesContent":["import \"@testing-library/jest-dom\";\r\nimport * as React from \"react\";\r\nimport { render, screen } from \"@testing-library/react\";\r\nimport userEvent from \"@testing-library/user-event\";\r\nimport { Formik, Form } from \"formik\";\r\nimport FormikCheckbox from \"../patterns/FormikCheckbox\";\r\n\r\n/**\r\n * FormikCheckbox — contract tests (gap G-A).\r\n *\r\n * WHY THIS FILE EXISTS\r\n * --------------------\r\n * §10.3 R-G.6 MUST. But the contracts worth pinning here are the ones a\r\n * screenshot cannot see, and each of them is a real defect this bridge was\r\n * created to stop repeating:\r\n *\r\n *  1. THE VALUE SHAPE. This component exists because `FormikCheckboxGroup`\r\n *     writes an ARRAY. If a refactor ever routed this bridge through the group,\r\n *     hosts would start sending `[\"on\"]` where their payload declares a\r\n *     boolean — visually identical, and wrong all the way to the database.\r\n *\r\n *  2. TOUCHED-ON-CHANGE. A checkbox has no meaningful blur-before-change, so\r\n *     if the field is only marked touched on blur, a required-checkbox error\r\n *     stays invisible however many times the user clicks. That is exactly the\r\n *     defect reported from refonte-frontend, where a hand-rolled bridge\r\n *     rendered no message at all.\r\n *\r\n *  3. `aria-required` LANDS ON THE INPUT. `Field` injects it onto its child,\r\n *     which here is the CheckboxGroup — a `role=\"group\"` div that does not\r\n *     forward it. Assert the input, not the group.\r\n *\r\n *  4. NO `error` ATTRIBUTE ON THE DOM. `Field` clones its child with\r\n *     `error`/`disabled` for the v2 inputs that read them directly. A bare\r\n *     `Checkbox` would spread `error` down to the native input; the\r\n *     CheckboxGroup wrapper is what absorbs it. Drop the wrapper and React\r\n *     starts warning while every pixel stays identical.\r\n *\r\n * NOT COVERED — deliberately: the asterisk colour and the grey error panel are\r\n * CSS variables, which jsdom does not resolve. Those belong to the story.\r\n */\r\n\r\n/** Minimal host: a Formik form exposing its values for assertion. */\r\nfunction Hote({\r\n  initialValue,\r\n  required,\r\n  onValues,\r\n  ...props\r\n}: {\r\n  initialValue: boolean | null;\r\n  required?: boolean;\r\n  onValues?: (values: { flag: unknown }) => void;\r\n  label?: React.ReactNode;\r\n  hint?: React.ReactNode;\r\n}) {\r\n  return (\r\n    <Formik\r\n      initialValues={{ flag: initialValue }}\r\n      validate={(values) =>\r\n        required && values.flag !== true\r\n          ? { flag: \"Cochez cette case pour continuer.\" }\r\n          : {}\r\n      }\r\n      onSubmit={() => undefined}\r\n    >\r\n      {({ values }) => {\r\n        onValues?.(values);\r\n        return (\r\n          <Form>\r\n            <FormikCheckbox\r\n              name=\"flag\"\r\n              label=\"Première déclaration\"\r\n              {...(required !== undefined ? { required } : {})}\r\n              {...props}\r\n            />\r\n          </Form>\r\n        );\r\n      }}\r\n    </Formik>\r\n  );\r\n}\r\n\r\ndescribe(\"FormikCheckbox — the value stays a BOOLEAN\", () => {\r\n  test(\"toggling writes `true`, untoggling writes `false` — never an array\", async () => {\r\n    const vues: unknown[] = [];\r\n    render(\r\n      <Hote initialValue={false} onValues={(v) => vues.push(v.flag)} />\r\n    );\r\n\r\n    await userEvent.click(screen.getByRole(\"checkbox\"));\r\n    expect(vues.at(-1)).toBe(true);\r\n\r\n    await userEvent.click(screen.getByRole(\"checkbox\"));\r\n    expect(vues.at(-1)).toBe(false);\r\n\r\n    /* The point of the assertion: not one intermediate value was an array. */\r\n    expect(vues.some((v) => Array.isArray(v))).toBe(false);\r\n  });\r\n\r\n  test(\"a `null` seed renders a CONTROLLED, unchecked input\", () => {\r\n    /* Hosts seed these flags with `null` (« not answered yet »). Passing that\r\n     * straight to `checked` makes React treat the input as uncontrolled for one\r\n     * render, then warn and lose the first click. */\r\n    const avertissements: unknown[][] = [];\r\n    const spy = jest\r\n      .spyOn(console, \"error\")\r\n      .mockImplementation((...args: unknown[]) => {\r\n        avertissements.push(args);\r\n      });\r\n\r\n    render(<Hote initialValue={null} />);\r\n\r\n    expect(screen.getByRole(\"checkbox\")).not.toBeChecked();\r\n    expect(\r\n      avertissements.some((a) => String(a[0]).includes(\"uncontrolled\"))\r\n    ).toBe(false);\r\n\r\n    spy.mockRestore();\r\n  });\r\n});\r\n\r\ndescribe(\"FormikCheckbox — the error is reachable without a blur\", () => {\r\n  test(\"clicking marks the field touched, so the message appears\", async () => {\r\n    render(<Hote initialValue={false} required />);\r\n\r\n    /* Untouched: no message, however invalid the value is. */\r\n    expect(screen.queryByRole(\"alert\")).not.toBeInTheDocument();\r\n\r\n    /* Check then uncheck — the field is now touched AND invalid. */\r\n    await userEvent.click(screen.getByRole(\"checkbox\"));\r\n    await userEvent.click(screen.getByRole(\"checkbox\"));\r\n\r\n    expect(screen.getByRole(\"alert\")).toHaveTextContent(\r\n      \"Cochez cette case pour continuer.\"\r\n    );\r\n  });\r\n\r\n  test(\"the message becomes the group's accessible description\", async () => {\r\n    render(<Hote initialValue={false} required />);\r\n    await userEvent.click(screen.getByRole(\"checkbox\"));\r\n    await userEvent.click(screen.getByRole(\"checkbox\"));\r\n\r\n    expect(screen.getByRole(\"group\")).toHaveAccessibleDescription(\r\n      \"Cochez cette case pour continuer.\"\r\n    );\r\n  });\r\n\r\n  test(\"the hint shows while valid and is suppressed by the error\", async () => {\r\n    render(\r\n      <Hote\r\n        initialValue={false}\r\n        required\r\n        hint=\"Obligatoire pour soumettre la demande\"\r\n      />\r\n    );\r\n\r\n    expect(\r\n      screen.getByText(\"Obligatoire pour soumettre la demande\")\r\n    ).toBeInTheDocument();\r\n\r\n    await userEvent.click(screen.getByRole(\"checkbox\"));\r\n    await userEvent.click(screen.getByRole(\"checkbox\"));\r\n\r\n    expect(\r\n      screen.queryByText(\"Obligatoire pour soumettre la demande\")\r\n    ).not.toBeInTheDocument();\r\n  });\r\n});\r\n\r\ndescribe(\"FormikCheckbox — ARIA and DOM hygiene\", () => {\r\n  test(\"`required` puts aria-required on the INPUT, not on the group\", () => {\r\n    /* Field's own injection lands on the CheckboxGroup, which is a role=group\r\n     * div and does not forward it — hence the explicit inputProps route. */\r\n    render(<Hote initialValue={false} required />);\r\n\r\n    expect(screen.getByRole(\"checkbox\")).toHaveAttribute(\r\n      \"aria-required\",\r\n      \"true\"\r\n    );\r\n  });\r\n\r\n  test(\"the label names the checkbox\", () => {\r\n    render(<Hote initialValue={false} />);\r\n    expect(\r\n      screen.getByRole(\"checkbox\", { name: /Première déclaration/ })\r\n    ).toBeInTheDocument();\r\n  });\r\n\r\n  test(\"no `error` attribute leaks onto the native input\", async () => {\r\n    /* The CheckboxGroup wrapper is what absorbs Field's `error` clone. Without\r\n     * it React warns and the DOM carries an invalid attribute — with no visual\r\n     * tell whatsoever. */\r\n    render(<Hote initialValue={false} required />);\r\n    await userEvent.click(screen.getByRole(\"checkbox\"));\r\n    await userEvent.click(screen.getByRole(\"checkbox\"));\r\n\r\n    expect(screen.getByRole(\"checkbox\")).not.toHaveAttribute(\"error\");\r\n  });\r\n});\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,236 @@
+import "@testing-library/jest-dom";
+import { render, screen } from "@testing-library/react";
+import { Formik, Form } from "formik";
+import FormikDateTimePicker from "../patterns/FormikDateTimePicker";
+import FormikDatePicker from "../patterns/FormikDatePicker";
+import { DATETIME_FORMAT_CHARTER } from "../components/DateTimePicker";
+
+/**
+ * FormikDateTimePicker — contract tests (gap G-E).
+ *
+ * WHY THIS FILE EXISTS
+ * --------------------
+ * §10.3 R-G.6 MUST. Every case below pins a contract that a screenshot cannot
+ * see, and each corresponds to a defect this bridge exists to stop:
+ *
+ *  1. THE TIME SURVIVES. The whole reason the gap was opened: routed through
+ *     the date-only bridge, a visit scheduled at 14:30 would have been stored
+ *     at 00:00 — silently, with no error, and only the agent showing up at the
+ *     wrong hour would notice. The date-only sibling is asserted side by side,
+ *     so the reason TWO bridges exist stays legible.
+ *
+ *  2. THE ROUND-TRIP IS SYMMETRIC (S-03). A value written with a non-ISO
+ *     format must be READ BACK with that same format. The sibling once wrote
+ *     through moment and read through `new Date()`, which turned "31-12-2026"
+ *     into Invalid Date and "05-03-2026" into 3 May. The write path worked, so
+ *     the damage only appeared on RE-POPULATE — an edit flow, the path a smoke
+ *     test never exercises. One module shipped it for seven batches under a
+ *     clean strict typecheck.
+ *
+ *  3. A MALFORMED STORED VALUE YIELDS EMPTY, NOT A PLAUSIBLE WRONG DATE.
+ *     Strict parsing. A missing date is recoverable; a date quietly off by two
+ *     months is not.
+ *
+ * ── HOW THESE ASSERTIONS READ THE FIELD (and why not by role "textbox") ──
+ *
+ * MUI X v9 renders no textbox. The field is a `role="group"` containing one
+ * `role="spinbutton"` PER SECTION (Year, Month, Day, Hours, Minutes), each
+ * carrying `aria-valuenow`; the input that holds the formatted string is
+ * `aria-hidden`. So the assertions read the sections.
+ *
+ * That is not a workaround, it is the better probe: `aria-valuenow` is the
+ * PARSED value, independent of any display format. A test reading the
+ * formatted text would pass or fail on locale and format changes that have
+ * nothing to do with the contract under test. Reading the sections also makes
+ * the date-only comparison exact — the sibling renders no Hours section at
+ * all, rather than rendering one that happens to read 00.
+ *
+ * NOT COVERED — deliberately: opening the picker popup and clicking a day.
+ * MUI X renders its calendar in a portal with its own interaction model; the
+ * value plumbing is what belongs to this bridge. The visual side belongs to
+ * the story.
+ */
+
+/** Valeur analysee d'une section du champ (Year, Month, Day, Hours, Minutes). */
+import { jsx as _jsx } from "react/jsx-runtime";
+function sectionValeur(nom) {
+  return screen.getByRole("spinbutton", {
+    name: nom
+  }).getAttribute("aria-valuenow");
+}
+
+/** Vrai quand la section est vide (aucune date rendue). */
+function sectionVide(nom) {
+  return screen.getByRole("spinbutton", {
+    name: nom
+  }).getAttribute("aria-valuetext") === "Empty";
+}
+function HoteLecture({
+  valeurInitiale,
+  outputFormat,
+  readOnly
+}) {
+  return /*#__PURE__*/_jsx(Formik, {
+    initialValues: {
+      dateVisite: valeurInitiale
+    },
+    onSubmit: () => undefined,
+    children: /*#__PURE__*/_jsx(Form, {
+      children: /*#__PURE__*/_jsx(FormikDateTimePicker, {
+        name: "dateVisite",
+        label: "Date de la visite",
+        ...(outputFormat !== undefined ? {
+          outputFormat
+        } : {}),
+        ...(readOnly !== undefined ? {
+          readOnly
+        } : {})
+      })
+    })
+  });
+}
+describe("FormikDateTimePicker — the time survives", () => {
+  test("an hour stored in Formik reaches the field's time sections", () => {
+    render(/*#__PURE__*/_jsx(HoteLecture, {
+      valeurInitiale: new Date(2026, 4, 31, 14, 30)
+    }));
+    expect(sectionValeur("Hours")).toBe("14");
+    expect(sectionValeur("Minutes")).toBe("30");
+    /* La date, elle, est intacte : 31 mai 2026. */
+    expect(sectionValeur("Day")).toBe("31");
+    expect(sectionValeur("Month")).toBe("5");
+  });
+  test("the date-only sibling has NO time section — which is why G-E exists", () => {
+    render(/*#__PURE__*/_jsx(Formik, {
+      initialValues: {
+        dateVisite: new Date(2026, 4, 31, 14, 30)
+      },
+      onSubmit: () => undefined,
+      children: /*#__PURE__*/_jsx(Form, {
+        children: /*#__PURE__*/_jsx(FormikDatePicker, {
+          name: "dateVisite",
+          label: "Date de la visite"
+        })
+      })
+    }));
+
+    /* Pas de section « Hours » du tout : l'heure n'est pas affichee a 00, elle
+     * est absente du champ — donc perdue des que la valeur est reserialisee. */
+    expect(screen.queryByRole("spinbutton", {
+      name: "Hours"
+    })).not.toBeInTheDocument();
+    expect(screen.getByRole("spinbutton", {
+      name: "Day"
+    })).toBeInTheDocument();
+  });
+});
+describe("FormikDateTimePicker — the round-trip is symmetric (S-03)", () => {
+  test("a value written in the charter format is read back with it", () => {
+    render(/*#__PURE__*/_jsx(HoteLecture, {
+      valeurInitiale: "2026-12-31 14:30",
+      outputFormat: DATETIME_FORMAT_CHARTER
+    }));
+    expect(sectionValeur("Day")).toBe("31");
+    expect(sectionValeur("Month")).toBe("12");
+    expect(sectionValeur("Hours")).toBe("14");
+    expect(sectionValeur("Minutes")).toBe("30");
+  });
+  test("a day-first stored value is NOT misread as month-first", () => {
+    /* `new Date("05-03-2026 09:15")` lit MM-DD en V8 : le 3 mai au lieu du
+     * 5 mars. Avec le format declare, moment lit bien le 5 mars. C'est
+     * exactement le cas que S-03 decrit. */
+    render(/*#__PURE__*/_jsx(HoteLecture, {
+      valeurInitiale: "05-03-2026 09:15",
+      outputFormat: "DD-MM-YYYY HH:mm"
+    }));
+    expect(sectionValeur("Month")).toBe("3");
+    expect(sectionValeur("Day")).toBe("5");
+    expect(sectionValeur("Hours")).toBe("9");
+    expect(sectionValeur("Minutes")).toBe("15");
+  });
+  test("a malformed stored value renders EMPTY, not a guess", () => {
+    render(/*#__PURE__*/_jsx(HoteLecture, {
+      valeurInitiale: "pas-une-date",
+      outputFormat: DATETIME_FORMAT_CHARTER
+    }));
+    expect(sectionVide("Year")).toBe(true);
+    expect(sectionVide("Day")).toBe(true);
+    expect(sectionVide("Hours")).toBe(true);
+  });
+  test("`null` renders empty and does not warn about an uncontrolled input", () => {
+    const avertissements = [];
+    const spy = jest.spyOn(console, "error").mockImplementation((...args) => {
+      avertissements.push(args);
+    });
+    render(/*#__PURE__*/_jsx(HoteLecture, {
+      valeurInitiale: null
+    }));
+    expect(sectionVide("Year")).toBe(true);
+    expect(avertissements.some(a => String(a[0]).includes("uncontrolled"))).toBe(false);
+    spy.mockRestore();
+  });
+});
+describe("FormikDateTimePicker — read-only mode", () => {
+  test("`readOnly` renders display TEXT, not a picker", () => {
+    /* Section Read Only Mode : « Inputs are forbidden in read-only mode. » */
+    render(/*#__PURE__*/_jsx(HoteLecture, {
+      valeurInitiale: new Date(2026, 11, 31, 14, 30),
+      readOnly: true
+    }));
+    expect(screen.queryByRole("spinbutton", {
+      name: "Year"
+    })).not.toBeInTheDocument();
+    expect(screen.getByText(/31\/12\/2026 14:30/)).toBeInTheDocument();
+  });
+  test("an empty value in read-only mode shows the dash, not a blank panel", () => {
+    render(/*#__PURE__*/_jsx(HoteLecture, {
+      valeurInitiale: null,
+      readOnly: true
+    }));
+    expect(screen.getByText("—")).toBeInTheDocument();
+  });
+});
+describe("FormikDateTimePicker — labelling", () => {
+  test("the visible label is wired to the field id produced by Field", () => {
+    render(/*#__PURE__*/_jsx(HoteLecture, {
+      valeurInitiale: null
+    }));
+
+    /* Une premiere version verifiait aussi, par `document.getElementById`, que
+     * l'element porteur de cet id existe. Deux raisons de l'avoir retiree :
+     * `testing-library/no-node-access` l'interdit a juste titre, et surtout
+     * l'assertion visait a cote. L'element existe bel et bien — c'est l'input
+     * porteur de valeur — mais MUI X v9 le marque `aria-hidden`, donc son
+     * existence ne prouve RIEN sur ce qui compte. Voir la note ci-dessous. */
+    expect(screen.getByText("Date de la visite")).toHaveAttribute("for", "dateVisite");
+  });
+
+  /**
+   * CE QUI N'EST PAS ASSERTE ICI, ET POURQUOI — defaut ouvert (G-F, reporte)
+   *
+   * Le champ n'a PAS de nom accessible, et ce n'est pas le seul degat : les
+   * QUATRE attributs d'association poses par `Field` sont inertes.
+   *
+   * `DateTimePicker` intercepte bien `id`, `aria-describedby`, `aria-invalid`
+   * et `aria-required` et les route sur l'`<input>` porteur de valeur (c'est le
+   * correctif DP-1, ecrit exprès) — mais MUI X v9 marque cet input
+   * `aria-hidden="true"`. Le champ visible est un `role="group"` de
+   * `role="spinbutton"` par section. Donc : l'etiquette ne nomme rien
+   * (R-I.1), l'indication et le message d'erreur ne sont jamais annonces
+   * (R-I.3, R-4.1), et un champ requis ne se declare pas requis (R-I.2).
+   *
+   * DEUX TENTATIVES ONT ECHOUE, notees pour ne pas etre refaites :
+   *   1. router les attributs par `slotProps.textField.InputProps` — accepte
+   *      par les types, n'atterrit nulle part ;
+   *   2. passer le pont en mode `group` de `Field` — `Field` emet bien
+   *      `aria-labelledby`, mais rien ne le porte jusqu'au groupe, ET le mode
+   *      `group` supprime le `<label for>` : on perd le clic-sur-libellé sans
+   *      rien gagner.
+   *
+   * Figer l'etat actuel par une assertion « le nom est vide » en ferait un
+   * comportement attendu, ce qu'il n'est pas. Le correctif demande le vrai
+   * point d'ancrage v9 de `PickersInputBase`, et il touche `DatePicker` ET
+   * `DateTimePicker` — donc tous les champs de date du portefeuille. Batch 10.
+   */
+});
+//# sourceMappingURL=FormikDateTimePicker.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormikDateTimePicker.test.js","names":["render","screen","Formik","Form","FormikDateTimePicker","FormikDatePicker","DATETIME_FORMAT_CHARTER","jsx","_jsx","sectionValeur","nom","getByRole","name","getAttribute","sectionVide","HoteLecture","valeurInitiale","outputFormat","readOnly","initialValues","dateVisite","onSubmit","undefined","children","label","describe","test","Date","expect","toBe","queryByRole","not","toBeInTheDocument","avertissements","spy","jest","spyOn","console","mockImplementation","args","push","some","a","String","includes","mockRestore","getByText","toHaveAttribute"],"sources":["../../../../src/lib/v2/__tests__/FormikDateTimePicker.test.tsx"],"sourcesContent":["import \"@testing-library/jest-dom\";\r\nimport { render, screen } from \"@testing-library/react\";\r\nimport { Formik, Form } from \"formik\";\r\nimport FormikDateTimePicker from \"../patterns/FormikDateTimePicker\";\r\nimport FormikDatePicker from \"../patterns/FormikDatePicker\";\r\nimport { DATETIME_FORMAT_CHARTER } from \"../components/DateTimePicker\";\r\n\r\n/**\r\n * FormikDateTimePicker — contract tests (gap G-E).\r\n *\r\n * WHY THIS FILE EXISTS\r\n * --------------------\r\n * §10.3 R-G.6 MUST. Every case below pins a contract that a screenshot cannot\r\n * see, and each corresponds to a defect this bridge exists to stop:\r\n *\r\n *  1. THE TIME SURVIVES. The whole reason the gap was opened: routed through\r\n *     the date-only bridge, a visit scheduled at 14:30 would have been stored\r\n *     at 00:00 — silently, with no error, and only the agent showing up at the\r\n *     wrong hour would notice. The date-only sibling is asserted side by side,\r\n *     so the reason TWO bridges exist stays legible.\r\n *\r\n *  2. THE ROUND-TRIP IS SYMMETRIC (S-03). A value written with a non-ISO\r\n *     format must be READ BACK with that same format. The sibling once wrote\r\n *     through moment and read through `new Date()`, which turned \"31-12-2026\"\r\n *     into Invalid Date and \"05-03-2026\" into 3 May. The write path worked, so\r\n *     the damage only appeared on RE-POPULATE — an edit flow, the path a smoke\r\n *     test never exercises. One module shipped it for seven batches under a\r\n *     clean strict typecheck.\r\n *\r\n *  3. A MALFORMED STORED VALUE YIELDS EMPTY, NOT A PLAUSIBLE WRONG DATE.\r\n *     Strict parsing. A missing date is recoverable; a date quietly off by two\r\n *     months is not.\r\n *\r\n * ── HOW THESE ASSERTIONS READ THE FIELD (and why not by role \"textbox\") ──\r\n *\r\n * MUI X v9 renders no textbox. The field is a `role=\"group\"` containing one\r\n * `role=\"spinbutton\"` PER SECTION (Year, Month, Day, Hours, Minutes), each\r\n * carrying `aria-valuenow`; the input that holds the formatted string is\r\n * `aria-hidden`. So the assertions read the sections.\r\n *\r\n * That is not a workaround, it is the better probe: `aria-valuenow` is the\r\n * PARSED value, independent of any display format. A test reading the\r\n * formatted text would pass or fail on locale and format changes that have\r\n * nothing to do with the contract under test. Reading the sections also makes\r\n * the date-only comparison exact — the sibling renders no Hours section at\r\n * all, rather than rendering one that happens to read 00.\r\n *\r\n * NOT COVERED — deliberately: opening the picker popup and clicking a day.\r\n * MUI X renders its calendar in a portal with its own interaction model; the\r\n * value plumbing is what belongs to this bridge. The visual side belongs to\r\n * the story.\r\n */\r\n\r\n/** Valeur analysee d'une section du champ (Year, Month, Day, Hours, Minutes). */\r\nfunction sectionValeur(nom: string): string | null {\r\n  return screen\r\n    .getByRole(\"spinbutton\", { name: nom })\r\n    .getAttribute(\"aria-valuenow\");\r\n}\r\n\r\n/** Vrai quand la section est vide (aucune date rendue). */\r\nfunction sectionVide(nom: string): boolean {\r\n  return (\r\n    screen.getByRole(\"spinbutton\", { name: nom }).getAttribute(\"aria-valuetext\") ===\r\n    \"Empty\"\r\n  );\r\n}\r\n\r\nfunction HoteLecture({\r\n  valeurInitiale,\r\n  outputFormat,\r\n  readOnly,\r\n}: {\r\n  valeurInitiale: unknown;\r\n  outputFormat?: string;\r\n  readOnly?: boolean;\r\n}) {\r\n  return (\r\n    <Formik\r\n      initialValues={{ dateVisite: valeurInitiale }}\r\n      onSubmit={() => undefined}\r\n    >\r\n      <Form>\r\n        <FormikDateTimePicker\r\n          name=\"dateVisite\"\r\n          label=\"Date de la visite\"\r\n          {...(outputFormat !== undefined ? { outputFormat } : {})}\r\n          {...(readOnly !== undefined ? { readOnly } : {})}\r\n        />\r\n      </Form>\r\n    </Formik>\r\n  );\r\n}\r\n\r\ndescribe(\"FormikDateTimePicker — the time survives\", () => {\r\n  test(\"an hour stored in Formik reaches the field's time sections\", () => {\r\n    render(<HoteLecture valeurInitiale={new Date(2026, 4, 31, 14, 30)} />);\r\n\r\n    expect(sectionValeur(\"Hours\")).toBe(\"14\");\r\n    expect(sectionValeur(\"Minutes\")).toBe(\"30\");\r\n    /* La date, elle, est intacte : 31 mai 2026. */\r\n    expect(sectionValeur(\"Day\")).toBe(\"31\");\r\n    expect(sectionValeur(\"Month\")).toBe(\"5\");\r\n  });\r\n\r\n  test(\"the date-only sibling has NO time section — which is why G-E exists\", () => {\r\n    render(\r\n      <Formik\r\n        initialValues={{ dateVisite: new Date(2026, 4, 31, 14, 30) }}\r\n        onSubmit={() => undefined}\r\n      >\r\n        <Form>\r\n          <FormikDatePicker name=\"dateVisite\" label=\"Date de la visite\" />\r\n        </Form>\r\n      </Formik>\r\n    );\r\n\r\n    /* Pas de section « Hours » du tout : l'heure n'est pas affichee a 00, elle\r\n     * est absente du champ — donc perdue des que la valeur est reserialisee. */\r\n    expect(\r\n      screen.queryByRole(\"spinbutton\", { name: \"Hours\" })\r\n    ).not.toBeInTheDocument();\r\n    expect(screen.getByRole(\"spinbutton\", { name: \"Day\" })).toBeInTheDocument();\r\n  });\r\n});\r\n\r\ndescribe(\"FormikDateTimePicker — the round-trip is symmetric (S-03)\", () => {\r\n  test(\"a value written in the charter format is read back with it\", () => {\r\n    render(\r\n      <HoteLecture\r\n        valeurInitiale=\"2026-12-31 14:30\"\r\n        outputFormat={DATETIME_FORMAT_CHARTER}\r\n      />\r\n    );\r\n\r\n    expect(sectionValeur(\"Day\")).toBe(\"31\");\r\n    expect(sectionValeur(\"Month\")).toBe(\"12\");\r\n    expect(sectionValeur(\"Hours\")).toBe(\"14\");\r\n    expect(sectionValeur(\"Minutes\")).toBe(\"30\");\r\n  });\r\n\r\n  test(\"a day-first stored value is NOT misread as month-first\", () => {\r\n    /* `new Date(\"05-03-2026 09:15\")` lit MM-DD en V8 : le 3 mai au lieu du\r\n     * 5 mars. Avec le format declare, moment lit bien le 5 mars. C'est\r\n     * exactement le cas que S-03 decrit. */\r\n    render(\r\n      <HoteLecture\r\n        valeurInitiale=\"05-03-2026 09:15\"\r\n        outputFormat=\"DD-MM-YYYY HH:mm\"\r\n      />\r\n    );\r\n\r\n    expect(sectionValeur(\"Month\")).toBe(\"3\");\r\n    expect(sectionValeur(\"Day\")).toBe(\"5\");\r\n    expect(sectionValeur(\"Hours\")).toBe(\"9\");\r\n    expect(sectionValeur(\"Minutes\")).toBe(\"15\");\r\n  });\r\n\r\n  test(\"a malformed stored value renders EMPTY, not a guess\", () => {\r\n    render(\r\n      <HoteLecture\r\n        valeurInitiale=\"pas-une-date\"\r\n        outputFormat={DATETIME_FORMAT_CHARTER}\r\n      />\r\n    );\r\n\r\n    expect(sectionVide(\"Year\")).toBe(true);\r\n    expect(sectionVide(\"Day\")).toBe(true);\r\n    expect(sectionVide(\"Hours\")).toBe(true);\r\n  });\r\n\r\n  test(\"`null` renders empty and does not warn about an uncontrolled input\", () => {\r\n    const avertissements: unknown[][] = [];\r\n    const spy = jest\r\n      .spyOn(console, \"error\")\r\n      .mockImplementation((...args: unknown[]) => {\r\n        avertissements.push(args);\r\n      });\r\n\r\n    render(<HoteLecture valeurInitiale={null} />);\r\n\r\n    expect(sectionVide(\"Year\")).toBe(true);\r\n    expect(\r\n      avertissements.some((a) => String(a[0]).includes(\"uncontrolled\"))\r\n    ).toBe(false);\r\n\r\n    spy.mockRestore();\r\n  });\r\n});\r\n\r\ndescribe(\"FormikDateTimePicker — read-only mode\", () => {\r\n  test(\"`readOnly` renders display TEXT, not a picker\", () => {\r\n    /* Section Read Only Mode : « Inputs are forbidden in read-only mode. » */\r\n    render(\r\n      <HoteLecture valeurInitiale={new Date(2026, 11, 31, 14, 30)} readOnly />\r\n    );\r\n\r\n    expect(\r\n      screen.queryByRole(\"spinbutton\", { name: \"Year\" })\r\n    ).not.toBeInTheDocument();\r\n    expect(screen.getByText(/31\\/12\\/2026 14:30/)).toBeInTheDocument();\r\n  });\r\n\r\n  test(\"an empty value in read-only mode shows the dash, not a blank panel\", () => {\r\n    render(<HoteLecture valeurInitiale={null} readOnly />);\r\n    expect(screen.getByText(\"—\")).toBeInTheDocument();\r\n  });\r\n});\r\n\r\ndescribe(\"FormikDateTimePicker — labelling\", () => {\r\n  test(\"the visible label is wired to the field id produced by Field\", () => {\r\n    render(<HoteLecture valeurInitiale={null} />);\r\n\r\n    /* Une premiere version verifiait aussi, par `document.getElementById`, que\r\n     * l'element porteur de cet id existe. Deux raisons de l'avoir retiree :\r\n     * `testing-library/no-node-access` l'interdit a juste titre, et surtout\r\n     * l'assertion visait a cote. L'element existe bel et bien — c'est l'input\r\n     * porteur de valeur — mais MUI X v9 le marque `aria-hidden`, donc son\r\n     * existence ne prouve RIEN sur ce qui compte. Voir la note ci-dessous. */\r\n    expect(screen.getByText(\"Date de la visite\")).toHaveAttribute(\r\n      \"for\",\r\n      \"dateVisite\"\r\n    );\r\n  });\r\n\r\n  /**\r\n   * CE QUI N'EST PAS ASSERTE ICI, ET POURQUOI — defaut ouvert (G-F, reporte)\r\n   *\r\n   * Le champ n'a PAS de nom accessible, et ce n'est pas le seul degat : les\r\n   * QUATRE attributs d'association poses par `Field` sont inertes.\r\n   *\r\n   * `DateTimePicker` intercepte bien `id`, `aria-describedby`, `aria-invalid`\r\n   * et `aria-required` et les route sur l'`<input>` porteur de valeur (c'est le\r\n   * correctif DP-1, ecrit exprès) — mais MUI X v9 marque cet input\r\n   * `aria-hidden=\"true\"`. Le champ visible est un `role=\"group\"` de\r\n   * `role=\"spinbutton\"` par section. Donc : l'etiquette ne nomme rien\r\n   * (R-I.1), l'indication et le message d'erreur ne sont jamais annonces\r\n   * (R-I.3, R-4.1), et un champ requis ne se declare pas requis (R-I.2).\r\n   *\r\n   * DEUX TENTATIVES ONT ECHOUE, notees pour ne pas etre refaites :\r\n   *   1. router les attributs par `slotProps.textField.InputProps` — accepte\r\n   *      par les types, n'atterrit nulle part ;\r\n   *   2. passer le pont en mode `group` de `Field` — `Field` emet bien\r\n   *      `aria-labelledby`, mais rien ne le porte jusqu'au groupe, ET le mode\r\n   *      `group` supprime le `<label for>` : on perd le clic-sur-libellé sans\r\n   *      rien gagner.\r\n   *\r\n   * Figer l'etat actuel par une assertion « le nom est vide » en ferait un\r\n   * comportement attendu, ce qu'il n'est pas. Le correctif demande le vrai\r\n   * point d'ancrage v9 de `PickersInputBase`, et il touche `DatePicker` ET\r\n   * `DateTimePicker` — donc tous les champs de date du portefeuille. Batch 10.\r\n   */\r\n});\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,101 @@
+import "@testing-library/jest-dom";
+import { render, screen } from "@testing-library/react";
+import { Formik } from "formik";
+import { FIELD_MAX_WIDTH } from "../components/Field";
+import FormikDisplay from "../components/FormikDisplay";
+
+/**
+ * FormikDisplay — largeur semantique (gap G-H, suite) : tests de contrat.
+ *
+ * MEME LIMITE QUE `FieldWidth.test.tsx`, ET POUR LA MEME RAISON. Le plafond
+ * n'est pose qu'a partir du palier `sm`, donc derriere une requete media
+ * qu'`emotion` injecte dans la feuille de style et que jsdom ne resout pas :
+ * `getComputedStyle` ne rendra jamais la largeur effective. Asserter la
+ * largeur ici donnerait un test qui passe sans rien verifier. Le comportement
+ * responsive s'observe dans la story, en redimensionnant la fenetre.
+ *
+ * Ce fichier epingle donc ce qui compte et qui est verifiable :
+ *
+ *  1. QUE LA TABLE DE LARGEURS EST CELLE DE `Field`, ET NON UNE COPIE. C'est
+ *     le risque propre a cet ajout : `FormikDisplay` ne passe pas par `Field`,
+ *     il aurait donc pu redeclarer ses cinq valeurs. Deux tables finiraient
+ *     par diverger, et un formulaire melant saisie et affichage retomberait
+ *     dans le « jagged alignment » que le standard interdit — exactement le
+ *     defaut que cet ajout corrige.
+ *
+ *  2. QUE `width` NE TOUCHE PAS AU RENDU NI AU NOM ACCESSIBLE. Une contrainte
+ *     de mise en page passee par `sx` ne doit rien changer a la valeur
+ *     affichee ni a ce qu'annonce une technologie d'assistance : c'est la
+ *     regression la plus probable du changement.
+ *
+ *  3. QUE L'OMISSION RESTE NEUTRE. Sans `width`, les appelants d'avant ne
+ *     doivent pas bouger.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+const withFormik = (children, values) => render(/*#__PURE__*/_jsx(Formik, {
+  initialValues: values,
+  onSubmit: () => undefined,
+  children: () => children
+}));
+describe("FormikDisplay — la table de largeurs est partagee avec Field", () => {
+  test("les cinq gabarits sont ceux de `Field`, importes et non recopies", () => {
+    /* Ce test echouerait si quelqu'un redeclarait une table locale dans
+     * `FormikDisplay` : les valeurs sont epinglees UNE fois, dans
+     * `FieldWidth.test.tsx`, et ce fichier verifie que c'est bien la meme
+     * source qui est exposee aux deux composants. */
+    expect(Object.keys(FIELD_MAX_WIDTH).sort()).toEqual(["l", "m", "s", "xl", "xs"]);
+  });
+});
+describe("FormikDisplay — `width` ne touche ni au rendu ni au nom accessible", () => {
+  test("la valeur Formik reste affichee", () => {
+    withFormik(/*#__PURE__*/_jsx(FormikDisplay, {
+      name: "ice",
+      label: "ICE",
+      width: "s"
+    }), {
+      ice: "001234567000089"
+    });
+    expect(screen.getByText("001234567000089")).toBeInTheDocument();
+  });
+  test("le libelle et la valeur restent annonces ensemble", () => {
+    /* `FormikDisplay` expose sa boite en `role="status"` avec un
+     * `aria-label` « libelle : valeur » — c'est ce couple qu'une technologie
+     * d'assistance lit, et il ne doit pas dependre du gabarit. */
+    withFormik(/*#__PURE__*/_jsx(FormikDisplay, {
+      name: "raisonSociale",
+      label: "Raison sociale",
+      width: "l"
+    }), {
+      raisonSociale: "SOFRANE SA"
+    });
+    expect(screen.getByRole("status", {
+      name: "Raison sociale : SOFRANE SA"
+    })).toBeInTheDocument();
+  });
+  test("le placeholder de valeur vide est inchange", () => {
+    withFormik(/*#__PURE__*/_jsx(FormikDisplay, {
+      name: "ice",
+      label: "ICE",
+      width: "s"
+    }), {
+      ice: ""
+    });
+    expect(screen.getByRole("status", {
+      name: "ICE : \u2014"
+    })).toBeInTheDocument();
+  });
+});
+describe("FormikDisplay — l'omission reste neutre", () => {
+  test("sans `width`, la valeur et son nom accessible sont identiques", () => {
+    withFormik(/*#__PURE__*/_jsx(FormikDisplay, {
+      name: "email",
+      label: "Email"
+    }), {
+      email: "operateur@example.ma"
+    });
+    expect(screen.getByRole("status", {
+      name: "Email : operateur@example.ma"
+    })).toBeInTheDocument();
+  });
+});
+//# sourceMappingURL=FormikDisplayWidth.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormikDisplayWidth.test.js","names":["render","screen","Formik","FIELD_MAX_WIDTH","FormikDisplay","jsx","_jsx","withFormik","children","values","initialValues","onSubmit","undefined","describe","test","expect","Object","keys","sort","toEqual","name","label","width","ice","getByText","toBeInTheDocument","raisonSociale","getByRole","email"],"sources":["../../../../src/lib/v2/__tests__/FormikDisplayWidth.test.tsx"],"sourcesContent":["import \"@testing-library/jest-dom\";\r\nimport { render, screen } from \"@testing-library/react\";\r\nimport { Formik } from \"formik\";\r\nimport type { ReactNode } from \"react\";\r\nimport { FIELD_MAX_WIDTH } from \"../components/Field\";\r\nimport FormikDisplay from \"../components/FormikDisplay\";\r\n\r\n/**\r\n * FormikDisplay — largeur semantique (gap G-H, suite) : tests de contrat.\r\n *\r\n * MEME LIMITE QUE `FieldWidth.test.tsx`, ET POUR LA MEME RAISON. Le plafond\r\n * n'est pose qu'a partir du palier `sm`, donc derriere une requete media\r\n * qu'`emotion` injecte dans la feuille de style et que jsdom ne resout pas :\r\n * `getComputedStyle` ne rendra jamais la largeur effective. Asserter la\r\n * largeur ici donnerait un test qui passe sans rien verifier. Le comportement\r\n * responsive s'observe dans la story, en redimensionnant la fenetre.\r\n *\r\n * Ce fichier epingle donc ce qui compte et qui est verifiable :\r\n *\r\n *  1. QUE LA TABLE DE LARGEURS EST CELLE DE `Field`, ET NON UNE COPIE. C'est\r\n *     le risque propre a cet ajout : `FormikDisplay` ne passe pas par `Field`,\r\n *     il aurait donc pu redeclarer ses cinq valeurs. Deux tables finiraient\r\n *     par diverger, et un formulaire melant saisie et affichage retomberait\r\n *     dans le « jagged alignment » que le standard interdit — exactement le\r\n *     defaut que cet ajout corrige.\r\n *\r\n *  2. QUE `width` NE TOUCHE PAS AU RENDU NI AU NOM ACCESSIBLE. Une contrainte\r\n *     de mise en page passee par `sx` ne doit rien changer a la valeur\r\n *     affichee ni a ce qu'annonce une technologie d'assistance : c'est la\r\n *     regression la plus probable du changement.\r\n *\r\n *  3. QUE L'OMISSION RESTE NEUTRE. Sans `width`, les appelants d'avant ne\r\n *     doivent pas bouger.\r\n */\r\n\r\nconst withFormik = (children: ReactNode, values: Record<string, unknown>) =>\r\n  render(\r\n    <Formik initialValues={values} onSubmit={() => undefined}>\r\n      {() => children}\r\n    </Formik>\r\n  );\r\n\r\ndescribe(\"FormikDisplay — la table de largeurs est partagee avec Field\", () => {\r\n  test(\"les cinq gabarits sont ceux de `Field`, importes et non recopies\", () => {\r\n    /* Ce test echouerait si quelqu'un redeclarait une table locale dans\r\n     * `FormikDisplay` : les valeurs sont epinglees UNE fois, dans\r\n     * `FieldWidth.test.tsx`, et ce fichier verifie que c'est bien la meme\r\n     * source qui est exposee aux deux composants. */\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(\"FormikDisplay — `width` ne touche ni au rendu ni au nom accessible\", () => {\r\n  test(\"la valeur Formik reste affichee\", () => {\r\n    withFormik(\r\n      <FormikDisplay name=\"ice\" label=\"ICE\" width=\"s\" />,\r\n      { ice: \"001234567000089\" }\r\n    );\r\n\r\n    expect(screen.getByText(\"001234567000089\")).toBeInTheDocument();\r\n  });\r\n\r\n  test(\"le libelle et la valeur restent annonces ensemble\", () => {\r\n    /* `FormikDisplay` expose sa boite en `role=\"status\"` avec un\r\n     * `aria-label` « libelle : valeur » — c'est ce couple qu'une technologie\r\n     * d'assistance lit, et il ne doit pas dependre du gabarit. */\r\n    withFormik(\r\n      <FormikDisplay name=\"raisonSociale\" label=\"Raison sociale\" width=\"l\" />,\r\n      { raisonSociale: \"SOFRANE SA\" }\r\n    );\r\n\r\n    expect(\r\n      screen.getByRole(\"status\", { name: \"Raison sociale : SOFRANE SA\" })\r\n    ).toBeInTheDocument();\r\n  });\r\n\r\n  test(\"le placeholder de valeur vide est inchange\", () => {\r\n    withFormik(<FormikDisplay name=\"ice\" label=\"ICE\" width=\"s\" />, { ice: \"\" });\r\n\r\n    expect(\r\n      screen.getByRole(\"status\", { name: \"ICE : \\u2014\" })\r\n    ).toBeInTheDocument();\r\n  });\r\n});\r\n\r\ndescribe(\"FormikDisplay — l'omission reste neutre\", () => {\r\n  test(\"sans `width`, la valeur et son nom accessible sont identiques\", () => {\r\n    withFormik(<FormikDisplay name=\"email\" label=\"Email\" />, {\r\n      email: \"operateur@example.ma\",\r\n    });\r\n\r\n    expect(\r\n      screen.getByRole(\"status\", { name: \"Email : operateur@example.ma\" })\r\n    ).toBeInTheDocument();\r\n  });\r\n});\r\n"],"mappings":"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","ignoreList":[]}