@portnet/ui 6.0.1 → 6.0.2

package/dist/esm/v2/patterns/FormikCombobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormikCombobox.js","names":["useField","useFormikContext","Field","Combobox","jsx","_jsx","FormikCombobox","_ref","_field$value","name","label","required","_ref$options","options","loading","disabled","htmlFor","hint","getOptionLabel","getOptionValue","descriptionField","onSelectionChange","rest","_objectWithoutProperties","_excluded","_useField","_useField2","_slicedToArray","field","meta","_useFormikContext","setFieldValue","setFieldTouched","hasError","Boolean","touched","error","v2Options","map","opt","_ref2","_ref3","_typeof","rec","rawLabel","safeLabel","String","helper","value","__raw","handleChange","next","_raw","_v2Options$find","picked","find","o","_objectSpread","undefined","children","onChange"],"sources":["../../../../src/lib/v2/patterns/FormikCombobox.tsx"],"sourcesContent":["/**\r\n * FormikCombobox — bridge between Formik state and v2.Field +\r\n * v2.Combobox.\r\n *\r\n * Maps caller-supplied raw options to v2.Combobox's {value, label,\r\n * helper} shape and exposes onSelectionChange(rawOption) for\r\n * consumers that need cross-field side effects on pick.\r\n *\r\n * Charter R-Sel.1 → R-Sel.4. Peer dependency: formik >= 2.x.\r\n *\r\n * Hardening notes:\r\n *   - B7: defensive String() cast on the resolved label so a\r\n *     consumer-supplied getOptionLabel that returns a React node\r\n *     never crashes Autocomplete with the cryptic \"Objects are\r\n *     not valid as a React child\" error.\r\n *   - B10: `descriptionField` alias mirrors the legacy\r\n *     AppFormikSelect API — surfaces option[descriptionField] as\r\n *     the helper line under each Combobox row.\r\n */\r\n\r\nimport type { ReactNode } from \"react\";\r\nimport { useField, useFormikContext } from \"formik\";\r\nimport Field from \"../components/Field\";\r\nimport Combobox from \"../components/Combobox\";\r\nimport type {\r\n  ComboboxProps,\r\n  ComboboxOption,\r\n  ComboboxOptionValue,\r\n  ComboboxValue,\r\n} from \"../components/Combobox\";\r\n\r\nexport interface FormikComboboxProps<TOption = unknown>\r\n  extends Omit<\r\n    ComboboxProps,\r\n    \"value\" | \"onChange\" | \"options\" | \"loading\" | \"disabled\" | \"getOptionLabel\"\r\n  > {\r\n  name: string;\r\n  label?: ReactNode | undefined;\r\n  required?: boolean | undefined;\r\n  options?: readonly TOption[] | undefined;\r\n  loading?: boolean | undefined;\r\n  disabled?: boolean | undefined;\r\n  htmlFor?: string | undefined;\r\n  hint?: ReactNode | undefined;\r\n  getOptionLabel?: ((opt: TOption) => ReactNode) | undefined;\r\n  getOptionValue?: ((opt: TOption) => ComboboxOptionValue) | undefined;\r\n  /**\r\n   * Key on each raw option whose value should appear as a helper\r\n   * line beneath the main label in the dropdown. Equivalent to\r\n   * the legacy `descriptionField` prop on AppFormikSelect.\r\n   */\r\n  descriptionField?: string | undefined;\r\n  onSelectionChange?: ((raw: TOption | null) => void) | undefined;\r\n}\r\n\r\nfunction FormikCombobox<TOption = unknown>({\r\n  name,\r\n  label,\r\n  required,\r\n  options = [],\r\n  loading,\r\n  disabled,\r\n  htmlFor,\r\n  hint,\r\n  getOptionLabel,\r\n  getOptionValue,\r\n  descriptionField,\r\n  onSelectionChange,\r\n  ...rest\r\n}: FormikComboboxProps<TOption>) {\r\n  const [field, meta] = useField(name);\r\n  const { setFieldValue, setFieldTouched } = useFormikContext();\r\n  const hasError = Boolean(meta.touched && meta.error);\r\n\r\n  const v2Options = options.map((opt) => {\r\n    if (opt == null || typeof opt !== \"object\") return opt;\r\n    const rec = opt as Record<string, unknown>;\r\n    const rawLabel =\r\n      typeof getOptionLabel === \"function\" ? getOptionLabel(opt) : rec[\"label\"];\r\n    // B7: harden against getOptionLabel returning a React node.\r\n    // v2.Combobox feeds the label back through its internal\r\n    // labelOf when computing the displayed value, and that path\r\n    // assumes string. Always coerce defensively.\r\n    const safeLabel =\r\n      typeof rawLabel === \"string\" || rawLabel == null\r\n        ? rawLabel\r\n        : String(rawLabel);\r\n    // B10: descriptionField alias → helper. Falls back to the\r\n    // canonical `helper`/`summary` fields if neither is set.\r\n    const helper =\r\n      ((descriptionField && rec[descriptionField]) ?? rec[\"helper\"] ?? rec[\"summary\"]) as ReactNode;\r\n    return {\r\n      value:  typeof getOptionValue === \"function\" ? getOptionValue(opt) : opt,\r\n      label:  safeLabel,\r\n      helper,\r\n      __raw:  opt,\r\n    };\r\n  });\r\n\r\n  const handleChange = (next: ComboboxValue): void => {\r\n    setFieldValue(name, next);\r\n    setFieldTouched(name, true, false);\r\n    if (typeof onSelectionChange === \"function\") {\r\n      const picked =\r\n        (\r\n          v2Options.find(\r\n            (o) =>\r\n              o != null &&\r\n              typeof o === \"object\" &&\r\n              \"value\" in o &&\r\n              (o as { value?: unknown }).value === next\r\n          ) as { __raw?: unknown } | undefined\r\n        )?.__raw ?? null;\r\n      onSelectionChange(picked as TOption | null);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Field\r\n      label={label}\r\n      error={hasError ? meta.error : null}\r\n      hint={!hasError ? hint : undefined}\r\n      htmlFor={htmlFor || name}\r\n      {...(required !== undefined ? { required } : {})}\r\n      {...(disabled !== undefined ? { disabled } : {})}\r\n    >\r\n      <Combobox\r\n        value={field.value ?? null}\r\n        options={v2Options as Array<string | ComboboxOption>}\r\n        onChange={handleChange}\r\n        {...rest}\r\n        {...(loading !== undefined ? { loading } : {})}\r\n      />\r\n    </Field>\r\n  );\r\n}\r\n\r\nexport default FormikCombobox;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FormikCombobox.js","names":["useField","useFormikContext","Field","Combobox","jsx","_jsx","FormikCombobox","_ref","_field$value","name","label","required","_ref$options","options","loading","disabled","htmlFor","hint","getOptionLabel","getOptionValue","descriptionField","width","onSelectionChange","rest","_objectWithoutProperties","_excluded","_useField","_useField2","_slicedToArray","field","meta","_useFormikContext","setFieldValue","setFieldTouched","hasError","Boolean","touched","error","v2Options","map","opt","_ref2","_ref3","_typeof","rec","rawLabel","safeLabel","String","helper","value","__raw","handleChange","next","_raw","_v2Options$find","picked","find","o","_objectSpread","undefined","children","onChange"],"sources":["../../../../src/lib/v2/patterns/FormikCombobox.tsx"],"sourcesContent":["/**\r\n * FormikCombobox — bridge between Formik state and v2.Field +\r\n * v2.Combobox.\r\n *\r\n * Maps caller-supplied raw options to v2.Combobox's {value, label,\r\n * helper} shape and exposes onSelectionChange(rawOption) for\r\n * consumers that need cross-field side effects on pick.\r\n *\r\n * Charter R-Sel.1 → R-Sel.4. Peer dependency: formik >= 2.x.\r\n *\r\n * Hardening notes:\r\n *   - B7: defensive String() cast on the resolved label so a\r\n *     consumer-supplied getOptionLabel that returns a React node\r\n *     never crashes Autocomplete with the cryptic \"Objects are\r\n *     not valid as a React child\" error.\r\n *   - B10: `descriptionField` alias mirrors the legacy\r\n *     AppFormikSelect API — surfaces option[descriptionField] as\r\n *     the helper line under each Combobox row.\r\n */\r\n\r\nimport type { ReactNode } from \"react\";\r\nimport { useField, useFormikContext } from \"formik\";\r\nimport Field from \"../components/Field\";\r\nimport Combobox from \"../components/Combobox\";\r\nimport type { FieldWidth } from \"../components/Field\";\r\nimport type {\r\n  ComboboxProps,\r\n  ComboboxOption,\r\n  ComboboxOptionValue,\r\n  ComboboxValue,\r\n} from \"../components/Combobox\";\r\n\r\nexport interface FormikComboboxProps<TOption = unknown>\r\n  extends Omit<\r\n    ComboboxProps,\r\n    \"value\" | \"onChange\" | \"options\" | \"loading\" | \"disabled\" | \"getOptionLabel\"\r\n  > {\r\n  name: string;\r\n  label?: ReactNode | undefined;\r\n  required?: boolean | undefined;\r\n  options?: readonly TOption[] | undefined;\r\n  loading?: boolean | undefined;\r\n  disabled?: boolean | undefined;\r\n  htmlFor?: string | undefined;\r\n  hint?: ReactNode | undefined;\r\n  getOptionLabel?: ((opt: TOption) => ReactNode) | undefined;\r\n  getOptionValue?: ((opt: TOption) => ComboboxOptionValue) | undefined;\r\n  /**\r\n   * Key on each raw option whose value should appear as a helper\r\n   * line beneath the main label in the dropdown. Equivalent to\r\n   * the legacy `descriptionField` prop on AppFormikSelect.\r\n   */\r\n  descriptionField?: string | undefined;\r\n  /**\r\n   * Gabarit de largeur semantique (G-H). Le standard range les « complex\r\n   * search auto-completes » en `l` : c'est le cas le plus courant ici.\r\n   */\r\n  width?: FieldWidth | undefined;\r\n  onSelectionChange?: ((raw: TOption | null) => void) | undefined;\r\n}\r\n\r\nfunction FormikCombobox<TOption = unknown>({\r\n  name,\r\n  label,\r\n  required,\r\n  options = [],\r\n  loading,\r\n  disabled,\r\n  htmlFor,\r\n  hint,\r\n  getOptionLabel,\r\n  getOptionValue,\r\n  descriptionField,\r\n  width,\r\n  onSelectionChange,\r\n  ...rest\r\n}: FormikComboboxProps<TOption>) {\r\n  const [field, meta] = useField(name);\r\n  const { setFieldValue, setFieldTouched } = useFormikContext();\r\n  const hasError = Boolean(meta.touched && meta.error);\r\n\r\n  const v2Options = options.map((opt) => {\r\n    if (opt == null || typeof opt !== \"object\") return opt;\r\n    const rec = opt as Record<string, unknown>;\r\n    const rawLabel =\r\n      typeof getOptionLabel === \"function\" ? getOptionLabel(opt) : rec[\"label\"];\r\n    // B7: harden against getOptionLabel returning a React node.\r\n    // v2.Combobox feeds the label back through its internal\r\n    // labelOf when computing the displayed value, and that path\r\n    // assumes string. Always coerce defensively.\r\n    const safeLabel =\r\n      typeof rawLabel === \"string\" || rawLabel == null\r\n        ? rawLabel\r\n        : String(rawLabel);\r\n    // B10: descriptionField alias → helper. Falls back to the\r\n    // canonical `helper`/`summary` fields if neither is set.\r\n    const helper =\r\n      ((descriptionField && rec[descriptionField]) ?? rec[\"helper\"] ?? rec[\"summary\"]) as ReactNode;\r\n    return {\r\n      value:  typeof getOptionValue === \"function\" ? getOptionValue(opt) : opt,\r\n      label:  safeLabel,\r\n      helper,\r\n      __raw:  opt,\r\n    };\r\n  });\r\n\r\n  const handleChange = (next: ComboboxValue): void => {\r\n    setFieldValue(name, next);\r\n    setFieldTouched(name, true, false);\r\n    if (typeof onSelectionChange === \"function\") {\r\n      const picked =\r\n        (\r\n          v2Options.find(\r\n            (o) =>\r\n              o != null &&\r\n              typeof o === \"object\" &&\r\n              \"value\" in o &&\r\n              (o as { value?: unknown }).value === next\r\n          ) as { __raw?: unknown } | undefined\r\n        )?.__raw ?? null;\r\n      onSelectionChange(picked as TOption | null);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Field\r\n      label={label}\r\n      error={hasError ? meta.error : null}\r\n      hint={!hasError ? hint : undefined}\r\n      htmlFor={htmlFor || name}\r\n      {...(required !== undefined ? { required } : {})}\r\n      {...(disabled !== undefined ? { disabled } : {})}\r\n      {...(width !== undefined ? { width } : {})}\r\n    >\r\n      <Combobox\r\n        value={field.value ?? null}\r\n        options={v2Options as Array<string | ComboboxOption>}\r\n        onChange={handleChange}\r\n        {...rest}\r\n        {...(loading !== undefined ? { loading } : {})}\r\n      />\r\n    </Field>\r\n  );\r\n}\r\n\r\nexport default FormikCombobox;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/v2/patterns/FormikDatePicker.js

@@ -1,4 +1,5 @@
-var _excluded = ["name", "label", "required", "disabled", "readOnly", "readOnlyFormat", "htmlFor", "hint", "outputFormat"];
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["name", "label", "required", "disabled", "readOnly", "readOnlyFormat", "htmlFor", "hint", "outputFormat", "width"];
 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; }
