@portnet/ui 6.0.1 → 6.0.3

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

@@ -0,0 +1,237 @@
+"use strict";
+
+require("@testing-library/jest-dom");
+var _react = require("@testing-library/react");
+var _formik = require("formik");
+var _FormikDateTimePicker = _interopRequireDefault(require("../patterns/FormikDateTimePicker"));
+var _FormikDatePicker = _interopRequireDefault(require("../patterns/FormikDatePicker"));
+var _DateTimePicker = require("../components/DateTimePicker");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * 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). */function sectionValeur(nom) {
+  return _react.screen.getByRole("spinbutton", {
+    name: nom
+  }).getAttribute("aria-valuenow");
+}
+
+/** Vrai quand la section est vide (aucune date rendue). */
+function sectionVide(nom) {
+  return _react.screen.getByRole("spinbutton", {
+    name: nom
+  }).getAttribute("aria-valuetext") === "Empty";
+}
+function HoteLecture({
+  valeurInitiale,
+  outputFormat,
+  readOnly
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.Formik, {
+    initialValues: {
+      dateVisite: valeurInitiale
+    },
+    onSubmit: () => undefined,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.Form, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormikDateTimePicker.default, {
+        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", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.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", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.Formik, {
+      initialValues: {
+        dateVisite: new Date(2026, 4, 31, 14, 30)
+      },
+      onSubmit: () => undefined,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.Form, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormikDatePicker.default, {
+          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(_react.screen.queryByRole("spinbutton", {
+      name: "Hours"
+    })).not.toBeInTheDocument();
+    expect(_react.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", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(HoteLecture, {
+      valeurInitiale: "2026-12-31 14:30",
+      outputFormat: _DateTimePicker.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. */
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.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", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(HoteLecture, {
+      valeurInitiale: "pas-une-date",
+      outputFormat: _DateTimePicker.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);
+    });
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.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. » */
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(HoteLecture, {
+      valeurInitiale: new Date(2026, 11, 31, 14, 30),
+      readOnly: true
+    }));
+    expect(_react.screen.queryByRole("spinbutton", {
+      name: "Year"
+    })).not.toBeInTheDocument();
+    expect(_react.screen.getByText(/31\/12\/2026 14:30/)).toBeInTheDocument();
+  });
+  test("an empty value in read-only mode shows the dash, not a blank panel", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(HoteLecture, {
+      valeurInitiale: null,
+      readOnly: true
+    }));
+    expect(_react.screen.getByText("—")).toBeInTheDocument();
+  });
+});
+describe("FormikDateTimePicker — labelling", () => {
+  test("the visible label is wired to the field id produced by Field", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.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(_react.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/v2/__tests__/FormikDateTimePicker.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormikDateTimePicker.test.js","names":["require","_react","_formik","_FormikDateTimePicker","_interopRequireDefault","_FormikDatePicker","_DateTimePicker","_jsxRuntime","e","__esModule","default","sectionValeur","nom","screen","getByRole","name","getAttribute","sectionVide","HoteLecture","valeurInitiale","outputFormat","readOnly","jsx","Formik","initialValues","dateVisite","onSubmit","undefined","children","Form","label","describe","test","render","Date","expect","toBe","queryByRole","not","toBeInTheDocument","DATETIME_FORMAT_CHARTER","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/v2/__tests__/FormikDisplayWidth.test.js

@@ -0,0 +1,102 @@
+"use strict";
+
+require("@testing-library/jest-dom");
+var _react = require("@testing-library/react");
+var _formik = require("formik");
+var _Field = require("../components/Field");
+var _FormikDisplay = _interopRequireDefault(require("../components/FormikDisplay"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * 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.
+ */const withFormik = (children, values) => (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.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.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__*/(0, _jsxRuntime.jsx)(_FormikDisplay.default, {
+      name: "ice",
+      label: "ICE",
+      width: "s"
+    }), {
+      ice: "001234567000089"
+    });
+    expect(_react.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__*/(0, _jsxRuntime.jsx)(_FormikDisplay.default, {
+      name: "raisonSociale",
+      label: "Raison sociale",
+      width: "l"
+    }), {
+      raisonSociale: "SOFRANE SA"
+    });
+    expect(_react.screen.getByRole("status", {
+      name: "Raison sociale : SOFRANE SA"
+    })).toBeInTheDocument();
+  });
+  test("le placeholder de valeur vide est inchange", () => {
+    withFormik(/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormikDisplay.default, {
+      name: "ice",
+      label: "ICE",
+      width: "s"
+    }), {
+      ice: ""
+    });
+    expect(_react.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__*/(0, _jsxRuntime.jsx)(_FormikDisplay.default, {
+      name: "email",
+      label: "Email"
+    }), {
+      email: "operateur@example.ma"
+    });
+    expect(_react.screen.getByRole("status", {
+      name: "Email : operateur@example.ma"
+    })).toBeInTheDocument();
+  });
+});
+//# sourceMappingURL=FormikDisplayWidth.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormikDisplayWidth.test.js","names":["require","_react","_formik","_Field","_FormikDisplay","_interopRequireDefault","_jsxRuntime","e","__esModule","default","withFormik","children","values","render","jsx","Formik","initialValues","onSubmit","undefined","describe","test","expect","Object","keys","FIELD_MAX_WIDTH","sort","toEqual","name","label","width","ice","screen","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":[]}