@portnet/ui 5.0.28 → 6.0.0

package/dist/v2/patterns/FormikDatePicker.js

@@ -0,0 +1,177 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _moment = _interopRequireDefault(require("moment"));
+var _formik = require("formik");
+var _Field = _interopRequireDefault(require("../components/Field"));
+var _DatePicker = _interopRequireDefault(require("../components/DatePicker"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["name", "label", "required", "disabled", "htmlFor", "hint", "outputFormat"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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); } /**
+ * FormikDatePicker — bridge between Formik state and v2.Field +
+ * v2.DatePicker.
+ *
+ * v2.DatePicker emits Date | null. Formik state may carry Date,
+ * ISO string, or moment instance — this bridge normalises inbound
+ * values to Date for the picker.
+ *
+ * outputFormat prop (Charter R-I.*):
+ *   By default, onChange writes a Date | null back to Formik, which
+ *   is fine for Yup.date() schemas. If your schema uses Yup.string()
+ *   with a format test (e.g. "DD-MM-YYYY"), pass the matching moment
+ *   format string:
+ *
+ *     <FormikDatePicker name="dateNaissance" outputFormat="DD-MM-YYYY" />
+ *
+ *   The field then stores "03-05-2026" instead of a Date object.
+ *   Pass outputFormat="iso" to store an ISO 8601 string instead.
+ *   Default (undefined) = Date | null (backward-compatible).
+ *
+ * ── outputFormat MUST ROUND-TRIP — and now does (S-03) ────────────────
+ *
+ * This bridge used to serialise OUT through moment but read BACK through
+ * `new Date(raw)`, ignoring outputFormat. The asymmetry silently corrupted any
+ * non-ISO format:
+ *
+ *   new Date("31-12-2026")  -> month 31 invalid -> Invalid Date -> null
+ *                              -> the field rendered EMPTY when re-populated
+ *   new Date("05-03-2026")  -> V8 reads MM-DD -> 3 May, not 5 March
+ *                              -> saving untouched wrote back "03-05-2026"
+ *
+ * The write path worked, so a form filled in and submitted immediately behaved
+ * correctly; the damage only surfaced on RE-POPULATE, i.e. an edit flow — the
+ * path a smoke test is least likely to exercise. `procuration-portnet-fe` shipped
+ * it for seven batches under a clean strict typecheck.
+ *
+ * `coerceToDate` now parses with the SAME format it was written with, in moment's
+ * STRICT mode, so a malformed stored value yields null instead of a plausible
+ * wrong date. A missing date is recoverable; a date quietly off by two months is
+ * not.
+ *
+ * BEHAVIOURAL NOTE for existing non-ISO callers: they were mis-parsing before.
+ * This changes their result from wrong to right — which is the point, but it is a
+ * change. Callers passing nothing, or "iso", are on the identical code path.
+ *
+ * Audit: this is the ONLY Formik date bridge in the library. DateTimePicker,
+ * TimePicker and DateRangePicker are exposed as bare components exchanging Date
+ * objects, so they have no serialisation step and no equivalent asymmetry;
+ * _pickerShared carries only Date<->Moment converters, not string parsing.
+ *
+ * Modal / Drawer usage (MUI X v9):
+ *   When rendered inside a v2.Drawer or a MUI Modal, the DatePicker
+ *   calendar popup may render behind the modal surface (both default
+ *   to zIndex 1300). In MUI X v9, the popper slot is forwarded via
+ *   slotProps.popper (the legacy `PopperProps` was removed). Pass:
+ *
+ *     <FormikDatePicker
+ *       slotProps={{ popper: { sx: { zIndex: 1400 } } }}
+ *     />
+ *
+ *   Slot props forward through ...rest to v2.DatePicker and on to
+ *   MuiDatePicker, where they merge with the textField slot bag
+ *   already wired by v2.DatePicker.
+ *
+ * Charter R-I.*.
+ */
+/**
+ * Read a Formik-stored value back into a Date.
+ *
+ * `outputFormat` is threaded in so the read is SYMMETRIC with `serialiseDate`
+ * (S-03). Without it, a non-ISO format written by moment was read by
+ * `new Date()`, which either rejects it or misreads it as MM-DD.
+ */
+var coerceToDate = function coerceToDate(raw, outputFormat) {
+  if (raw == null || raw === "") return null;
+  if (raw instanceof Date) return raw;
+  if (_typeof(raw) === "object" && typeof raw.toDate === "function") {
+    var _d$getTime;
+    var _d = raw.toDate();
+    return isNaN(_d === null || _d === void 0 ? void 0 : (_d$getTime = _d.getTime) === null || _d$getTime === void 0 ? void 0 : _d$getTime.call(_d)) ? null : _d;
+  }
+  /* S-03 — parse with the format it was written with. STRICT mode: a stored value
+   * that does not match yields null rather than moment's best guess.
+   *
+   * Guarded on `typeof raw === "string"` so a numeric timestamp keeps the
+   * `new Date(number)` path — moment(number, format) is meaningless. "iso" is
+   * excluded: it is not a moment token, and `new Date(isoString)` is already
+   * correct. */
+  if (typeof raw === "string" && outputFormat !== undefined && outputFormat !== "iso") {
+    var parsed = (0, _moment["default"])(raw, outputFormat, true);
+    return parsed.isValid() ? parsed.toDate() : null;
+  }
+  var d = new Date(raw);
+  return isNaN(d.getTime()) ? null : d;
+};
+
+/**
+ * Serialise a Date to the requested output format.
+ *   undefined  → return the Date as-is (default — backward-compat)
+ *   "iso"      → Date.toISOString()
+ *   any string → moment(date).format(outputFormat)
+ */
+function serialiseDate(date, outputFormat) {
+  if (!date || !(date instanceof Date) || isNaN(date.getTime())) {
+    return outputFormat ? "" : null;
+  }
+  if (!outputFormat) return date;
+  if (outputFormat === "iso") return date.toISOString();
+  return (0, _moment["default"])(date).format(outputFormat);
+}
+var FormikDatePicker = function FormikDatePicker(_ref) {
+  var name = _ref.name,
+    label = _ref.label,
+    required = _ref.required,
+    disabled = _ref.disabled,
+    htmlFor = _ref.htmlFor,
+    hint = _ref.hint,
+    outputFormat = _ref.outputFormat,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useField = (0, _formik.useField)(name),
+    _useField2 = _slicedToArray(_useField, 2),
+    field = _useField2[0],
+    meta = _useField2[1];
+  var _useFormikContext = (0, _formik.useFormikContext)(),
+    setFieldValue = _useFormikContext.setFieldValue,
+    setFieldTouched = _useFormikContext.setFieldTouched;
+  var hasError = Boolean(meta.touched && meta.error);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field["default"], _objectSpread(_objectSpread(_objectSpread({
+    label: label,
+    error: hasError ? meta.error : null,
+    hint: !hasError ? hint : undefined,
+    htmlFor: htmlFor || name
+  }, required !== undefined ? {
+    required: required
+  } : {}), disabled !== undefined ? {
+    disabled: disabled
+  } : {}), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker["default"], _objectSpread({
+      value: coerceToDate(field.value, outputFormat),
+      onChange: function onChange(next) {
+        setFieldValue(name, serialiseDate(next, outputFormat));
+        setFieldTouched(name, true, false);
+      }
+    }, rest))
+  }));
+};
+var _default = exports["default"] = FormikDatePicker;
+//# sourceMappingURL=FormikDatePicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormikDatePicker.js","names":["React","_interopRequireWildcard","require","_moment","_interopRequireDefault","_formik","_Field","_DatePicker","_jsxRuntime","_excluded","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","coerceToDate","raw","outputFormat","Date","toDate","_d$getTime","d","isNaN","getTime","parsed","moment","isValid","serialiseDate","date","toISOString","format","FormikDatePicker","_ref","label","required","disabled","htmlFor","rest","_useField","useField","_useField2","field","meta","_useFormikContext","useFormikContext","setFieldValue","setFieldTouched","hasError","Boolean","touched","error","jsx","children","onChange","_default","exports"],"sources":["../../../src/lib/v2/patterns/FormikDatePicker.tsx"],"sourcesContent":["/**\r\n * FormikDatePicker — bridge between Formik state and v2.Field +\r\n * v2.DatePicker.\r\n *\r\n * v2.DatePicker emits Date | null. Formik state may carry Date,\r\n * ISO string, or moment instance — this bridge normalises inbound\r\n * values to Date for the picker.\r\n *\r\n * outputFormat prop (Charter R-I.*):\r\n *   By default, onChange writes a Date | null back to Formik, which\r\n *   is fine for Yup.date() schemas. If your schema uses Yup.string()\r\n *   with a format test (e.g. \"DD-MM-YYYY\"), pass the matching moment\r\n *   format string:\r\n *\r\n *     <FormikDatePicker name=\"dateNaissance\" outputFormat=\"DD-MM-YYYY\" />\r\n *\r\n *   The field then stores \"03-05-2026\" instead of a Date object.\r\n *   Pass outputFormat=\"iso\" to store an ISO 8601 string instead.\r\n *   Default (undefined) = Date | null (backward-compatible).\r\n *\r\n * ── outputFormat MUST ROUND-TRIP — and now does (S-03) ────────────────\r\n *\r\n * This bridge used to serialise OUT through moment but read BACK through\r\n * `new Date(raw)`, ignoring outputFormat. The asymmetry silently corrupted any\r\n * non-ISO format:\r\n *\r\n *   new Date(\"31-12-2026\")  -> month 31 invalid -> Invalid Date -> null\r\n *                              -> the field rendered EMPTY when re-populated\r\n *   new Date(\"05-03-2026\")  -> V8 reads MM-DD -> 3 May, not 5 March\r\n *                              -> saving untouched wrote back \"03-05-2026\"\r\n *\r\n * The write path worked, so a form filled in and submitted immediately behaved\r\n * correctly; the damage only surfaced on RE-POPULATE, i.e. an edit flow — the\r\n * path a smoke test is least likely to exercise. `procuration-portnet-fe` shipped\r\n * it for seven batches under a clean strict typecheck.\r\n *\r\n * `coerceToDate` now parses with the SAME format it was written with, in moment's\r\n * STRICT mode, so a malformed stored value yields null instead of a plausible\r\n * wrong date. A missing date is recoverable; a date quietly off by two months is\r\n * not.\r\n *\r\n * BEHAVIOURAL NOTE for existing non-ISO callers: they were mis-parsing before.\r\n * This changes their result from wrong to right — which is the point, but it is a\r\n * change. Callers passing nothing, or \"iso\", are on the identical code path.\r\n *\r\n * Audit: this is the ONLY Formik date bridge in the library. DateTimePicker,\r\n * TimePicker and DateRangePicker are exposed as bare components exchanging Date\r\n * objects, so they have no serialisation step and no equivalent asymmetry;\r\n * _pickerShared carries only Date<->Moment converters, not string parsing.\r\n *\r\n * Modal / Drawer usage (MUI X v9):\r\n *   When rendered inside a v2.Drawer or a MUI Modal, the DatePicker\r\n *   calendar popup may render behind the modal surface (both default\r\n *   to zIndex 1300). In MUI X v9, the popper slot is forwarded via\r\n *   slotProps.popper (the legacy `PopperProps` was removed). Pass:\r\n *\r\n *     <FormikDatePicker\r\n *       slotProps={{ popper: { sx: { zIndex: 1400 } } }}\r\n *     />\r\n *\r\n *   Slot props forward through ...rest to v2.DatePicker and on to\r\n *   MuiDatePicker, where they merge with the textField slot bag\r\n *   already wired by v2.DatePicker.\r\n *\r\n * Charter R-I.*.\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport moment from \"moment\";\r\nimport { useField, useFormikContext } from \"formik\";\r\nimport Field from \"../components/Field\";\r\nimport DatePicker from \"../components/DatePicker\";\r\nimport type { DatePickerProps } from \"../components/DatePicker\";\r\n\r\n/**\r\n * Read a Formik-stored value back into a Date.\r\n *\r\n * `outputFormat` is threaded in so the read is SYMMETRIC with `serialiseDate`\r\n * (S-03). Without it, a non-ISO format written by moment was read by\r\n * `new Date()`, which either rejects it or misreads it as MM-DD.\r\n */\r\nconst coerceToDate = (raw: unknown, outputFormat?: string): Date | null => {\r\n  if (raw == null || raw === \"\") return null;\r\n  if (raw instanceof Date) return raw;\r\n  if (typeof raw === \"object\" && typeof (raw as { toDate?: () => Date }).toDate === \"function\") {\r\n    const d = (raw as { toDate: () => Date }).toDate();\r\n    return isNaN(d?.getTime?.()) ? null : d;\r\n  }\r\n  /* S-03 — parse with the format it was written with. STRICT mode: a stored value\r\n   * that does not match yields null rather than moment's best guess.\r\n   *\r\n   * Guarded on `typeof raw === \"string\"` so a numeric timestamp keeps the\r\n   * `new Date(number)` path — moment(number, format) is meaningless. \"iso\" is\r\n   * excluded: it is not a moment token, and `new Date(isoString)` is already\r\n   * correct. */\r\n  if (\r\n    typeof raw === \"string\" &&\r\n    outputFormat !== undefined &&\r\n    outputFormat !== \"iso\"\r\n  ) {\r\n    const parsed = moment(raw, outputFormat, true);\r\n    return parsed.isValid() ? parsed.toDate() : null;\r\n  }\r\n  const d = new Date(raw as string | number);\r\n  return isNaN(d.getTime()) ? null : d;\r\n};\r\n\r\n/**\r\n * Serialise a Date to the requested output format.\r\n *   undefined  → return the Date as-is (default — backward-compat)\r\n *   \"iso\"      → Date.toISOString()\r\n *   any string → moment(date).format(outputFormat)\r\n */\r\nfunction serialiseDate(date: Date | null, outputFormat: string | undefined): Date | string | null {\r\n  if (!date || !(date instanceof Date) || isNaN(date.getTime())) {\r\n    return outputFormat ? \"\" : null;\r\n  }\r\n  if (!outputFormat) return date;\r\n  if (outputFormat === \"iso\") return date.toISOString();\r\n  return moment(date).format(outputFormat);\r\n}\r\n\r\nexport interface FormikDatePickerProps\r\n  extends Omit<DatePickerProps, \"value\" | \"onChange\" | \"disabled\" | \"error\" | \"label\"> {\r\n  name: string;\r\n  label?: React.ReactNode;\r\n  required?: boolean;\r\n  disabled?: boolean;\r\n  htmlFor?: string;\r\n  hint?: React.ReactNode;\r\n  /**\r\n   * outputFormat — when provided, the Formik field stores a formatted\r\n   * string instead of a Date object. Use when your Yup schema uses\r\n   * Yup.string() with a format-specific test (e.g. \"DD-MM-YYYY\").\r\n   * Pass \"iso\" for ISO 8601, or any moment format token string.\r\n   * Defaults to undefined (Date | null — backward-compatible).\r\n   */\r\n  outputFormat?: string;\r\n}\r\n\r\nconst FormikDatePicker = ({\r\n  name,\r\n  label,\r\n  required,\r\n  disabled,\r\n  htmlFor,\r\n  hint,\r\n  outputFormat,\r\n  ...rest\r\n}: FormikDatePickerProps) => {\r\n  const [field, meta] = useField(name);\r\n  const { setFieldValue, setFieldTouched } = useFormikContext();\r\n  const hasError = Boolean(meta.touched && meta.error);\r\n\r\n  return (\r\n    <Field\r\n      label={label}\r\n      error={hasError ? meta.error : null}\r\n      hint={!hasError ? hint : undefined}\r\n      htmlFor={htmlFor || name}\r\n      {...(required !== undefined ? { required } : {})}\r\n      {...(disabled !== undefined ? { disabled } : {})}\r\n    >\r\n      <DatePicker\r\n        value={coerceToDate(field.value, outputFormat)}\r\n        onChange={(next) => {\r\n          setFieldValue(name, serialiseDate(next, outputFormat));\r\n          setFieldTouched(name, true, false);\r\n        }}\r\n        {...rest}\r\n      />\r\n    </Field>\r\n  );\r\n};\r\n\r\nexport default FormikDatePicker;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/v2/patterns/FormikErrorFocus.d.ts

