@portnet/ui 6.0.1 → 6.0.3

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","name","label","required","disabled","readOnly","mono","htmlFor","hint","width","rest","field","meta","hasError","Boolean","touched","error","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":"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;;AAEA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,QAAQ;AACjC,OAAOC,KAAK,MAAM,qBAAqB;AACvC,OAAOC,KAAK,MAAM,qBAAqB;AACvC,OAAOC,aAAa,MAAM,6BAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AA8BxD,MAAMC,WAAW,GAAGA,CAAC;EACnBC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,IAAI;EACJC,OAAO;EACPC,IAAI;EACJC,KAAK;EACL,GAAGC;AACa,CAAC,KAAK;EACtB,MAAM,CAACC,KAAK,EAAEC,IAAI,CAAC,GAAGlB,QAAQ,CAAkBO,IAAI,CAAC;EACrD,MAAMY,QAAQ,GAAGC,OAAO,CAACF,IAAI,CAACG,OAAO,IAAIH,IAAI,CAACI,KAAK,CAAC;;EAEpD;AACF;AACA;EACE,IAAIX,QAAQ,IAAI,CAACD,QAAQ,EAAE;IACzB,oBACEL,IAAA,CAACF,aAAa;MACZI,IAAI,EAAEA,IAAK;MACXC,KAAK,EAAEA,KAAM;MAAA,IACRM,IAAI,KAAKS,SAAS,GAAG;QAAET;MAAK,CAAC,GAAG,CAAC,CAAC;MAAA,IAClCF,IAAI,KAAKW,SAAS,GAAG;QAAEX;MAAK,CAAC,GAAG,CAAC,CAAC;IAAA,CACxC,CAAC;EAEN;EAEA,oBACEP,IAAA,CAACJ,KAAK;IACJO,KAAK,EAAEA,KAAM;IACbc,KAAK,EAAEH,QAAQ,GAAGD,IAAI,CAACI,KAAK,GAAG,IAAK;IACpCR,IAAI,EAAE,CAACK,QAAQ,GAAGL,IAAI,GAAGS,SAAU;IACnCV,OAAO,EAAEA,OAAO,IAAIN,IAAK;IAAA,IACpBE,QAAQ,KAAKc,SAAS,GAAG;MAAEd;IAAS,CAAC,GAAG,CAAC,CAAC;IAAA,IAC1CC,QAAQ,KAAKa,SAAS,GAAG;MAAEb;IAAS,CAAC,GAAG,CAAC,CAAC;IAAA,IAC1CK,KAAK,KAAKQ,SAAS,GAAG;MAAER;IAAM,CAAC,GAAG,CAAC,CAAC;IAAAS,QAAA,eAEzCnB,IAAA,CAACH,KAAK;MACJK,IAAI,EAAEU,KAAK,CAACV,IAAK;MACjBkB,KAAK,EAAER,KAAK,CAACQ,KAAK,IAAI,EAAG;MACzBC,QAAQ,EAAET,KAAK,CAACS,QAAS;MACzBC,MAAM,EAAEV,KAAK,CAACU,MAAO;MAAA,GACjBX;IAAI,CACT;EAAC,CACG,CAAC;AAEZ,CAAC;AAED,eAAeV,WAAW","ignoreList":[]}

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

