@portnet/ui 6.0.2 → 6.0.3

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

@@ -7,13 +7,8 @@ var _FormikDateTimePicker = _interopRequireDefault(require("../patterns/FormikDa
 var _FormikDatePicker = _interopRequireDefault(require("../patterns/FormikDatePicker"));
 var _DateTimePicker = require("../components/DateTimePicker");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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); }
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
  * FormikDateTimePicker — contract tests (gap G-E).
  *
  * WHY THIS FILE EXISTS
@@ -57,8 +52,9 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
  * 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) {
+ */
+
+/** 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");
@@ -70,31 +66,32 @@ function sectionVide(nom) {
     name: nom
   }).getAttribute("aria-valuetext") === "Empty";
 }
-function HoteLecture(_ref) {
-  var valeurInitiale = _ref.valeurInitiale,
-    outputFormat = _ref.outputFormat,
-    readOnly = _ref.readOnly;
+function HoteLecture({
+  valeurInitiale,
+  outputFormat,
+  readOnly
+}) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.Formik, {
     initialValues: {
       dateVisite: valeurInitiale
     },
-    onSubmit: function onSubmit() {
-      return undefined;
-    },
+    onSubmit: () => undefined,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.Form, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormikDateTimePicker["default"], _objectSpread(_objectSpread({
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormikDateTimePicker.default, {
         name: "dateVisite",
-        label: "Date de la visite"
-      }, outputFormat !== undefined ? {
-        outputFormat: outputFormat
-      } : {}), readOnly !== undefined ? {
-        readOnly: readOnly
-      } : {}))
+        label: "Date de la visite",
+        ...(outputFormat !== undefined ? {
+          outputFormat
+        } : {}),
+        ...(readOnly !== undefined ? {
+          readOnly
+        } : {})
+      })
     })
   });
 }
-describe("FormikDateTimePicker — the time survives", function () {
-  test("an hour stored in Formik reaches the field's time sections", function () {
+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)
     }));
@@ -104,16 +101,14 @@ describe("FormikDateTimePicker — the time survives", function () {
     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", function () {
+  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: function onSubmit() {
-        return undefined;
-      },
+      onSubmit: () => undefined,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.Form, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormikDatePicker["default"], {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormikDatePicker.default, {
           name: "dateVisite",
           label: "Date de la visite"
         })
@@ -130,8 +125,8 @@ describe("FormikDateTimePicker — the time survives", function () {
     })).toBeInTheDocument();
   });
 });
-describe("FormikDateTimePicker — the round-trip is symmetric (S-03)", function () {
-  test("a value written in the charter format is read back with it", function () {
+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
@@ -141,7 +136,7 @@ describe("FormikDateTimePicker — the round-trip is symmetric (S-03)", function
     expect(sectionValeur("Hours")).toBe("14");
     expect(sectionValeur("Minutes")).toBe("30");
   });
-  test("a day-first stored value is NOT misread as month-first", function () {
+  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. */
@@ -154,7 +149,7 @@ describe("FormikDateTimePicker — the round-trip is symmetric (S-03)", function
     expect(sectionValeur("Hours")).toBe("9");
     expect(sectionValeur("Minutes")).toBe("15");
   });
-  test("a malformed stored value renders EMPTY, not a guess", function () {
+  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
@@ -163,26 +158,21 @@ describe("FormikDateTimePicker — the round-trip is symmetric (S-03)", function
     expect(sectionVide("Day")).toBe(true);
     expect(sectionVide("Hours")).toBe(true);
   });
-  test("`null` renders empty and does not warn about an uncontrolled input", function () {
-    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];
-      }
+  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(function (a) {
-      return String(a[0]).includes("uncontrolled");
-    })).toBe(false);
+    expect(avertissements.some(a => String(a[0]).includes("uncontrolled"))).toBe(false);
     spy.mockRestore();
   });
 });
-describe("FormikDateTimePicker — read-only mode", function () {
-  test("`readOnly` renders display TEXT, not a picker", function () {
+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),
@@ -193,7 +183,7 @@ describe("FormikDateTimePicker — read-only mode", function () {
     })).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", function () {
+  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
@@ -201,8 +191,8 @@ describe("FormikDateTimePicker — read-only mode", function () {
     expect(_react.screen.getByText("—")).toBeInTheDocument();
   });
 });