@@ -0,0 +1,59 @@
+/**
+ * FormikErrorFocus — Portnet UI v2 (pattern)
+ *
+ * Charter §05.3 R-F.3 / §04.1 R-FV.3. Renders NOTHING; it exists purely to
+ * move focus to the first field in error after a failed submit.
+ *
+ * The companion to FormErrorSummary: that component makes the errors
+ * visible and reachable by click, this one puts the caret in the first of
+ * them. R-FV.2 and R-FV.3 are separate MUST rules and a form needs both.
+ *
+ *   <Formik initialValues={…} validationSchema={…} onSubmit={…}>
+ *     <Form>
+ *       <FormikErrorFocus order={["numeroFacture", "fournisseur", "dateFacture"]} />
+ *       <FormikInput name="numeroFacture" label="N° de la facture" required />
+ *       <FormikInput name="fournisseur"   label="Fournisseur" required />
+ *       <FormikDatePicker name="dateFacture" label="Date de la facture" required />
+ *     </Form>
+ *   </Formik>
+ *
+ * Placement inside the form is free — it renders null, so it has no layout
+ * or tab-order effect. It MUST be a descendant of <Formik>, since it reads
+ * the context.
+ *
+ * ── WHY A COMPONENT AND NOT JUST THE HOOK ───────────────────────────
+ *
+ * The prevailing Formik shape in the modules is `<Formik><Form>…</Form>
+ * </Formik>` with STATIC children. The hosting component's body is outside
+ * the provider, so useFormikContext cannot be called there; and passing
+ * innerRef does not help, because a ref mutation does not re-render the
+ * holder when `errors` changes. A null-rendering descendant is the only
+ * place the context is both available and reactive.
+ *
+ * Where a component already sits inside the provider — a form section using
+ * useFormikContext, like the mjcc-fe publication and facture blocs — call
+ * `focusFieldByName` directly instead. Those guards run on a button click
+ * rather than a Formik submit, so there is no submitCount to react to.
+ */
+export interface FormikErrorFocusProps {
+    /**
+     * Field names in RENDERED order, top to bottom.
+     *
+     * SUPPLY THIS. The fallback is `Object.keys(errors)` — the order the
+     * validator wrote its keys, which bears no relation to the layout, so
+     * "first field in error" can resolve to the last field on screen.
+     */
+    order?: readonly string[];
+    /** Scroll the field into view before focusing. @default true */
+    scroll?: boolean;
+    /**
+     * Set false to suspend the behaviour — e.g. a read-only mode where the
+     * submit path is closed and moving focus would be noise.
+     *
+     * @default true
+     */
+    enabled?: boolean;
+}
+declare function FormikErrorFocus({ order, scroll, enabled, }: FormikErrorFocusProps): null;
+export default FormikErrorFocus;
+//# sourceMappingURL=FormikErrorFocus.d.ts.map