@@ -0,0 +1,129 @@
+/**
+ * FormikRadioGroup — bridge between Formik state and v2.Field +
+ * v2.RadioGroup.
+ *
+ * ── WHY (gap G-C) ────────────────────────────────────────────────────
+ *
+ * R-Sel.2 is a MUST: 2–3 options → Radio or Segmented, never a Select. So any
+ * form with a two-way business question has to reach for `RadioGroup` — and
+ * until now there was no Formik bridge for it, while `FormikCheckboxGroup`,
+ * `FormikSelect`, `FormikCombobox`, `FormikDatePicker`, `FormikTextarea`,
+ * `FormikFile` and `FormikInput` all exist. Every host therefore re-wired
+ * `useField` + `RadioGroup` by hand, which is the duplication R-2.1 forbids
+ * and, worse, the shape in which validation messages go missing: a hand-rolled
+ * bridge renders the control but forgets `FieldError`.
+ *
+ * Reported from refonte-frontend (lot 5), where ONE form carried two such
+ * groups (`usageHorsMetrologique`, `certificat`).
+ *
+ * ── THE VALUE IS WRITTEN BACK AS DECLARED, NOT AS THE DOM SAW IT ─────
+ *
+ * This is the contract that matters, and it is invisible.
+ *
+ * A native `<input type="radio">` only ever reports a STRING. A host whose
+ * options are numbers — `{ value: 1 }`, `{ value: 2 }` — and whose payload
+ * declares a number would silently start sending `"1"` after the user picks.
+ * The API accepts it or rejects it days later; nothing in the UI tells anyone.
+ *
+ * So `onChange` matches the DOM string back against the option list and writes
+ * the ORIGINAL option value. Numbers stay numbers, strings stay strings. Only
+ * when no option matches (a host mutating its list mid-flight) does the raw DOM
+ * string go through, because dropping the user's click would be worse.
+ *
+ * Symmetrically, the group's `value` is compared as a string, so a field
+ * holding a boolean `false` selects the option declared `"false"`, and a field
+ * holding the number `2` selects `{ value: 2 }`. The STORED value is never
+ * coerced by this — only the comparison is.
+ *
+ * Usage:
+ *
+ *   <FormikRadioGroup
+ *     name="importateur.certificat"
+ *     label="Modèle déjà approuvé"
+ *     required
+ *     row
+ *     options={[
+ *       { value: "true", label: "Oui" },
+ *       { value: "false", label: "Non" },
+ *     ]}
+ *   />
+ *
+ * ── ERRORS APPEAR ON PICK, NOT ON BLUR ──────────────────────────────
+ *
+ * A radio group has no meaningful blur-before-change: the first interaction IS
+ * the answer. Waiting for a blur keeps a required-group message hidden while
+ * the user clicks around. Picking marks the field touched — same rule as
+ * `FormikCheckbox` and `FormikCheckboxGroup`.
+ *
+ * `required` is expressed on the FIELD, not on the options: `Field` renders the
+ * asterisk on the group label and injects `aria-required`, which — unlike the
+ * single-checkbox case — is valid on `role="radiogroup"` and forwarded by
+ * `RadioGroup`.
+ *
+ * Charter §03 · R-Sel.2, R-I.2, R-I.3, R-4.1. Peer dependency: formik >= 2.x.
+ */
+
+import * as React from "react";
+import { useField, useFormikContext } from "formik";
+import Field from "../components/Field";
+import { RadioGroup } from "../components/Radio";
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Declared value of an option, whatever its shape. */
+function valeurOption(option) {
+  return typeof option === "string" ? option : option.value;
+}
+const FormikRadioGroup = ({
+  name,
+  label,
+  options = [],
+  required,
+  disabled,
+  hint,
+  row
+}) => {
+  const [field, meta] = useField(name);
+  const {
+    setFieldValue,
+    setFieldTouched
+  } = useFormikContext();
+  const hasError = Boolean(meta.touched && meta.error);
+
+  /* Comparison only — the stored value is left untouched. A field holding
+   * boolean `false` therefore selects the option declared "false". */
+  const selection = field.value === null || field.value === undefined ? "" : String(field.value);
+  const handleChange = (_event, valeurDom) => {
+    const correspondante = options.find(option => String(valeurOption(option)) === valeurDom);
+    /* Write back the DECLARED value — see the note above. The raw DOM string
+     * is the fallback, not the norm. */
+    void setFieldValue(name, correspondante === undefined ? valeurDom : valeurOption(correspondante));
+    void setFieldTouched(name, true, false);
+  };
+  return /*#__PURE__*/_jsx(Field, {
+    ...(label !== undefined ? {
+      label
+    } : {}),
+    error: hasError ? meta.error : null,
+    hint: !hasError ? hint : undefined,
+    group: true,
+    ...(required !== undefined ? {
+      required
+    } : {}),
+    ...(disabled !== undefined ? {
+      disabled
+    } : {}),
+    children: /*#__PURE__*/_jsx(RadioGroup, {
+      name: name,
+      value: selection,
+      options: options,
+      onChange: handleChange,
+      ...(row !== undefined ? {
+        row
+      } : {}),
+      ...(disabled !== undefined ? {
+        disabled
+      } : {})
+    })
+  });
+};
+export default FormikRadioGroup;
+//# sourceMappingURL=FormikRadioGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormikRadioGroup.js","names":["React","useField","useFormikContext","Field","RadioGroup","jsx","_jsx","valeurOption","option","value","FormikRadioGroup","name","label","options","required","disabled","hint","row","field","meta","setFieldValue","setFieldTouched","hasError","Boolean","touched","error","selection","undefined","String","handleChange","_event","valeurDom","correspondante","find","group","children","onChange"],"sources":["../../../../src/lib/v2/patterns/FormikRadioGroup.tsx"],"sourcesContent":["/**\r\n * FormikRadioGroup — bridge between Formik state and v2.Field +\r\n * v2.RadioGroup.\r\n *\r\n * ── WHY (gap G-C) ────────────────────────────────────────────────────\r\n *\r\n * R-Sel.2 is a MUST: 2–3 options → Radio or Segmented, never a Select. So any\r\n * form with a two-way business question has to reach for `RadioGroup` — and\r\n * until now there was no Formik bridge for it, while `FormikCheckboxGroup`,\r\n * `FormikSelect`, `FormikCombobox`, `FormikDatePicker`, `FormikTextarea`,\r\n * `FormikFile` and `FormikInput` all exist. Every host therefore re-wired\r\n * `useField` + `RadioGroup` by hand, which is the duplication R-2.1 forbids\r\n * and, worse, the shape in which validation messages go missing: a hand-rolled\r\n * bridge renders the control but forgets `FieldError`.\r\n *\r\n * Reported from refonte-frontend (lot 5), where ONE form carried two such\r\n * groups (`usageHorsMetrologique`, `certificat`).\r\n *\r\n * ── THE VALUE IS WRITTEN BACK AS DECLARED, NOT AS THE DOM SAW IT ─────\r\n *\r\n * This is the contract that matters, and it is invisible.\r\n *\r\n * A native `<input type=\"radio\">` only ever reports a STRING. A host whose\r\n * options are numbers — `{ value: 1 }`, `{ value: 2 }` — and whose payload\r\n * declares a number would silently start sending `\"1\"` after the user picks.\r\n * The API accepts it or rejects it days later; nothing in the UI tells anyone.\r\n *\r\n * So `onChange` matches the DOM string back against the option list and writes\r\n * the ORIGINAL option value. Numbers stay numbers, strings stay strings. Only\r\n * when no option matches (a host mutating its list mid-flight) does the raw DOM\r\n * string go through, because dropping the user's click would be worse.\r\n *\r\n * Symmetrically, the group's `value` is compared as a string, so a field\r\n * holding a boolean `false` selects the option declared `\"false\"`, and a field\r\n * holding the number `2` selects `{ value: 2 }`. The STORED value is never\r\n * coerced by this — only the comparison is.\r\n *\r\n * Usage:\r\n *\r\n *   <FormikRadioGroup\r\n *     name=\"importateur.certificat\"\r\n *     label=\"Modèle déjà approuvé\"\r\n *     required\r\n *     row\r\n *     options={[\r\n *       { value: \"true\", label: \"Oui\" },\r\n *       { value: \"false\", label: \"Non\" },\r\n *     ]}\r\n *   />\r\n *\r\n * ── ERRORS APPEAR ON PICK, NOT ON BLUR ──────────────────────────────\r\n *\r\n * A radio group has no meaningful blur-before-change: the first interaction IS\r\n * the answer. Waiting for a blur keeps a required-group message hidden while\r\n * the user clicks around. Picking marks the field touched — same rule as\r\n * `FormikCheckbox` and `FormikCheckboxGroup`.\r\n *\r\n * `required` is expressed on the FIELD, not on the options: `Field` renders the\r\n * asterisk on the group label and injects `aria-required`, which — unlike the\r\n * single-checkbox case — is valid on `role=\"radiogroup\"` and forwarded by\r\n * `RadioGroup`.\r\n *\r\n * Charter §03 · R-Sel.2, R-I.2, R-I.3, R-4.1. Peer dependency: formik >= 2.x.\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { useField, useFormikContext } from \"formik\";\r\nimport Field from \"../components/Field\";\r\nimport { RadioGroup } from \"../components/Radio\";\r\nimport type { RadioGroupOption } from \"../components/Radio\";\r\n\r\nexport interface FormikRadioGroupProps {\r\n  name: string;\r\n  /** Group label — rendered by `Field` above the options. */\r\n  label?: React.ReactNode | undefined;\r\n  options?: RadioGroupOption[] | undefined;\r\n  required?: boolean | undefined;\r\n  disabled?: boolean | undefined;\r\n  hint?: React.ReactNode | undefined;\r\n  /** Horizontal layout. Use only with short labels. */\r\n  row?: boolean | undefined;\r\n}\r\n\r\n/** Declared value of an option, whatever its shape. */\r\nfunction valeurOption(option: RadioGroupOption): string | number {\r\n  return typeof option === \"string\" ? option : option.value;\r\n}\r\n\r\nconst FormikRadioGroup = ({\r\n  name,\r\n  label,\r\n  options = [],\r\n  required,\r\n  disabled,\r\n  hint,\r\n  row,\r\n}: FormikRadioGroupProps) => {\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  /* Comparison only — the stored value is left untouched. A field holding\r\n   * boolean `false` therefore selects the option declared \"false\". */\r\n  const selection =\r\n    field.value === null || field.value === undefined\r\n      ? \"\"\r\n      : String(field.value);\r\n\r\n  const handleChange = (\r\n    _event: React.ChangeEvent<HTMLInputElement>,\r\n    valeurDom: string\r\n  ) => {\r\n    const correspondante = options.find(\r\n      (option) => String(valeurOption(option)) === valeurDom\r\n    );\r\n    /* Write back the DECLARED value — see the note above. The raw DOM string\r\n     * is the fallback, not the norm. */\r\n    void setFieldValue(\r\n      name,\r\n      correspondante === undefined ? valeurDom : valeurOption(correspondante)\r\n    );\r\n    void setFieldTouched(name, true, false);\r\n  };\r\n\r\n  return (\r\n    <Field\r\n      {...(label !== undefined ? { label } : {})}\r\n      error={hasError ? meta.error : null}\r\n      hint={!hasError ? hint : undefined}\r\n      group\r\n      {...(required !== undefined ? { required } : {})}\r\n      {...(disabled !== undefined ? { disabled } : {})}\r\n    >\r\n      <RadioGroup\r\n        name={name}\r\n        value={selection}\r\n        options={options}\r\n        onChange={handleChange}\r\n        {...(row !== undefined ? { row } : {})}\r\n        {...(disabled !== undefined ? { disabled } : {})}\r\n      />\r\n    </Field>\r\n  );\r\n};\r\n\r\nexport default FormikRadioGroup;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,18 +1,3 @@
-var _excluded = ["name", "label", "required", "disabled", "hint", "htmlFor", "getOptionValue", "getDescription", "onPick", "seenRows"];
-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 _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 _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; }
 /**
  * FormikReferentielField — bridge between Formik state and
  * v2.ReferentielField.
@@ -32,85 +17,90 @@ import { useField, useFormikContext } from "formik";
 import Field from "../components/Field";
 import ReferentielField from "./ReferentielField";
 import { jsx as _jsx } from "react/jsx-runtime";
-function FormikReferentielField(_ref) {
-  var name = _ref.name,
-    label = _ref.label,
-    required = _ref.required,
-    disabled = _ref.disabled,
-    hint = _ref.hint,
-    htmlFor = _ref.htmlFor,
-    getOptionValue = _ref.getOptionValue,
-    getDescription = _ref.getDescription,
-    onPick = _ref.onPick,
-    seenRows = _ref.seenRows,
-    refProps = _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);
+function FormikReferentielField({
+  name,
+  label,
+  required,
+  disabled,
+  hint,
+  htmlFor,
+  getOptionValue,
+  getDescription,
+  onPick,
+  seenRows,
+  width,
+  ...refProps
+}) {
+  const [field, meta] = useField(name);
+  const {
+    setFieldValue,
+    setFieldTouched
+  } = useFormikContext();
+  const hasError = Boolean(meta.touched && meta.error);
 
   /* Cache of rows the user has picked in this session, keyed by the
    * resolved option value. Lets us render the trigger label after a
    * pick without re-fetching. */
