@portnet/ui 6.0.1 → 6.0.3

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

@@ -1,9 +1,3 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { useFormikContext } from "formik";
 import useFocusFirstError from "../hooks/useFocusFirstError";
 
@@ -45,12 +39,11 @@ import useFocusFirstError from "../hooks/useFocusFirstError";
  * rather than a Formik submit, so there is no submitCount to react to.
  */
 
-function FormikErrorFocus(_ref) {
-  var order = _ref.order,
-    _ref$scroll = _ref.scroll,
-    scroll = _ref$scroll === void 0 ? true : _ref$scroll,
-    _ref$enabled = _ref.enabled,
-    enabled = _ref$enabled === void 0 ? true : _ref$enabled;
+function FormikErrorFocus({
+  order,
+  scroll = true,
+  enabled = true
+}) {
   /*
    * Record<string, unknown> rather than the host's own values type, and
    * rather than a cast. FormikErrors<Record<string, unknown>> resolves to
@@ -60,17 +53,23 @@ function FormikErrorFocus(_ref) {
    * parameter against the provider, so this stays valid whatever the form's
    * value shape is.
    */
-  var _useFormikContext = useFormikContext(),
-    errors = _useFormikContext.errors,
-    submitCount = _useFormikContext.submitCount;
-  useFocusFirstError(_objectSpread({
-    errors: errors,
-    submitCount: submitCount,
-    scroll: scroll,
-    enabled: enabled
-  }, order !== undefined ? {
-    order: order
-  } : {}));
+  const {
+    errors,
+    submitCount
+  } = useFormikContext();
+  useFocusFirstError({
+    errors,
+    submitCount,
+    scroll,
+    enabled,
+    /* Conditional spread: `order` is optional here and declared
+       `readonly string[] | undefined` on the hook, and the library compiles
+       under exactOptionalPropertyTypes, which rejects an explicitly-passed
+       undefined. */
+    ...(order !== undefined ? {
+      order
+    } : {})
+  });
   return null;
 }
 export default FormikErrorFocus;

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

@@ -1 +1 @@
-{"version":3,"file":"FormikErrorFocus.js","names":["useFormikContext","useFocusFirstError","FormikErrorFocus","_ref","order","_ref$scroll","scroll","_ref$enabled","enabled","_useFormikContext","errors","submitCount","_objectSpread","undefined"],"sources":["../../../../src/lib/v2/patterns/FormikErrorFocus.tsx"],"sourcesContent":["import { useFormikContext } from \"formik\";\r\nimport useFocusFirstError from \"../hooks/useFocusFirstError\";\r\n\r\n/**\r\n * FormikErrorFocus — Portnet UI v2 (pattern)\r\n *\r\n * Charter §05.3 R-F.3 / §04.1 R-FV.3. Renders NOTHING; it exists purely to\r\n * move focus to the first field in error after a failed submit.\r\n *\r\n * The companion to FormErrorSummary: that component makes the errors\r\n * visible and reachable by click, this one puts the caret in the first of\r\n * them. R-FV.2 and R-FV.3 are separate MUST rules and a form needs both.\r\n *\r\n *   <Formik initialValues={…} validationSchema={…} onSubmit={…}>\r\n *     <Form>\r\n *       <FormikErrorFocus order={[\"numeroFacture\", \"fournisseur\", \"dateFacture\"]} />\r\n *       <FormikInput name=\"numeroFacture\" label=\"N° de la facture\" required />\r\n *       <FormikInput name=\"fournisseur\"   label=\"Fournisseur\" required />\r\n *       <FormikDatePicker name=\"dateFacture\" label=\"Date de la facture\" required />\r\n *     </Form>\r\n *   </Formik>\r\n *\r\n * Placement inside the form is free — it renders null, so it has no layout\r\n * or tab-order effect. It MUST be a descendant of <Formik>, since it reads\r\n * the context.\r\n *\r\n * ── WHY A COMPONENT AND NOT JUST THE HOOK ───────────────────────────\r\n *\r\n * The prevailing Formik shape in the modules is `<Formik><Form>…</Form>\r\n * </Formik>` with STATIC children. The hosting component's body is outside\r\n * the provider, so useFormikContext cannot be called there; and passing\r\n * innerRef does not help, because a ref mutation does not re-render the\r\n * holder when `errors` changes. A null-rendering descendant is the only\r\n * place the context is both available and reactive.\r\n *\r\n * Where a component already sits inside the provider — a form section using\r\n * useFormikContext, like the mjcc-fe publication and facture blocs — call\r\n * `focusFieldByName` directly instead. Those guards run on a button click\r\n * rather than a Formik submit, so there is no submitCount to react to.\r\n */\r\n\r\nexport interface FormikErrorFocusProps {\r\n  /**\r\n   * Field names in RENDERED order, top to bottom.\r\n   *\r\n   * SUPPLY THIS. The fallback is `Object.keys(errors)` — the order the\r\n   * validator wrote its keys, which bears no relation to the layout, so\r\n   * \"first field in error\" can resolve to the last field on screen.\r\n   */\r\n  order?: readonly string[] | undefined;\r\n  /** Scroll the field into view before focusing. @default true */\r\n  scroll?: boolean | undefined;\r\n  /**\r\n   * Set false to suspend the behaviour — e.g. a read-only mode where the\r\n   * submit path is closed and moving focus would be noise.\r\n   *\r\n   * @default true\r\n   */\r\n  enabled?: boolean | undefined;\r\n}\r\n\r\nfunction FormikErrorFocus({\r\n  order,\r\n  scroll = true,\r\n  enabled = true,\r\n}: FormikErrorFocusProps) {\r\n  /*\r\n   * Record<string, unknown> rather than the host's own values type, and\r\n   * rather than a cast. FormikErrors<Record<string, unknown>> resolves to\r\n   * an index-signature map of optional strings, which is assignable to the\r\n   * hook's Readonly<Record<string, unknown>> — so the two contracts meet\r\n   * without an assertion. useFormikContext does not check its type\r\n   * parameter against the provider, so this stays valid whatever the form's\r\n   * value shape is.\r\n   */\r\n  const { errors, submitCount } = useFormikContext<Record<string, unknown>>();\r\n\r\n  useFocusFirstError({\r\n    errors,\r\n    submitCount,\r\n    scroll,\r\n    enabled,\r\n    /* Conditional spread: `order` is optional here and declared\r\n       `readonly string[] | undefined` on the hook, and the library compiles\r\n       under exactOptionalPropertyTypes, which rejects an explicitly-passed\r\n       undefined. */\r\n    ...(order !== undefined ? { order } : {}),\r\n  });\r\n\r\n  return null;\r\n}\r\n\r\nexport default FormikErrorFocus;\r\n"],"mappings":";;;;;;AAAA,SAASA,gBAAgB,QAAQ,QAAQ;AACzC,OAAOC,kBAAkB,MAAM,6BAA6B;;AAE5D;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;;AAsBA,SAASC,gBAAgBA,CAAAC,IAAA,EAIC;EAAA,IAHxBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAC,WAAA,GAAAF,IAAA,CACLG,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,IAAI,GAAAA,WAAA;IAAAE,YAAA,GAAAJ,IAAA,CACbK,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,IAAI,GAAAA,YAAA;EAEd;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAAE,iBAAA,GAAgCT,gBAAgB,CAA0B,CAAC;IAAnEU,MAAM,GAAAD,iBAAA,CAANC,MAAM;IAAEC,WAAW,GAAAF,iBAAA,CAAXE,WAAW;EAE3BV,kBAAkB,CAAAW,aAAA;IAChBF,MAAM,EAANA,MAAM;IACNC,WAAW,EAAXA,WAAW;IACXL,MAAM,EAANA,MAAM;IACNE,OAAO,EAAPA;EAAO,GAKHJ,KAAK,KAAKS,SAAS,GAAG;IAAET,KAAK,EAALA;EAAM,CAAC,GAAG,CAAC,CAAC,CACzC,CAAC;EAEF,OAAO,IAAI;AACb;AAEA,eAAeF,gBAAgB","ignoreList":[]}
+{"version":3,"file":"FormikErrorFocus.js","names":["useFormikContext","useFocusFirstError","FormikErrorFocus","order","scroll","enabled","errors","submitCount","undefined"],"sources":["../../../../src/lib/v2/patterns/FormikErrorFocus.tsx"],"sourcesContent":["import { useFormikContext } from \"formik\";\r\nimport useFocusFirstError from \"../hooks/useFocusFirstError\";\r\n\r\n/**\r\n * FormikErrorFocus — Portnet UI v2 (pattern)\r\n *\r\n * Charter §05.3 R-F.3 / §04.1 R-FV.3. Renders NOTHING; it exists purely to\r\n * move focus to the first field in error after a failed submit.\r\n *\r\n * The companion to FormErrorSummary: that component makes the errors\r\n * visible and reachable by click, this one puts the caret in the first of\r\n * them. R-FV.2 and R-FV.3 are separate MUST rules and a form needs both.\r\n *\r\n *   <Formik initialValues={…} validationSchema={…} onSubmit={…}>\r\n *     <Form>\r\n *       <FormikErrorFocus order={[\"numeroFacture\", \"fournisseur\", \"dateFacture\"]} />\r\n *       <FormikInput name=\"numeroFacture\" label=\"N° de la facture\" required />\r\n *       <FormikInput name=\"fournisseur\"   label=\"Fournisseur\" required />\r\n *       <FormikDatePicker name=\"dateFacture\" label=\"Date de la facture\" required />\r\n *     </Form>\r\n *   </Formik>\r\n *\r\n * Placement inside the form is free — it renders null, so it has no layout\r\n * or tab-order effect. It MUST be a descendant of <Formik>, since it reads\r\n * the context.\r\n *\r\n * ── WHY A COMPONENT AND NOT JUST THE HOOK ───────────────────────────\r\n *\r\n * The prevailing Formik shape in the modules is `<Formik><Form>…</Form>\r\n * </Formik>` with STATIC children. The hosting component's body is outside\r\n * the provider, so useFormikContext cannot be called there; and passing\r\n * innerRef does not help, because a ref mutation does not re-render the\r\n * holder when `errors` changes. A null-rendering descendant is the only\r\n * place the context is both available and reactive.\r\n *\r\n * Where a component already sits inside the provider — a form section using\r\n * useFormikContext, like the mjcc-fe publication and facture blocs — call\r\n * `focusFieldByName` directly instead. Those guards run on a button click\r\n * rather than a Formik submit, so there is no submitCount to react to.\r\n */\r\n\r\nexport interface FormikErrorFocusProps {\r\n  /**\r\n   * Field names in RENDERED order, top to bottom.\r\n   *\r\n   * SUPPLY THIS. The fallback is `Object.keys(errors)` — the order the\r\n   * validator wrote its keys, which bears no relation to the layout, so\r\n   * \"first field in error\" can resolve to the last field on screen.\r\n   */\r\n  order?: readonly string[] | undefined;\r\n  /** Scroll the field into view before focusing. @default true */\r\n  scroll?: boolean | undefined;\r\n  /**\r\n   * Set false to suspend the behaviour — e.g. a read-only mode where the\r\n   * submit path is closed and moving focus would be noise.\r\n   *\r\n   * @default true\r\n   */\r\n  enabled?: boolean | undefined;\r\n}\r\n\r\nfunction FormikErrorFocus({\r\n  order,\r\n  scroll = true,\r\n  enabled = true,\r\n}: FormikErrorFocusProps) {\r\n  /*\r\n   * Record<string, unknown> rather than the host's own values type, and\r\n   * rather than a cast. FormikErrors<Record<string, unknown>> resolves to\r\n   * an index-signature map of optional strings, which is assignable to the\r\n   * hook's Readonly<Record<string, unknown>> — so the two contracts meet\r\n   * without an assertion. useFormikContext does not check its type\r\n   * parameter against the provider, so this stays valid whatever the form's\r\n   * value shape is.\r\n   */\r\n  const { errors, submitCount } = useFormikContext<Record<string, unknown>>();\r\n\r\n  useFocusFirstError({\r\n    errors,\r\n    submitCount,\r\n    scroll,\r\n    enabled,\r\n    /* Conditional spread: `order` is optional here and declared\r\n       `readonly string[] | undefined` on the hook, and the library compiles\r\n       under exactOptionalPropertyTypes, which rejects an explicitly-passed\r\n       undefined. */\r\n    ...(order !== undefined ? { order } : {}),\r\n  });\r\n\r\n  return null;\r\n}\r\n\r\nexport default FormikErrorFocus;\r\n"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,QAAQ;AACzC,OAAOC,kBAAkB,MAAM,6BAA6B;;AAE5D;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;;AAsBA,SAASC,gBAAgBA,CAAC;EACxBC,KAAK;EACLC,MAAM,GAAG,IAAI;EACbC,OAAO,GAAG;AACW,CAAC,EAAE;EACxB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,MAAM;IAAEC,MAAM;IAAEC;EAAY,CAAC,GAAGP,gBAAgB,CAA0B,CAAC;EAE3EC,kBAAkB,CAAC;IACjBK,MAAM;IACNC,WAAW;IACXH,MAAM;IACNC,OAAO;IACP;AACJ;AACA;AACA;IACI,IAAIF,KAAK,KAAKK,SAAS,GAAG;MAAEL;IAAM,CAAC,GAAG,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEF,OAAO,IAAI;AACb;AAEA,eAAeD,gBAAgB","ignoreList":[]}

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

@@ -0,0 +1,89 @@
+import * as React from "react";
+import { useFormikContext } from "formik";
+import FormErrorSummary from "./FormErrorSummary";
+import { flattenFormikErrors } from "../utils/formikErrors";
+
+/**
+ * FormikErrorSummary — Portnet UI v2 (pattern)
+ *
+ * Charter §04.1 R-FV.2 / §05 R-4.2 MUST — "Submit échoué → bandeau de synthèse
+ * en haut du formulaire". The Formik bridge for `FormErrorSummary`, and the
+ * companion of `FormikErrorFocus`: that one puts the caret in the first field
+ * in error, this one lists them all with jump-links.
+ *
+ *   <Formik …>
+ *     <Form>
+ *       <FormikErrorSummary
+ *         labelByName={{ numeroFormule: "N° de formule", montant: "Montant" }}
+ *         onItemClick={focusFieldByName}
+ *       />
+ *       …fields…
+ *     </Form>
+ *   </Formik>
+ *
+ * ── WHY THIS EXISTS (ms-ti-fe, Area 11) ─────────────────────────────
+ *
+ * The library owned all three parts of the failed-submit recipe and no way to
+ * assemble them inside the prevailing form shape:
+ *
+ *   · `FormErrorSummary`   — renders the banner, takes a flat list;
+ *   · `flattenFormikErrors`— produces that list from Formik's error tree (G-38);
+ *   · `focusFieldByName`   — resolves an item's name to a control (R-FV.3).
+ *
+ * Reaching `errors` and `submitCount` requires the Formik CONTEXT, and modules
+ * overwhelmingly write `<Formik><Form>…</Form></Formik>` with STATIC children:
+ * the hosting component's body sits OUTSIDE the provider, so it cannot call
+ * `useFormikContext`, and `innerRef` does not help — mutating a ref does not
+ * re-render the holder when `errors` changes. Each host therefore had to either
+ * convert its form to a render-prop purely to reach the errors, or write a
+ * local null-rendering context reader.
+ *
+ * ms-ti-fe has ELEVEN Formik forms. ONE had the banner; wiring the other ten
+ * meant ten copies of that wrapper. `FormikErrorFocus` exists for precisely
+ * this reason on the sibling rule, which is why field adoption of the two
+ * MUSTs diverged so sharply — 1 of 11 for R-FV.2 against 0 of 11 for R-FV.3,
+ * the one with a bridge being the one nobody could apply without boilerplate.
+ *
+ * GOVERNANCE NOTE. This is a BRIDGE over an already-certified component — the
+ * thirteenth, after FormikInput / Select / Combobox / DatePicker /
+ * DateTimePicker / Textarea / File / Checkbox / CheckboxGroup / RadioGroup /
+ * ReferentielField / ErrorFocus. It renders no markup of its own, introduces no
+ * design decision, and adds no token. If the DS team holds that even a bridge
+ * takes the §10.2 component-proposal path, treat this file as the proposal.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+function FormikErrorSummary({
+  labelByName,
+  onItemClick,
+  title,
+  afterSubmitOnly = true
+}) {
+  const {
+    errors,
+    submitCount
+  } = useFormikContext();
+
+  /* Recomputed only when the tree or the attempt count changes: the recursion
+   * walks every leaf, and a form rejected on submit re-renders on every
+   * keystroke that follows while the user fixes it. */
+  const flat = React.useMemo(() => flattenFormikErrors(errors), [errors]);
+  if (afterSubmitOnly && submitCount === 0) return null;
+
+  /* `FormErrorSummary` already returns null on an empty list, so mounting this
+   * unconditionally is safe and keeps the banner's appearance/disappearance in
+   * one place rather than duplicating the guard at every call site. */
+  return /*#__PURE__*/_jsx(FormErrorSummary, {
+    errors: flat,
+    ...(labelByName !== undefined ? {
+      labelByName
+    } : {}),
+    ...(onItemClick !== undefined ? {
+      onItemClick
+    } : {}),
+    ...(title !== undefined ? {
+      title
+    } : {})
+  });
+}
+export default FormikErrorSummary;
+//# sourceMappingURL=FormikErrorSummary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormikErrorSummary.js","names":["React","useFormikContext","FormErrorSummary","flattenFormikErrors","jsx","_jsx","FormikErrorSummary","labelByName","onItemClick","title","afterSubmitOnly","errors","submitCount","flat","useMemo","undefined"],"sources":["../../../../src/lib/v2/patterns/FormikErrorSummary.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { useFormikContext } from \"formik\";\r\nimport FormErrorSummary from \"./FormErrorSummary\";\r\nimport { flattenFormikErrors } from \"../utils/formikErrors\";\r\n\r\n/**\r\n * FormikErrorSummary — Portnet UI v2 (pattern)\r\n *\r\n * Charter §04.1 R-FV.2 / §05 R-4.2 MUST — \"Submit échoué → bandeau de synthèse\r\n * en haut du formulaire\". The Formik bridge for `FormErrorSummary`, and the\r\n * companion of `FormikErrorFocus`: that one puts the caret in the first field\r\n * in error, this one lists them all with jump-links.\r\n *\r\n *   <Formik …>\r\n *     <Form>\r\n *       <FormikErrorSummary\r\n *         labelByName={{ numeroFormule: \"N° de formule\", montant: \"Montant\" }}\r\n *         onItemClick={focusFieldByName}\r\n *       />\r\n *       …fields…\r\n *     </Form>\r\n *   </Formik>\r\n *\r\n * ── WHY THIS EXISTS (ms-ti-fe, Area 11) ─────────────────────────────\r\n *\r\n * The library owned all three parts of the failed-submit recipe and no way to\r\n * assemble them inside the prevailing form shape:\r\n *\r\n *   · `FormErrorSummary`   — renders the banner, takes a flat list;\r\n *   · `flattenFormikErrors`— produces that list from Formik's error tree (G-38);\r\n *   · `focusFieldByName`   — resolves an item's name to a control (R-FV.3).\r\n *\r\n * Reaching `errors` and `submitCount` requires the Formik CONTEXT, and modules\r\n * overwhelmingly write `<Formik><Form>…</Form></Formik>` with STATIC children:\r\n * the hosting component's body sits OUTSIDE the provider, so it cannot call\r\n * `useFormikContext`, and `innerRef` does not help — mutating a ref does not\r\n * re-render the holder when `errors` changes. Each host therefore had to either\r\n * convert its form to a render-prop purely to reach the errors, or write a\r\n * local null-rendering context reader.\r\n *\r\n * ms-ti-fe has ELEVEN Formik forms. ONE had the banner; wiring the other ten\r\n * meant ten copies of that wrapper. `FormikErrorFocus` exists for precisely\r\n * this reason on the sibling rule, which is why field adoption of the two\r\n * MUSTs diverged so sharply — 1 of 11 for R-FV.2 against 0 of 11 for R-FV.3,\r\n * the one with a bridge being the one nobody could apply without boilerplate.\r\n *\r\n * GOVERNANCE NOTE. This is a BRIDGE over an already-certified component — the\r\n * thirteenth, after FormikInput / Select / Combobox / DatePicker /\r\n * DateTimePicker / Textarea / File / Checkbox / CheckboxGroup / RadioGroup /\r\n * ReferentielField / ErrorFocus. It renders no markup of its own, introduces no\r\n * design decision, and adds no token. If the DS team holds that even a bridge\r\n * takes the §10.2 component-proposal path, treat this file as the proposal.\r\n */\r\nexport interface FormikErrorSummaryProps {\r\n  /**\r\n   * Field name → human label. Without it the banner lists RAW field paths\r\n   * (`donneesTI.categorieTitre`), which satisfies R-FV.2's letter and fails\r\n   * R-4.4's intent (\"messages actionnables\"). Supply it.\r\n   */\r\n  labelByName?: Record<string, string> | undefined;\r\n  /**\r\n   * Jump-to-field behaviour. Pass the exported `focusFieldByName` for a\r\n   * single-page form. Wrap it when the target may be on an unmounted wizard\r\n   * step or inside a collapsed section, so the owner opens first —\r\n   * `focusFieldByName` deliberately refuses a control with no client rects.\r\n   */\r\n  onItemClick?: ((name: string) => void) | undefined;\r\n  title?: string | undefined;\r\n  /**\r\n   * Hold the banner back until the first submit attempt, so a pristine form is\r\n   * not pre-scolded (R-I.4 — validate on blur, never on keystroke).\r\n   * @default true\r\n   */\r\n  afterSubmitOnly?: boolean | undefined;\r\n}\r\n\r\nfunction FormikErrorSummary({\r\n  labelByName,\r\n  onItemClick,\r\n  title,\r\n  afterSubmitOnly = true,\r\n}: FormikErrorSummaryProps) {\r\n  const { errors, submitCount } = useFormikContext<Record<string, unknown>>();\r\n\r\n  /* Recomputed only when the tree or the attempt count changes: the recursion\r\n   * walks every leaf, and a form rejected on submit re-renders on every\r\n   * keystroke that follows while the user fixes it. */\r\n  const flat = React.useMemo(() => flattenFormikErrors(errors), [errors]);\r\n\r\n  if (afterSubmitOnly && submitCount === 0) return null;\r\n\r\n  /* `FormErrorSummary` already returns null on an empty list, so mounting this\r\n   * unconditionally is safe and keeps the banner's appearance/disappearance in\r\n   * one place rather than duplicating the guard at every call site. */\r\n  return (\r\n    <FormErrorSummary\r\n      errors={flat}\r\n      {...(labelByName !== undefined ? { labelByName } : {})}\r\n      {...(onItemClick !== undefined ? { onItemClick } : {})}\r\n      {...(title !== undefined ? { title } : {})}\r\n    />\r\n  );\r\n}\r\n\r\nexport default FormikErrorSummary;\r\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,gBAAgB,QAAQ,QAAQ;AACzC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,mBAAmB,QAAQ,uBAAuB;;AAE3D;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;AA/CA,SAAAC,GAAA,IAAAC,IAAA;AAuEA,SAASC,kBAAkBA,CAAC;EAC1BC,WAAW;EACXC,WAAW;EACXC,KAAK;EACLC,eAAe,GAAG;AACK,CAAC,EAAE;EAC1B,MAAM;IAAEC,MAAM;IAAEC;EAAY,CAAC,GAAGX,gBAAgB,CAA0B,CAAC;;EAE3E;AACF;AACA;EACE,MAAMY,IAAI,GAAGb,KAAK,CAACc,OAAO,CAAC,MAAMX,mBAAmB,CAACQ,MAAM,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEvE,IAAID,eAAe,IAAIE,WAAW,KAAK,CAAC,EAAE,OAAO,IAAI;;EAErD;AACF;AACA;EACE,oBACEP,IAAA,CAACH,gBAAgB;IACfS,MAAM,EAAEE,IAAK;IAAA,IACRN,WAAW,KAAKQ,SAAS,GAAG;MAAER;IAAY,CAAC,GAAG,CAAC,CAAC;IAAA,IAChDC,WAAW,KAAKO,SAAS,GAAG;MAAEP;IAAY,CAAC,GAAG,CAAC,CAAC;IAAA,IAChDC,KAAK,KAAKM,SAAS,GAAG;MAAEN;IAAM,CAAC,GAAG,CAAC,CAAC;EAAA,CAC1C,CAAC;AAEN;AAEA,eAAeH,kBAAkB","ignoreList":[]}

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

@@ -1,22 +1,3 @@
-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", "hint", "accept", "maxSize", "required", "disabled", "mode", "companionFields"];
-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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-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; }
 /**
  * FormikFile — bridge between Formik state and v2.Dropzone.
  *
@@ -43,106 +24,141 @@ import { useField, useFormikContext } from "formik";
 import Field from "../components/Field";
 import Dropzone from "../components/Dropzone";
 import { jsx as _jsx } from "react/jsx-runtime";
-var DEFAULT_COMPANION_FIELDS = Object.freeze({
+const DEFAULT_COMPANION_FIELDS = Object.freeze({
   ext: "fileExtension",
   size: "fileSize",
   type: "fileType",
   name: "nom"
 });
 
-/* v2.Dropzone displays a row per entry in `value`. We synthesise
-   the row shape from the File object held in Formik. We use
-   `file.name` as the id since File has no stable identifier of
-   its own — Dropzone passes this id back to onRemove. */
-var toDropzoneShape = function toDropzoneShape(file) {
+/* ── Surrogate file ids (defect D-2) ──────────────────────────────────
+ *
+ * A File carries no stable identifier, and this bridge previously used
+ * `file.name` as the Dropzone entry id — with `handleRemove` filtering the
+ * array by that same name. Two files called "facture.pdf" therefore shared a
+ * React key AND removing either one removed BOTH, silently.
+ *
+ * That is not an edge case: scans, exports and generated documents routinely
+ * arrive with generic names, so a user attaching two scans from different
+ * folders hits it immediately. A host could not work around it either, since
+ * the id was synthesised in here with nowhere to inject a key.
+ *
+ * A WeakMap keyed by the File OBJECT fixes all of it:
+ *   - two files with the same name are different objects → different ids;
+ *   - the same File across re-renders is the same object → the same id, so
+ *     React keys stay stable and rows do not remount while uploading;
+ *   - entries die with the File, so there is nothing to clean up.
+ *
+ * The id is opaque to Dropzone (it hands it straight back to onRemove) and is
+ * session-scoped — never persisted, never sent anywhere.
+ */
+const FILE_IDS = new WeakMap();
+let fileIdSeq = 0;
+const idFor = file => {
+  const existing = FILE_IDS.get(file);
+  if (existing !== undefined) return existing;
+  fileIdSeq += 1;
+  const id = `pui-file-${fileIdSeq}`;
+  FILE_IDS.set(file, id);
+  return id;
+};
+
+/* v2.Dropzone displays a row per entry in `value`. We synthesise the row
+   shape from the File held in Formik, with a surrogate id (see above). */
+const toDropzoneShape = file => {
   if (file == null || !(file instanceof File)) return null;
   return {
-    id: file.name,
+    id: idFor(file),
     name: file.name,
     size: file.size
   };
 };
-var FormikFile = function FormikFile(_ref) {
-  var name = _ref.name,
-    label = _ref.label,
-    hint = _ref.hint,
-    accept = _ref.accept,
-    maxSize = _ref.maxSize,
-    required = _ref.required,
-    disabled = _ref.disabled,
-    _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? "single" : _ref$mode,
-    _ref$companionFields = _ref.companionFields,
-    companionFields = _ref$companionFields === void 0 ? DEFAULT_COMPANION_FIELDS : _ref$companionFields,
-    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 isBulk = mode === "bulk";
-  var value = (isBulk ? (Array.isArray(field.value) ? field.value : []).map(toDropzoneShape) : field.value instanceof File ? [toDropzoneShape(field.value)] : []).filter(function (x) {
-    return x != null;
-  });
-  var writeCompanions = function writeCompanions(file) {
+const FormikFile = ({
+  name,
+  label,
+  hint,
+  accept,
+  maxSize,
+  required,
+  disabled,
+  mode = "single",
+  companionFields = DEFAULT_COMPANION_FIELDS,
+  htmlFor,
+  ...rest
+}) => {
+  const [field, meta] = useField(name);
+  const {
+    setFieldValue,
+    setFieldTouched
+  } = useFormikContext();
+  const hasError = Boolean(meta.touched && meta.error);
+  const isBulk = mode === "bulk";
+  const value = (isBulk ? (Array.isArray(field.value) ? field.value : []).map(toDropzoneShape) : field.value instanceof File ? [toDropzoneShape(field.value)] : []).filter(x => x != null);
+  const writeCompanions = file => {
     if (isBulk) return;
     setFieldValue(companionFields.ext, file ? file.name.split(".").pop() : "");
     setFieldValue(companionFields.size, file ? file.size : null);
     setFieldValue(companionFields.type, file ? file.type : "");
     setFieldValue(companionFields.name, file ? file.name : "");
   };
-  var handleAdd = function handleAdd(files) {
+  const handleAdd = files => {
     if (!files || files.length === 0) return;
     if (isBulk) {
-      var merged = [].concat(_toConsumableArray(Array.isArray(field.value) ? field.value : []), _toConsumableArray(files));
+      const merged = [...(Array.isArray(field.value) ? field.value : []), ...files];
       setFieldValue(name, merged);
       setFieldTouched(name, true, false);
     } else {
-      var file = files[0];
+      const file = files[0];
       setFieldValue(name, file);
-      writeCompanions(file !== null && file !== void 0 ? file : null);
+      writeCompanions(file ?? null);
       setFieldTouched(name, true, false);
     }
   };
 
-  /* Dropzone calls onRemove(id). In single mode the id was the
-     File's name; in bulk mode we filter by the same key. */
-  var handleRemove = function handleRemove(id) {
+  /* Dropzone calls onRemove(id) with the surrogate id issued above. In bulk
+     mode we resolve each entry through the same WeakMap so two files sharing
+     a name are distinguished; non-File entries are left untouched, preserving
+     the defensive tolerance for a malformed array. */
+  const handleRemove = id => {
     if (isBulk) {
-      var remaining = (Array.isArray(field.value) ? field.value : []).filter(function (f) {
-        return f.name !== id;
-      });
+      const remaining = (Array.isArray(field.value) ? field.value : []).filter(f => !(f instanceof File) || idFor(f) !== id);
       setFieldValue(name, remaining);
     } else {
       setFieldValue(name, null);
       writeCompanions(null);
     }
   };
-  return /*#__PURE__*/_jsx(Field, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Field, {
     label: label,
     error: hasError ? meta.error : null
-  }, required !== undefined ? {
-    required: required
-  } : {}), disabled !== undefined ? {
-    disabled: disabled
-  } : {}), {}, {
-    children: /*#__PURE__*/_jsx(Dropzone, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    /* P-2 — a predictable id, so focusFieldByName can resolve [id=…] and
+       FormikErrorFocus can reach this field after a failed submit. Matches
+       FormikInput / FormikSelect / FormikCombobox. */,
+    htmlFor: htmlFor || name,
+    ...(required !== undefined ? {
+      required
+    } : {}),
+    ...(disabled !== undefined ? {
+      disabled
+    } : {}),
+    children: /*#__PURE__*/_jsx(Dropzone, {
       multiple: isBulk,
       value: value,
       hint: hint,
       onAdd: handleAdd,
-      onRemove: handleRemove
-    }, rest), accept !== undefined ? {
-      accept: accept
-    } : {}), disabled !== undefined ? {
-      disabled: disabled
-    } : {}), maxSize !== undefined ? {
-      maxSize: maxSize
-    } : {}))
-  }));
+      onRemove: handleRemove,
+      ...rest,
+      ...(accept !== undefined ? {
+        accept
+      } : {}),
+      ...(disabled !== undefined ? {
+        disabled
+      } : {}),
+      ...(maxSize !== undefined ? {
+        maxSize
+      } : {})
+    })
+  });
 };
 export default FormikFile;
 //# sourceMappingURL=FormikFile.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormikFile.js","names":["React","useField","useFormikContext","Field","Dropzone","jsx","_jsx","DEFAULT_COMPANION_FIELDS","Object","freeze","ext","size","type","name","toDropzoneShape","file","File","id","FormikFile","_ref","label","hint","accept","maxSize","required","disabled","_ref$mode","mode","_ref$companionFields","companionFields","rest","_objectWithoutProperties","_excluded","_useField","_useField2","_slicedToArray","field","meta","_useFormikContext","setFieldValue","setFieldTouched","hasError","Boolean","touched","error","isBulk","value","Array","isArray","map","filter","x","writeCompanions","split","pop","handleAdd","files","length","merged","concat","_toConsumableArray","handleRemove","remaining","f","_objectSpread","undefined","children","multiple","onAdd","onRemove"],"sources":["../../../../src/lib/v2/patterns/FormikFile.tsx"],"sourcesContent":["/**\r\n * FormikFile — bridge between Formik state and v2.Dropzone.\r\n *\r\n * Two modes:\r\n *   - mode=\"single\" (default): File or null in Formik. Writes\r\n *     companion metadata fields (extension/size/type/name) on\r\n *     add; clears them on remove.\r\n *   - mode=\"bulk\":   File[] in Formik. No companion writes.\r\n *\r\n * Companion-field naming defaults to ms-ti-fe convention\r\n * (fileExtension / fileSize / fileType / nom). Override with\r\n * `companionFields` prop if your module differs.\r\n *\r\n * v2.Dropzone contract used:\r\n *   - value: [{id, name, size}]\r\n *   - onAdd(File[]): receives accepted files (already validated)\r\n *   - onRemove(id):  receives the id of the entry to remove\r\n *\r\n * Charter R-FU.*. Peer dep: 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 Dropzone from \"../components/Dropzone\";\r\nimport type { DropzoneFile, DropzoneProps } from \"../components/Dropzone\";\r\n\r\nexport type FormikFileMode = \"single\" | \"bulk\";\r\n\r\nexport interface FormikFileCompanionFields {\r\n  ext: string;\r\n  size: string;\r\n  type: string;\r\n  name: string;\r\n}\r\n\r\nexport interface FormikFileProps\r\n  extends Omit<\r\n    DropzoneProps,\r\n    \"value\" | \"onAdd\" | \"onRemove\" | \"multiple\" | \"accept\" | \"maxSize\" | \"hint\" | \"disabled\" | \"label\"\r\n  > {\r\n  name: string;\r\n  label?: React.ReactNode | undefined;\r\n  hint?: React.ReactNode | undefined;\r\n  accept?: string | undefined;\r\n  maxSize?: number | undefined;\r\n  required?: boolean | undefined;\r\n  disabled?: boolean | undefined;\r\n  mode?: FormikFileMode | undefined;\r\n  companionFields?: FormikFileCompanionFields | undefined;\r\n}\r\n\r\nconst DEFAULT_COMPANION_FIELDS: FormikFileCompanionFields = Object.freeze({\r\n  ext:  \"fileExtension\",\r\n  size: \"fileSize\",\r\n  type: \"fileType\",\r\n  name: \"nom\",\r\n});\r\n\r\n/* v2.Dropzone displays a row per entry in `value`. We synthesise\r\n   the row shape from the File object held in Formik. We use\r\n   `file.name` as the id since File has no stable identifier of\r\n   its own — Dropzone passes this id back to onRemove. */\r\nconst toDropzoneShape = (file: unknown): DropzoneFile | null => {\r\n  if (file == null || !(file instanceof File)) return null;\r\n  return { id: file.name, name: file.name, size: file.size };\r\n};\r\n\r\nconst FormikFile = ({\r\n  name,\r\n  label,\r\n  hint,\r\n  accept,\r\n  maxSize,\r\n  required,\r\n  disabled,\r\n  mode = \"single\",\r\n  companionFields = DEFAULT_COMPANION_FIELDS,\r\n  ...rest\r\n}: FormikFileProps) => {\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 isBulk = mode === \"bulk\";\r\n\r\n  const value: DropzoneFile[] = (\r\n    isBulk\r\n      ? (Array.isArray(field.value) ? field.value : []).map(toDropzoneShape)\r\n      : field.value instanceof File\r\n      ? [toDropzoneShape(field.value)]\r\n      : []\r\n  ).filter((x): x is DropzoneFile => x != null);\r\n\r\n  const writeCompanions = (file: File | null) => {\r\n    if (isBulk) return;\r\n    setFieldValue(companionFields.ext,  file ? file.name.split(\".\").pop() : \"\");\r\n    setFieldValue(companionFields.size, file ? file.size                 : null);\r\n    setFieldValue(companionFields.type, file ? file.type                 : \"\");\r\n    setFieldValue(companionFields.name, file ? file.name                 : \"\");\r\n  };\r\n\r\n  const handleAdd = (files: File[]) => {\r\n    if (!files || files.length === 0) return;\r\n    if (isBulk) {\r\n      const merged = [\r\n        ...(Array.isArray(field.value) ? field.value : []),\r\n        ...files,\r\n      ];\r\n      setFieldValue(name, merged);\r\n      setFieldTouched(name, true, false);\r\n    } else {\r\n      const file = files[0];\r\n      setFieldValue(name, file);\r\n      writeCompanions(file ?? null);\r\n      setFieldTouched(name, true, false);\r\n    }\r\n  };\r\n\r\n  /* Dropzone calls onRemove(id). In single mode the id was the\r\n     File's name; in bulk mode we filter by the same key. */\r\n  const handleRemove = (id: string | number) => {\r\n    if (isBulk) {\r\n      const remaining = (Array.isArray(field.value) ? field.value : []).filter(\r\n        (f) => f.name !== id\r\n      );\r\n      setFieldValue(name, remaining);\r\n    } else {\r\n      setFieldValue(name, null);\r\n      writeCompanions(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      {...(required !== undefined ? { required } : {})}\r\n      {...(disabled !== undefined ? { disabled } : {})}\r\n    >\r\n      <Dropzone\r\n        multiple={isBulk}\r\n        value={value}\r\n        hint={hint}\r\n        onAdd={handleAdd}\r\n        onRemove={handleRemove}\r\n        {...rest}\r\n        {...(accept !== undefined ? { accept } : {})}\r\n        {...(disabled !== undefined ? { disabled } : {})}\r\n        {...(maxSize !== undefined ? { maxSize } : {})}\r\n      />\r\n    </Field>\r\n  );\r\n};\r\n\r\nexport default FormikFile;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FormikFile.js","names":["React","useField","useFormikContext","Field","Dropzone","jsx","_jsx","DEFAULT_COMPANION_FIELDS","Object","freeze","ext","size","type","name","FILE_IDS","WeakMap","fileIdSeq","idFor","file","existing","get","undefined","id","set","toDropzoneShape","File","FormikFile","label","hint","accept","maxSize","required","disabled","mode","companionFields","htmlFor","rest","field","meta","setFieldValue","setFieldTouched","hasError","Boolean","touched","error","isBulk","value","Array","isArray","map","filter","x","writeCompanions","split","pop","handleAdd","files","length","merged","handleRemove","remaining","f","children","multiple","onAdd","onRemove"],"sources":["../../../../src/lib/v2/patterns/FormikFile.tsx"],"sourcesContent":["/**\r\n * FormikFile — bridge between Formik state and v2.Dropzone.\r\n *\r\n * Two modes:\r\n *   - mode=\"single\" (default): File or null in Formik. Writes\r\n *     companion metadata fields (extension/size/type/name) on\r\n *     add; clears them on remove.\r\n *   - mode=\"bulk\":   File[] in Formik. No companion writes.\r\n *\r\n * Companion-field naming defaults to ms-ti-fe convention\r\n * (fileExtension / fileSize / fileType / nom). Override with\r\n * `companionFields` prop if your module differs.\r\n *\r\n * v2.Dropzone contract used:\r\n *   - value: [{id, name, size}]\r\n *   - onAdd(File[]): receives accepted files (already validated)\r\n *   - onRemove(id):  receives the id of the entry to remove\r\n *\r\n * Charter R-FU.*. Peer dep: 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 Dropzone from \"../components/Dropzone\";\r\nimport type { DropzoneFile, DropzoneProps } from \"../components/Dropzone\";\r\n\r\nexport type FormikFileMode = \"single\" | \"bulk\";\r\n\r\nexport interface FormikFileCompanionFields {\r\n  ext: string;\r\n  size: string;\r\n  type: string;\r\n  name: string;\r\n}\r\n\r\nexport interface FormikFileProps\r\n  extends Omit<\r\n    DropzoneProps,\r\n    \"value\" | \"onAdd\" | \"onRemove\" | \"multiple\" | \"accept\" | \"maxSize\" | \"hint\" | \"disabled\" | \"label\"\r\n  > {\r\n  name: string;\r\n  label?: React.ReactNode | undefined;\r\n  hint?: React.ReactNode | undefined;\r\n  accept?: string | undefined;\r\n  maxSize?: number | undefined;\r\n  required?: boolean | undefined;\r\n  disabled?: boolean | undefined;\r\n  mode?: FormikFileMode | undefined;\r\n  companionFields?: FormikFileCompanionFields | undefined;\r\n  /**\r\n   * Id given to the control, and the target of the label's `htmlFor`.\r\n   * Defaults to `name` (P-2).\r\n   *\r\n   * This is what makes the field reachable by `focusFieldByName`, and so by\r\n   * `FormikErrorFocus` after a failed submit (R-F.3). Without it Field falls\r\n   * back to a `useId` value — stable, but not derivable from the field name,\r\n   * so [id=…] cannot be resolved and the field is silently skipped.\r\n   *\r\n   * Override only if the id must match something external, and keep it in\r\n   * step with FormikErrorFocus's `order`, which addresses fields by `name`.\r\n   */\r\n  htmlFor?: string | undefined;\r\n}\r\n\r\nconst DEFAULT_COMPANION_FIELDS: FormikFileCompanionFields = Object.freeze({\r\n  ext:  \"fileExtension\",\r\n  size: \"fileSize\",\r\n  type: \"fileType\",\r\n  name: \"nom\",\r\n});\r\n\r\n/* ── Surrogate file ids (defect D-2) ──────────────────────────────────\r\n *\r\n * A File carries no stable identifier, and this bridge previously used\r\n * `file.name` as the Dropzone entry id — with `handleRemove` filtering the\r\n * array by that same name. Two files called \"facture.pdf\" therefore shared a\r\n * React key AND removing either one removed BOTH, silently.\r\n *\r\n * That is not an edge case: scans, exports and generated documents routinely\r\n * arrive with generic names, so a user attaching two scans from different\r\n * folders hits it immediately. A host could not work around it either, since\r\n * the id was synthesised in here with nowhere to inject a key.\r\n *\r\n * A WeakMap keyed by the File OBJECT fixes all of it:\r\n *   - two files with the same name are different objects → different ids;\r\n *   - the same File across re-renders is the same object → the same id, so\r\n *     React keys stay stable and rows do not remount while uploading;\r\n *   - entries die with the File, so there is nothing to clean up.\r\n *\r\n * The id is opaque to Dropzone (it hands it straight back to onRemove) and is\r\n * session-scoped — never persisted, never sent anywhere.\r\n */\r\nconst FILE_IDS = new WeakMap<File, string>();\r\nlet fileIdSeq = 0;\r\n\r\nconst idFor = (file: File): string => {\r\n  const existing = FILE_IDS.get(file);\r\n  if (existing !== undefined) return existing;\r\n  fileIdSeq += 1;\r\n  const id = `pui-file-${fileIdSeq}`;\r\n  FILE_IDS.set(file, id);\r\n  return id;\r\n};\r\n\r\n/* v2.Dropzone displays a row per entry in `value`. We synthesise the row\r\n   shape from the File held in Formik, with a surrogate id (see above). */\r\nconst toDropzoneShape = (file: unknown): DropzoneFile | null => {\r\n  if (file == null || !(file instanceof File)) return null;\r\n  return { id: idFor(file), name: file.name, size: file.size };\r\n};\r\n\r\nconst FormikFile = ({\r\n  name,\r\n  label,\r\n  hint,\r\n  accept,\r\n  maxSize,\r\n  required,\r\n  disabled,\r\n  mode = \"single\",\r\n  companionFields = DEFAULT_COMPANION_FIELDS,\r\n  htmlFor,\r\n  ...rest\r\n}: FormikFileProps) => {\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 isBulk = mode === \"bulk\";\r\n\r\n  const value: DropzoneFile[] = (\r\n    isBulk\r\n      ? (Array.isArray(field.value) ? field.value : []).map(toDropzoneShape)\r\n      : field.value instanceof File\r\n      ? [toDropzoneShape(field.value)]\r\n      : []\r\n  ).filter((x): x is DropzoneFile => x != null);\r\n\r\n  const writeCompanions = (file: File | null) => {\r\n    if (isBulk) return;\r\n    setFieldValue(companionFields.ext,  file ? file.name.split(\".\").pop() : \"\");\r\n    setFieldValue(companionFields.size, file ? file.size                 : null);\r\n    setFieldValue(companionFields.type, file ? file.type                 : \"\");\r\n    setFieldValue(companionFields.name, file ? file.name                 : \"\");\r\n  };\r\n\r\n  const handleAdd = (files: File[]) => {\r\n    if (!files || files.length === 0) return;\r\n    if (isBulk) {\r\n      const merged = [\r\n        ...(Array.isArray(field.value) ? field.value : []),\r\n        ...files,\r\n      ];\r\n      setFieldValue(name, merged);\r\n      setFieldTouched(name, true, false);\r\n    } else {\r\n      const file = files[0];\r\n      setFieldValue(name, file);\r\n      writeCompanions(file ?? null);\r\n      setFieldTouched(name, true, false);\r\n    }\r\n  };\r\n\r\n  /* Dropzone calls onRemove(id) with the surrogate id issued above. In bulk\r\n     mode we resolve each entry through the same WeakMap so two files sharing\r\n     a name are distinguished; non-File entries are left untouched, preserving\r\n     the defensive tolerance for a malformed array. */\r\n  const handleRemove = (id: string | number) => {\r\n    if (isBulk) {\r\n      const remaining = (Array.isArray(field.value) ? field.value : []).filter(\r\n        (f) => !(f instanceof File) || idFor(f) !== id\r\n      );\r\n      setFieldValue(name, remaining);\r\n    } else {\r\n      setFieldValue(name, null);\r\n      writeCompanions(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      /* P-2 — a predictable id, so focusFieldByName can resolve [id=…] and\r\n         FormikErrorFocus can reach this field after a failed submit. Matches\r\n         FormikInput / FormikSelect / FormikCombobox. */\r\n      htmlFor={htmlFor || name}\r\n      {...(required !== undefined ? { required } : {})}\r\n      {...(disabled !== undefined ? { disabled } : {})}\r\n    >\r\n      <Dropzone\r\n        multiple={isBulk}\r\n        value={value}\r\n        hint={hint}\r\n        onAdd={handleAdd}\r\n        onRemove={handleRemove}\r\n        {...rest}\r\n        {...(accept !== undefined ? { accept } : {})}\r\n        {...(disabled !== undefined ? { disabled } : {})}\r\n        {...(maxSize !== undefined ? { maxSize } : {})}\r\n      />\r\n    </Field>\r\n  );\r\n};\r\n\r\nexport default FormikFile;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,18 +1,3 @@