package/dist/v2/patterns/FormikErrorFocus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormikErrorFocus.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/patterns/FormikErrorFocus.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AAEH,MAAM,WAAW,qBAAqB;IACpC;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,gEAAgE;IAChE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,MAAa,EACb,OAAc,GACf,EAAE,qBAAqB,QAyBvB;AAED,eAAe,gBAAgB,CAAC"}

package/dist/v2/patterns/FormikErrorFocus.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _formik = require("formik");
+var _useFocusFirstError = _interopRequireDefault(require("../hooks/useFocusFirstError"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+/**
+ * FormikErrorFocus — Portnet UI v2 (pattern)
+ *
+ * Charter §05.3 R-F.3 / §04.1 R-FV.3. Renders NOTHING; it exists purely to
+ * move focus to the first field in error after a failed submit.
+ *
+ * The companion to FormErrorSummary: that component makes the errors
+ * visible and reachable by click, this one puts the caret in the first of
+ * them. R-FV.2 and R-FV.3 are separate MUST rules and a form needs both.
+ *
+ *   <Formik initialValues={…} validationSchema={…} onSubmit={…}>
+ *     <Form>
+ *       <FormikErrorFocus order={["numeroFacture", "fournisseur", "dateFacture"]} />
+ *       <FormikInput name="numeroFacture" label="N° de la facture" required />
+ *       <FormikInput name="fournisseur"   label="Fournisseur" required />
+ *       <FormikDatePicker name="dateFacture" label="Date de la facture" required />
+ *     </Form>
+ *   </Formik>
+ *
+ * Placement inside the form is free — it renders null, so it has no layout
+ * or tab-order effect. It MUST be a descendant of <Formik>, since it reads
+ * the context.
+ *
+ * ── WHY A COMPONENT AND NOT JUST THE HOOK ───────────────────────────
+ *
+ * The prevailing Formik shape in the modules is `<Formik><Form>…</Form>
+ * </Formik>` with STATIC children. The hosting component's body is outside
+ * the provider, so useFormikContext cannot be called there; and passing
+ * innerRef does not help, because a ref mutation does not re-render the
+ * holder when `errors` changes. A null-rendering descendant is the only
+ * place the context is both available and reactive.
+ *
+ * Where a component already sits inside the provider — a form section using
+ * useFormikContext, like the mjcc-fe publication and facture blocs — call
+ * `focusFieldByName` directly instead. Those guards run on a button click
+ * 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;
+  /*
+   * Record<string, unknown> rather than the host's own values type, and
+   * rather than a cast. FormikErrors<Record<string, unknown>> resolves to
+   * an index-signature map of optional strings, which is assignable to the
+   * hook's Readonly<Record<string, unknown>> — so the two contracts meet
+   * without an assertion. useFormikContext does not check its type
+   * parameter against the provider, so this stays valid whatever the form's
+   * value shape is.
+   */
+  var _useFormikContext = (0, _formik.useFormikContext)(),
+    errors = _useFormikContext.errors,
+    submitCount = _useFormikContext.submitCount;
+  (0, _useFocusFirstError["default"])(_objectSpread({
+    errors: errors,
+    submitCount: submitCount,
+    scroll: scroll,
+    enabled: enabled
+  }, order !== undefined ? {
+    order: order
+  } : {}));
+  return null;
+}
+var _default = exports["default"] = FormikErrorFocus;
+//# sourceMappingURL=FormikErrorFocus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormikErrorFocus.js","names":["_formik","require","_useFocusFirstError","_interopRequireDefault","obj","__esModule","_typeof","Symbol","iterator","constructor","prototype","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","call","TypeError","Number","FormikErrorFocus","_ref","order","_ref$scroll","scroll","_ref$enabled","enabled","_useFormikContext","useFormikContext","errors","submitCount","useFocusFirstError","_default","exports"],"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[];\r\n  /** Scroll the field into view before focusing. @default true */\r\n  scroll?: boolean;\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;\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":"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","ignoreList":[]}

package/dist/v2/patterns/FormikFile.d.ts

@@ -0,0 +1,43 @@
+/**
+ * FormikFile — bridge between Formik state and v2.Dropzone.
+ *
+ * Two modes:
+ *   - mode="single" (default): File or null in Formik. Writes
+ *     companion metadata fields (extension/size/type/name) on
+ *     add; clears them on remove.
+ *   - mode="bulk":   File[] in Formik. No companion writes.
+ *
+ * Companion-field naming defaults to ms-ti-fe convention
+ * (fileExtension / fileSize / fileType / nom). Override with
+ * `companionFields` prop if your module differs.
+ *
+ * v2.Dropzone contract used:
+ *   - value: [{id, name, size}]
+ *   - onAdd(File[]): receives accepted files (already validated)
+ *   - onRemove(id):  receives the id of the entry to remove
+ *
+ * Charter R-FU.*. Peer dep: formik >= 2.x.
+ */
+import * as React from "react";
+import type { DropzoneProps } from "../components/Dropzone";
+export type FormikFileMode = "single" | "bulk";
+export interface FormikFileCompanionFields {
+    ext: string;
+    size: string;
+    type: string;
+    name: string;
+}
+export interface FormikFileProps extends Omit<DropzoneProps, "value" | "onAdd" | "onRemove" | "multiple" | "accept" | "maxSize" | "hint" | "disabled" | "label"> {
+    name: string;
+    label?: React.ReactNode;
+    hint?: React.ReactNode;
+    accept?: string;
+    maxSize?: number;
+    required?: boolean;
+    disabled?: boolean;
+    mode?: FormikFileMode;
+    companionFields?: FormikFileCompanionFields;
+}
+declare const FormikFile: ({ name, label, hint, accept, maxSize, required, disabled, mode, companionFields, ...rest }: FormikFileProps) => React.JSX.Element;
+export default FormikFile;
+//# sourceMappingURL=FormikFile.d.ts.map

package/dist/v2/patterns/FormikFile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormikFile.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/patterns/FormikFile.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAgB,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE1E,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,yBAAyB;IACxC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,aAAa,EACb,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CACnG;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,eAAe,CAAC,EAAE,yBAAyB,CAAC;CAC7C;AAkBD,QAAA,MAAM,UAAU,GAAI,4FAWjB,eAAe,sBA0EjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/v2/patterns/FormikFile.js

@@ -0,0 +1,156 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _formik = require("formik");
+var _Field = _interopRequireDefault(require("../components/Field"));
+var _Dropzone = _interopRequireDefault(require("../components/Dropzone"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["name", "label", "hint", "accept", "maxSize", "required", "disabled", "mode", "companionFields"];
+/**
+ * FormikFile — bridge between Formik state and v2.Dropzone.
+ *
+ * Two modes:
+ *   - mode="single" (default): File or null in Formik. Writes
+ *     companion metadata fields (extension/size/type/name) on
+ *     add; clears them on remove.
+ *   - mode="bulk":   File[] in Formik. No companion writes.
+ *
+ * Companion-field naming defaults to ms-ti-fe convention
+ * (fileExtension / fileSize / fileType / nom). Override with
+ * `companionFields` prop if your module differs.
+ *
+ * v2.Dropzone contract used:
+ *   - value: [{id, name, size}]
+ *   - onAdd(File[]): receives accepted files (already validated)
+ *   - onRemove(id):  receives the id of the entry to remove
+ *
+ * Charter R-FU.*. Peer dep: formik >= 2.x.
+ */
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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; }
+var 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) {
+  if (file == null || !(file instanceof File)) return null;
+  return {
+    id: file.name,
+    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 = (0, _formik.useField)(name),
+    _useField2 = _slicedToArray(_useField, 2),
+    field = _useField2[0],
+    meta = _useField2[1];
+  var _useFormikContext = (0, _formik.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) {
+    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) {
+    if (!files || files.length === 0) return;
+    if (isBulk) {
+      var merged = [].concat(_toConsumableArray(Array.isArray(field.value) ? field.value : []), _toConsumableArray(files));
+      setFieldValue(name, merged);
+      setFieldTouched(name, true, false);
+    } else {
+      var file = files[0];
+      setFieldValue(name, file);
+      writeCompanions(file !== null && file !== void 0 ? 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) {
+    if (isBulk) {
+      var remaining = (Array.isArray(field.value) ? field.value : []).filter(function (f) {
+        return f.name !== id;
+      });
+      setFieldValue(name, remaining);
+    } else {
+      setFieldValue(name, null);
+      writeCompanions(null);
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field["default"], _objectSpread(_objectSpread(_objectSpread({
+    label: label,
+    error: hasError ? meta.error : null
+  }, required !== undefined ? {
+    required: required
+  } : {}), disabled !== undefined ? {
+    disabled: disabled
+  } : {}), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropzone["default"], _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+      multiple: isBulk,
+      value: value,
+      hint: hint,
+      onAdd: handleAdd,
+      onRemove: handleRemove
+    }, rest), accept !== undefined ? {
+      accept: accept
+    } : {}), disabled !== undefined ? {
+      disabled: disabled
+    } : {}), maxSize !== undefined ? {
+      maxSize: maxSize
+    } : {}))
+  }));
+};
+var _default = exports["default"] = FormikFile;
+//# sourceMappingURL=FormikFile.js.map