-  var cacheRef = React.useRef(new Map());
+  const cacheRef = React.useRef(new Map());
   // `seenRows` (if provided) seeds the cache and is NOT forwarded to
   // ReferentielField — consuming it via the destructure keeps refProps clean.
   if (seenRows) {
-    seenRows.forEach(function (row) {
+    seenRows.forEach(row => {
       cacheRef.current.set(getOptionValue ? getOptionValue(row) : row, row);
     });
   }
-  var valueRow = React.useMemo(function () {
-    var _cacheRef$current$get;
+  const valueRow = React.useMemo(() => {
     if (field.value == null || field.value === "") return null;
-    return (_cacheRef$current$get = cacheRef.current.get(field.value)) !== null && _cacheRef$current$get !== void 0 ? _cacheRef$current$get : null;
+    return cacheRef.current.get(field.value) ?? null;
   }, [field.value]);
-  var handleChange = function handleChange(row) {
+  const handleChange = row => {
     if (row == null) {
       setFieldValue(name, "");
       setFieldTouched(name, true, false);
       return;
     }
-    var val = getOptionValue ? getOptionValue(row) : row;
+    const val = getOptionValue ? getOptionValue(row) : row;
     cacheRef.current.set(val, row);
     setFieldValue(name, val);
     setFieldTouched(name, true, false);
     if (typeof onPick === "function") onPick(row);
   };
-  var display = React.useCallback(function (rowOrVal) {
+  const display = React.useCallback(rowOrVal => {
     // ReferentielField calls getDisplayValue(value) — `value` here is
     // either the cached row (if available) or the raw formik primitive.
     // Resolve through the cache when we have it.
-    if (rowOrVal && _typeof(rowOrVal) === "object") {
+    if (rowOrVal && typeof rowOrVal === "object") {
       return getDescription ? getDescription(rowOrVal) : String(rowOrVal);
     }
-    var cached = cacheRef.current.get(rowOrVal);
+    const cached = cacheRef.current.get(rowOrVal);
     if (cached) return getDescription ? getDescription(cached) : String(cached);
     return rowOrVal == null ? "" : String(rowOrVal);
   }, [getDescription]);
-  return /*#__PURE__*/_jsx(Field, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Field, {
     label: label,
     error: hasError ? meta.error : null,
     hint: !hasError ? hint : undefined,
-    htmlFor: htmlFor || name
-  }, required !== undefined ? {
-    required: required
-  } : {}), disabled !== undefined ? {
-    disabled: disabled
-  } : {}), {}, {
-    children: /*#__PURE__*/_jsx(ReferentielField, _objectSpread(_objectSpread({
+    htmlFor: htmlFor || name,
+    ...(required !== undefined ? {
+      required
+    } : {}),
+    ...(disabled !== undefined ? {
+      disabled
+    } : {}),
+    ...(width !== undefined ? {
+      width
+    } : {}),
+    children: /*#__PURE__*/_jsx(ReferentielField, {
       name: name,
-      value: valueRow !== null && valueRow !== void 0 ? valueRow : field.value,
+      value: valueRow ?? field.value,
       onChange: handleChange,
-      getDisplayValue: display
-    }, refProps), disabled !== undefined ? {
-      disabled: disabled
-    } : {}))
-  }));
+      getDisplayValue: display,
+      ...refProps,
+      ...(disabled !== undefined ? {
+        disabled
+      } : {})
+    })
+  });
 }
 export default FormikReferentielField;
 //# sourceMappingURL=FormikReferentielField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormikReferentielField.js","names":["React","useField","useFormikContext","Field","ReferentielField","jsx","_jsx","FormikReferentielField","_ref","name","label","required","disabled","hint","htmlFor","getOptionValue","getDescription","onPick","seenRows","refProps","_objectWithoutProperties","_excluded","_useField","_useField2","_slicedToArray","field","meta","_useFormikContext","setFieldValue","setFieldTouched","hasError","Boolean","touched","error","cacheRef","useRef","Map","forEach","row","current","set","valueRow","useMemo","_cacheRef$current$get","value","get","handleChange","val","display","useCallback","rowOrVal","_typeof","String","cached","_objectSpread","undefined","children","onChange","getDisplayValue"],"sources":["../../../../src/lib/v2/patterns/FormikReferentielField.tsx"],"sourcesContent":["/**\r\n * FormikReferentielField — bridge between Formik state and\r\n * v2.ReferentielField.\r\n *\r\n * Mirrors the API surface of the legacy AppFormikSearchField wrapper:\r\n *   - stores `getOptionValue(row)` in Formik state under `name`\r\n *   - displays `getDescription(row)` in the trigger Input (resolves\r\n *     via a host-supplied lookup or a cached map of seen rows)\r\n *   - calls `onPick(row)` after a successful selection so the host\r\n *     can mirror sibling fields (e.g. *.id + *.description pairs)\r\n *\r\n * Charter R-Sel.1 → R-Sel.4. Peer dependency: formik >= 2.x.\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { useField, useFormikContext } from \"formik\";\r\nimport Field from \"../components/Field\";\r\nimport ReferentielField, { type ReferentielFieldProps } from \"./ReferentielField\";\r\n\r\nexport interface FormikReferentielFieldProps<T>\r\n  extends Omit<\r\n    ReferentielFieldProps<T>,\r\n    \"value\" | \"onChange\" | \"getDisplayValue\" | \"name\"\r\n  > {\r\n  name: string;\r\n  label?: React.ReactNode | undefined;\r\n  required?: boolean | undefined;\r\n  hint?: React.ReactNode | undefined;\r\n  htmlFor?: string | undefined;\r\n  /** Resolve the primitive stored in Formik state from a picked row. */\r\n  getOptionValue?: ((row: T) => unknown) | undefined;\r\n  /** Resolve the trigger display string from a row. */\r\n  getDescription?: ((row: T) => string) | undefined;\r\n  /** Called after a successful pick so the host can mirror siblings. */\r\n  onPick?: ((row: T) => void) | undefined;\r\n  /** Rows to seed the label cache with (e.g. an edit form's initial value). */\r\n  seenRows?: T[] | undefined;\r\n}\r\n\r\nfunction FormikReferentielField<T>({\r\n  name,\r\n  label,\r\n  required,\r\n  disabled,\r\n  hint,\r\n  htmlFor,\r\n  getOptionValue,\r\n  getDescription,\r\n  onPick,\r\n  seenRows,\r\n  ...refProps\r\n}: FormikReferentielFieldProps<T>) {\r\n  const [field, meta] = useField<unknown>(name);\r\n  const { setFieldValue, setFieldTouched } = useFormikContext();\r\n  const hasError = Boolean(meta.touched && meta.error);\r\n\r\n  /* Cache of rows the user has picked in this session, keyed by the\r\n   * resolved option value. Lets us render the trigger label after a\r\n   * pick without re-fetching. */\r\n  const cacheRef = React.useRef(new Map<unknown, T>());\r\n  // `seenRows` (if provided) seeds the cache and is NOT forwarded to\r\n  // ReferentielField — consuming it via the destructure keeps refProps clean.\r\n  if (seenRows) {\r\n    seenRows.forEach((row) => {\r\n      cacheRef.current.set(getOptionValue ? getOptionValue(row) : row, row);\r\n    });\r\n  }\r\n\r\n  const valueRow = React.useMemo<T | null>(() => {\r\n    if (field.value == null || field.value === \"\") return null;\r\n    return cacheRef.current.get(field.value) ?? null;\r\n  }, [field.value]);\r\n\r\n  const handleChange = (row: T | null) => {\r\n    if (row == null) {\r\n      setFieldValue(name, \"\");\r\n      setFieldTouched(name, true, false);\r\n      return;\r\n    }\r\n    const val = getOptionValue ? getOptionValue(row) : row;\r\n    cacheRef.current.set(val, row);\r\n    setFieldValue(name, val);\r\n    setFieldTouched(name, true, false);\r\n    if (typeof onPick === \"function\") onPick(row);\r\n  };\r\n\r\n  const display = React.useCallback(\r\n    (rowOrVal: T): string => {\r\n      // ReferentielField calls getDisplayValue(value) — `value` here is\r\n      // either the cached row (if available) or the raw formik primitive.\r\n      // Resolve through the cache when we have it.\r\n      if (rowOrVal && typeof rowOrVal === \"object\") {\r\n        return getDescription ? getDescription(rowOrVal) : String(rowOrVal);\r\n      }\r\n      const cached = cacheRef.current.get(rowOrVal);\r\n      if (cached)\r\n        return getDescription ? getDescription(cached) : String(cached);\r\n      return rowOrVal == null ? \"\" : String(rowOrVal);\r\n    },\r\n    [getDescription]\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      <ReferentielField\r\n        name={name}\r\n        value={(valueRow ?? field.value) as T | null}\r\n        onChange={handleChange}\r\n        getDisplayValue={display}\r\n        {...refProps}\r\n        {...(disabled !== undefined ? { disabled } : {})}\r\n      />\r\n    </Field>\r\n  );\r\n}\r\n\r\nexport default FormikReferentielField;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FormikReferentielField.js","names":["React","useField","useFormikContext","Field","ReferentielField","jsx","_jsx","FormikReferentielField","name","label","required","disabled","hint","htmlFor","getOptionValue","getDescription","onPick","seenRows","width","refProps","field","meta","setFieldValue","setFieldTouched","hasError","Boolean","touched","error","cacheRef","useRef","Map","forEach","row","current","set","valueRow","useMemo","value","get","handleChange","val","display","useCallback","rowOrVal","String","cached","undefined","children","onChange","getDisplayValue"],"sources":["../../../../src/lib/v2/patterns/FormikReferentielField.tsx"],"sourcesContent":["/**\r\n * FormikReferentielField — bridge between Formik state and\r\n * v2.ReferentielField.\r\n *\r\n * Mirrors the API surface of the legacy AppFormikSearchField wrapper:\r\n *   - stores `getOptionValue(row)` in Formik state under `name`\r\n *   - displays `getDescription(row)` in the trigger Input (resolves\r\n *     via a host-supplied lookup or a cached map of seen rows)\r\n *   - calls `onPick(row)` after a successful selection so the host\r\n *     can mirror sibling fields (e.g. *.id + *.description pairs)\r\n *\r\n * Charter R-Sel.1 → R-Sel.4. Peer dependency: formik >= 2.x.\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { useField, useFormikContext } from \"formik\";\r\nimport Field from \"../components/Field\";\r\nimport type { FieldWidth } from \"../components/Field\";\r\nimport ReferentielField, { type ReferentielFieldProps } from \"./ReferentielField\";\r\n\r\nexport interface FormikReferentielFieldProps<T>\r\n  extends Omit<\r\n    ReferentielFieldProps<T>,\r\n    \"value\" | \"onChange\" | \"getDisplayValue\" | \"name\"\r\n  > {\r\n  name: string;\r\n  label?: React.ReactNode | undefined;\r\n  required?: boolean | undefined;\r\n  hint?: React.ReactNode | undefined;\r\n  htmlFor?: string | undefined;\r\n  /** Resolve the primitive stored in Formik state from a picked row. */\r\n  getOptionValue?: ((row: T) => unknown) | undefined;\r\n  /** Resolve the trigger display string from a row. */\r\n  getDescription?: ((row: T) => string) | undefined;\r\n  /** Called after a successful pick so the host can mirror siblings. */\r\n  onPick?: ((row: T) => void) | undefined;\r\n  /** Rows to seed the label cache with (e.g. an edit form's initial value). */\r\n  seenRows?: T[] | undefined;\r\n  /**\r\n   * Semantic width bucket (gap G-H). The Platform standard files « complex\r\n   * search auto-completes » under L — which is exactly what this field is,\r\n   * so `l` is the usual choice here.\r\n   *\r\n   * Wired last of the seven bridges, on the first real case: the shared IDM\r\n   * search form has an Importateur field on this bridge, and §Form Field Width\r\n   * forbids leaving it unbounded.\r\n   */\r\n  width?: FieldWidth | undefined;\r\n}\r\n\r\nfunction FormikReferentielField<T>({\r\n  name,\r\n  label,\r\n  required,\r\n  disabled,\r\n  hint,\r\n  htmlFor,\r\n  getOptionValue,\r\n  getDescription,\r\n  onPick,\r\n  seenRows,\r\n  width,\r\n  ...refProps\r\n}: FormikReferentielFieldProps<T>) {\r\n  const [field, meta] = useField<unknown>(name);\r\n  const { setFieldValue, setFieldTouched } = useFormikContext();\r\n  const hasError = Boolean(meta.touched && meta.error);\r\n\r\n  /* Cache of rows the user has picked in this session, keyed by the\r\n   * resolved option value. Lets us render the trigger label after a\r\n   * pick without re-fetching. */\r\n  const cacheRef = React.useRef(new Map<unknown, T>());\r\n  // `seenRows` (if provided) seeds the cache and is NOT forwarded to\r\n  // ReferentielField — consuming it via the destructure keeps refProps clean.\r\n  if (seenRows) {\r\n    seenRows.forEach((row) => {\r\n      cacheRef.current.set(getOptionValue ? getOptionValue(row) : row, row);\r\n    });\r\n  }\r\n\r\n  const valueRow = React.useMemo<T | null>(() => {\r\n    if (field.value == null || field.value === \"\") return null;\r\n    return cacheRef.current.get(field.value) ?? null;\r\n  }, [field.value]);\r\n\r\n  const handleChange = (row: T | null) => {\r\n    if (row == null) {\r\n      setFieldValue(name, \"\");\r\n      setFieldTouched(name, true, false);\r\n      return;\r\n    }\r\n    const val = getOptionValue ? getOptionValue(row) : row;\r\n    cacheRef.current.set(val, row);\r\n    setFieldValue(name, val);\r\n    setFieldTouched(name, true, false);\r\n    if (typeof onPick === \"function\") onPick(row);\r\n  };\r\n\r\n  const display = React.useCallback(\r\n    (rowOrVal: T): string => {\r\n      // ReferentielField calls getDisplayValue(value) — `value` here is\r\n      // either the cached row (if available) or the raw formik primitive.\r\n      // Resolve through the cache when we have it.\r\n      if (rowOrVal && typeof rowOrVal === \"object\") {\r\n        return getDescription ? getDescription(rowOrVal) : String(rowOrVal);\r\n      }\r\n      const cached = cacheRef.current.get(rowOrVal);\r\n      if (cached)\r\n        return getDescription ? getDescription(cached) : String(cached);\r\n      return rowOrVal == null ? \"\" : String(rowOrVal);\r\n    },\r\n    [getDescription]\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      <ReferentielField\r\n        name={name}\r\n        value={(valueRow ?? field.value) as T | null}\r\n        onChange={handleChange}\r\n        getDisplayValue={display}\r\n        {...refProps}\r\n        {...(disabled !== undefined ? { disabled } : {})}\r\n      />\r\n    </Field>\r\n  );\r\n}\r\n\r\nexport default FormikReferentielField;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,18 +1,3 @@
-var _excluded = ["name", "label", "required", "hint", "options", "getOptionValue", "getOptionLabel", "loading", "disabled", "readOnly", "mono", "placeholder", "htmlFor", "onSelectionChange"];
-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; }
-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); }
 /**
  * FormikSelect — bridge between Formik state and v2.Field + v2.Select.
  *
@@ -43,8 +28,8 @@ import FormikDisplay from "../components/FormikDisplay";
 import { labelFromValue, sameOptionValue } from "../components/Select";
 import { jsx as _jsx } from "react/jsx-runtime";
 function defaultGetOptionValue(opt) {
-  if (opt == null || _typeof(opt) !== "object") return opt;
-  var rec = opt;
+  if (opt == null || typeof opt !== "object") return opt;
+  const rec = opt;
   if (rec["value"] !== undefined && rec["value"] !== null) return rec["value"];
   if (rec["id"] !== undefined && rec["id"] !== null) return rec["id"];
   // Unreachable for well-formed options: an object exposing neither value nor
@@ -53,107 +38,102 @@ function defaultGetOptionValue(opt) {
 }
 function defaultGetOptionLabel(opt) {
   if (opt == null) return "";
-  if (_typeof(opt) !== "object") return String(opt);
-  var rec = opt;
+  if (typeof opt !== "object") return String(opt);
+  const rec = opt;
   if (rec["description"]) return String(rec["description"]);
   if (rec["label"]) return String(rec["label"]);
   if (rec["code"]) return String(rec["code"]);
   return String(opt);
 }
-var FormikSelect = function FormikSelect(_ref) {
-  var _field$value;
-  var name = _ref.name,
-    label = _ref.label,
-    required = _ref.required,
-    hint = _ref.hint,
-    _ref$options = _ref.options,
-    options = _ref$options === void 0 ? [] : _ref$options,
-    _ref$getOptionValue = _ref.getOptionValue,
-    getOptionValue = _ref$getOptionValue === void 0 ? defaultGetOptionValue : _ref$getOptionValue,
-    _ref$getOptionLabel = _ref.getOptionLabel,
-    getOptionLabel = _ref$getOptionLabel === void 0 ? defaultGetOptionLabel : _ref$getOptionLabel,
-    _ref$loading = _ref.loading,
-    loading = _ref$loading === void 0 ? false : _ref$loading,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-    mono = _ref.mono,
-    placeholder = _ref.placeholder,
-    htmlFor = _ref.htmlFor,
-    onSelectionChange = _ref.onSelectionChange,
-    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);
-  var v2Options = options.map(function (opt) {
-    var raw = opt;
-    if (raw == null || _typeof(raw) !== "object") return raw;
+const FormikSelect = ({
+  name,
+  label,
+  required,
+  hint,
+  options = [],
+  getOptionValue = defaultGetOptionValue,
+  getOptionLabel = defaultGetOptionLabel,
+  loading = false,
+  disabled = false,
+  readOnly = false,
+  mono,
+  placeholder,
+  htmlFor,
+  width,
+  onSelectionChange,
+  ...rest
+}) => {
+  const [field, meta] = useField(name);
+  const {
+    setFieldValue,
+    setFieldTouched
+  } = useFormikContext();
+  const hasError = Boolean(meta.touched && meta.error);
+  const v2Options = options.map(opt => {
+    const raw = opt;
+    if (raw == null || typeof raw !== "object") return raw;
     return {
       value: getOptionValue(opt),
       label: getOptionLabel(opt),
       __raw: opt
     };
   });
-  var handleChange = function handleChange(e) {
-    var next = e && e.target ? e.target.value : e;
+  const handleChange = e => {
+    const next = e && e.target ? e.target.value : e;
     setFieldValue(name, next === "" ? null : next);
     setFieldTouched(name, true, false);
     if (typeof onSelectionChange === "function") {
-      var found = v2Options.find(function (o) {
-        return _typeof(o) === "object" && o !== null && o.value === next;
-      });
-      var picked = found && _typeof(found) === "object" ? found.__raw : null;
+      const found = v2Options.find(o => typeof o === "object" && o !== null && o.value === next);
+      const picked = found && typeof found === "object" ? found.__raw : null;
       onSelectionChange(picked);
     }
   };
-  var resolvedPlaceholder = loading ? "Chargement…" : placeholder;
+  const resolvedPlaceholder = loading ? "Chargement…" : placeholder;
 
   /* Lecture seule : on résout le libellé de l'option avant de déléguer, sinon
    * FormikDisplay afficherait la VALEUR brute (un code, ou un objet dont il ne
    * lirait que `.description`). */
   if (readOnly && !disabled) {
-    return /*#__PURE__*/_jsx(FormikDisplay, _objectSpread(_objectSpread(_objectSpread({
+    return /*#__PURE__*/_jsx(FormikDisplay, {
       name: name,
-      label: label
-    }, hint !== undefined ? {
-      hint: hint
-    } : {}), mono !== undefined ? {
-      mono: mono
-    } : {}), {}, {
-      format: function format(raw) {
-        var match = options.find(function (opt) {
-          return sameOptionValue(getOptionValue(opt), raw);
-        });
+      label: label,
+      ...(hint !== undefined ? {
+        hint
+      } : {}),
+      ...(mono !== undefined ? {
+        mono
+      } : {}),
+      format: raw => {
+        const match = options.find(opt => sameOptionValue(getOptionValue(opt), raw));
         if (match !== undefined) return getOptionLabel(match);
         return labelFromValue(raw);
       }
-    }));
+    });
   }
-  return /*#__PURE__*/_jsx(Field, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Field, {
     label: label,
     error: hasError ? meta.error : null,
     hint: !hasError ? hint : undefined,
     htmlFor: htmlFor || name,
-    disabled: disabled
-  }, required !== undefined ? {
-    required: required
-  } : {}), {}, {
-    children: /*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({
-      value: (_field$value = field.value) !== null && _field$value !== void 0 ? _field$value : "",
+    disabled: disabled,
+    ...(required !== undefined ? {
+      required
+    } : {}),
+    ...(width !== undefined ? {
+      width
+    } : {}),
+    children: /*#__PURE__*/_jsx(Select, {
+      value: field.value ?? "",
       onChange: handleChange,
       onBlur: field.onBlur,
       options: v2Options,
-      disabled: Boolean(disabled || loading)
-    }, rest), resolvedPlaceholder !== undefined ? {
-      placeholder: resolvedPlaceholder
-    } : {}))
-  }));
+      disabled: Boolean(disabled || loading),
+      ...rest,
+      ...(resolvedPlaceholder !== undefined ? {
+        placeholder: resolvedPlaceholder
+      } : {})
+    })
+  });
 };
 export default FormikSelect;
 //# sourceMappingURL=FormikSelect.js.map