-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"];
-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; }
 /**
  * FormikInput — bridge between Formik state and v2.Field + v2.Input.
  *
@@ -75,53 +60,58 @@ import Field from "../components/Field";
 import Input from "../components/Input";
 import FormikDisplay from "../components/FormikDisplay";
 import { jsx as _jsx } from "react/jsx-runtime";
-var FormikInput = function FormikInput(_ref) {
-  var _field$value;
-  var name = _ref.name,
-    label = _ref.label,
-    required = _ref.required,
-    disabled = _ref.disabled,
-    readOnly = _ref.readOnly,
-    mono = _ref.mono,
-    htmlFor = _ref.htmlFor,
-    hint = _ref.hint,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useField = useField(name),
-    _useField2 = _slicedToArray(_useField, 2),
-    field = _useField2[0],
-    meta = _useField2[1];
-  var hasError = Boolean(meta.touched && meta.error);
+const FormikInput = ({
+  name,
+  label,
+  required,
+  disabled,
+  readOnly,
+  mono,
+  htmlFor,
+  hint,
+  width,
+  ...rest
+}) => {
+  const [field, meta] = useField(name);
+  const hasError = Boolean(meta.touched && meta.error);
 
   /* Read-only display. `disabled` takes precedence deliberately — see header.
    * `required` is dropped: an asterisk on information the user cannot supply is
    * noise, and validation cannot fire on a field with no input. */
   if (readOnly && !disabled) {
-    return /*#__PURE__*/_jsx(FormikDisplay, _objectSpread(_objectSpread({
+    return /*#__PURE__*/_jsx(FormikDisplay, {
       name: name,
-      label: label
-    }, hint !== undefined ? {
-      hint: hint
-    } : {}), mono !== undefined ? {
-      mono: mono
-    } : {}));
+      label: label,
+      ...(hint !== undefined ? {
+        hint
+      } : {}),
+      ...(mono !== undefined ? {
+        mono
+      } : {})
+    });
   }
-  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(Input, _objectSpread({
+    htmlFor: htmlFor || name,
+    ...(required !== undefined ? {
+      required
+    } : {}),
+    ...(disabled !== undefined ? {
+      disabled
+    } : {}),
+    ...(width !== undefined ? {
+      width
+    } : {}),
+    children: /*#__PURE__*/_jsx(Input, {
       name: field.name,
-      value: (_field$value = field.value) !== null && _field$value !== void 0 ? _field$value : "",
+      value: field.value ?? "",
       onChange: field.onChange,
-      onBlur: field.onBlur
-    }, rest))
-  }));
+      onBlur: field.onBlur,
+      ...rest
+    })
+  });
 };
 export default FormikInput;
 //# sourceMappingURL=FormikInput.js.map