-describe("FormikDateTimePicker — labelling", function () {
-  test("the visible label is wired to the field id produced by Field", function () {
+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
     }));

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

@@ -1 +1 @@
-{"version":3,"file":"FormikDateTimePicker.test.js","names":["require","_react","_formik","_FormikDateTimePicker","_interopRequireDefault","_FormikDatePicker","_DateTimePicker","_jsxRuntime","obj","__esModule","_typeof","Symbol","iterator","constructor","prototype","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","call","TypeError","Number","sectionValeur","nom","screen","getByRole","name","getAttribute","sectionVide","HoteLecture","_ref","valeurInitiale","outputFormat","readOnly","jsx","Formik","initialValues","dateVisite","onSubmit","children","Form","label","describe","test","render","Date","expect","toBe","queryByRole","not","toBeInTheDocument","DATETIME_FORMAT_CHARTER","avertissements","spy","jest","spyOn","console","mockImplementation","_len","args","Array","_key","some","a","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":";;AAAAA,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,qBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AAAuE,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAI,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAE,QAAAF,GAAA,sCAAAE,OAAA,wBAAAC,MAAA,uBAAAA,MAAA,CAAAC,QAAA,aAAAJ,GAAA,kBAAAA,GAAA,gBAAAA,GAAA,WAAAA,GAAA,yBAAAG,MAAA,IAAAH,GAAA,CAAAK,WAAA,KAAAF,MAAA,IAAAH,GAAA,KAAAG,MAAA,CAAAG,SAAA,qBAAAN,GAAA,KAAAE,OAAA,CAAAF,GAAA;AAAA,SAAAO,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAC,MAAA,CAAAD,IAAA,CAAAF,MAAA,OAAAG,MAAA,CAAAC,qBAAA,QAAAC,OAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAJ,MAAA,GAAAC,cAAA,KAAAI,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAJ,MAAA,CAAAK,wBAAA,CAAAR,MAAA,EAAAO,GAAA,EAAAE,UAAA,OAAAP,IAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,IAAA,EAAAG,OAAA,YAAAH,IAAA;AAAA,SAAAU,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAf,OAAA,CAAAI,MAAA,CAAAc,MAAA,OAAAC,OAAA,WAAAC,GAAA,IAAAC,eAAA,CAAAP,MAAA,EAAAM,GAAA,EAAAF,MAAA,CAAAE,GAAA,SAAAhB,MAAA,CAAAkB,yBAAA,GAAAlB,MAAA,CAAAmB,gBAAA,CAAAT,MAAA,EAAAV,MAAA,CAAAkB,yBAAA,CAAAJ,MAAA,KAAAlB,OAAA,CAAAI,MAAA,CAAAc,MAAA,GAAAC,OAAA,WAAAC,GAAA,IAAAhB,MAAA,CAAAoB,cAAA,CAAAV,MAAA,EAAAM,GAAA,EAAAhB,MAAA,CAAAK,wBAAA,CAAAS,MAAA,EAAAE,GAAA,iBAAAN,MAAA;AAAA,SAAAO,gBAAA5B,GAAA,EAAA2B,GAAA,EAAAK,KAAA,IAAAL,GAAA,GAAAM,cAAA,CAAAN,GAAA,OAAAA,GAAA,IAAA3B,GAAA,IAAAW,MAAA,CAAAoB,cAAA,CAAA/B,GAAA,EAAA2B,GAAA,IAAAK,KAAA,EAAAA,KAAA,EAAAf,UAAA,QAAAiB,YAAA,QAAAC,QAAA,oBAAAnC,GAAA,CAAA2B,GAAA,IAAAK,KAAA,WAAAhC,GAAA;AAAA,SAAAiC,eAAAG,GAAA,QAAAT,GAAA,GAAAU,YAAA,CAAAD,GAAA,oBAAAlC,OAAA,CAAAyB,GAAA,iBAAAA,GAAA,GAAAW,MAAA,CAAAX,GAAA;AAAA,SAAAU,aAAAE,KAAA,EAAAC,IAAA,QAAAtC,OAAA,CAAAqC,KAAA,kBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAApC,MAAA,CAAAuC,WAAA,OAAAD,IAAA,KAAAE,SAAA,QAAAC,GAAA,GAAAH,IAAA,CAAAI,IAAA,CAAAN,KAAA,EAAAC,IAAA,oBAAAtC,OAAA,CAAA0C,GAAA,uBAAAA,GAAA,YAAAE,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA,KAEvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GA5CA,CA8CA;AACA,SAASS,aAAaA,CAACC,GAAW,EAAiB;EACjD,OAAOC,aAAM,CACVC,SAAS,CAAC,YAAY,EAAE;IAAEC,IAAI,EAAEH;EAAI,CAAC,CAAC,CACtCI,YAAY,CAAC,eAAe,CAAC;AAClC;;AAEA;AACA,SAASC,WAAWA,CAACL,GAAW,EAAW;EACzC,OACEC,aAAM,CAACC,SAAS,CAAC,YAAY,EAAE;IAAEC,IAAI,EAAEH;EAAI,CAAC,CAAC,CAACI,YAAY,CAAC,gBAAgB,CAAC,KAC5E,OAAO;AAEX;AAEA,SAASE,WAAWA,CAAAC,IAAA,EAQjB;EAAA,IAPDC,cAAc,GAAAD,IAAA,CAAdC,cAAc;IACdC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EAMR,oBACE,IAAA5D,WAAA,CAAA6D,GAAA,EAAClE,OAAA,CAAAmE,MAAM;IACLC,aAAa,EAAE;MAAEC,UAAU,EAAEN;IAAe,CAAE;IAC9CO,QAAQ,EAAE,SAAAA,SAAA;MAAA,OAAMrB,SAAS;IAAA,CAAC;IAAAsB,QAAA,eAE1B,IAAAlE,WAAA,CAAA6D,GAAA,EAAClE,OAAA,CAAAwE,IAAI;MAAAD,QAAA,eACH,IAAAlE,WAAA,CAAA6D,GAAA,EAACjE,qBAAA,WAAoB,EAAAyB,aAAA,CAAAA,aAAA;QACnBgC,IAAI,EAAC,YAAY;QACjBe,KAAK,EAAC;MAAmB,GACpBT,YAAY,KAAKf,SAAS,GAAG;QAAEe,YAAY,EAAZA;MAAa,CAAC,GAAG,CAAC,CAAC,GAClDC,QAAQ,KAAKhB,SAAS,GAAG;QAAEgB,QAAQ,EAARA;MAAS,CAAC,GAAG,CAAC,CAAC,CAChD;IAAC,CACE;EAAC,CACD,CAAC;AAEb;AAEAS,QAAQ,CAAC,0CAA0C,EAAE,YAAM;EACzDC,IAAI,CAAC,4DAA4D,EAAE,YAAM;IACvE,IAAAC,aAAM,eAAC,IAAAvE,WAAA,CAAA6D,GAAA,EAACL,WAAW;MAACE,cAAc,EAAE,IAAIc,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;IAAE,CAAE,CAAC,CAAC;IAEtEC,MAAM,CAACxB,aAAa,CAAC,OAAO,CAAC,CAAC,CAACyB,IAAI,CAAC,IAAI,CAAC;IACzCD,MAAM,CAACxB,aAAa,CAAC,SAAS,CAAC,CAAC,CAACyB,IAAI,CAAC,IAAI,CAAC;IAC3C;IACAD,MAAM,CAACxB,aAAa,CAAC,KAAK,CAAC,CAAC,CAACyB,IAAI,CAAC,IAAI,CAAC;IACvCD,MAAM,CAACxB,aAAa,CAAC,OAAO,CAAC,CAAC,CAACyB,IAAI,CAAC,GAAG,CAAC;EAC1C,CAAC,CAAC;EAEFJ,IAAI,CAAC,qEAAqE,EAAE,YAAM;IAChF,IAAAC,aAAM,eACJ,IAAAvE,WAAA,CAAA6D,GAAA,EAAClE,OAAA,CAAAmE,MAAM;MACLC,aAAa,EAAE;QAAEC,UAAU,EAAE,IAAIQ,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;MAAE,CAAE;MAC7DP,QAAQ,EAAE,SAAAA,SAAA;QAAA,OAAMrB,SAAS;MAAA,CAAC;MAAAsB,QAAA,eAE1B,IAAAlE,WAAA,CAAA6D,GAAA,EAAClE,OAAA,CAAAwE,IAAI;QAAAD,QAAA,eACH,IAAAlE,WAAA,CAAA6D,GAAA,EAAC/D,iBAAA,WAAgB;UAACuD,IAAI,EAAC,YAAY;UAACe,KAAK,EAAC;QAAmB,CAAE;MAAC,CAC5D;IAAC,CACD,CACV,CAAC;;IAED;AACJ;IACIK,MAAM,CACJtB,aAAM,CAACwB,WAAW,CAAC,YAAY,EAAE;MAAEtB,IAAI,EAAE;IAAQ,CAAC,CACpD,CAAC,CAACuB,GAAG,CAACC,iBAAiB,CAAC,CAAC;IACzBJ,MAAM,CAACtB,aAAM,CAACC,SAAS,CAAC,YAAY,EAAE;MAAEC,IAAI,EAAE;IAAM,CAAC,CAAC,CAAC,CAACwB,iBAAiB,CAAC,CAAC;EAC7E,CAAC,CAAC;AACJ,CAAC,CAAC;AAEFR,QAAQ,CAAC,2DAA2D,EAAE,YAAM;EAC1EC,IAAI,CAAC,4DAA4D,EAAE,YAAM;IACvE,IAAAC,aAAM,eACJ,IAAAvE,WAAA,CAAA6D,GAAA,EAACL,WAAW;MACVE,cAAc,EAAC,kBAAkB;MACjCC,YAAY,EAAEmB;IAAwB,CACvC,CACH,CAAC;IAEDL,MAAM,CAACxB,aAAa,CAAC,KAAK,CAAC,CAAC,CAACyB,IAAI,CAAC,IAAI,CAAC;IACvCD,MAAM,CAACxB,aAAa,CAAC,OAAO,CAAC,CAAC,CAACyB,IAAI,CAAC,IAAI,CAAC;IACzCD,MAAM,CAACxB,aAAa,CAAC,OAAO,CAAC,CAAC,CAACyB,IAAI,CAAC,IAAI,CAAC;IACzCD,MAAM,CAACxB,aAAa,CAAC,SAAS,CAAC,CAAC,CAACyB,IAAI,CAAC,IAAI,CAAC;EAC7C,CAAC,CAAC;EAEFJ,IAAI,CAAC,wDAAwD,EAAE,YAAM;IACnE;AACJ;AACA;IACI,IAAAC,aAAM,eACJ,IAAAvE,WAAA,CAAA6D,GAAA,EAACL,WAAW;MACVE,cAAc,EAAC,kBAAkB;MACjCC,YAAY,EAAC;IAAkB,CAChC,CACH,CAAC;IAEDc,MAAM,CAACxB,aAAa,CAAC,OAAO,CAAC,CAAC,CAACyB,IAAI,CAAC,GAAG,CAAC;IACxCD,MAAM,CAACxB,aAAa,CAAC,KAAK,CAAC,CAAC,CAACyB,IAAI,CAAC,GAAG,CAAC;IACtCD,MAAM,CAACxB,aAAa,CAAC,OAAO,CAAC,CAAC,CAACyB,IAAI,CAAC,GAAG,CAAC;IACxCD,MAAM,CAACxB,aAAa,CAAC,SAAS,CAAC,CAAC,CAACyB,IAAI,CAAC,IAAI,CAAC;EAC7C,CAAC,CAAC;EAEFJ,IAAI,CAAC,qDAAqD,EAAE,YAAM;IAChE,IAAAC,aAAM,eACJ,IAAAvE,WAAA,CAAA6D,GAAA,EAACL,WAAW;MACVE,cAAc,EAAC,cAAc;MAC7BC,YAAY,EAAEmB;IAAwB,CACvC,CACH,CAAC;IAEDL,MAAM,CAAClB,WAAW,CAAC,MAAM,CAAC,CAAC,CAACmB,IAAI,CAAC,IAAI,CAAC;IACtCD,MAAM,CAAClB,WAAW,CAAC,KAAK,CAAC,CAAC,CAACmB,IAAI,CAAC,IAAI,CAAC;IACrCD,MAAM,CAAClB,WAAW,CAAC,OAAO,CAAC,CAAC,CAACmB,IAAI,CAAC,IAAI,CAAC;EACzC,CAAC,CAAC;EAEFJ,IAAI,CAAC,oEAAoE,EAAE,YAAM;IAC/E,IAAMS,cAA2B,GAAG,EAAE;IACtC,IAAMC,GAAG,GAAGC,IAAI,CACbC,KAAK,CAACC,OAAO,EAAE,OAAO,CAAC,CACvBC,kBAAkB,CAAC,YAAwB;MAAA,SAAAC,IAAA,GAAA7D,SAAA,CAAAC,MAAA,EAApB6D,IAAI,OAAAC,KAAA,CAAAF,IAAA,GAAAG,IAAA,MAAAA,IAAA,GAAAH,IAAA,EAAAG,IAAA;QAAJF,IAAI,CAAAE,IAAA,IAAAhE,SAAA,CAAAgE,IAAA;MAAA;MAC1BT,cAAc,CAAC5D,IAAI,CAACmE,IAAI,CAAC;IAC3B,CAAC,CAAC;IAEJ,IAAAf,aAAM,eAAC,IAAAvE,WAAA,CAAA6D,GAAA,EAACL,WAAW;MAACE,cAAc,EAAE;IAAK,CAAE,CAAC,CAAC;IAE7Ce,MAAM,CAAClB,WAAW,CAAC,MAAM,CAAC,CAAC,CAACmB,IAAI,CAAC,IAAI,CAAC;IACtCD,MAAM,CACJM,cAAc,CAACU,IAAI,CAAC,UAACC,CAAC;MAAA,OAAKnD,MAAM,CAACmD,CAAC,CAAC,CAAC,CAAC,CAAC,CAACC,QAAQ,CAAC,cAAc,CAAC;IAAA,EAClE,CAAC,CAACjB,IAAI,CAAC,KAAK,CAAC;IAEbM,GAAG,CAACY,WAAW,CAAC,CAAC;EACnB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEFvB,QAAQ,CAAC,uCAAuC,EAAE,YAAM;EACtDC,IAAI,CAAC,+CAA+C,EAAE,YAAM;IAC1D;IACA,IAAAC,aAAM,eACJ,IAAAvE,WAAA,CAAA6D,GAAA,EAACL,WAAW;MAACE,cAAc,EAAE,IAAIc,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAE;MAACZ,QAAQ;IAAA,CAAE,CACzE,CAAC;IAEDa,MAAM,CACJtB,aAAM,CAACwB,WAAW,CAAC,YAAY,EAAE;MAAEtB,IAAI,EAAE;IAAO,CAAC,CACnD,CAAC,CAACuB,GAAG,CAACC,iBAAiB,CAAC,CAAC;IACzBJ,MAAM,CAACtB,aAAM,CAAC0C,SAAS,CAAC,oBAAoB,CAAC,CAAC,CAAChB,iBAAiB,CAAC,CAAC;EACpE,CAAC,CAAC;EAEFP,IAAI,CAAC,oEAAoE,EAAE,YAAM;IAC/E,IAAAC,aAAM,eAAC,IAAAvE,WAAA,CAAA6D,GAAA,EAACL,WAAW;MAACE,cAAc,EAAE,IAAK;MAACE,QAAQ;IAAA,CAAE,CAAC,CAAC;IACtDa,MAAM,CAACtB,aAAM,CAAC0C,SAAS,CAAC,GAAG,CAAC,CAAC,CAAChB,iBAAiB,CAAC,CAAC;EACnD,CAAC,CAAC;AACJ,CAAC,CAAC;AAEFR,QAAQ,CAAC,kCAAkC,EAAE,YAAM;EACjDC,IAAI,CAAC,8DAA8D,EAAE,YAAM;IACzE,IAAAC,aAAM,eAAC,IAAAvE,WAAA,CAAA6D,GAAA,EAACL,WAAW;MAACE,cAAc,EAAE;IAAK,CAAE,CAAC,CAAC;;IAE7C;AACJ;AACA;AACA;AACA;AACA;IACIe,MAAM,CAACtB,aAAM,CAAC0C,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAACC,eAAe,CAC3D,KAAK,EACL,YACF,CAAC;EACH,CAAC,CAAC;;EAEF;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAC","ignoreList":[]}
+{"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":[]}