@portnet/ui 6.0.1 → 6.0.3

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

@@ -1 +1 @@
-{"version":3,"file":"FormikSelect.js","names":["React","useField","useFormikContext","Field","Select","FormikDisplay","labelFromValue","sameOptionValue","jsx","_jsx","defaultGetOptionValue","opt","_typeof","rec","undefined","defaultGetOptionLabel","String","FormikSelect","_ref","_field$value","name","label","required","hint","_ref$options","options","_ref$getOptionValue","getOptionValue","_ref$getOptionLabel","getOptionLabel","_ref$loading","loading","_ref$disabled","disabled","_ref$readOnly","readOnly","mono","placeholder","htmlFor","onSelectionChange","rest","_objectWithoutProperties","_excluded","_useField","_useField2","_slicedToArray","field","meta","_useFormikContext","setFieldValue","setFieldTouched","hasError","Boolean","touched","error","v2Options","map","raw","value","__raw","handleChange","e","next","target","found","find","o","picked","resolvedPlaceholder","_objectSpread","format","match","children","onChange","onBlur"],"sources":["../../../../src/lib/v2/patterns/FormikSelect.tsx"],"sourcesContent":["/**\r\n * FormikSelect — bridge between Formik state and v2.Field + v2.Select.\r\n *\r\n * Charter §03 · R-Sel.1 → R-Sel.5. Peer dependency: formik >= 2.x.\r\n *\r\n * Use for short / medium option lists. For large referential lists that\r\n * need free-text filtering, prefer FormikCombobox, or pass `searchThreshold`\r\n * straight through to the underlying v2.Select.\r\n *\r\n * Maps caller-supplied raw options to v2.Select's {value, label} shape and\r\n * exposes onSelectionChange(rawOption) for consumers that need cross-field\r\n * side effects on pick.\r\n *\r\n *   <FormikSelect\r\n *     name=\"bureau\"\r\n *     label=\"Bureau douanier\"\r\n *     options={bureaux}\r\n *     getOptionValue={(b) => b.id}\r\n *     getOptionLabel={(b) => b.libelle}\r\n *   />\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { useField, useFormikContext } from \"formik\";\r\nimport Field from \"../components/Field\";\r\nimport Select from \"../components/Select\";\r\nimport FormikDisplay from \"../components/FormikDisplay\";\r\nimport { labelFromValue, sameOptionValue } from \"../components/Select\";\r\nimport type {\r\n  SelectOptionValue,\r\n  SelectProps,\r\n  SelectValue,\r\n  SelectChangeLike,\r\n} from \"../components/Select\";\r\n\r\nfunction defaultGetOptionValue(opt: unknown): SelectOptionValue {\r\n  if (opt == null || typeof opt !== \"object\") return opt as SelectOptionValue;\r\n  const rec = opt as Record<string, unknown>;\r\n  if (rec[\"value\"] !== undefined && rec[\"value\"] !== null) return rec[\"value\"] as SelectOptionValue;\r\n  if (rec[\"id\"] !== undefined && rec[\"id\"] !== null) return rec[\"id\"] as SelectOptionValue;\r\n  // Unreachable for well-formed options: an object exposing neither value nor\r\n  // id can never be a valid Select value/key, so collapse to empty selection.\r\n  return \"\";\r\n}\r\n\r\nfunction defaultGetOptionLabel(opt: unknown): string {\r\n  if (opt == null) return \"\";\r\n  if (typeof opt !== \"object\") return String(opt);\r\n  const rec = opt as Record<string, unknown>;\r\n  if (rec[\"description\"]) return String(rec[\"description\"]);\r\n  if (rec[\"label\"]) return String(rec[\"label\"]);\r\n  if (rec[\"code\"]) return String(rec[\"code\"]);\r\n  return String(opt);\r\n}\r\n\r\nexport interface FormikSelectProps<TOption = unknown>\r\n  extends Omit<\r\n    SelectProps,\r\n    | \"value\"\r\n    | \"onChange\"\r\n    | \"onBlur\"\r\n    | \"options\"\r\n    | \"disabled\"\r\n    | \"placeholder\"\r\n    | \"label\"\r\n    | \"required\"\r\n    | \"error\"\r\n    // SelectProps carries its own loosely-typed `ref` (Ref<unknown>, likely\r\n    // inherited from its underlying MUI base) that isn't the real ref for\r\n    // this wrapper. Excluding it here stops it leaking into ...rest below\r\n    // and colliding with <Select>'s real RefAttributes<HTMLInputElement>.\r\n    | \"ref\"\r\n  > {\r\n  name: string;\r\n  label?: React.ReactNode | undefined;\r\n  required?: boolean | undefined;\r\n  hint?: React.ReactNode | undefined;\r\n  options?: TOption[] | undefined;\r\n  getOptionValue?: ((opt: TOption) => SelectOptionValue) | undefined;\r\n  getOptionLabel?: ((opt: TOption) => React.ReactNode) | undefined;\r\n  loading?: boolean | undefined;\r\n  disabled?: boolean | undefined;\r\n  /**\r\n   * Render the RESOLVED OPTION LABEL as read-only text via FormikDisplay,\r\n   * instead of a Select.\r\n   *\r\n   * Resolution matters here in a way it does not for FormikInput: the Formik\r\n   * value is whatever `getOptionValue` produced — often a code, sometimes a\r\n   * whole referentiel object — and printing it raw would show\r\n   * \"DOMAIN_ACTIVITE_1\" where the user expects \"Domaine médical\". So the value is\r\n   * matched back against `options` and `getOptionLabel` supplies the text.\r\n   *\r\n   * Matching goes through the same `sameOptionValue` the Select itself uses, so\r\n   * a value seeded from an API payload still matches a separately-fetched\r\n   * option (structural comparison, not reference identity). When nothing\r\n   * matches, `labelFromValue` derives something readable from the value rather\r\n   * than showing a code.\r\n   *\r\n   * `disabled` wins when both are passed — same rule as FormikInput.\r\n   */\r\n  readOnly?: boolean | undefined;\r\n  /** Tabular-nums monospace in read-only mode. */\r\n  mono?: boolean | undefined;\r\n  placeholder?: string | undefined;\r\n  htmlFor?: string | undefined;\r\n  onSelectionChange?: ((picked: TOption | null) => void) | undefined;\r\n}\r\n\r\nconst FormikSelect = <TOption,>({\r\n  name,\r\n  label,\r\n  required,\r\n  hint,\r\n  options = [],\r\n  getOptionValue = defaultGetOptionValue,\r\n  getOptionLabel = defaultGetOptionLabel,\r\n  loading = false,\r\n  disabled = false,\r\n  readOnly = false,\r\n  mono,\r\n  placeholder,\r\n  htmlFor,\r\n  onSelectionChange,\r\n  ...rest\r\n}: FormikSelectProps<TOption>) => {\r\n  const [field, meta] = useField<SelectValue>(name);\r\n  const { setFieldValue, setFieldTouched } = useFormikContext();\r\n  const hasError = Boolean(meta.touched && meta.error);\r\n\r\n  const v2Options = options.map(\r\n    (opt): string | { value: SelectOptionValue; label: React.ReactNode; __raw: TOption } => {\r\n      const raw: unknown = opt;\r\n      if (raw == null || typeof raw !== \"object\") return raw as string;\r\n      return {\r\n        value: getOptionValue(opt),\r\n        label: getOptionLabel(opt),\r\n        __raw: opt,\r\n      };\r\n    },\r\n  );\r\n\r\n  const handleChange = (e: SelectChangeLike) => {\r\n    const next = e && e.target ? e.target.value : e;\r\n    setFieldValue(name, next === \"\" ? null : next);\r\n    setFieldTouched(name, true, false);\r\n    if (typeof onSelectionChange === \"function\") {\r\n      const found = v2Options.find(\r\n        (o) => typeof o === \"object\" && o !== null && o.value === next,\r\n      );\r\n      const picked = found && typeof found === \"object\" ? found.__raw : null;\r\n      onSelectionChange(picked);\r\n    }\r\n  };\r\n\r\n  const resolvedPlaceholder = loading ? \"Chargement…\" : placeholder;\r\n\r\n  /* Lecture seule : on résout le libellé de l'option avant de déléguer, sinon\r\n   * FormikDisplay afficherait la VALEUR brute (un code, ou un objet dont il ne\r\n   * lirait que `.description`). */\r\n  if (readOnly && !disabled) {\r\n    return (\r\n      <FormikDisplay\r\n        name={name}\r\n        label={label}\r\n        {...(hint !== undefined ? { hint } : {})}\r\n        {...(mono !== undefined ? { mono } : {})}\r\n        format={(raw) => {\r\n          const match = options.find((opt) =>\r\n            sameOptionValue(getOptionValue(opt), raw),\r\n          );\r\n          if (match !== undefined) return getOptionLabel(match);\r\n          return labelFromValue(raw);\r\n        }}\r\n      />\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Field\r\n      label={label}\r\n      error={hasError ? meta.error : null}\r\n      hint={!hasError ? hint : undefined}\r\n      htmlFor={htmlFor || name}\r\n      disabled={disabled}\r\n      {...(required !== undefined ? { required } : {})}\r\n    >\r\n      <Select\r\n        value={field.value ?? \"\"}\r\n        onChange={handleChange}\r\n        onBlur={field.onBlur}\r\n        options={v2Options}\r\n        disabled={Boolean(disabled || loading)}\r\n        {...rest}\r\n        {...(resolvedPlaceholder !== undefined ? { placeholder: resolvedPlaceholder } : {})}\r\n      />\r\n    </Field>\r\n  );\r\n};\r\n\r\nexport default FormikSelect;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FormikSelect.js","names":["React","useField","useFormikContext","Field","Select","FormikDisplay","labelFromValue","sameOptionValue","jsx","_jsx","defaultGetOptionValue","opt","rec","undefined","defaultGetOptionLabel","String","FormikSelect","name","label","required","hint","options","getOptionValue","getOptionLabel","loading","disabled","readOnly","mono","placeholder","htmlFor","width","onSelectionChange","rest","field","meta","setFieldValue","setFieldTouched","hasError","Boolean","touched","error","v2Options","map","raw","value","__raw","handleChange","e","next","target","found","find","o","picked","resolvedPlaceholder","format","match","children","onChange","onBlur"],"sources":["../../../../src/lib/v2/patterns/FormikSelect.tsx"],"sourcesContent":["/**\r\n * FormikSelect — bridge between Formik state and v2.Field + v2.Select.\r\n *\r\n * Charter §03 · R-Sel.1 → R-Sel.5. Peer dependency: formik >= 2.x.\r\n *\r\n * Use for short / medium option lists. For large referential lists that\r\n * need free-text filtering, prefer FormikCombobox, or pass `searchThreshold`\r\n * straight through to the underlying v2.Select.\r\n *\r\n * Maps caller-supplied raw options to v2.Select's {value, label} shape and\r\n * exposes onSelectionChange(rawOption) for consumers that need cross-field\r\n * side effects on pick.\r\n *\r\n *   <FormikSelect\r\n *     name=\"bureau\"\r\n *     label=\"Bureau douanier\"\r\n *     options={bureaux}\r\n *     getOptionValue={(b) => b.id}\r\n *     getOptionLabel={(b) => b.libelle}\r\n *   />\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { useField, useFormikContext } from \"formik\";\r\nimport Field from \"../components/Field\";\r\nimport Select from \"../components/Select\";\r\nimport FormikDisplay from \"../components/FormikDisplay\";\r\nimport { labelFromValue, sameOptionValue } from \"../components/Select\";\r\nimport type { FieldWidth } from \"../components/Field\";\r\nimport type {\r\n  SelectOptionValue,\r\n  SelectProps,\r\n  SelectValue,\r\n  SelectChangeLike,\r\n} from \"../components/Select\";\r\n\r\nfunction defaultGetOptionValue(opt: unknown): SelectOptionValue {\r\n  if (opt == null || typeof opt !== \"object\") return opt as SelectOptionValue;\r\n  const rec = opt as Record<string, unknown>;\r\n  if (rec[\"value\"] !== undefined && rec[\"value\"] !== null) return rec[\"value\"] as SelectOptionValue;\r\n  if (rec[\"id\"] !== undefined && rec[\"id\"] !== null) return rec[\"id\"] as SelectOptionValue;\r\n  // Unreachable for well-formed options: an object exposing neither value nor\r\n  // id can never be a valid Select value/key, so collapse to empty selection.\r\n  return \"\";\r\n}\r\n\r\nfunction defaultGetOptionLabel(opt: unknown): string {\r\n  if (opt == null) return \"\";\r\n  if (typeof opt !== \"object\") return String(opt);\r\n  const rec = opt as Record<string, unknown>;\r\n  if (rec[\"description\"]) return String(rec[\"description\"]);\r\n  if (rec[\"label\"]) return String(rec[\"label\"]);\r\n  if (rec[\"code\"]) return String(rec[\"code\"]);\r\n  return String(opt);\r\n}\r\n\r\nexport interface FormikSelectProps<TOption = unknown>\r\n  extends Omit<\r\n    SelectProps,\r\n    | \"value\"\r\n    | \"onChange\"\r\n    | \"onBlur\"\r\n    | \"options\"\r\n    | \"disabled\"\r\n    | \"placeholder\"\r\n    | \"label\"\r\n    | \"required\"\r\n    | \"error\"\r\n    // SelectProps carries its own loosely-typed `ref` (Ref<unknown>, likely\r\n    // inherited from its underlying MUI base) that isn't the real ref for\r\n    // this wrapper. Excluding it here stops it leaking into ...rest below\r\n    // and colliding with <Select>'s real RefAttributes<HTMLInputElement>.\r\n    | \"ref\"\r\n  > {\r\n  name: string;\r\n  label?: React.ReactNode | undefined;\r\n  required?: boolean | undefined;\r\n  hint?: React.ReactNode | undefined;\r\n  options?: TOption[] | undefined;\r\n  getOptionValue?: ((opt: TOption) => SelectOptionValue) | undefined;\r\n  getOptionLabel?: ((opt: TOption) => React.ReactNode) | undefined;\r\n  loading?: boolean | undefined;\r\n  disabled?: boolean | undefined;\r\n  /**\r\n   * Render the RESOLVED OPTION LABEL as read-only text via FormikDisplay,\r\n   * instead of a Select.\r\n   *\r\n   * Resolution matters here in a way it does not for FormikInput: the Formik\r\n   * value is whatever `getOptionValue` produced — often a code, sometimes a\r\n   * whole referentiel object — and printing it raw would show\r\n   * \"DOMAIN_ACTIVITE_1\" where the user expects \"Domaine médical\". So the value is\r\n   * matched back against `options` and `getOptionLabel` supplies the text.\r\n   *\r\n   * Matching goes through the same `sameOptionValue` the Select itself uses, so\r\n   * a value seeded from an API payload still matches a separately-fetched\r\n   * option (structural comparison, not reference identity). When nothing\r\n   * matches, `labelFromValue` derives something readable from the value rather\r\n   * than showing a code.\r\n   *\r\n   * `disabled` wins when both are passed — same rule as FormikInput.\r\n   */\r\n  readOnly?: boolean | undefined;\r\n  /** Tabular-nums monospace in read-only mode. */\r\n  mono?: boolean | undefined;\r\n  placeholder?: string | undefined;\r\n  htmlFor?: string | undefined;\r\n  /**\r\n   * Gabarit de largeur semantique (G-H). Sur un select, le gabarit se choisit\r\n   * d'apres la longueur des LIBELLES d'options, pas d'une contrainte de\r\n   * saisie : le standard range les « simple dropdowns » en `m` et les « long\r\n   * dropdowns » en `l`. Ne s'applique pas en mode `readOnly`.\r\n   */\r\n  width?: FieldWidth | undefined;\r\n  onSelectionChange?: ((picked: TOption | null) => void) | undefined;\r\n}\r\n\r\nconst FormikSelect = <TOption,>({\r\n  name,\r\n  label,\r\n  required,\r\n  hint,\r\n  options = [],\r\n  getOptionValue = defaultGetOptionValue,\r\n  getOptionLabel = defaultGetOptionLabel,\r\n  loading = false,\r\n  disabled = false,\r\n  readOnly = false,\r\n  mono,\r\n  placeholder,\r\n  htmlFor,\r\n  width,\r\n  onSelectionChange,\r\n  ...rest\r\n}: FormikSelectProps<TOption>) => {\r\n  const [field, meta] = useField<SelectValue>(name);\r\n  const { setFieldValue, setFieldTouched } = useFormikContext();\r\n  const hasError = Boolean(meta.touched && meta.error);\r\n\r\n  const v2Options = options.map(\r\n    (opt): string | { value: SelectOptionValue; label: React.ReactNode; __raw: TOption } => {\r\n      const raw: unknown = opt;\r\n      if (raw == null || typeof raw !== \"object\") return raw as string;\r\n      return {\r\n        value: getOptionValue(opt),\r\n        label: getOptionLabel(opt),\r\n        __raw: opt,\r\n      };\r\n    },\r\n  );\r\n\r\n  const handleChange = (e: SelectChangeLike) => {\r\n    const next = e && e.target ? e.target.value : e;\r\n    setFieldValue(name, next === \"\" ? null : next);\r\n    setFieldTouched(name, true, false);\r\n    if (typeof onSelectionChange === \"function\") {\r\n      const found = v2Options.find(\r\n        (o) => typeof o === \"object\" && o !== null && o.value === next,\r\n      );\r\n      const picked = found && typeof found === \"object\" ? found.__raw : null;\r\n      onSelectionChange(picked);\r\n    }\r\n  };\r\n\r\n  const resolvedPlaceholder = loading ? \"Chargement…\" : placeholder;\r\n\r\n  /* Lecture seule : on résout le libellé de l'option avant de déléguer, sinon\r\n   * FormikDisplay afficherait la VALEUR brute (un code, ou un objet dont il ne\r\n   * lirait que `.description`). */\r\n  if (readOnly && !disabled) {\r\n    return (\r\n      <FormikDisplay\r\n        name={name}\r\n        label={label}\r\n        {...(hint !== undefined ? { hint } : {})}\r\n        {...(mono !== undefined ? { mono } : {})}\r\n        format={(raw) => {\r\n          const match = options.find((opt) =>\r\n            sameOptionValue(getOptionValue(opt), raw),\r\n          );\r\n          if (match !== undefined) return getOptionLabel(match);\r\n          return labelFromValue(raw);\r\n        }}\r\n      />\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Field\r\n      label={label}\r\n      error={hasError ? meta.error : null}\r\n      hint={!hasError ? hint : undefined}\r\n      htmlFor={htmlFor || name}\r\n      disabled={disabled}\r\n      {...(required !== undefined ? { required } : {})}\r\n      {...(width !== undefined ? { width } : {})}\r\n    >\r\n      <Select\r\n        value={field.value ?? \"\"}\r\n        onChange={handleChange}\r\n        onBlur={field.onBlur}\r\n        options={v2Options}\r\n        disabled={Boolean(disabled || loading)}\r\n        {...rest}\r\n        {...(resolvedPlaceholder !== undefined ? { placeholder: resolvedPlaceholder } : {})}\r\n      />\r\n    </Field>\r\n  );\r\n};\r\n\r\nexport default FormikSelect;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/v2/patterns/FormikTextarea.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", "rows", "htmlFor", "hint", "disabled"];
-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; }
 /**
  * FormikTextarea — bridge between Formik state and v2.Field + v2.Textarea.
  *
@@ -37,40 +22,42 @@ import { useField } from "formik";
 import Field from "../components/Field";
 import Textarea from "../components/Textarea";
 import { jsx as _jsx } from "react/jsx-runtime";
-var FormikTextarea = function FormikTextarea(_ref) {
-  var _field$value;
-  var name = _ref.name,
-    label = _ref.label,
-    required = _ref.required,
-    _ref$rows = _ref.rows,
-    rows = _ref$rows === void 0 ? 4 : _ref$rows,
-    htmlFor = _ref.htmlFor,
-    hint = _ref.hint,
-    disabled = _ref.disabled,
-    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);
-  return /*#__PURE__*/_jsx(Field, _objectSpread(_objectSpread(_objectSpread({
+const FormikTextarea = ({
+  name,
+  label,
+  required,
+  rows = 4,
+  htmlFor,
+  hint,
+  disabled,
+  width,
+  ...rest
+}) => {
+  const [field, meta] = useField(name);
+  const hasError = Boolean(meta.touched && meta.error);
+  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(Textarea, _objectSpread({
+    htmlFor: htmlFor || name,
+    ...(required !== undefined ? {
+      required
+    } : {}),
+    ...(disabled !== undefined ? {
+      disabled
+    } : {}),
+    ...(width !== undefined ? {
+      width
+    } : {}),
+    children: /*#__PURE__*/_jsx(Textarea, {
       name: field.name,
-      value: (_field$value = field.value) !== null && _field$value !== void 0 ? _field$value : "",
+      value: field.value ?? "",
       onChange: field.onChange,
       onBlur: field.onBlur,
-      rows: rows
-    }, rest))
-  }));
+      rows: rows,
+      ...rest
+    })
+  });
 };
 export default FormikTextarea;
 //# sourceMappingURL=FormikTextarea.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormikTextarea.js","names":["React","useField","Field","Textarea","jsx","_jsx","FormikTextarea","_ref","_field$value","name","label","required","_ref$rows","rows","htmlFor","hint","disabled","rest","_objectWithoutProperties","_excluded","_useField","_useField2","_slicedToArray","field","meta","hasError","Boolean","touched","error","_objectSpread","undefined","children","value","onChange","onBlur"],"sources":["../../../../src/lib/v2/patterns/FormikTextarea.tsx"],"sourcesContent":["/**\r\n * FormikTextarea — bridge between Formik state and v2.Field + v2.Textarea.\r\n *\r\n * Default rows = 4 (matches the legacy Pui multiline default\r\n * across ms-ti-fe / addpe-fe usage).\r\n *\r\n * Usage:\r\n *\r\n *   import { FormikTextarea } from \"@portnet/ui/lib/v2\";\r\n *\r\n *   <FormikTextarea\r\n *     name=\"observation\"\r\n *     label=\"Observations\"\r\n *     rows={4}\r\n *   />\r\n *\r\n * Charter §03 / R-I.1 → R-I.6. Peer dependency: `formik` >= 2.x.\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { useField } from \"formik\";\r\nimport Field from \"../components/Field\";\r\nimport Textarea from \"../components/Textarea\";\r\nimport type { TextareaProps } from \"../components/Textarea\";\r\n\r\nexport interface FormikTextareaProps\r\n  extends Omit<\r\n    TextareaProps,\r\n    \"name\" | \"value\" | \"onChange\" | \"onBlur\" | \"label\" | \"required\" | \"disabled\" | \"error\"\r\n  > {\r\n  name: string;\r\n  label?: React.ReactNode | undefined;\r\n  required?: boolean | undefined;\r\n  disabled?: boolean | undefined;\r\n  htmlFor?: string | undefined;\r\n  hint?: React.ReactNode | undefined;\r\n}\r\n\r\nconst FormikTextarea = ({\r\n  name,\r\n  label,\r\n  required,\r\n  rows = 4,\r\n  htmlFor,\r\n  hint,\r\n  disabled,\r\n  ...rest\r\n}: FormikTextareaProps) => {\r\n  const [field, meta] = useField<string>(name);\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      <Textarea\r\n        name={field.name}\r\n        value={field.value ?? \"\"}\r\n        onChange={field.onChange}\r\n        onBlur={field.onBlur}\r\n        rows={rows}\r\n        {...rest}\r\n      />\r\n    </Field>\r\n  );\r\n};\r\n\r\nexport default FormikTextarea;\r\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,QAAQ;AACjC,OAAOC,KAAK,MAAM,qBAAqB;AACvC,OAAOC,QAAQ,MAAM,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAgB9C,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EASO;EAAA,IAAAC,YAAA;EAAA,IARzBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAAC,SAAA,GAAAL,IAAA,CACRM,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,CAAC,GAAAA,SAAA;IACRE,OAAO,GAAAP,IAAA,CAAPO,OAAO;IACPC,IAAI,GAAAR,IAAA,CAAJQ,IAAI;IACJC,QAAQ,GAAAT,IAAA,CAARS,QAAQ;IACLC,IAAI,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA;EAEP,IAAAC,SAAA,GAAsBnB,QAAQ,CAASQ,IAAI,CAAC;IAAAY,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAArCG,KAAK,GAAAF,UAAA;IAAEG,IAAI,GAAAH,UAAA;EAClB,IAAMI,QAAQ,GAAGC,OAAO,CAACF,IAAI,CAACG,OAAO,IAAIH,IAAI,CAACI,KAAK,CAAC;EAEpD,oBACEvB,IAAA,CAACH,KAAK,EAAA2B,aAAA,CAAAA,aAAA,CAAAA,aAAA;IACJnB,KAAK,EAAEA,KAAM;IACbkB,KAAK,EAAEH,QAAQ,GAAGD,IAAI,CAACI,KAAK,GAAG,IAAK;IACpCb,IAAI,EAAE,CAACU,QAAQ,GAAGV,IAAI,GAAGe,SAAU;IACnChB,OAAO,EAAEA,OAAO,IAAIL;EAAK,GACpBE,QAAQ,KAAKmB,SAAS,GAAG;IAAEnB,QAAQ,EAARA;EAAS,CAAC,GAAG,CAAC,CAAC,GAC1CK,QAAQ,KAAKc,SAAS,GAAG;IAAEd,QAAQ,EAARA;EAAS,CAAC,GAAG,CAAC,CAAC;IAAAe,QAAA,eAE/C1B,IAAA,CAACF,QAAQ,EAAA0B,aAAA;MACPpB,IAAI,EAAEc,KAAK,CAACd,IAAK;MACjBuB,KAAK,GAAAxB,YAAA,GAAEe,KAAK,CAACS,KAAK,cAAAxB,YAAA,cAAAA,YAAA,GAAI,EAAG;MACzByB,QAAQ,EAAEV,KAAK,CAACU,QAAS;MACzBC,MAAM,EAAEX,KAAK,CAACW,MAAO;MACrBrB,IAAI,EAAEA;IAAK,GACPI,IAAI,CACT;EAAC,EACG,CAAC;AAEZ,CAAC;AAED,eAAeX,cAAc","ignoreList":[]}
+{"version":3,"file":"FormikTextarea.js","names":["React","useField","Field","Textarea","jsx","_jsx","FormikTextarea","name","label","required","rows","htmlFor","hint","disabled","width","rest","field","meta","hasError","Boolean","touched","error","undefined","children","value","onChange","onBlur"],"sources":["../../../../src/lib/v2/patterns/FormikTextarea.tsx"],"sourcesContent":["/**\r\n * FormikTextarea — bridge between Formik state and v2.Field + v2.Textarea.\r\n *\r\n * Default rows = 4 (matches the legacy Pui multiline default\r\n * across ms-ti-fe / addpe-fe usage).\r\n *\r\n * Usage:\r\n *\r\n *   import { FormikTextarea } from \"@portnet/ui/lib/v2\";\r\n *\r\n *   <FormikTextarea\r\n *     name=\"observation\"\r\n *     label=\"Observations\"\r\n *     rows={4}\r\n *   />\r\n *\r\n * Charter §03 / R-I.1 → R-I.6. Peer dependency: `formik` >= 2.x.\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { useField } from \"formik\";\r\nimport Field from \"../components/Field\";\r\nimport Textarea from \"../components/Textarea\";\r\nimport type { FieldWidth } from \"../components/Field\";\r\nimport type { TextareaProps } from \"../components/Textarea\";\r\n\r\nexport interface FormikTextareaProps\r\n  extends Omit<\r\n    TextareaProps,\r\n    \"name\" | \"value\" | \"onChange\" | \"onBlur\" | \"label\" | \"required\" | \"disabled\" | \"error\"\r\n  > {\r\n  name: string;\r\n  label?: React.ReactNode | undefined;\r\n  required?: boolean | undefined;\r\n  disabled?: boolean | undefined;\r\n  htmlFor?: string | undefined;\r\n  hint?: React.ReactNode | undefined;\r\n  /**\r\n   * Gabarit de largeur semantique (G-H). Sur une zone de texte, le standard\r\n   * range les descriptions et les editeurs en `xl` (pleine largeur du bloc) :\r\n   * c'est donc rarement autre chose, mais la prop existe pour les cas ou la\r\n   * zone est courte et bornee.\r\n   */\r\n  width?: FieldWidth | undefined;\r\n}\r\n\r\nconst FormikTextarea = ({\r\n  name,\r\n  label,\r\n  required,\r\n  rows = 4,\r\n  htmlFor,\r\n  hint,\r\n  disabled,\r\n  width,\r\n  ...rest\r\n}: FormikTextareaProps) => {\r\n  const [field, meta] = useField<string>(name);\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      {...(width !== undefined ? { width } : {})}\r\n    >\r\n      <Textarea\r\n        name={field.name}\r\n        value={field.value ?? \"\"}\r\n        onChange={field.onChange}\r\n        onBlur={field.onBlur}\r\n        rows={rows}\r\n        {...rest}\r\n      />\r\n    </Field>\r\n  );\r\n};\r\n\r\nexport default FormikTextarea;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,QAAQ;AACjC,OAAOC,KAAK,MAAM,qBAAqB;AACvC,OAAOC,QAAQ,MAAM,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAwB9C,MAAMC,cAAc,GAAGA,CAAC;EACtBC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC,IAAI,GAAG,CAAC;EACRC,OAAO;EACPC,IAAI;EACJC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACgB,CAAC,KAAK;EACzB,MAAM,CAACC,KAAK,EAAEC,IAAI,CAAC,GAAGhB,QAAQ,CAASM,IAAI,CAAC;EAC5C,MAAMW,QAAQ,GAAGC,OAAO,CAACF,IAAI,CAACG,OAAO,IAAIH,IAAI,CAACI,KAAK,CAAC;EAEpD,oBACEhB,IAAA,CAACH,KAAK;IACJM,KAAK,EAAEA,KAAM;IACba,KAAK,EAAEH,QAAQ,GAAGD,IAAI,CAACI,KAAK,GAAG,IAAK;IACpCT,IAAI,EAAE,CAACM,QAAQ,GAAGN,IAAI,GAAGU,SAAU;IACnCX,OAAO,EAAEA,OAAO,IAAIJ,IAAK;IAAA,IACpBE,QAAQ,KAAKa,SAAS,GAAG;MAAEb;IAAS,CAAC,GAAG,CAAC,CAAC;IAAA,IAC1CI,QAAQ,KAAKS,SAAS,GAAG;MAAET;IAAS,CAAC,GAAG,CAAC,CAAC;IAAA,IAC1CC,KAAK,KAAKQ,SAAS,GAAG;MAAER;IAAM,CAAC,GAAG,CAAC,CAAC;IAAAS,QAAA,eAEzClB,IAAA,CAACF,QAAQ;MACPI,IAAI,EAAES,KAAK,CAACT,IAAK;MACjBiB,KAAK,EAAER,KAAK,CAACQ,KAAK,IAAI,EAAG;MACzBC,QAAQ,EAAET,KAAK,CAACS,QAAS;MACzBC,MAAM,EAAEV,KAAK,CAACU,MAAO;MACrBhB,IAAI,EAAEA,IAAK;MAAA,GACPK;IAAI,CACT;EAAC,CACG,CAAC;AAEZ,CAAC;AAED,eAAeT,cAAc","ignoreList":[]}

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

@@ -1,9 +1,3 @@
-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; }
 import * as React from "react";
 import Modal from "../components/Modal";
 import { mergeLabels } from "../utils/mergeLabels";
@@ -19,15 +13,16 @@ import { mergeLabels } from "../utils/mergeLabels";
  */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function isFocusOnTextEntry() {
-  var el = typeof document !== "undefined" ? document.activeElement : null;
+  const el = typeof document !== "undefined" ? document.activeElement : null;
   if (!el) return false;
-  var tag = el.tagName;
+  const tag = el.tagName;
   if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT") return true;
   if (el instanceof HTMLElement && el.isContentEditable) return true;
   return false;
 }
-function ShortcutKey(_ref) {
-  var children = _ref.children;
+function ShortcutKey({
+  children
+}) {
   return /*#__PURE__*/_jsx("kbd", {
     style: {
       display: "inline-block",
@@ -47,7 +42,7 @@ function ShortcutKey(_ref) {
     children: children
   });
 }
-var SHORTCUT_ROW_SX = {
+const SHORTCUT_ROW_SX = {
   display: "grid",
   gridTemplateColumns: "auto 1fr",
   gap: "var(--s-4)",
@@ -55,13 +50,13 @@ var SHORTCUT_ROW_SX = {
   padding: "var(--s-2) 0",
   borderBottom: "1px solid var(--border-subtle, var(--border))"
 };
-var SHORTCUT_KEYS_SX = {
+const SHORTCUT_KEYS_SX = {
   display: "flex",
   gap: "var(--s-1)",
   alignItems: "center",
   flexWrap: "wrap"
 };
-var HELP_FOOTNOTE_SX = {
+const HELP_FOOTNOTE_SX = {
   marginTop: "var(--s-4)",
   paddingTop: "var(--s-3)",
   borderTop: "1px solid var(--border)",
@@ -69,7 +64,7 @@ var HELP_FOOTNOTE_SX = {
   color: "var(--fg-subtle)",
   lineHeight: 1.5
 };
-var DEFAULT_LABELS = Object.freeze({
+const DEFAULT_LABELS = Object.freeze({
   /* Footnote rendered below the shortcut list. Split into two parts so the
    * keycap can be embedded in the middle without forcing the i18n string to
    * carry HTML tags. */
@@ -107,19 +102,33 @@ var DEFAULT_LABELS = Object.freeze({
  * reachable) + R-M.* (modal focus trap inherited from v2.Modal).
  */
 
-function KeyboardShortcutsHelp(_ref2) {
-  var _ref2$shortcuts = _ref2.shortcuts,
-    shortcuts = _ref2$shortcuts === void 0 ? [] : _ref2$shortcuts,
-    _ref2$title = _ref2.title,
-    title = _ref2$title === void 0 ? "Raccourcis clavier" : _ref2$title,
-    labels = _ref2.labels;
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    isOpen = _React$useState2[0],
-    setIsOpen = _React$useState2[1];
-  var L = mergeLabels(DEFAULT_LABELS, labels);
-  React.useEffect(function () {
-    var handler = function handler(event) {
+function KeyboardShortcutsHelp({
+  shortcuts = [],
+  title = "Raccourcis clavier",
+  labels,
+  open,
+  onOpenChange
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
+  const isControlled = open !== undefined;
+  const isOpen = isControlled ? open : uncontrolledOpen;
+  const L = mergeLabels(DEFAULT_LABELS, labels);
+
+  /* Refs so the "?" listener can stay on a `[]` dependency list — it must not
+   * be torn down and re-added on every open/close, and in controlled mode there
+   * is no functional-update form to fall back on. */
+  const isOpenRef = React.useRef(isOpen);
+  isOpenRef.current = isOpen;
+  const onOpenChangeRef = React.useRef(onOpenChange);
+  onOpenChangeRef.current = onOpenChange;
+  const isControlledRef = React.useRef(isControlled);
+  isControlledRef.current = isControlled;
+  const requestOpen = React.useCallback(next => {
+    if (!isControlledRef.current) setUncontrolledOpen(next);
+    onOpenChangeRef.current?.(next);
+  }, []);
+  React.useEffect(() => {
+    const handler = event => {
       // Only react to "?" (Shift+/ on US, AltGr+, on many AZERTY layouts).
       // event.key gives us the resolved character regardless of physical key.
       if (event.key !== "?") return;
@@ -130,24 +139,18 @@ function KeyboardShortcutsHelp(_ref2) {
       // User is typing in a text field — let "?" through.
       if (isFocusOnTextEntry()) return;
       event.preventDefault();
-      setIsOpen(function (prev) {
-        return !prev;
-      });
+      requestOpen(!isOpenRef.current);
     };
     window.addEventListener("keydown", handler);
-    return function () {
-      return window.removeEventListener("keydown", handler);
-    };
-  }, []);
+    return () => window.removeEventListener("keydown", handler);
+  }, [requestOpen]);
   if (!Array.isArray(shortcuts) || shortcuts.length === 0) {
     return null;
   }
   return /*#__PURE__*/_jsxs(Modal, {
     open: isOpen,
     title: title,
-    onClose: function onClose() {
-      return setIsOpen(false);
-    },
+    onClose: () => requestOpen(false),
     size: "md",
     children: [/*#__PURE__*/_jsx("dl", {
       style: {
@@ -155,34 +158,30 @@ function KeyboardShortcutsHelp(_ref2) {
         padding: 0
       },
       "aria-label": L.listAriaLabel,
-      children: shortcuts.map(function (sc, i) {
-        return /*#__PURE__*/_jsxs("div", {
-          style: SHORTCUT_ROW_SX,
-          children: [/*#__PURE__*/_jsx("dt", {
-            style: SHORTCUT_KEYS_SX,
-            children: sc.keys.map(function (k, j) {
-              return /*#__PURE__*/_jsxs(React.Fragment, {
-                children: [/*#__PURE__*/_jsx(ShortcutKey, {
-                  children: k
-                }), j < sc.keys.length - 1 && /*#__PURE__*/_jsx("span", {
-                  "aria-hidden": "true",
-                  style: {
-                    color: "var(--fg-subtle)",
-                    fontSize: "var(--text-xs)"
-                  },
-                  children: L.keyJoiner
-                })]
-              }, j);
-            })
-          }), /*#__PURE__*/_jsx("dd", {
-            style: {
-              margin: 0,
-              fontSize: "var(--text-body)"
-            },
-            children: sc.description
-          })]
-        }, i);
-      })
+      children: shortcuts.map((sc, i) => /*#__PURE__*/_jsxs("div", {
+        style: SHORTCUT_ROW_SX,
+        children: [/*#__PURE__*/_jsx("dt", {
+          style: SHORTCUT_KEYS_SX,
+          children: sc.keys.map((k, j) => /*#__PURE__*/_jsxs(React.Fragment, {
+            children: [/*#__PURE__*/_jsx(ShortcutKey, {
+              children: k
+            }), j < sc.keys.length - 1 && /*#__PURE__*/_jsx("span", {
+              "aria-hidden": "true",
+              style: {
+                color: "var(--fg-subtle)",
+                fontSize: "var(--text-xs)"
+              },
+              children: L.keyJoiner
+            })]
+          }, j))
+        }), /*#__PURE__*/_jsx("dd", {
+          style: {
+            margin: 0,
+            fontSize: "var(--text-body)"
+          },
+          children: sc.description
+        })]
+      }, i))
     }), /*#__PURE__*/_jsxs("div", {
       style: HELP_FOOTNOTE_SX,
       children: [L.footnoteIntro, " ", /*#__PURE__*/_jsx(ShortcutKey, {

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

@@ -1 +1 @@
-{"version":3,"file":"KeyboardShortcutsHelp.js","names":["React","Modal","mergeLabels","jsx","_jsx","jsxs","_jsxs","isFocusOnTextEntry","el","document","activeElement","tag","tagName","HTMLElement","isContentEditable","ShortcutKey","_ref","children","style","display","minWidth","padding","background","border","borderBottomColor","borderRadius","boxShadow","fontFamily","fontSize","textAlign","lineHeight","color","SHORTCUT_ROW_SX","gridTemplateColumns","gap","alignItems","borderBottom","SHORTCUT_KEYS_SX","flexWrap","HELP_FOOTNOTE_SX","marginTop","paddingTop","borderTop","DEFAULT_LABELS","Object","freeze","footnoteIntro","footnoteOutro","listAriaLabel","keyJoiner","KeyboardShortcutsHelp","_ref2","_ref2$shortcuts","shortcuts","_ref2$title","title","labels","_React$useState","useState","_React$useState2","_slicedToArray","isOpen","setIsOpen","L","useEffect","handler","event","key","ctrlKey","metaKey","altKey","preventDefault","prev","window","addEventListener","removeEventListener","Array","isArray","length","open","onClose","size","margin","map","sc","i","keys","k","j","Fragment","description"],"sources":["../../../../src/lib/v2/patterns/KeyboardShortcutsHelp.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Modal from \"../components/Modal\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/* ── Body-only focus guard ────────────────────────────────────────\r\n * The \"?\" key is a printable character. If a user types \"?\" inside an\r\n * Input / Textarea / contentEditable element we must NOT hijack the\r\n * keypress to open the help — they're trying to type a question mark.\r\n *\r\n * BUTTON / A focus is NOT blocking by design: when the user has tabbed\r\n * onto an interactive non-text element, hitting \"?\" makes sense as a\r\n * help affordance (navigation mode, not text-entry mode).\r\n */\r\nfunction isFocusOnTextEntry(): boolean {\r\n  const el = typeof document !== \"undefined\" ? document.activeElement : null;\r\n  if (!el) return false;\r\n  const tag = el.tagName;\r\n  if (tag === \"INPUT\" || tag === \"TEXTAREA\" || tag === \"SELECT\") return true;\r\n  if (el instanceof HTMLElement && el.isContentEditable) return true;\r\n  return false;\r\n}\r\n\r\nfunction ShortcutKey({ children }: { children?: React.ReactNode }) {\r\n  return (\r\n    <kbd\r\n      style={{\r\n        display: \"inline-block\",\r\n        minWidth: \"1.75em\",\r\n        padding: \"0.15em 0.5em\",\r\n        background: \"var(--bg-subtle)\",\r\n        border: \"1px solid var(--border)\",\r\n        borderBottomColor: \"var(--border-strong, var(--border))\",\r\n        borderRadius: \"var(--r-sm)\",\r\n        boxShadow: \"inset 0 -1px 0 var(--border)\",\r\n        fontFamily: \"var(--font-mono, monospace)\",\r\n        fontSize: \"var(--text-sm)\",\r\n        textAlign: \"center\",\r\n        lineHeight: 1.4,\r\n        color: \"var(--fg)\",\r\n      }}\r\n    >\r\n      {children}\r\n    </kbd>\r\n  );\r\n}\r\n\r\nconst SHORTCUT_ROW_SX: React.CSSProperties = {\r\n  display: \"grid\",\r\n  gridTemplateColumns: \"auto 1fr\",\r\n  gap: \"var(--s-4)\",\r\n  alignItems: \"center\",\r\n  padding: \"var(--s-2) 0\",\r\n  borderBottom: \"1px solid var(--border-subtle, var(--border))\",\r\n};\r\n\r\nconst SHORTCUT_KEYS_SX: React.CSSProperties = {\r\n  display: \"flex\",\r\n  gap: \"var(--s-1)\",\r\n  alignItems: \"center\",\r\n  flexWrap: \"wrap\",\r\n};\r\n\r\nconst HELP_FOOTNOTE_SX: React.CSSProperties = {\r\n  marginTop: \"var(--s-4)\",\r\n  paddingTop: \"var(--s-3)\",\r\n  borderTop: \"1px solid var(--border)\",\r\n  fontSize: \"var(--text-xs)\",\r\n  color: \"var(--fg-subtle)\",\r\n  lineHeight: 1.5,\r\n};\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  /* Footnote rendered below the shortcut list. Split into two parts so the\r\n   * keycap can be embedded in the middle without forcing the i18n string to\r\n   * carry HTML tags. */\r\n  footnoteIntro: \"Astuce : appuyez sur\",\r\n  footnoteOutro:\r\n    \"à tout moment pour ouvrir ou fermer cette aide. Les raccourcis s'activent uniquement quand votre curseur n'est pas dans un champ de saisie.\",\r\n  /* aria-label on the <dl> listing every shortcut. */\r\n  listAriaLabel: \"Liste des raccourcis clavier disponibles sur cette page\",\r\n  /* Joiner rendered between alternative keys for the same shortcut. */\r\n  keyJoiner: \"ou\",\r\n});\r\n\r\n/**\r\n * KeyboardShortcutsHelp — Portnet UI v2\r\n *\r\n * Charter §5.2 SHOULD — discoverable help overlay for page-level keyboard\r\n * shortcuts. Listens globally for \"?\" and opens a v2.Modal listing every\r\n * shortcut as <kbd> elements (WCAG 1.3.1 semantic).\r\n *\r\n * Self-contained: the host page only declares the shortcuts array and renders\r\n * <KeyboardShortcutsHelp shortcuts={…} /> once.\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   <KeyboardShortcutsHelp\r\n *     title=\"Keyboard shortcuts\"\r\n *     labels={{\r\n *       footnoteIntro: \"Tip: press\",\r\n *       footnoteOutro: \"anytime to toggle this help…\",\r\n *       listAriaLabel: \"List of keyboard shortcuts available on this page\",\r\n *       keyJoiner:     \"or\",\r\n *     }}\r\n *     shortcuts={…}\r\n *   />\r\n *\r\n * Charter §5.2 SHOULD + WCAG 1.3.1 (semantic <kbd>) + 2.1.1 (keyboard\r\n * reachable) + R-M.* (modal focus trap inherited from v2.Modal).\r\n */\r\n\r\nexport interface KeyboardShortcut {\r\n  keys: string[];\r\n  description: React.ReactNode;\r\n}\r\n\r\nexport interface KeyboardShortcutsHelpLabels {\r\n  footnoteIntro?: string | undefined;\r\n  footnoteOutro?: string | undefined;\r\n  listAriaLabel?: string | undefined;\r\n  keyJoiner?: string | undefined;\r\n}\r\n\r\nexport interface KeyboardShortcutsHelpProps {\r\n  shortcuts?: KeyboardShortcut[] | undefined;\r\n  title?: React.ReactNode | undefined;\r\n  labels?: KeyboardShortcutsHelpLabels | undefined;\r\n}\r\n\r\nfunction KeyboardShortcutsHelp({\r\n  shortcuts = [],\r\n  title = \"Raccourcis clavier\",\r\n  labels,\r\n}: KeyboardShortcutsHelpProps) {\r\n  const [isOpen, setIsOpen] = React.useState(false);\r\n  const L = mergeLabels(DEFAULT_LABELS, labels);\r\n\r\n  React.useEffect(() => {\r\n    const handler = (event: KeyboardEvent) => {\r\n      // Only react to \"?\" (Shift+/ on US, AltGr+, on many AZERTY layouts).\r\n      // event.key gives us the resolved character regardless of physical key.\r\n      if (event.key !== \"?\") return;\r\n\r\n      // Modifier keys (Ctrl, Meta, Alt) reserved for browser / OS shortcuts.\r\n      if (event.ctrlKey || event.metaKey || event.altKey) return;\r\n\r\n      // User is typing in a text field — let \"?\" through.\r\n      if (isFocusOnTextEntry()) return;\r\n\r\n      event.preventDefault();\r\n      setIsOpen((prev) => !prev);\r\n    };\r\n\r\n    window.addEventListener(\"keydown\", handler);\r\n    return () => window.removeEventListener(\"keydown\", handler);\r\n  }, []);\r\n\r\n  if (!Array.isArray(shortcuts) || shortcuts.length === 0) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Modal open={isOpen} title={title} onClose={() => setIsOpen(false)} size=\"md\">\r\n      <dl style={{ margin: 0, padding: 0 }} aria-label={L.listAriaLabel}>\r\n        {shortcuts.map((sc, i) => (\r\n          <div key={i} style={SHORTCUT_ROW_SX}>\r\n            <dt style={SHORTCUT_KEYS_SX}>\r\n              {sc.keys.map((k, j) => (\r\n                <React.Fragment key={j}>\r\n                  <ShortcutKey>{k}</ShortcutKey>\r\n                  {j < sc.keys.length - 1 && (\r\n                    <span\r\n                      aria-hidden=\"true\"\r\n                      style={{\r\n                        color: \"var(--fg-subtle)\",\r\n                        fontSize: \"var(--text-xs)\",\r\n                      }}\r\n                    >\r\n                      {L.keyJoiner}\r\n                    </span>\r\n                  )}\r\n                </React.Fragment>\r\n              ))}\r\n            </dt>\r\n            <dd style={{ margin: 0, fontSize: \"var(--text-body)\" }}>\r\n              {sc.description}\r\n            </dd>\r\n          </div>\r\n        ))}\r\n      </dl>\r\n      <div style={HELP_FOOTNOTE_SX}>\r\n        {L.footnoteIntro}{\" \"}\r\n        <ShortcutKey>?</ShortcutKey>{\" \"}\r\n        {L.footnoteOutro}\r\n      </div>\r\n    </Modal>\r\n  );\r\n}\r\n\r\nexport default KeyboardShortcutsHelp;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"KeyboardShortcutsHelp.js","names":["React","Modal","mergeLabels","jsx","_jsx","jsxs","_jsxs","isFocusOnTextEntry","el","document","activeElement","tag","tagName","HTMLElement","isContentEditable","ShortcutKey","children","style","display","minWidth","padding","background","border","borderBottomColor","borderRadius","boxShadow","fontFamily","fontSize","textAlign","lineHeight","color","SHORTCUT_ROW_SX","gridTemplateColumns","gap","alignItems","borderBottom","SHORTCUT_KEYS_SX","flexWrap","HELP_FOOTNOTE_SX","marginTop","paddingTop","borderTop","DEFAULT_LABELS","Object","freeze","footnoteIntro","footnoteOutro","listAriaLabel","keyJoiner","KeyboardShortcutsHelp","shortcuts","title","labels","open","onOpenChange","uncontrolledOpen","setUncontrolledOpen","useState","isControlled","undefined","isOpen","L","isOpenRef","useRef","current","onOpenChangeRef","isControlledRef","requestOpen","useCallback","next","useEffect","handler","event","key","ctrlKey","metaKey","altKey","preventDefault","window","addEventListener","removeEventListener","Array","isArray","length","onClose","size","margin","map","sc","i","keys","k","j","Fragment","description"],"sources":["../../../../src/lib/v2/patterns/KeyboardShortcutsHelp.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Modal from \"../components/Modal\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/* ── Body-only focus guard ────────────────────────────────────────\r\n * The \"?\" key is a printable character. If a user types \"?\" inside an\r\n * Input / Textarea / contentEditable element we must NOT hijack the\r\n * keypress to open the help — they're trying to type a question mark.\r\n *\r\n * BUTTON / A focus is NOT blocking by design: when the user has tabbed\r\n * onto an interactive non-text element, hitting \"?\" makes sense as a\r\n * help affordance (navigation mode, not text-entry mode).\r\n */\r\nfunction isFocusOnTextEntry(): boolean {\r\n  const el = typeof document !== \"undefined\" ? document.activeElement : null;\r\n  if (!el) return false;\r\n  const tag = el.tagName;\r\n  if (tag === \"INPUT\" || tag === \"TEXTAREA\" || tag === \"SELECT\") return true;\r\n  if (el instanceof HTMLElement && el.isContentEditable) return true;\r\n  return false;\r\n}\r\n\r\nfunction ShortcutKey({ children }: { children?: React.ReactNode }) {\r\n  return (\r\n    <kbd\r\n      style={{\r\n        display: \"inline-block\",\r\n        minWidth: \"1.75em\",\r\n        padding: \"0.15em 0.5em\",\r\n        background: \"var(--bg-subtle)\",\r\n        border: \"1px solid var(--border)\",\r\n        borderBottomColor: \"var(--border-strong, var(--border))\",\r\n        borderRadius: \"var(--r-sm)\",\r\n        boxShadow: \"inset 0 -1px 0 var(--border)\",\r\n        fontFamily: \"var(--font-mono, monospace)\",\r\n        fontSize: \"var(--text-sm)\",\r\n        textAlign: \"center\",\r\n        lineHeight: 1.4,\r\n        color: \"var(--fg)\",\r\n      }}\r\n    >\r\n      {children}\r\n    </kbd>\r\n  );\r\n}\r\n\r\nconst SHORTCUT_ROW_SX: React.CSSProperties = {\r\n  display: \"grid\",\r\n  gridTemplateColumns: \"auto 1fr\",\r\n  gap: \"var(--s-4)\",\r\n  alignItems: \"center\",\r\n  padding: \"var(--s-2) 0\",\r\n  borderBottom: \"1px solid var(--border-subtle, var(--border))\",\r\n};\r\n\r\nconst SHORTCUT_KEYS_SX: React.CSSProperties = {\r\n  display: \"flex\",\r\n  gap: \"var(--s-1)\",\r\n  alignItems: \"center\",\r\n  flexWrap: \"wrap\",\r\n};\r\n\r\nconst HELP_FOOTNOTE_SX: React.CSSProperties = {\r\n  marginTop: \"var(--s-4)\",\r\n  paddingTop: \"var(--s-3)\",\r\n  borderTop: \"1px solid var(--border)\",\r\n  fontSize: \"var(--text-xs)\",\r\n  color: \"var(--fg-subtle)\",\r\n  lineHeight: 1.5,\r\n};\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  /* Footnote rendered below the shortcut list. Split into two parts so the\r\n   * keycap can be embedded in the middle without forcing the i18n string to\r\n   * carry HTML tags. */\r\n  footnoteIntro: \"Astuce : appuyez sur\",\r\n  footnoteOutro:\r\n    \"à tout moment pour ouvrir ou fermer cette aide. Les raccourcis s'activent uniquement quand votre curseur n'est pas dans un champ de saisie.\",\r\n  /* aria-label on the <dl> listing every shortcut. */\r\n  listAriaLabel: \"Liste des raccourcis clavier disponibles sur cette page\",\r\n  /* Joiner rendered between alternative keys for the same shortcut. */\r\n  keyJoiner: \"ou\",\r\n});\r\n\r\n/**\r\n * KeyboardShortcutsHelp — Portnet UI v2\r\n *\r\n * Charter §5.2 SHOULD — discoverable help overlay for page-level keyboard\r\n * shortcuts. Listens globally for \"?\" and opens a v2.Modal listing every\r\n * shortcut as <kbd> elements (WCAG 1.3.1 semantic).\r\n *\r\n * Self-contained: the host page only declares the shortcuts array and renders\r\n * <KeyboardShortcutsHelp shortcuts={…} /> once.\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   <KeyboardShortcutsHelp\r\n *     title=\"Keyboard shortcuts\"\r\n *     labels={{\r\n *       footnoteIntro: \"Tip: press\",\r\n *       footnoteOutro: \"anytime to toggle this help…\",\r\n *       listAriaLabel: \"List of keyboard shortcuts available on this page\",\r\n *       keyJoiner:     \"or\",\r\n *     }}\r\n *     shortcuts={…}\r\n *   />\r\n *\r\n * Charter §5.2 SHOULD + WCAG 1.3.1 (semantic <kbd>) + 2.1.1 (keyboard\r\n * reachable) + R-M.* (modal focus trap inherited from v2.Modal).\r\n */\r\n\r\nexport interface KeyboardShortcut {\r\n  keys: string[];\r\n  description: React.ReactNode;\r\n}\r\n\r\nexport interface KeyboardShortcutsHelpLabels {\r\n  footnoteIntro?: string | undefined;\r\n  footnoteOutro?: string | undefined;\r\n  listAriaLabel?: string | undefined;\r\n  keyJoiner?: string | undefined;\r\n}\r\n\r\nexport interface KeyboardShortcutsHelpProps {\r\n  shortcuts?: KeyboardShortcut[] | undefined;\r\n  title?: React.ReactNode | undefined;\r\n  labels?: KeyboardShortcutsHelpLabels | undefined;\r\n  /**\r\n   * Optional CONTROLLED open state. Omit for the original self-contained\r\n   * behaviour (the \"?\" listener owns the state).\r\n   *\r\n   * Added because the panel had no trigger but the keystroke. Hosts wired it\r\n   * correctly and users still reported the shortcuts \"missing\" — they are, in\r\n   * every practical sense, if the only affordance is a key you have to already\r\n   * know about. Charter §05.2 asks for DISCOVERABLE help, and a host cannot add\r\n   * a menu item or button without being able to open this.\r\n   */\r\n  open?: boolean | undefined;\r\n  /** Called with the requested next state, for both \"?\" and the close button. */\r\n  onOpenChange?: ((open: boolean) => void) | undefined;\r\n}\r\n\r\nfunction KeyboardShortcutsHelp({\r\n  shortcuts = [],\r\n  title = \"Raccourcis clavier\",\r\n  labels,\r\n  open,\r\n  onOpenChange,\r\n}: KeyboardShortcutsHelpProps) {\r\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);\r\n  const isControlled = open !== undefined;\r\n  const isOpen = isControlled ? open : uncontrolledOpen;\r\n  const L = mergeLabels(DEFAULT_LABELS, labels);\r\n\r\n  /* Refs so the \"?\" listener can stay on a `[]` dependency list — it must not\r\n   * be torn down and re-added on every open/close, and in controlled mode there\r\n   * is no functional-update form to fall back on. */\r\n  const isOpenRef = React.useRef(isOpen);\r\n  isOpenRef.current = isOpen;\r\n  const onOpenChangeRef = React.useRef(onOpenChange);\r\n  onOpenChangeRef.current = onOpenChange;\r\n  const isControlledRef = React.useRef(isControlled);\r\n  isControlledRef.current = isControlled;\r\n\r\n  const requestOpen = React.useCallback((next: boolean) => {\r\n    if (!isControlledRef.current) setUncontrolledOpen(next);\r\n    onOpenChangeRef.current?.(next);\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    const handler = (event: KeyboardEvent) => {\r\n      // Only react to \"?\" (Shift+/ on US, AltGr+, on many AZERTY layouts).\r\n      // event.key gives us the resolved character regardless of physical key.\r\n      if (event.key !== \"?\") return;\r\n\r\n      // Modifier keys (Ctrl, Meta, Alt) reserved for browser / OS shortcuts.\r\n      if (event.ctrlKey || event.metaKey || event.altKey) return;\r\n\r\n      // User is typing in a text field — let \"?\" through.\r\n      if (isFocusOnTextEntry()) return;\r\n\r\n      event.preventDefault();\r\n      requestOpen(!isOpenRef.current);\r\n    };\r\n\r\n    window.addEventListener(\"keydown\", handler);\r\n    return () => window.removeEventListener(\"keydown\", handler);\r\n  }, [requestOpen]);\r\n\r\n  if (!Array.isArray(shortcuts) || shortcuts.length === 0) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Modal\r\n      open={isOpen}\r\n      title={title}\r\n      onClose={() => requestOpen(false)}\r\n      size=\"md\"\r\n    >\r\n      <dl style={{ margin: 0, padding: 0 }} aria-label={L.listAriaLabel}>\r\n        {shortcuts.map((sc, i) => (\r\n          <div key={i} style={SHORTCUT_ROW_SX}>\r\n            <dt style={SHORTCUT_KEYS_SX}>\r\n              {sc.keys.map((k, j) => (\r\n                <React.Fragment key={j}>\r\n                  <ShortcutKey>{k}</ShortcutKey>\r\n                  {j < sc.keys.length - 1 && (\r\n                    <span\r\n                      aria-hidden=\"true\"\r\n                      style={{\r\n                        color: \"var(--fg-subtle)\",\r\n                        fontSize: \"var(--text-xs)\",\r\n                      }}\r\n                    >\r\n                      {L.keyJoiner}\r\n                    </span>\r\n                  )}\r\n                </React.Fragment>\r\n              ))}\r\n            </dt>\r\n            <dd style={{ margin: 0, fontSize: \"var(--text-body)\" }}>\r\n              {sc.description}\r\n            </dd>\r\n          </div>\r\n        ))}\r\n      </dl>\r\n      <div style={HELP_FOOTNOTE_SX}>\r\n        {L.footnoteIntro}{\" \"}\r\n        <ShortcutKey>?</ShortcutKey>{\" \"}\r\n        {L.footnoteOutro}\r\n      </div>\r\n    </Modal>\r\n  );\r\n}\r\n\r\nexport default KeyboardShortcutsHelp;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -19,13 +19,12 @@ import ErrorIcon from "@mui/icons-material/ErrorOutlined";
  *   Defaults stay French for back-compat.
  */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function NetworkErrorBanner(_ref) {
-  var visible = _ref.visible,
-    _ref$message = _ref.message,
-    message = _ref$message === void 0 ? "Connexion perdue." : _ref$message,
-    onRetry = _ref.onRetry,
-    _ref$retryLabel = _ref.retryLabel,
-    retryLabel = _ref$retryLabel === void 0 ? "Réessayer" : _ref$retryLabel;
+function NetworkErrorBanner({
+  visible,
+  message = "Connexion perdue.",
+  onRetry,
+  retryLabel = "Réessayer"
+}) {
   if (!visible) return null;
   return /*#__PURE__*/_jsxs(Box, {
     role: "alert",

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

@@ -1 +1 @@
-{"version":3,"file":"NetworkErrorBanner.js","names":["React","Box","ErrorIcon","jsx","_jsx","jsxs","_jsxs","NetworkErrorBanner","_ref","visible","_ref$message","message","onRetry","_ref$retryLabel","retryLabel","role","className","children","fontSize","component","type","onClick","sx","background","border","color","borderRadius","padding","fontWeight","cursor","fontFamily","marginInlineStart","transition","outline","outlineOffset"],"sources":["../../../../src/lib/v2/patterns/NetworkErrorBanner.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport ErrorIcon from \"@mui/icons-material/ErrorOutlined\";\r\n\r\n/**\r\n * NetworkErrorBanner - Portnet UI v2 (pattern)\r\n *\r\n * Charter R-4.3 - erreur réseau globale = bandeau persistant top, \"Réessayer\".\r\n * Z-index 2000 (above modals).\r\n *\r\n *   <NetworkErrorBanner\r\n *     visible={!online}\r\n *     message=\"Connexion perdue.\"\r\n *     onRetry={refresh}\r\n *   />\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   `message` and `retryLabel` are direct overrides on the props.\r\n *   Defaults stay French for back-compat.\r\n */\r\n\r\nexport interface NetworkErrorBannerProps {\r\n  visible?: boolean | undefined;\r\n  message?: React.ReactNode | undefined;\r\n  onRetry?: (() => void) | undefined;\r\n  retryLabel?: React.ReactNode | undefined;\r\n}\r\n\r\nfunction NetworkErrorBanner({\r\n  visible,\r\n  message = \"Connexion perdue.\",\r\n  onRetry,\r\n  retryLabel = \"Réessayer\",\r\n}: NetworkErrorBannerProps) {\r\n  if (!visible) return null;\r\n  return (\r\n    <Box role=\"alert\" aria-live=\"assertive\" className=\"pui-net-error-banner\">\r\n      <ErrorIcon fontSize=\"small\" aria-hidden=\"true\" />\r\n      <span>{message}</span>\r\n      {onRetry && (\r\n        <Box\r\n          component=\"button\"\r\n          type=\"button\"\r\n          onClick={onRetry}\r\n          className=\"pui-net-error-banner-retry\"\r\n          sx={{\r\n            // R-AI.1 - tokenised inverse colour mix (was rgba(255,255,255,...))\r\n            background: \"color-mix(in srgb, var(--fg-inverse) 20%, transparent)\",\r\n            border:\r\n              \"1px solid color-mix(in srgb, var(--fg-inverse) 35%, transparent)\",\r\n            color: \"inherit\",\r\n            borderRadius: \"var(--r-sm)\",\r\n            padding: \"var(--s-1) var(--s-3)\",\r\n            fontSize: \"var(--text-xs)\",\r\n            fontWeight: \"var(--fw-semibold)\",\r\n            cursor: \"pointer\",\r\n            fontFamily: \"inherit\",\r\n            // NEB-1 - logical inline-start margin so it sits correctly under RTL.\r\n            marginInlineStart: 0.5,\r\n            transition: \"background var(--duration-fast, 80ms) ease\",\r\n            \"&:hover\": {\r\n              background:\r\n                \"color-mix(in srgb, var(--fg-inverse) 30%, transparent)\",\r\n            },\r\n            // R-F.1 - focus visible required, charter §05.\r\n            \"&:focus-visible\": {\r\n              outline: \"2px solid var(--fg-inverse)\",\r\n              outlineOffset: \"var(--pui-outline-offset)\",\r\n            },\r\n          }}\r\n        >\r\n          {retryLabel}\r\n        </Box>\r\n      )}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default NetworkErrorBanner;\r\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,GAAG,MAAM,mBAAmB;AACnC,OAAOC,SAAS,MAAM,mCAAmC;;AAEzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAfA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAwBA,SAASC,kBAAkBA,CAAAC,IAAA,EAKC;EAAA,IAJ1BC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAAC,YAAA,GAAAF,IAAA,CACPG,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,mBAAmB,GAAAA,YAAA;IAC7BE,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAAC,eAAA,GAAAL,IAAA,CACPM,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,WAAW,GAAAA,eAAA;EAExB,IAAI,CAACJ,OAAO,EAAE,OAAO,IAAI;EACzB,oBACEH,KAAA,CAACL,GAAG;IAACc,IAAI,EAAC,OAAO;IAAC,aAAU,WAAW;IAACC,SAAS,EAAC,sBAAsB;IAAAC,QAAA,gBACtEb,IAAA,CAACF,SAAS;MAACgB,QAAQ,EAAC,OAAO;MAAC,eAAY;IAAM,CAAE,CAAC,eACjDd,IAAA;MAAAa,QAAA,EAAON;IAAO,CAAO,CAAC,EACrBC,OAAO,iBACNR,IAAA,CAACH,GAAG;MACFkB,SAAS,EAAC,QAAQ;MAClBC,IAAI,EAAC,QAAQ;MACbC,OAAO,EAAET,OAAQ;MACjBI,SAAS,EAAC,4BAA4B;MACtCM,EAAE,EAAE;QACF;QACAC,UAAU,EAAE,wDAAwD;QACpEC,MAAM,EACJ,kEAAkE;QACpEC,KAAK,EAAE,SAAS;QAChBC,YAAY,EAAE,aAAa;QAC3BC,OAAO,EAAE,uBAAuB;QAChCT,QAAQ,EAAE,gBAAgB;QAC1BU,UAAU,EAAE,oBAAoB;QAChCC,MAAM,EAAE,SAAS;QACjBC,UAAU,EAAE,SAAS;QACrB;QACAC,iBAAiB,EAAE,GAAG;QACtBC,UAAU,EAAE,4CAA4C;QACxD,SAAS,EAAE;UACTT,UAAU,EACR;QACJ,CAAC;QACD;QACA,iBAAiB,EAAE;UACjBU,OAAO,EAAE,6BAA6B;UACtCC,aAAa,EAAE;QACjB;MACF,CAAE;MAAAjB,QAAA,EAEDH;IAAU,CACR,CACN;EAAA,CACE,CAAC;AAEV;AAEA,eAAeP,kBAAkB","ignoreList":[]}
+{"version":3,"file":"NetworkErrorBanner.js","names":["React","Box","ErrorIcon","jsx","_jsx","jsxs","_jsxs","NetworkErrorBanner","visible","message","onRetry","retryLabel","role","className","children","fontSize","component","type","onClick","sx","background","border","color","borderRadius","padding","fontWeight","cursor","fontFamily","marginInlineStart","transition","outline","outlineOffset"],"sources":["../../../../src/lib/v2/patterns/NetworkErrorBanner.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport ErrorIcon from \"@mui/icons-material/ErrorOutlined\";\r\n\r\n/**\r\n * NetworkErrorBanner - Portnet UI v2 (pattern)\r\n *\r\n * Charter R-4.3 - erreur réseau globale = bandeau persistant top, \"Réessayer\".\r\n * Z-index 2000 (above modals).\r\n *\r\n *   <NetworkErrorBanner\r\n *     visible={!online}\r\n *     message=\"Connexion perdue.\"\r\n *     onRetry={refresh}\r\n *   />\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   `message` and `retryLabel` are direct overrides on the props.\r\n *   Defaults stay French for back-compat.\r\n */\r\n\r\nexport interface NetworkErrorBannerProps {\r\n  visible?: boolean | undefined;\r\n  message?: React.ReactNode | undefined;\r\n  onRetry?: (() => void) | undefined;\r\n  retryLabel?: React.ReactNode | undefined;\r\n}\r\n\r\nfunction NetworkErrorBanner({\r\n  visible,\r\n  message = \"Connexion perdue.\",\r\n  onRetry,\r\n  retryLabel = \"Réessayer\",\r\n}: NetworkErrorBannerProps) {\r\n  if (!visible) return null;\r\n  return (\r\n    <Box role=\"alert\" aria-live=\"assertive\" className=\"pui-net-error-banner\">\r\n      <ErrorIcon fontSize=\"small\" aria-hidden=\"true\" />\r\n      <span>{message}</span>\r\n      {onRetry && (\r\n        <Box\r\n          component=\"button\"\r\n          type=\"button\"\r\n          onClick={onRetry}\r\n          className=\"pui-net-error-banner-retry\"\r\n          sx={{\r\n            // R-AI.1 - tokenised inverse colour mix (was rgba(255,255,255,...))\r\n            background: \"color-mix(in srgb, var(--fg-inverse) 20%, transparent)\",\r\n            border:\r\n              \"1px solid color-mix(in srgb, var(--fg-inverse) 35%, transparent)\",\r\n            color: \"inherit\",\r\n            borderRadius: \"var(--r-sm)\",\r\n            padding: \"var(--s-1) var(--s-3)\",\r\n            fontSize: \"var(--text-xs)\",\r\n            fontWeight: \"var(--fw-semibold)\",\r\n            cursor: \"pointer\",\r\n            fontFamily: \"inherit\",\r\n            // NEB-1 - logical inline-start margin so it sits correctly under RTL.\r\n            marginInlineStart: 0.5,\r\n            transition: \"background var(--duration-fast, 80ms) ease\",\r\n            \"&:hover\": {\r\n              background:\r\n                \"color-mix(in srgb, var(--fg-inverse) 30%, transparent)\",\r\n            },\r\n            // R-F.1 - focus visible required, charter §05.\r\n            \"&:focus-visible\": {\r\n              outline: \"2px solid var(--fg-inverse)\",\r\n              outlineOffset: \"var(--pui-outline-offset)\",\r\n            },\r\n          }}\r\n        >\r\n          {retryLabel}\r\n        </Box>\r\n      )}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default NetworkErrorBanner;\r\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,GAAG,MAAM,mBAAmB;AACnC,OAAOC,SAAS,MAAM,mCAAmC;;AAEzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAfA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAwBA,SAASC,kBAAkBA,CAAC;EAC1BC,OAAO;EACPC,OAAO,GAAG,mBAAmB;EAC7BC,OAAO;EACPC,UAAU,GAAG;AACU,CAAC,EAAE;EAC1B,IAAI,CAACH,OAAO,EAAE,OAAO,IAAI;EACzB,oBACEF,KAAA,CAACL,GAAG;IAACW,IAAI,EAAC,OAAO;IAAC,aAAU,WAAW;IAACC,SAAS,EAAC,sBAAsB;IAAAC,QAAA,gBACtEV,IAAA,CAACF,SAAS;MAACa,QAAQ,EAAC,OAAO;MAAC,eAAY;IAAM,CAAE,CAAC,eACjDX,IAAA;MAAAU,QAAA,EAAOL;IAAO,CAAO,CAAC,EACrBC,OAAO,iBACNN,IAAA,CAACH,GAAG;MACFe,SAAS,EAAC,QAAQ;MAClBC,IAAI,EAAC,QAAQ;MACbC,OAAO,EAAER,OAAQ;MACjBG,SAAS,EAAC,4BAA4B;MACtCM,EAAE,EAAE;QACF;QACAC,UAAU,EAAE,wDAAwD;QACpEC,MAAM,EACJ,kEAAkE;QACpEC,KAAK,EAAE,SAAS;QAChBC,YAAY,EAAE,aAAa;QAC3BC,OAAO,EAAE,uBAAuB;QAChCT,QAAQ,EAAE,gBAAgB;QAC1BU,UAAU,EAAE,oBAAoB;QAChCC,MAAM,EAAE,SAAS;QACjBC,UAAU,EAAE,SAAS;QACrB;QACAC,iBAAiB,EAAE,GAAG;QACtBC,UAAU,EAAE,4CAA4C;QACxD,SAAS,EAAE;UACTT,UAAU,EACR;QACJ,CAAC;QACD;QACA,iBAAiB,EAAE;UACjBU,OAAO,EAAE,6BAA6B;UACtCC,aAAa,EAAE;QACjB;MACF,CAAE;MAAAjB,QAAA,EAEDH;IAAU,CACR,CACN;EAAA,CACE,CAAC;AAEV;AAEA,eAAeJ,kBAAkB","ignoreList":[]}

package/dist/esm/v2/patterns/PageContent.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 * as React from "react";
 import Box from "@mui/material/Box";
 
@@ -35,12 +29,13 @@ import Box from "@mui/material/Box";
  *   </PageContent>
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-function PageContent(_ref) {
-  var children = _ref.children,
-    gap = _ref.gap,
-    sx = _ref.sx;
+function PageContent({
+  children,
+  gap,
+  sx
+}) {
   return /*#__PURE__*/_jsx(Box, {
-    sx: _objectSpread({
+    sx: {
       /* Responsive padding — charter §7.1 bis */
       padding: {
         xs: "var(--s-3)" /* 12 px — mobile */,
@@ -50,11 +45,12 @@ function PageContent(_ref) {
       /* Section layout */
       display: "flex",
       flexDirection: "column",
-      gap: gap !== null && gap !== void 0 ? gap : "var(--s-4)",
+      gap: gap ?? "var(--s-4)",
       /* Prevent content from overflowing the viewport on narrow screens
          while still allowing inner scroll containers (DataGrid) to work. */
-      minWidth: 0
-    }, sx),
+      minWidth: 0,
+      ...sx
+    },
     children: children
   });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"PageContent.js","names":["React","Box","jsx","_jsx","PageContent","_ref","children","gap","sx","_objectSpread","padding","xs","sm","lg","display","flexDirection","minWidth"],"sources":["../../../../src/lib/v2/patterns/PageContent.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport type { SystemStyleObject } from \"@mui/system\";\r\n\r\n/**\r\n * PageContent — Portnet UI v2 (pattern)\r\n *\r\n * Charter §07 · Template canonique — zone contenu (§7.1 bis).\r\n *\r\n * Wraps the main content zone inside the shell applicatif with the\r\n * canonical responsive padding and vertical gap defined in §7.1 bis:\r\n *\r\n *   xs  ( 0 – 480 px )  → padding  12 px  (--s-3)\r\n *   sm  ( 481 – 1023 px) → padding  16 px  (--s-4)\r\n *   lg  ( 1024 px +    ) → padding  24 px  (--s-6)\r\n *\r\n * Usage:\r\n *   import { PageContent } from \"@portnet/ui\";\r\n *\r\n *   <PageContent>\r\n *     <FilterCard />\r\n *     <DataGrid ... />\r\n *   </PageContent>\r\n *\r\n * Override gap or add extra sx when the default section gap\r\n * (var(--s-4) = 16 px) is not appropriate for the context.\r\n *\r\n *   <PageContent gap=\"var(--s-6)\" sx={{ maxWidth: 720 }}>\r\n *     ...\r\n *   </PageContent>\r\n */\r\n\r\nexport interface PageContentProps {\r\n  /** Page sections / content */\r\n  children?: React.ReactNode | undefined;\r\n  /** Override the vertical gap between direct children (default var(--s-4)) */\r\n  gap?: string | undefined;\r\n  /** MUI sx overrides applied to the root Box */\r\n  sx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nfunction PageContent({ children, gap, sx }: PageContentProps) {\r\n  return (\r\n    <Box\r\n      sx={{\r\n        /* Responsive padding — charter §7.1 bis */\r\n        padding: {\r\n          xs: \"var(--s-3)\" /* 12 px — mobile */,\r\n          sm: \"var(--s-4)\" /* 16 px — tablet */,\r\n          lg: \"var(--s-6)\" /* 24 px — desktop */,\r\n        },\r\n        /* Section layout */\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        gap: gap ?? \"var(--s-4)\",\r\n        /* Prevent content from overflowing the viewport on narrow screens\r\n           while still allowing inner scroll containers (DataGrid) to work. */\r\n        minWidth: 0,\r\n        ...(sx as SystemStyleObject<Theme>),\r\n      }}\r\n    >\r\n      {children}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default PageContent;\r\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,GAAG,MAAM,mBAAmB;;AAInC;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;AA1BA,SAAAC,GAAA,IAAAC,IAAA;AAqCA,SAASC,WAAWA,CAAAC,IAAA,EAA0C;EAAA,IAAvCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IAAEC,EAAE,GAAAH,IAAA,CAAFG,EAAE;EACtC,oBACEL,IAAA,CAACF,GAAG;IACFO,EAAE,EAAAC,aAAA;MACA;MACAC,OAAO,EAAE;QACPC,EAAE,EAAE,YAAY,CAAC;QACjBC,EAAE,EAAE,YAAY,CAAC;QACjBC,EAAE,EAAE,YAAY,CAAC;MACnB,CAAC;MACD;MACAC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,QAAQ;MACvBR,GAAG,EAAEA,GAAG,aAAHA,GAAG,cAAHA,GAAG,GAAI,YAAY;MACxB;AACR;MACQS,QAAQ,EAAE;IAAC,GACPR,EAAE,CACN;IAAAF,QAAA,EAEDA;EAAQ,CACN,CAAC;AAEV;AAEA,eAAeF,WAAW","ignoreList":[]}
+{"version":3,"file":"PageContent.js","names":["React","Box","jsx","_jsx","PageContent","children","gap","sx","padding","xs","sm","lg","display","flexDirection","minWidth"],"sources":["../../../../src/lib/v2/patterns/PageContent.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport type { SystemStyleObject } from \"@mui/system\";\r\n\r\n/**\r\n * PageContent — Portnet UI v2 (pattern)\r\n *\r\n * Charter §07 · Template canonique — zone contenu (§7.1 bis).\r\n *\r\n * Wraps the main content zone inside the shell applicatif with the\r\n * canonical responsive padding and vertical gap defined in §7.1 bis:\r\n *\r\n *   xs  ( 0 – 480 px )  → padding  12 px  (--s-3)\r\n *   sm  ( 481 – 1023 px) → padding  16 px  (--s-4)\r\n *   lg  ( 1024 px +    ) → padding  24 px  (--s-6)\r\n *\r\n * Usage:\r\n *   import { PageContent } from \"@portnet/ui\";\r\n *\r\n *   <PageContent>\r\n *     <FilterCard />\r\n *     <DataGrid ... />\r\n *   </PageContent>\r\n *\r\n * Override gap or add extra sx when the default section gap\r\n * (var(--s-4) = 16 px) is not appropriate for the context.\r\n *\r\n *   <PageContent gap=\"var(--s-6)\" sx={{ maxWidth: 720 }}>\r\n *     ...\r\n *   </PageContent>\r\n */\r\n\r\nexport interface PageContentProps {\r\n  /** Page sections / content */\r\n  children?: React.ReactNode | undefined;\r\n  /** Override the vertical gap between direct children (default var(--s-4)) */\r\n  gap?: string | undefined;\r\n  /** MUI sx overrides applied to the root Box */\r\n  sx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nfunction PageContent({ children, gap, sx }: PageContentProps) {\r\n  return (\r\n    <Box\r\n      sx={{\r\n        /* Responsive padding — charter §7.1 bis */\r\n        padding: {\r\n          xs: \"var(--s-3)\" /* 12 px — mobile */,\r\n          sm: \"var(--s-4)\" /* 16 px — tablet */,\r\n          lg: \"var(--s-6)\" /* 24 px — desktop */,\r\n        },\r\n        /* Section layout */\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        gap: gap ?? \"var(--s-4)\",\r\n        /* Prevent content from overflowing the viewport on narrow screens\r\n           while still allowing inner scroll containers (DataGrid) to work. */\r\n        minWidth: 0,\r\n        ...(sx as SystemStyleObject<Theme>),\r\n      }}\r\n    >\r\n      {children}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default PageContent;\r\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,GAAG,MAAM,mBAAmB;;AAInC;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;AA1BA,SAAAC,GAAA,IAAAC,IAAA;AAqCA,SAASC,WAAWA,CAAC;EAAEC,QAAQ;EAAEC,GAAG;EAAEC;AAAqB,CAAC,EAAE;EAC5D,oBACEJ,IAAA,CAACF,GAAG;IACFM,EAAE,EAAE;MACF;MACAC,OAAO,EAAE;QACPC,EAAE,EAAE,YAAY,CAAC;QACjBC,EAAE,EAAE,YAAY,CAAC;QACjBC,EAAE,EAAE,YAAY,CAAC;MACnB,CAAC;MACD;MACAC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,QAAQ;MACvBP,GAAG,EAAEA,GAAG,IAAI,YAAY;MACxB;AACR;MACQQ,QAAQ,EAAE,CAAC;MACX,GAAIP;IACN,CAAE;IAAAF,QAAA,EAEDA;EAAQ,CACN,CAAC;AAEV;AAEA,eAAeD,WAAW","ignoreList":[]}