@@ -12,7 +13,6 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-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); }
 /**
  * FormikDatePicker — bridge between Formik state and v2.Field +
  * v2.DatePicker.
@@ -63,6 +63,12 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
  * objects, so they have no serialisation step and no equivalent asymmetry;
  * _pickerShared carries only Date<->Moment converters, not string parsing.
  *
+ * UPDATE (gap G-E): `FormikDateTimePicker` now exists too, and the two bridges
+ * SHARE `coerceToDate` / `serialiseDate` via `./_pickerSerialisation`. Keeping
+ * a private copy in each would have re-created the very asymmetry S-03
+ * describes, in a form even harder to spot: two bridges that look alike, that
+ * nobody compares, and that each look correct on their own.
+ *
  * Modal / Drawer usage (MUI X v9):
  *   When rendered inside a v2.Drawer or a MUI Modal, the DatePicker
  *   calendar popup may render behind the modal surface (both default
@@ -86,51 +92,8 @@ import { useField, useFormikContext } from "formik";
 import Field from "../components/Field";
 import DatePicker from "../components/DatePicker";
 import FormikDisplay from "../components/FormikDisplay";
+import { coerceToDate, serialiseDate } from "./_pickerSerialisation";
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Read a Formik-stored value back into a Date.
- *
- * `outputFormat` is threaded in so the read is SYMMETRIC with `serialiseDate`
- * (S-03). Without it, a non-ISO format written by moment was read by
- * `new Date()`, which either rejects it or misreads it as MM-DD.
- */
-var coerceToDate = function coerceToDate(raw, outputFormat) {
-  if (raw == null || raw === "") return null;
-  if (raw instanceof Date) return raw;
-  if (_typeof(raw) === "object" && typeof raw.toDate === "function") {
-    var _d$getTime;
-    var _d = raw.toDate();
-    return isNaN(_d === null || _d === void 0 ? void 0 : (_d$getTime = _d.getTime) === null || _d$getTime === void 0 ? void 0 : _d$getTime.call(_d)) ? null : _d;
-  }
-  /* S-03 — parse with the format it was written with. STRICT mode: a stored value
-   * that does not match yields null rather than moment's best guess.
-   *
-   * Guarded on `typeof raw === "string"` so a numeric timestamp keeps the
-   * `new Date(number)` path — moment(number, format) is meaningless. "iso" is
-   * excluded: it is not a moment token, and `new Date(isoString)` is already
-   * correct. */
-  if (typeof raw === "string" && outputFormat !== undefined && outputFormat !== "iso") {
-    var parsed = moment(raw, outputFormat, true);
-    return parsed.isValid() ? parsed.toDate() : null;
-  }
-  var d = new Date(raw);
-  return isNaN(d.getTime()) ? null : d;
-};
-
-/**
- * Serialise a Date to the requested output format.
- *   undefined  → return the Date as-is (default — backward-compat)
- *   "iso"      → Date.toISOString()
- *   any string → moment(date).format(outputFormat)
- */
-function serialiseDate(date, outputFormat) {
-  if (!date || !(date instanceof Date) || isNaN(date.getTime())) {
-    return outputFormat ? "" : null;
-  }
-  if (!outputFormat) return date;
-  if (outputFormat === "iso") return date.toISOString();
-  return moment(date).format(outputFormat);
-}
 var FormikDatePicker = function FormikDatePicker(_ref) {
   var name = _ref.name,
     label = _ref.label,
@@ -142,6 +105,7 @@ var FormikDatePicker = function FormikDatePicker(_ref) {
     htmlFor = _ref.htmlFor,
     hint = _ref.hint,
     outputFormat = _ref.outputFormat,
+    width = _ref.width,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useField = useField(name),
     _useField2 = _slicedToArray(_useField, 2),
@@ -173,7 +137,7 @@ var FormikDatePicker = function FormikDatePicker(_ref) {
       }
     }));
   }
-  return /*#__PURE__*/_jsx(Field, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Field, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     label: label,
     error: hasError ? meta.error : null,
     hint: !hasError ? hint : undefined,
@@ -182,6 +146,8 @@ var FormikDatePicker = function FormikDatePicker(_ref) {
     required: required
   } : {}), disabled !== undefined ? {
     disabled: disabled
+  } : {}), width !== undefined ? {
+    width: width
   } : {}), {}, {
     children: /*#__PURE__*/_jsx(DatePicker, _objectSpread({
       value: coerceToDate(field.value, outputFormat),

package/dist/esm/v2/patterns/FormikDatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormikDatePicker.js","names":["React","moment","useField","useFormikContext","Field","DatePicker","FormikDisplay","jsx","_jsx","coerceToDate","raw","outputFormat","Date","_typeof","toDate","_d$getTime","d","isNaN","getTime","call","undefined","parsed","isValid","serialiseDate","date","toISOString","format","FormikDatePicker","_ref","name","label","required","disabled","readOnly","_ref$readOnlyFormat","readOnlyFormat","htmlFor","hint","rest","_objectWithoutProperties","_excluded","_useField","_useField2","_slicedToArray","field","meta","_useFormikContext","setFieldValue","setFieldTouched","hasError","Boolean","touched","error","_objectSpread","children","value","onChange","next"],"sources":["../../../../src/lib/v2/patterns/FormikDatePicker.tsx"],"sourcesContent":["/**\r\n * FormikDatePicker — bridge between Formik state and v2.Field +\r\n * v2.DatePicker.\r\n *\r\n * v2.DatePicker emits Date | null. Formik state may carry Date,\r\n * ISO string, or moment instance — this bridge normalises inbound\r\n * values to Date for the picker.\r\n *\r\n * outputFormat prop (Charter R-I.*):\r\n *   By default, onChange writes a Date | null back to Formik, which\r\n *   is fine for Yup.date() schemas. If your schema uses Yup.string()\r\n *   with a format test (e.g. \"DD-MM-YYYY\"), pass the matching moment\r\n *   format string:\r\n *\r\n *     <FormikDatePicker name=\"dateNaissance\" outputFormat=\"DD-MM-YYYY\" />\r\n *\r\n *   The field then stores \"03-05-2026\" instead of a Date object.\r\n *   Pass outputFormat=\"iso\" to store an ISO 8601 string instead.\r\n *   Default (undefined) = Date | null (backward-compatible).\r\n *\r\n * ── outputFormat MUST ROUND-TRIP — and now does (S-03) ────────────────\r\n *\r\n * This bridge used to serialise OUT through moment but read BACK through\r\n * `new Date(raw)`, ignoring outputFormat. The asymmetry silently corrupted any\r\n * non-ISO format:\r\n *\r\n *   new Date(\"31-12-2026\")  -> month 31 invalid -> Invalid Date -> null\r\n *                              -> the field rendered EMPTY when re-populated\r\n *   new Date(\"05-03-2026\")  -> V8 reads MM-DD -> 3 May, not 5 March\r\n *                              -> saving untouched wrote back \"03-05-2026\"\r\n *\r\n * The write path worked, so a form filled in and submitted immediately behaved\r\n * correctly; the damage only surfaced on RE-POPULATE, i.e. an edit flow — the\r\n * path a smoke test is least likely to exercise. `procuration-portnet-fe` shipped\r\n * it for seven batches under a clean strict typecheck.\r\n *\r\n * `coerceToDate` now parses with the SAME format it was written with, in moment's\r\n * STRICT mode, so a malformed stored value yields null instead of a plausible\r\n * wrong date. A missing date is recoverable; a date quietly off by two months is\r\n * not.\r\n *\r\n * BEHAVIOURAL NOTE for existing non-ISO callers: they were mis-parsing before.\r\n * This changes their result from wrong to right — which is the point, but it is a\r\n * change. Callers passing nothing, or \"iso\", are on the identical code path.\r\n *\r\n * Audit: this is the ONLY Formik date bridge in the library. DateTimePicker,\r\n * TimePicker and DateRangePicker are exposed as bare components exchanging Date\r\n * objects, so they have no serialisation step and no equivalent asymmetry;\r\n * _pickerShared carries only Date<->Moment converters, not string parsing.\r\n *\r\n * Modal / Drawer usage (MUI X v9):\r\n *   When rendered inside a v2.Drawer or a MUI Modal, the DatePicker\r\n *   calendar popup may render behind the modal surface (both default\r\n *   to zIndex 1300). In MUI X v9, the popper slot is forwarded via\r\n *   slotProps.popper (the legacy `PopperProps` was removed). Pass:\r\n *\r\n *     <FormikDatePicker\r\n *       slotProps={{ popper: { sx: { zIndex: 1400 } } }}\r\n *     />\r\n *\r\n *   Slot props forward through ...rest to v2.DatePicker and on to\r\n *   MuiDatePicker, where they merge with the textField slot bag\r\n *   already wired by v2.DatePicker.\r\n *\r\n * Charter R-I.*.\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport moment from \"moment\";\r\nimport { useField, useFormikContext } from \"formik\";\r\nimport Field from \"../components/Field\";\r\nimport DatePicker from \"../components/DatePicker\";\r\nimport FormikDisplay from \"../components/FormikDisplay\";\r\nimport type { DatePickerProps } from \"../components/DatePicker\";\r\n\r\n/**\r\n * Read a Formik-stored value back into a Date.\r\n *\r\n * `outputFormat` is threaded in so the read is SYMMETRIC with `serialiseDate`\r\n * (S-03). Without it, a non-ISO format written by moment was read by\r\n * `new Date()`, which either rejects it or misreads it as MM-DD.\r\n */\r\nconst coerceToDate = (raw: unknown, outputFormat?: string): Date | null => {\r\n  if (raw == null || raw === \"\") return null;\r\n  if (raw instanceof Date) return raw;\r\n  if (typeof raw === \"object\" && typeof (raw as { toDate?: () => Date }).toDate === \"function\") {\r\n    const d = (raw as { toDate: () => Date }).toDate();\r\n    return isNaN(d?.getTime?.()) ? null : d;\r\n  }\r\n  /* S-03 — parse with the format it was written with. STRICT mode: a stored value\r\n   * that does not match yields null rather than moment's best guess.\r\n   *\r\n   * Guarded on `typeof raw === \"string\"` so a numeric timestamp keeps the\r\n   * `new Date(number)` path — moment(number, format) is meaningless. \"iso\" is\r\n   * excluded: it is not a moment token, and `new Date(isoString)` is already\r\n   * correct. */\r\n  if (\r\n    typeof raw === \"string\" &&\r\n    outputFormat !== undefined &&\r\n    outputFormat !== \"iso\"\r\n  ) {\r\n    const parsed = moment(raw, outputFormat, true);\r\n    return parsed.isValid() ? parsed.toDate() : null;\r\n  }\r\n  const d = new Date(raw as string | number);\r\n  return isNaN(d.getTime()) ? null : d;\r\n};\r\n\r\n/**\r\n * Serialise a Date to the requested output format.\r\n *   undefined  → return the Date as-is (default — backward-compat)\r\n *   \"iso\"      → Date.toISOString()\r\n *   any string → moment(date).format(outputFormat)\r\n */\r\nfunction serialiseDate(date: Date | null, outputFormat: string | undefined): Date | string | null {\r\n  if (!date || !(date instanceof Date) || isNaN(date.getTime())) {\r\n    return outputFormat ? \"\" : null;\r\n  }\r\n  if (!outputFormat) return date;\r\n  if (outputFormat === \"iso\") return date.toISOString();\r\n  return moment(date).format(outputFormat);\r\n}\r\n\r\nexport interface FormikDatePickerProps\r\n  extends Omit<\r\n    DatePickerProps,\r\n    \"value\" | \"onChange\" | \"disabled\" | \"error\" | \"label\" | \"readOnly\"\r\n  > {\r\n  name: string;\r\n  label?: React.ReactNode | undefined;\r\n  required?: boolean | undefined;\r\n  disabled?: boolean | undefined;\r\n  htmlFor?: string | undefined;\r\n  hint?: React.ReactNode | undefined;\r\n  /**\r\n   * outputFormat — when provided, the Formik field stores a formatted\r\n   * string instead of a Date object. Use when your Yup schema uses\r\n   * Yup.string() with a format-specific test (e.g. \"DD-MM-YYYY\").\r\n   * Pass \"iso\" for ISO 8601, or any moment format token string.\r\n   * Defaults to undefined (Date | null — backward-compatible).\r\n   */\r\n  outputFormat?: string | undefined;\r\n  /**\r\n   * Render the date as read-only text via FormikDisplay instead of a picker.\r\n   * `disabled` wins when both are passed — same rule as FormikInput.\r\n   *\r\n   * `readOnly` IS OMITTED FROM `DatePickerProps` ABOVE, for two reasons.\r\n   *\r\n   * Mechanically: MUI declares it `readOnly?: boolean` with no `| undefined`,\r\n   * so under `exactOptionalPropertyTypes` a host passing an optional\r\n   * `boolean | undefined` — which is what a `readOnly?: boolean | undefined`\r\n   * section prop is — could not satisfy the inherited signature.\r\n   *\r\n   * Semantically: this prop SUPERSEDES MUI's meaning. MUI's `readOnly` keeps the\r\n   * text field and blocks editing; this one replaces the field with text, so\r\n   * there is no input left to mark read-only and forwarding both would be\r\n   * contradictory.\r\n   *\r\n   * BEHAVIOURAL NOTE for existing callers: `readOnly` previously fell through\r\n   * `...rest` to MUI and produced a non-editable INPUT. It now produces display\r\n   * text. Any caller relying on the old rendering should switch to `disabled`.\r\n   */\r\n  readOnly?: boolean | undefined;\r\n  /**\r\n   * Display format in read-only mode. Defaults to the French convention rather\r\n   * than to `outputFormat`: what the field STORES and what a reader should SEE\r\n   * are different concerns — a field storing \"iso\" or \"YYYY-MM-DD\" should still\r\n   * read as 31/12/2026.\r\n   */\r\n  readOnlyFormat?: string | undefined;\r\n}\r\n\r\nconst FormikDatePicker = ({\r\n  name,\r\n  label,\r\n  required,\r\n  disabled,\r\n  readOnly,\r\n  readOnlyFormat = \"DD/MM/YYYY\",\r\n  htmlFor,\r\n  hint,\r\n  outputFormat,\r\n  ...rest\r\n}: FormikDatePickerProps) => {\r\n  const [field, meta] = useField(name);\r\n  const { setFieldValue, setFieldTouched } = useFormikContext();\r\n  const hasError = Boolean(meta.touched && meta.error);\r\n\r\n  /* Lecture seule. On repasse par `coerceToDate` avec le MÊME `outputFormat`\r\n   * que le champ utilise pour écrire : c'est la symétrie que S-03 a installée,\r\n   * et s'en écarter ici reproduirait exactement le bug qu'il a corrigé (une date\r\n   * \"31-12-2026\" relue par `new Date()` devient Invalid Date).\r\n   *\r\n   * `format` court-circuite la branche « valeur vide » de FormikDisplay, donc le\r\n   * marqueur « — » est reproduit ici plutôt que délégué — sans quoi un champ\r\n   * sans date afficherait un panneau vide. */\r\n  if (readOnly && !disabled) {\r\n    return (\r\n      <FormikDisplay\r\n        name={name}\r\n        label={label}\r\n        {...(hint !== undefined ? { hint } : {})}\r\n        format={(raw) => {\r\n          const parsed = coerceToDate(raw, outputFormat);\r\n          return parsed ? moment(parsed).format(readOnlyFormat) : \"\\u2014\";\r\n        }}\r\n      />\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Field\r\n      label={label}\r\n      error={hasError ? meta.error : null}\r\n      hint={!hasError ? hint : undefined}\r\n      htmlFor={htmlFor || name}\r\n      {...(required !== undefined ? { required } : {})}\r\n      {...(disabled !== undefined ? { disabled } : {})}\r\n    >\r\n      <DatePicker\r\n        value={coerceToDate(field.value, outputFormat)}\r\n        onChange={(next) => {\r\n          setFieldValue(name, serialiseDate(next, outputFormat));\r\n          setFieldTouched(name, true, false);\r\n        }}\r\n        {...rest}\r\n      />\r\n    </Field>\r\n  );\r\n};\r\n\r\nexport default FormikDatePicker;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FormikDatePicker.js","names":["React","moment","useField","useFormikContext","Field","DatePicker","FormikDisplay","coerceToDate","serialiseDate","jsx","_jsx","FormikDatePicker","_ref","name","label","required","disabled","readOnly","_ref$readOnlyFormat","readOnlyFormat","htmlFor","hint","outputFormat","width","rest","_objectWithoutProperties","_excluded","_useField","_useField2","_slicedToArray","field","meta","_useFormikContext","setFieldValue","setFieldTouched","hasError","Boolean","touched","error","_objectSpread","undefined","format","raw","parsed","children","value","onChange","next"],"sources":["../../../../src/lib/v2/patterns/FormikDatePicker.tsx"],"sourcesContent":["/**\r\n * FormikDatePicker — bridge between Formik state and v2.Field +\r\n * v2.DatePicker.\r\n *\r\n * v2.DatePicker emits Date | null. Formik state may carry Date,\r\n * ISO string, or moment instance — this bridge normalises inbound\r\n * values to Date for the picker.\r\n *\r\n * outputFormat prop (Charter R-I.*):\r\n *   By default, onChange writes a Date | null back to Formik, which\r\n *   is fine for Yup.date() schemas. If your schema uses Yup.string()\r\n *   with a format test (e.g. \"DD-MM-YYYY\"), pass the matching moment\r\n *   format string:\r\n *\r\n *     <FormikDatePicker name=\"dateNaissance\" outputFormat=\"DD-MM-YYYY\" />\r\n *\r\n *   The field then stores \"03-05-2026\" instead of a Date object.\r\n *   Pass outputFormat=\"iso\" to store an ISO 8601 string instead.\r\n *   Default (undefined) = Date | null (backward-compatible).\r\n *\r\n * ── outputFormat MUST ROUND-TRIP — and now does (S-03) ────────────────\r\n *\r\n * This bridge used to serialise OUT through moment but read BACK through\r\n * `new Date(raw)`, ignoring outputFormat. The asymmetry silently corrupted any\r\n * non-ISO format:\r\n *\r\n *   new Date(\"31-12-2026\")  -> month 31 invalid -> Invalid Date -> null\r\n *                              -> the field rendered EMPTY when re-populated\r\n *   new Date(\"05-03-2026\")  -> V8 reads MM-DD -> 3 May, not 5 March\r\n *                              -> saving untouched wrote back \"03-05-2026\"\r\n *\r\n * The write path worked, so a form filled in and submitted immediately behaved\r\n * correctly; the damage only surfaced on RE-POPULATE, i.e. an edit flow — the\r\n * path a smoke test is least likely to exercise. `procuration-portnet-fe` shipped\r\n * it for seven batches under a clean strict typecheck.\r\n *\r\n * `coerceToDate` now parses with the SAME format it was written with, in moment's\r\n * STRICT mode, so a malformed stored value yields null instead of a plausible\r\n * wrong date. A missing date is recoverable; a date quietly off by two months is\r\n * not.\r\n *\r\n * BEHAVIOURAL NOTE for existing non-ISO callers: they were mis-parsing before.\r\n * This changes their result from wrong to right — which is the point, but it is a\r\n * change. Callers passing nothing, or \"iso\", are on the identical code path.\r\n *\r\n * Audit: this is the ONLY Formik date bridge in the library. DateTimePicker,\r\n * TimePicker and DateRangePicker are exposed as bare components exchanging Date\r\n * objects, so they have no serialisation step and no equivalent asymmetry;\r\n * _pickerShared carries only Date<->Moment converters, not string parsing.\r\n *\r\n * UPDATE (gap G-E): `FormikDateTimePicker` now exists too, and the two bridges\r\n * SHARE `coerceToDate` / `serialiseDate` via `./_pickerSerialisation`. Keeping\r\n * a private copy in each would have re-created the very asymmetry S-03\r\n * describes, in a form even harder to spot: two bridges that look alike, that\r\n * nobody compares, and that each look correct on their own.\r\n *\r\n * Modal / Drawer usage (MUI X v9):\r\n *   When rendered inside a v2.Drawer or a MUI Modal, the DatePicker\r\n *   calendar popup may render behind the modal surface (both default\r\n *   to zIndex 1300). In MUI X v9, the popper slot is forwarded via\r\n *   slotProps.popper (the legacy `PopperProps` was removed). Pass:\r\n *\r\n *     <FormikDatePicker\r\n *       slotProps={{ popper: { sx: { zIndex: 1400 } } }}\r\n *     />\r\n *\r\n *   Slot props forward through ...rest to v2.DatePicker and on to\r\n *   MuiDatePicker, where they merge with the textField slot bag\r\n *   already wired by v2.DatePicker.\r\n *\r\n * Charter R-I.*.\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport moment from \"moment\";\r\nimport { useField, useFormikContext } from \"formik\";\r\nimport Field from \"../components/Field\";\r\nimport DatePicker from \"../components/DatePicker\";\r\nimport FormikDisplay from \"../components/FormikDisplay\";\r\nimport { coerceToDate, serialiseDate } from \"./_pickerSerialisation\";\r\nimport type { FieldWidth } from \"../components/Field\";\r\nimport type { DatePickerProps } from \"../components/DatePicker\";\r\n\r\nexport interface FormikDatePickerProps\r\n  extends Omit<\r\n    DatePickerProps,\r\n    \"value\" | \"onChange\" | \"disabled\" | \"error\" | \"label\" | \"readOnly\"\r\n  > {\r\n  name: string;\r\n  label?: React.ReactNode | undefined;\r\n  required?: boolean | undefined;\r\n  disabled?: boolean | undefined;\r\n  htmlFor?: string | undefined;\r\n  hint?: React.ReactNode | undefined;\r\n  /**\r\n   * outputFormat — when provided, the Formik field stores a formatted\r\n   * string instead of a Date object. Use when your Yup schema uses\r\n   * Yup.string() with a format-specific test (e.g. \"DD-MM-YYYY\").\r\n   * Pass \"iso\" for ISO 8601, or any moment format token string.\r\n   * Defaults to undefined (Date | null — backward-compatible).\r\n   */\r\n  outputFormat?: string | undefined;\r\n  /**\r\n   * Render the date as read-only text via FormikDisplay instead of a picker.\r\n   * `disabled` wins when both are passed — same rule as FormikInput.\r\n   *\r\n   * `readOnly` IS OMITTED FROM `DatePickerProps` ABOVE, for two reasons.\r\n   *\r\n   * Mechanically: MUI declares it `readOnly?: boolean` with no `| undefined`,\r\n   * so under `exactOptionalPropertyTypes` a host passing an optional\r\n   * `boolean | undefined` — which is what a `readOnly?: boolean | undefined`\r\n   * section prop is — could not satisfy the inherited signature.\r\n   *\r\n   * Semantically: this prop SUPERSEDES MUI's meaning. MUI's `readOnly` keeps the\r\n   * text field and blocks editing; this one replaces the field with text, so\r\n   * there is no input left to mark read-only and forwarding both would be\r\n   * contradictory.\r\n   *\r\n   * BEHAVIOURAL NOTE for existing callers: `readOnly` previously fell through\r\n   * `...rest` to MUI and produced a non-editable INPUT. It now produces display\r\n   * text. Any caller relying on the old rendering should switch to `disabled`.\r\n   */\r\n  readOnly?: boolean | undefined;\r\n  /**\r\n   * Display format in read-only mode. Defaults to the French convention rather\r\n   * than to `outputFormat`: what the field STORES and what a reader should SEE\r\n   * are different concerns — a field storing \"iso\" or \"YYYY-MM-DD\" should still\r\n   * read as 31/12/2026.\r\n   */\r\n  readOnlyFormat?: string | undefined;\r\n  /**\r\n   * Gabarit de largeur semantique (G-H). Le standard range explicitement les\r\n   * dates en `s` (6 a 15 caracteres). Ne s'applique pas en mode `readOnly`.\r\n   */\r\n  width?: FieldWidth | undefined;\r\n}\r\n\r\nconst FormikDatePicker = ({\r\n  name,\r\n  label,\r\n  required,\r\n  disabled,\r\n  readOnly,\r\n  readOnlyFormat = \"DD/MM/YYYY\",\r\n  htmlFor,\r\n  hint,\r\n  outputFormat,\r\n  width,\r\n  ...rest\r\n}: FormikDatePickerProps) => {\r\n  const [field, meta] = useField(name);\r\n  const { setFieldValue, setFieldTouched } = useFormikContext();\r\n  const hasError = Boolean(meta.touched && meta.error);\r\n\r\n  /* Lecture seule. On repasse par `coerceToDate` avec le MÊME `outputFormat`\r\n   * que le champ utilise pour écrire : c'est la symétrie que S-03 a installée,\r\n   * et s'en écarter ici reproduirait exactement le bug qu'il a corrigé (une date\r\n   * \"31-12-2026\" relue par `new Date()` devient Invalid Date).\r\n   *\r\n   * `format` court-circuite la branche « valeur vide » de FormikDisplay, donc le\r\n   * marqueur « — » est reproduit ici plutôt que délégué — sans quoi un champ\r\n   * sans date afficherait un panneau vide. */\r\n  if (readOnly && !disabled) {\r\n    return (\r\n      <FormikDisplay\r\n        name={name}\r\n        label={label}\r\n        {...(hint !== undefined ? { hint } : {})}\r\n        format={(raw) => {\r\n          const parsed = coerceToDate(raw, outputFormat);\r\n          return parsed ? moment(parsed).format(readOnlyFormat) : \"\\u2014\";\r\n        }}\r\n      />\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Field\r\n      label={label}\r\n      error={hasError ? meta.error : null}\r\n      hint={!hasError ? hint : undefined}\r\n      htmlFor={htmlFor || name}\r\n      {...(required !== undefined ? { required } : {})}\r\n      {...(disabled !== undefined ? { disabled } : {})}\r\n      {...(width !== undefined ? { width } : {})}\r\n    >\r\n      <DatePicker\r\n        value={coerceToDate(field.value, outputFormat)}\r\n        onChange={(next) => {\r\n          setFieldValue(name, serialiseDate(next, outputFormat));\r\n          setFieldTouched(name, true, false);\r\n        }}\r\n        {...rest}\r\n      />\r\n    </Field>\r\n  );\r\n};\r\n\r\nexport default FormikDatePicker;\r\n"],"mappings":";;;;;;;;;;;;;;;AAAA;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;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;;AAEA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,QAAQ;AAC3B,SAASC,QAAQ,EAAEC,gBAAgB,QAAQ,QAAQ;AACnD,OAAOC,KAAK,MAAM,qBAAqB;AACvC,OAAOC,UAAU,MAAM,0BAA0B;AACjD,OAAOC,aAAa,MAAM,6BAA6B;AACvD,SAASC,YAAY,EAAEC,aAAa,QAAQ,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AA0DrE,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAYO;EAAA,IAX3BC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAAC,mBAAA,GAAAN,IAAA,CACRO,cAAc;IAAdA,cAAc,GAAAD,mBAAA,cAAG,YAAY,GAAAA,mBAAA;IAC7BE,OAAO,GAAAR,IAAA,CAAPQ,OAAO;IACPC,IAAI,GAAAT,IAAA,CAAJS,IAAI;IACJC,YAAY,GAAAV,IAAA,CAAZU,YAAY;IACZC,KAAK,GAAAX,IAAA,CAALW,KAAK;IACFC,IAAI,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA;EAEP,IAAAC,SAAA,GAAsBzB,QAAQ,CAACW,IAAI,CAAC;IAAAe,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAA7BG,KAAK,GAAAF,UAAA;IAAEG,IAAI,GAAAH,UAAA;EAClB,IAAAI,iBAAA,GAA2C7B,gBAAgB,CAAC,CAAC;IAArD8B,aAAa,GAAAD,iBAAA,CAAbC,aAAa;IAAEC,eAAe,GAAAF,iBAAA,CAAfE,eAAe;EACtC,IAAMC,QAAQ,GAAGC,OAAO,CAACL,IAAI,CAACM,OAAO,IAAIN,IAAI,CAACO,KAAK,CAAC;;EAEpD;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIrB,QAAQ,IAAI,CAACD,QAAQ,EAAE;IACzB,oBACEN,IAAA,CAACJ,aAAa,EAAAiC,aAAA,CAAAA,aAAA;MACZ1B,IAAI,EAAEA,IAAK;MACXC,KAAK,EAAEA;IAAM,GACRO,IAAI,KAAKmB,SAAS,GAAG;MAAEnB,IAAI,EAAJA;IAAK,CAAC,GAAG,CAAC,CAAC;MACvCoB,MAAM,EAAE,SAAAA,OAACC,GAAG,EAAK;QACf,IAAMC,MAAM,GAAGpC,YAAY,CAACmC,GAAG,EAAEpB,YAAY,CAAC;QAC9C,OAAOqB,MAAM,GAAG1C,MAAM,CAAC0C,MAAM,CAAC,CAACF,MAAM,CAACtB,cAAc,CAAC,GAAG,QAAQ;MAClE;IAAE,EACH,CAAC;EAEN;EAEA,oBACET,IAAA,CAACN,KAAK,EAAAmC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA;IACJzB,KAAK,EAAEA,KAAM;IACbwB,KAAK,EAAEH,QAAQ,GAAGJ,IAAI,CAACO,KAAK,GAAG,IAAK;IACpCjB,IAAI,EAAE,CAACc,QAAQ,GAAGd,IAAI,GAAGmB,SAAU;IACnCpB,OAAO,EAAEA,OAAO,IAAIP;EAAK,GACpBE,QAAQ,KAAKyB,SAAS,GAAG;IAAEzB,QAAQ,EAARA;EAAS,CAAC,GAAG,CAAC,CAAC,GAC1CC,QAAQ,KAAKwB,SAAS,GAAG;IAAExB,QAAQ,EAARA;EAAS,CAAC,GAAG,CAAC,CAAC,GAC1CO,KAAK,KAAKiB,SAAS,GAAG;IAAEjB,KAAK,EAALA;EAAM,CAAC,GAAG,CAAC,CAAC;IAAAqB,QAAA,eAEzClC,IAAA,CAACL,UAAU,EAAAkC,aAAA;MACTM,KAAK,EAAEtC,YAAY,CAACuB,KAAK,CAACe,KAAK,EAAEvB,YAAY,CAAE;MAC/CwB,QAAQ,EAAE,SAAAA,SAACC,IAAI,EAAK;QAClBd,aAAa,CAACpB,IAAI,EAAEL,aAAa,CAACuC,IAAI,EAAEzB,YAAY,CAAC,CAAC;QACtDY,eAAe,CAACrB,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC;MACpC;IAAE,GACEW,IAAI,CACT;EAAC,EACG,CAAC;AAEZ,CAAC;AAED,eAAeb,gBAAgB","ignoreList":[]}

package/dist/esm/v2/patterns/FormikDateTimePicker.js

@@ -0,0 +1,150 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["name", "label", "required", "disabled", "readOnly", "readOnlyFormat", "htmlFor", "hint", "outputFormat", "width"];
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+/**
+ * FormikDateTimePicker — bridge between Formik state and v2.Field +
+ * v2.DateTimePicker.
+ *
+ * ── WHY (gap G-E) ────────────────────────────────────────────────────
+ *
+ * `FormikDatePicker` was the ONLY Formik date bridge in the library, and it is
+ * date-only. Any host with a date-AND-TIME field therefore had two options:
+ * drop the time, or hand-wire `useField` + the bare `DateTimePicker`.
+ *
+ * Dropping the time is not a styling compromise — it CHANGES WHAT THE BACKEND
+ * RECEIVES. Reported from refonte-frontend (lot 7): the physical-visit form
+ * stores a visit date carrying an hour and submits
+ * `moment(value).format("YYYY-MM-DD HH:mm")`. Routed through the date-only
+ * bridge, every visit would have been scheduled at 00:00 — silently, with no
+ * error anywhere, and only the agent showing up at the wrong time would
+ * eventually notice.
+ *
+ * Hand-wiring is the duplication R-2.1 forbids, and the shape in which
+ * validation messages go missing (see gaps G-A and G-C, same story).
+ *
+ * Usage:
+ *
+ *   <FormikDateTimePicker
+ *     name="dateVisite"
+ *     label="Date de la visite"
+ *     required
+ *   />
+ *
+ *   // Field must store a string in the charter datetime format:
+ *   <FormikDateTimePicker
+ *     name="dateVisite"
+ *     outputFormat={DATETIME_FORMAT_CHARTER}   // "YYYY-MM-DD HH:mm"
+ *   />
+ *
+ * ── SERIALISATION IS SHARED WITH FormikDatePicker, DELIBERATELY ──────
+ *
+ * `coerceToDate` / `serialiseDate` live in `./_pickerSerialisation` and are
+ * used by BOTH bridges. That is not tidiness: `FormikDatePicker`'s S-03 note
+ * documents what happens when the read and the write of a date disagree — a
+ * stored "31-12-2026" read back by `new Date()` becomes Invalid Date, a stored
+ * "05-03-2026" becomes 3 May instead of 5 March. The write path works, so the
+ * damage only appears on RE-POPULATE, i.e. in an edit flow, which is the path
+ * a smoke test is least likely to exercise. One module shipped that for seven
+ * batches under a clean strict typecheck.
+ *
+ * Two private copies of that couple would have re-created the same class of
+ * bug in a form even harder to spot.
+ *
+ * ── DEFAULT OUTPUT IS A Date, LIKE THE SIBLING ──────────────────────
+ *
+ * With no `outputFormat`, the field stores `Date | null` — which is what
+ * `Yup.date()` expects and what a host formatting at submit time already
+ * handles. Pass `"iso"` for ISO 8601, or any moment token string (typically
+ * `DATETIME_FORMAT_CHARTER`) when the schema is a `Yup.string()` with a format
+ * test. Whatever is chosen, reading back uses the SAME format.
+ *
+ * Modal / Drawer usage (MUI X v9): the picker popup may render behind a modal
+ * surface (both default to zIndex 1300). Forward
+ * `slotProps={{ popper: { sx: { zIndex: 1400 } } }}` — it reaches
+ * MuiDateTimePicker through `...rest`, exactly as on `FormikDatePicker`.
+ *
+ * Charter §03 · R-I.*. Peer dependency: formik >= 2.x.
+ */
+
+import * as React from "react";
+import moment from "moment";
+import { useField, useFormikContext } from "formik";
+import Field from "../components/Field";
+import DateTimePicker from "../components/DateTimePicker";
+import FormikDisplay from "../components/FormikDisplay";
+import { coerceToDate, serialiseDate } from "./_pickerSerialisation";
+import { jsx as _jsx } from "react/jsx-runtime";
+var FormikDateTimePicker = function FormikDateTimePicker(_ref) {
+  var name = _ref.name,
+    label = _ref.label,
+    required = _ref.required,
+    disabled = _ref.disabled,
+    readOnly = _ref.readOnly,
+    _ref$readOnlyFormat = _ref.readOnlyFormat,
+    readOnlyFormat = _ref$readOnlyFormat === void 0 ? "DD/MM/YYYY HH:mm" : _ref$readOnlyFormat,
+    htmlFor = _ref.htmlFor,
+    hint = _ref.hint,
+    outputFormat = _ref.outputFormat,
+    width = _ref.width,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useField = useField(name),
+    _useField2 = _slicedToArray(_useField, 2),
+    field = _useField2[0],
+    meta = _useField2[1];
+  var _useFormikContext = useFormikContext(),
+    setFieldValue = _useFormikContext.setFieldValue,
+    setFieldTouched = _useFormikContext.setFieldTouched;
+  var hasError = Boolean(meta.touched && meta.error);
+
+  /* Lecture seule. On repasse par `coerceToDate` avec le MEME `outputFormat`
+   * que le champ utilise pour ecrire : c'est la symetrie de S-03. `format`
+   * court-circuite la branche « valeur vide » de FormikDisplay, donc le
+   * marqueur est reproduit ici plutot que delegue. */
+  if (readOnly && !disabled) {
+    return /*#__PURE__*/_jsx(FormikDisplay, _objectSpread(_objectSpread({
+      name: name,
+      label: label
+    }, hint !== undefined ? {
+      hint: hint
+    } : {}), {}, {
+      format: function format(raw) {
+        var parsed = coerceToDate(raw, outputFormat);
+        return parsed ? moment(parsed).format(readOnlyFormat) : "\u2014";
+      }
+    }));
+  }
+  return /*#__PURE__*/_jsx(Field, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    label: label,
+    error: hasError ? meta.error : null,
+    hint: !hasError ? hint : undefined,
+    htmlFor: htmlFor || name
+  }, required !== undefined ? {
+    required: required
+  } : {}), disabled !== undefined ? {
+    disabled: disabled
+  } : {}), width !== undefined ? {
+    width: width
+  } : {}), {}, {
+    children: /*#__PURE__*/_jsx(DateTimePicker, _objectSpread({
+      value: coerceToDate(field.value, outputFormat),
+      onChange: function onChange(next) {
+        setFieldValue(name, serialiseDate(next, outputFormat));
+        setFieldTouched(name, true, false);
+      }
+    }, rest))
+  }));
+};
+export default FormikDateTimePicker;
+//# sourceMappingURL=FormikDateTimePicker.js.map

package/dist/esm/v2/patterns/FormikDateTimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormikDateTimePicker.js","names":["React","moment","useField","useFormikContext","Field","DateTimePicker","FormikDisplay","coerceToDate","serialiseDate","jsx","_jsx","FormikDateTimePicker","_ref","name","label","required","disabled","readOnly","_ref$readOnlyFormat","readOnlyFormat","htmlFor","hint","outputFormat","width","rest","_objectWithoutProperties","_excluded","_useField","_useField2","_slicedToArray","field","meta","_useFormikContext","setFieldValue","setFieldTouched","hasError","Boolean","touched","error","_objectSpread","undefined","format","raw","parsed","children","value","onChange","next"],"sources":["../../../../src/lib/v2/patterns/FormikDateTimePicker.tsx"],"sourcesContent":["/**\r\n * FormikDateTimePicker — bridge between Formik state and v2.Field +\r\n * v2.DateTimePicker.\r\n *\r\n * ── WHY (gap G-E) ────────────────────────────────────────────────────\r\n *\r\n * `FormikDatePicker` was the ONLY Formik date bridge in the library, and it is\r\n * date-only. Any host with a date-AND-TIME field therefore had two options:\r\n * drop the time, or hand-wire `useField` + the bare `DateTimePicker`.\r\n *\r\n * Dropping the time is not a styling compromise — it CHANGES WHAT THE BACKEND\r\n * RECEIVES. Reported from refonte-frontend (lot 7): the physical-visit form\r\n * stores a visit date carrying an hour and submits\r\n * `moment(value).format(\"YYYY-MM-DD HH:mm\")`. Routed through the date-only\r\n * bridge, every visit would have been scheduled at 00:00 — silently, with no\r\n * error anywhere, and only the agent showing up at the wrong time would\r\n * eventually notice.\r\n *\r\n * Hand-wiring is the duplication R-2.1 forbids, and the shape in which\r\n * validation messages go missing (see gaps G-A and G-C, same story).\r\n *\r\n * Usage:\r\n *\r\n *   <FormikDateTimePicker\r\n *     name=\"dateVisite\"\r\n *     label=\"Date de la visite\"\r\n *     required\r\n *   />\r\n *\r\n *   // Field must store a string in the charter datetime format:\r\n *   <FormikDateTimePicker\r\n *     name=\"dateVisite\"\r\n *     outputFormat={DATETIME_FORMAT_CHARTER}   // \"YYYY-MM-DD HH:mm\"\r\n *   />\r\n *\r\n * ── SERIALISATION IS SHARED WITH FormikDatePicker, DELIBERATELY ──────\r\n *\r\n * `coerceToDate` / `serialiseDate` live in `./_pickerSerialisation` and are\r\n * used by BOTH bridges. That is not tidiness: `FormikDatePicker`'s S-03 note\r\n * documents what happens when the read and the write of a date disagree — a\r\n * stored \"31-12-2026\" read back by `new Date()` becomes Invalid Date, a stored\r\n * \"05-03-2026\" becomes 3 May instead of 5 March. The write path works, so the\r\n * damage only appears on RE-POPULATE, i.e. in an edit flow, which is the path\r\n * a smoke test is least likely to exercise. One module shipped that for seven\r\n * batches under a clean strict typecheck.\r\n *\r\n * Two private copies of that couple would have re-created the same class of\r\n * bug in a form even harder to spot.\r\n *\r\n * ── DEFAULT OUTPUT IS A Date, LIKE THE SIBLING ──────────────────────\r\n *\r\n * With no `outputFormat`, the field stores `Date | null` — which is what\r\n * `Yup.date()` expects and what a host formatting at submit time already\r\n * handles. Pass `\"iso\"` for ISO 8601, or any moment token string (typically\r\n * `DATETIME_FORMAT_CHARTER`) when the schema is a `Yup.string()` with a format\r\n * test. Whatever is chosen, reading back uses the SAME format.\r\n *\r\n * Modal / Drawer usage (MUI X v9): the picker popup may render behind a modal\r\n * surface (both default to zIndex 1300). Forward\r\n * `slotProps={{ popper: { sx: { zIndex: 1400 } } }}` — it reaches\r\n * MuiDateTimePicker through `...rest`, exactly as on `FormikDatePicker`.\r\n *\r\n * Charter §03 · R-I.*. Peer dependency: formik >= 2.x.\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport moment from \"moment\";\r\nimport { useField, useFormikContext } from \"formik\";\r\nimport Field from \"../components/Field\";\r\nimport DateTimePicker from \"../components/DateTimePicker\";\r\nimport FormikDisplay from \"../components/FormikDisplay\";\r\nimport { coerceToDate, serialiseDate } from \"./_pickerSerialisation\";\r\nimport type { FieldWidth } from \"../components/Field\";\r\nimport type { DateTimePickerProps } from \"../components/DateTimePicker\";\r\n\r\nexport interface FormikDateTimePickerProps\r\n  extends Omit<\r\n    DateTimePickerProps,\r\n    \"value\" | \"onChange\" | \"disabled\" | \"error\" | \"label\" | \"readOnly\"\r\n  > {\r\n  name: string;\r\n  label?: React.ReactNode | undefined;\r\n  required?: boolean | undefined;\r\n  disabled?: boolean | undefined;\r\n  htmlFor?: string | undefined;\r\n  hint?: React.ReactNode | undefined;\r\n  /**\r\n   * When provided, the Formik field stores a formatted STRING instead of a\r\n   * `Date`. Pass `\"iso\"` for ISO 8601, or any moment token string — typically\r\n   * `DATETIME_FORMAT_CHARTER` (\"YYYY-MM-DD HH:mm\"). Defaults to undefined\r\n   * (`Date | null`).\r\n   */\r\n  outputFormat?: string | undefined;\r\n  /**\r\n   * Render the value as read-only text via `FormikDisplay` instead of a\r\n   * picker. `disabled` wins when both are passed — same rule as\r\n   * `FormikInput` and `FormikDatePicker`.\r\n   *\r\n   * Omitted from `DateTimePickerProps` above for the same two reasons as on\r\n   * the sibling: MUI declares `readOnly?: boolean` with no `| undefined`, which\r\n   * an optional section prop cannot satisfy under\r\n   * `exactOptionalPropertyTypes`; and this prop SUPERSEDES MUI's meaning —\r\n   * MUI keeps the text field and blocks editing, this one replaces the field\r\n   * with text, so there is no input left to mark read-only.\r\n   */\r\n  readOnly?: boolean | undefined;\r\n  /**\r\n   * Display format in read-only mode. Defaults to the French convention rather\r\n   * than to `outputFormat`: what the field STORES and what a reader should SEE\r\n   * are different concerns — a field storing ISO should still read as\r\n   * 31/12/2026 14:30.\r\n   */\r\n  readOnlyFormat?: string | undefined;\r\n  /**\r\n   * Gabarit de largeur semantique (G-H). Le standard range les dates en `s`\r\n   * (6 a 15 caracteres) : une date-heure au format charte en fait 16, donc `s`\r\n   * ou `m` selon la place disponible. Ne s'applique pas en mode `readOnly`.\r\n   */\r\n  width?: FieldWidth | undefined;\r\n}\r\n\r\nconst FormikDateTimePicker = ({\r\n  name,\r\n  label,\r\n  required,\r\n  disabled,\r\n  readOnly,\r\n  readOnlyFormat = \"DD/MM/YYYY HH:mm\",\r\n  htmlFor,\r\n  hint,\r\n  outputFormat,\r\n  width,\r\n  ...rest\r\n}: FormikDateTimePickerProps) => {\r\n  const [field, meta] = useField(name);\r\n  const { setFieldValue, setFieldTouched } = useFormikContext();\r\n  const hasError = Boolean(meta.touched && meta.error);\r\n\r\n  /* Lecture seule. On repasse par `coerceToDate` avec le MEME `outputFormat`\r\n   * que le champ utilise pour ecrire : c'est la symetrie de S-03. `format`\r\n   * court-circuite la branche « valeur vide » de FormikDisplay, donc le\r\n   * marqueur est reproduit ici plutot que delegue. */\r\n  if (readOnly && !disabled) {\r\n    return (\r\n      <FormikDisplay\r\n        name={name}\r\n        label={label}\r\n        {...(hint !== undefined ? { hint } : {})}\r\n        format={(raw) => {\r\n          const parsed = coerceToDate(raw, outputFormat);\r\n          return parsed ? moment(parsed).format(readOnlyFormat) : \"\\u2014\";\r\n        }}\r\n      />\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Field\r\n      label={label}\r\n      error={hasError ? meta.error : null}\r\n      hint={!hasError ? hint : undefined}\r\n      htmlFor={htmlFor || name}\r\n      {...(required !== undefined ? { required } : {})}\r\n      {...(disabled !== undefined ? { disabled } : {})}\r\n      {...(width !== undefined ? { width } : {})}\r\n    >\r\n      <DateTimePicker\r\n        value={coerceToDate(field.value, outputFormat)}\r\n        onChange={(next) => {\r\n          setFieldValue(name, serialiseDate(next, outputFormat));\r\n          setFieldTouched(name, true, false);\r\n        }}\r\n        {...rest}\r\n      />\r\n    </Field>\r\n  );\r\n};\r\n\r\nexport default FormikDateTimePicker;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/v2/patterns/FormikInput.js

@@ -1,5 +1,5 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["name", "label", "required", "disabled", "readOnly", "mono", "htmlFor", "hint"];
+var _excluded = ["name", "label", "required", "disabled", "readOnly", "mono", "htmlFor", "hint", "width"];
 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; }
@@ -85,6 +85,7 @@ var FormikInput = function FormikInput(_ref) {
     mono = _ref.mono,
     htmlFor = _ref.htmlFor,
     hint = _ref.hint,
+    width = _ref.width,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useField = useField(name),
     _useField2 = _slicedToArray(_useField, 2),
@@ -105,7 +106,7 @@ var FormikInput = function FormikInput(_ref) {
       mono: mono
     } : {}));
   }
-  return /*#__PURE__*/_jsx(Field, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Field, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     label: label,
     error: hasError ? meta.error : null,
     hint: !hasError ? hint : undefined,
@@ -114,6 +115,8 @@ var FormikInput = function FormikInput(_ref) {
     required: required
   } : {}), disabled !== undefined ? {
     disabled: disabled
+  } : {}), width !== undefined ? {
+    width: width
   } : {}), {}, {
     children: /*#__PURE__*/_jsx(Input, _objectSpread({
       name: field.name,

package/dist/esm/v2/patterns/FormikInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormikInput.js","names":["React","useField","Field","Input","FormikDisplay","jsx","_jsx","FormikInput","_ref","_field$value","name","label","required","disabled","readOnly","mono","htmlFor","hint","rest","_objectWithoutProperties","_excluded","_useField","_useField2","_slicedToArray","field","meta","hasError","Boolean","touched","error","_objectSpread","undefined","children","value","onChange","onBlur"],"sources":["../../../../src/lib/v2/patterns/FormikInput.tsx"],"sourcesContent":["/**\r\n * FormikInput — bridge between Formik state and v2.Field + v2.Input.\r\n *\r\n * Charter §03 / R-I.1 → R-I.6. Replaces the inline copy of this\r\n * bridge that consumer modules previously duplicated.\r\n *\r\n * Peer dependency: `formik` >= 2.x must be installed in the host\r\n * module. The lib does not bundle Formik.\r\n *\r\n * Usage:\r\n *\r\n *   import { FormikInput } from \"@portnet/ui/lib/v2\";\r\n *\r\n *   <FormikInput\r\n *     name=\"numeroRc\"\r\n *     label=\"Numéro RC\"\r\n *     required\r\n *     inputProps={{ maxLength: 20 }}\r\n *   />\r\n *\r\n * Error semantics: errors surface only after the field is\r\n * touched (first blur). This matches Charter R-I.4 — do not\r\n * shout at the user on every keystroke.\r\n *\r\n * ── `readOnly` vs `disabled` ─────────────────────────────────────────\r\n *\r\n *   <FormikInput name=\"raison\" label=\"Raison sociale\" readOnly={isDetail} />\r\n *\r\n * `readOnly` renders the value through `FormikDisplay` — grey panel, no input\r\n * chrome, selectable text. `disabled` keeps an input and greys it out.\r\n *\r\n * THE TWO ARE NOT INTERCHANGEABLE, and modules had only `disabled`. Consumers\r\n * that reuse ONE form for create, edit AND consultation were therefore passing\r\n * `disabled={readOnly}` on every field, so a detail page rendered ~100 greyed\r\n * INPUTS. That is the wrong affordance: a disabled control means \"temporarily\r\n * unavailable, may become editable\", not \"this is information\". Reported from\r\n * amssnur-ui testing across its whole demande form.\r\n *\r\n * Note WCAG does NOT forbid the old behaviour — SC 1.4.3 exempts \"text that is\r\n * part of an inactive user interface component\" from contrast requirements. So\r\n * this is a Charter and affordance defect, not an accessibility violation. But\r\n * `FormikDisplay` is measurably better anyway: its own audit records 7.52:1\r\n * (AAA) for `--fg-muted` on `--bg-subtle`, against roughly 2.9:1 for MUI's\r\n * disabled text.\r\n *\r\n * Why here and not in each module: `FormikDisplay` already existed and was\r\n * already correct — nothing routed to it automatically, so every module had to\r\n * branch by hand per field, and none did. The certified reference (`ms-ti-fe`)\r\n * sidesteps the problem by building SEPARATE read-only components for its\r\n * detail pages, which is a valid architecture but not one a module reusing a\r\n * single form can adopt without a rewrite.\r\n *\r\n * `disabled` wins when both are passed: a field that is genuinely unavailable\r\n * (dependency not yet chosen) must not be presented as settled information.\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { useField } from \"formik\";\r\nimport Field from \"../components/Field\";\r\nimport Input from \"../components/Input\";\r\nimport FormikDisplay from \"../components/FormikDisplay\";\r\nimport type { InputProps } from \"../components/Input\";\r\n\r\nexport interface FormikInputProps\r\n  extends Omit<\r\n    InputProps,\r\n    \"name\" | \"value\" | \"onChange\" | \"onBlur\" | \"label\" | \"required\" | \"disabled\" | \"error\"\r\n  > {\r\n  name: string;\r\n  label?: React.ReactNode | undefined;\r\n  required?: boolean | undefined;\r\n  disabled?: boolean | undefined;\r\n  /** Render as read-only text via FormikDisplay instead of an input. */\r\n  readOnly?: boolean | undefined;\r\n  /** Tabular-nums monospace in read-only mode — IDs, amounts, codes. */\r\n  mono?: boolean | undefined;\r\n  htmlFor?: string | undefined;\r\n  hint?: React.ReactNode | undefined;\r\n}\r\n\r\nconst FormikInput = ({\r\n  name,\r\n  label,\r\n  required,\r\n  disabled,\r\n  readOnly,\r\n  mono,\r\n  htmlFor,\r\n  hint,\r\n  ...rest\r\n}: FormikInputProps) => {\r\n  const [field, meta] = useField<string | number>(name);\r\n  const hasError = Boolean(meta.touched && meta.error);\r\n\r\n  /* Read-only display. `disabled` takes precedence deliberately — see header.\r\n   * `required` is dropped: an asterisk on information the user cannot supply is\r\n   * noise, and validation cannot fire on a field with no input. */\r\n  if (readOnly && !disabled) {\r\n    return (\r\n      <FormikDisplay\r\n        name={name}\r\n        label={label}\r\n        {...(hint !== undefined ? { hint } : {})}\r\n        {...(mono !== undefined ? { mono } : {})}\r\n      />\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Field\r\n      label={label}\r\n      error={hasError ? meta.error : null}\r\n      hint={!hasError ? hint : undefined}\r\n      htmlFor={htmlFor || name}\r\n      {...(required !== undefined ? { required } : {})}\r\n      {...(disabled !== undefined ? { disabled } : {})}\r\n    >\r\n      <Input\r\n        name={field.name}\r\n        value={field.value ?? \"\"}\r\n        onChange={field.onChange}\r\n        onBlur={field.onBlur}\r\n        {...rest}\r\n      />\r\n    </Field>\r\n  );\r\n};\r\n\r\nexport default FormikInput;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FormikInput.js","names":["React","useField","Field","Input","FormikDisplay","jsx","_jsx","FormikInput","_ref","_field$value","name","label","required","disabled","readOnly","mono","htmlFor","hint","width","rest","_objectWithoutProperties","_excluded","_useField","_useField2","_slicedToArray","field","meta","hasError","Boolean","touched","error","_objectSpread","undefined","children","value","onChange","onBlur"],"sources":["../../../../src/lib/v2/patterns/FormikInput.tsx"],"sourcesContent":["/**\r\n * FormikInput — bridge between Formik state and v2.Field + v2.Input.\r\n *\r\n * Charter §03 / R-I.1 → R-I.6. Replaces the inline copy of this\r\n * bridge that consumer modules previously duplicated.\r\n *\r\n * Peer dependency: `formik` >= 2.x must be installed in the host\r\n * module. The lib does not bundle Formik.\r\n *\r\n * Usage:\r\n *\r\n *   import { FormikInput } from \"@portnet/ui/lib/v2\";\r\n *\r\n *   <FormikInput\r\n *     name=\"numeroRc\"\r\n *     label=\"Numéro RC\"\r\n *     required\r\n *     inputProps={{ maxLength: 20 }}\r\n *   />\r\n *\r\n * Error semantics: errors surface only after the field is\r\n * touched (first blur). This matches Charter R-I.4 — do not\r\n * shout at the user on every keystroke.\r\n *\r\n * ── `readOnly` vs `disabled` ─────────────────────────────────────────\r\n *\r\n *   <FormikInput name=\"raison\" label=\"Raison sociale\" readOnly={isDetail} />\r\n *\r\n * `readOnly` renders the value through `FormikDisplay` — grey panel, no input\r\n * chrome, selectable text. `disabled` keeps an input and greys it out.\r\n *\r\n * THE TWO ARE NOT INTERCHANGEABLE, and modules had only `disabled`. Consumers\r\n * that reuse ONE form for create, edit AND consultation were therefore passing\r\n * `disabled={readOnly}` on every field, so a detail page rendered ~100 greyed\r\n * INPUTS. That is the wrong affordance: a disabled control means \"temporarily\r\n * unavailable, may become editable\", not \"this is information\". Reported from\r\n * amssnur-ui testing across its whole demande form.\r\n *\r\n * Note WCAG does NOT forbid the old behaviour — SC 1.4.3 exempts \"text that is\r\n * part of an inactive user interface component\" from contrast requirements. So\r\n * this is a Charter and affordance defect, not an accessibility violation. But\r\n * `FormikDisplay` is measurably better anyway: its own audit records 7.52:1\r\n * (AAA) for `--fg-muted` on `--bg-subtle`, against roughly 2.9:1 for MUI's\r\n * disabled text.\r\n *\r\n * Why here and not in each module: `FormikDisplay` already existed and was\r\n * already correct — nothing routed to it automatically, so every module had to\r\n * branch by hand per field, and none did. The certified reference (`ms-ti-fe`)\r\n * sidesteps the problem by building SEPARATE read-only components for its\r\n * detail pages, which is a valid architecture but not one a module reusing a\r\n * single form can adopt without a rewrite.\r\n *\r\n * `disabled` wins when both are passed: a field that is genuinely unavailable\r\n * (dependency not yet chosen) must not be presented as settled information.\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { useField } from \"formik\";\r\nimport Field from \"../components/Field\";\r\nimport Input from \"../components/Input\";\r\nimport FormikDisplay from \"../components/FormikDisplay\";\r\nimport type { FieldWidth } from \"../components/Field\";\r\nimport type { InputProps } from \"../components/Input\";\r\n\r\nexport interface FormikInputProps\r\n  extends Omit<\r\n    InputProps,\r\n    \"name\" | \"value\" | \"onChange\" | \"onBlur\" | \"label\" | \"required\" | \"disabled\" | \"error\"\r\n  > {\r\n  name: string;\r\n  label?: React.ReactNode | undefined;\r\n  required?: boolean | undefined;\r\n  disabled?: boolean | undefined;\r\n  /** Render as read-only text via FormikDisplay instead of an input. */\r\n  readOnly?: boolean | undefined;\r\n  /** Tabular-nums monospace in read-only mode — IDs, amounts, codes. */\r\n  mono?: boolean | undefined;\r\n  htmlFor?: string | undefined;\r\n  hint?: React.ReactNode | undefined;\r\n  /**\r\n   * Gabarit de largeur semantique (G-H), d'apres la contrainte de CARACTERES\r\n   * du champ. Relaye a `Field`, qui en fait un plafond a partir de `sm`.\r\n   *\r\n   * NE S'APPLIQUE PAS en mode `readOnly` : c'est alors `FormikDisplay` qui est\r\n   * rendu, et il possede sa propre boite. A revoir si un ecran de consultation\r\n   * en a besoin.\r\n   */\r\n  width?: FieldWidth | undefined;\r\n}\r\n\r\nconst FormikInput = ({\r\n  name,\r\n  label,\r\n  required,\r\n  disabled,\r\n  readOnly,\r\n  mono,\r\n  htmlFor,\r\n  hint,\r\n  width,\r\n  ...rest\r\n}: FormikInputProps) => {\r\n  const [field, meta] = useField<string | number>(name);\r\n  const hasError = Boolean(meta.touched && meta.error);\r\n\r\n  /* Read-only display. `disabled` takes precedence deliberately — see header.\r\n   * `required` is dropped: an asterisk on information the user cannot supply is\r\n   * noise, and validation cannot fire on a field with no input. */\r\n  if (readOnly && !disabled) {\r\n    return (\r\n      <FormikDisplay\r\n        name={name}\r\n        label={label}\r\n        {...(hint !== undefined ? { hint } : {})}\r\n        {...(mono !== undefined ? { mono } : {})}\r\n      />\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Field\r\n      label={label}\r\n      error={hasError ? meta.error : null}\r\n      hint={!hasError ? hint : undefined}\r\n      htmlFor={htmlFor || name}\r\n      {...(required !== undefined ? { required } : {})}\r\n      {...(disabled !== undefined ? { disabled } : {})}\r\n      {...(width !== undefined ? { width } : {})}\r\n    >\r\n      <Input\r\n        name={field.name}\r\n        value={field.value ?? \"\"}\r\n        onChange={field.onChange}\r\n        onBlur={field.onBlur}\r\n        {...rest}\r\n      />\r\n    </Field>\r\n  );\r\n};\r\n\r\nexport default FormikInput;\r\n"],"mappings":"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","ignoreList":[]}