@portnet/ui 6.0.0 → 6.0.1

package/dist/esm/v2/components/Select.js

@@ -0,0 +1,490 @@
+var _excluded = ["value", "onChange", "onBlur", "options", "placeholder", "disabled", "error", "fullWidth", "multiple", "labels", "searchable", "searchThreshold", "inputRef", "sx"];
+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 _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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+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 _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); }
+import * as React from "react";
+import MuiSelect from "@mui/material/Select";
+import MenuItem from "@mui/material/MenuItem";
+import MuiChip from "@mui/material/Chip";
+import Box from "@mui/material/Box";
+import CloseIcon from "@mui/icons-material/Close";
+import SearchIcon from "@mui/icons-material/Search";
+import { mergeLabels } from "../utils/mergeLabels";
+
+/**
+ * Select — Portnet UI v2
+ *
+ * Charter §03 · Component "Select".
+ *
+ *   R-Sel.1 — > 30 options → use searchThreshold or Combobox.
+ *   R-Sel.2 — 2–3 options → prefer Radio or Segmented control.
+ *   R-Sel.3 — Placeholder = "Sélectionner…", never empty.
+ *   R-Sel.4 — Multi-select → chips dans l'input + bouton « Tout effacer ».
+ *   R-Sel.5 — searchThreshold / searchable → auto-search for large lists (NEW).
+ *
+ * Autocomplete / search (R-Sel.5):
+ *   Pass `searchThreshold={N}` to show a search input when options >= N.
+ *   Pass `searchable` as a shorthand to always show search.
+ *
+ *   Generic pattern: set searchThreshold once per component type and ALL
+ *   instances with enough items get free-text filtering automatically.
+ *
+ *   <Select searchThreshold={8} options={pays} value={v} onChange={...} />
+ *
+ * Localisation (FR / EN / AR):
+ *   Pass `labels` to override user-visible strings.
+ *
+ * MUI v9 focus safety:
+ *   MuiSelect focuses its hidden input on click via an internal inputRef.
+ *   We always pass an explicit inputRef (merged with any caller ref) so
+ *   that focus target is never null — otherwise clicking the closed select
+ *   throws "Cannot read properties of null (reading 'focus')" from inside
+ *   MUI's own click handler.
+ */
+
+/**
+ * onChange event shape. Deliberately loose: the component fires onChange
+ * both from MUI's native SelectChangeEvent AND from a synthetic
+ * { target: { value } } object in the chip-remove / clear-all paths.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var DEFAULT_LABELS = Object.freeze({
+  placeholder: "Sélectionner…",
+  clearAll: "Tout effacer",
+  clearAllAria: "Tout effacer la sélection",
+  removeChip: function removeChip(lbl) {
+    return "Retirer ".concat(String(lbl));
+  },
+  searchLabel: "Rechercher…",
+  searchClear: "Effacer la recherche",
+  noOptions: "Aucun résultat"
+});
+
+/* ── Out-of-contract object values: defensive resolution ───────────
+ *
+ * `SelectOptionValue` is declared `string | number`, but several GU modules
+ * store whole referentiel objects as the Select value — see R-29 in the
+ * amssnur-ui behaviour register, and the `bmdav-fe` precedent that first
+ * surfaced `FormikComboboxProps`. Their payload mappers read
+ * `values.typeDemande.code`, so the object IS the value they need back.
+ *
+ * That is out of contract, and until the opt-in opaque value described in R-29
+ * lands it is also reality. This component must therefore be DEFENSIVE about
+ * object values rather than crash on them. Three concrete failures it had:
+ *
+ *   1. `optionLabel` returned the raw value when no option matched, so
+ *      `renderValue` handed a plain object to React:
+ *          "Objects are not valid as a React child
+ *           (found: object with keys {id, code, description})"
+ *      This is a HARD CRASH, caught only if the host wraps the section in an
+ *      error boundary. Reported from amssnur-ui on two screens.
+ *
+ *   2. `options.find((o) => o.value === v)` is REFERENCE equality for objects.
+ *      A value seeded from an API payload is never the same instance as an
+ *      option fetched separately, so it never matched — which is what made (1)
+ *      fire on the edit path even when the option list was fully loaded.
+ *
+ *   3. `key={v}` on each MenuItem stringifies an object to "[object Object]",
+ *      giving every item in the list the SAME React key.
+ *
+ * `value={v}` is still passed through unchanged, so `onChange` returns the
+ * caller's own object reference and the object-valued contract keeps working.
+ */
+
+export function isRecord(v) {
+  return _typeof(v) === "object" && v !== null;
+}
+
+/** Stable string key for a value, primitive or object. "" when undecidable. */
+export function valueKey(v) {
+  if (v === null || v === undefined) return "";
+  if (!isRecord(v)) return String(v);
+  var _iterator = _createForOfIteratorHelper(["value", "id", "code"]),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var k = _step.value;
+      var candidate = v[k];
+      if (candidate !== null && candidate !== undefined && !isRecord(candidate)) {
+        return String(candidate);
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return "";
+}
+
+/**
+ * Value equality that survives object identity loss.
+ *
+ * Reference/primitive equality first (the common path), then a structural
+ * comparison on the discriminating key. The `!== ""` guard matters: without it
+ * two objects that expose no key would compare equal to each other AND to any
+ * empty value.
+ */
+export function sameOptionValue(a, b) {
+  if (a === b) return true;
+  if (isRecord(a) || isRecord(b)) {
+    var ka = valueKey(a);
+    return ka !== "" && ka === valueKey(b);
+  }
+  return String(a) === String(b);
+}
+
+/**
+ * Best-effort label for a value with no matching option. Returns `null` when
+ * nothing renderable can be derived, so the caller shows the placeholder
+ * instead of throwing.
+ */
+export function labelFromValue(v) {
+  if (v === null || v === undefined) return null;
+  if (!isRecord(v)) return String(v);
+  var _iterator2 = _createForOfIteratorHelper(["label", "description", "name", "libelle", "code"]),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var k = _step2.value;
+      var candidate = v[k];
+      if (candidate !== null && candidate !== undefined && !isRecord(candidate)) {
+        var s = String(candidate);
+        if (s !== "") return s;
+      }
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return null;
+}
+
+/* ── Search input — sticky at top of dropdown list ─────────────────
+ * Rendered as a non-MenuItem Box so ArrowKey list-navigation skips it.
+ * onKeyDown stopPropagation prevents MUI's keyboard handler from
+ * treating typed characters as list-navigation shortcuts.
+ * ─────────────────────────────────────────────────────────────────── */
+var SEARCH_WRAPPER_SX = Object.freeze({
+  position: "sticky",
+  top: 0,
+  zIndex: 1,
+  background: "var(--surface)",
+  padding: "var(--s-2) var(--s-3)",
+  borderBottom: "1px solid var(--border)",
+  display: "flex",
+  alignItems: "center",
+  gap: "var(--s-2)"
+});
+var Select = /*#__PURE__*/React.forwardRef(function Select(_ref, ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    onBlur = _ref.onBlur,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? [] : _ref$options,
+    placeholder = _ref.placeholder,
+    disabled = _ref.disabled,
+    error = _ref.error,
+    _ref$fullWidth = _ref.fullWidth,
+    fullWidth = _ref$fullWidth === void 0 ? true : _ref$fullWidth,
+    _ref$multiple = _ref.multiple,
+    multiple = _ref$multiple === void 0 ? false : _ref$multiple,
+    labels = _ref.labels,
+    _ref$searchable = _ref.searchable,
+    searchable = _ref$searchable === void 0 ? false : _ref$searchable,
+    searchThreshold = _ref.searchThreshold,
+    callerInputRef = _ref.inputRef,
+    sx = _ref.sx,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  /* ── MUI v9 focus safety — always-present input ref ──────────────
+   * MuiSelect calls inputRef.current.focus() on click. Guarantee a
+   * live node by owning the ref here and merging any caller-provided
+   * inputRef / forwarded ref onto it. */
+  var innerInputRef = React.useRef(null);
+  var setInputRef = React.useCallback(function (node) {
+    innerInputRef.current = node;
+    if (typeof callerInputRef === "function") callerInputRef(node);
+    // A caller-supplied ref object is typed with a readonly `current` by
+    // React; writing to it here is the documented ref-merge idiom, so a
+    // single narrow assertion to a writable shape is justified.
+    else if (callerInputRef) {
+      callerInputRef.current = node;
+    }
+    if (typeof ref === "function") ref(node);else if (ref) ref.current = node;
+  }, [callerInputRef, ref]);
+
+  /* ── Determine whether to show search ──────────────────────────── */
+  var showSearch = searchable || typeof searchThreshold === "number" && options.length >= searchThreshold;
+
+  /* Dev-time charter warn: only fires when no search is configured */
+  if (process.env["NODE_ENV"] !== "production" && !showSearch && options.length > 30) {
+    // eslint-disable-next-line no-console
+    console.warn("[@portnet/ui v2] <Select> has ".concat(options.length, " options \u2014 charter R-Sel.1: use searchThreshold={8} or Combobox above 30."));
+  }
+  var L = mergeLabels(DEFAULT_LABELS, labels);
+  var effectivePlaceholder = placeholder !== null && placeholder !== void 0 ? placeholder : L.placeholder;
+
+  /* ── Search state ──────────────────────────────────────────────── */
+  var _React$useState = React.useState(""),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    searchQuery = _React$useState2[0],
+    setSearchQuery = _React$useState2[1];
+  var searchRef = React.useRef(null);
+  var handleClose = React.useCallback(function () {
+    return setSearchQuery("");
+  }, []);
+
+  /* Focus the search input as soon as the dropdown opens.
+   * MUI renders the Popover asynchronously → small delay needed. */
+  var handleOpen = React.useCallback(function () {
+    if (showSearch) {
+      setTimeout(function () {
+        var _searchRef$current;
+        return (_searchRef$current = searchRef.current) === null || _searchRef$current === void 0 ? void 0 : _searchRef$current.focus();
+      }, 50);
+    }
+  }, [showSearch]);
+  var filteredOptions = React.useMemo(function () {
+    if (!showSearch || !searchQuery.trim()) return options;
+    var q = searchQuery.trim().toLowerCase();
+    return options.filter(function (o) {
+      var label = typeof o === "string" ? o : o.label;
+      return String(label).toLowerCase().includes(q);
+    });
+  }, [options, searchQuery, showSearch]);
+
+  /* ── Label resolver ────────────────────────────────────────────── */
+  var optionLabel = React.useCallback(function (v) {
+    var opt = options.find(function (o) {
+      return sameOptionValue(typeof o === "string" ? o : o.value, v);
+    });
+    if (opt) return typeof opt === "string" ? opt : opt.label;
+
+    /* No match. NEVER return `v` unguarded — an object here is a React-child
+     * crash. Derive something readable, else show the placeholder. */
+    var derived = labelFromValue(v);
+    if (derived !== null) return derived;
+    return /*#__PURE__*/_jsx("span", {
+      style: {
+        color: "var(--fg-subtle)"
+      },
+      children: effectivePlaceholder
+    });
+  }, [options, effectivePlaceholder]);
+
+  /* ── Multi-select helpers ──────────────────────────────────────── */
+  var fireChange = React.useCallback(function (nextValue) {
+    if (!onChange) return;
+    onChange({
+      target: {
+        value: nextValue
+      }
+    });
+  }, [onChange]);
+  var removeOne = function removeOne(val) {
+    return function (e) {
+      e.stopPropagation();
+      if (!multiple) return;
+      var arr = Array.isArray(value) ? value : [];
+      fireChange(arr.filter(function (v) {
+        return !sameOptionValue(v, val);
+      }));
+    };
+  };
+  var clearAll = function clearAll(e) {
+    e.stopPropagation();
+    if (!multiple) return;
+    fireChange([]);
+  };
+  var stop = function stop(e) {
+    return e.stopPropagation();
+  };
+  return /*#__PURE__*/_jsxs(MuiSelect, _objectSpread(_objectSpread({
+    inputRef: setInputRef,
+    value: value !== null && value !== void 0 ? value : multiple ? [] : "",
+    onChange: onChange,
+    onBlur: onBlur,
+    onOpen: handleOpen,
+    onClose: handleClose,
+    displayEmpty: true,
+    disabled: disabled,
+    error: !!error,
+    fullWidth: fullWidth,
+    multiple: multiple,
+    size: "small",
+    renderValue: function renderValue(selected) {
+      if (multiple) {
+        var arr = Array.isArray(selected) ? selected : [];
+        if (arr.length === 0) {
+          return /*#__PURE__*/_jsx("span", {
+            style: {
+              color: "var(--fg-subtle)"
+            },
+            children: effectivePlaceholder
+          });
+        }
+        return /*#__PURE__*/_jsxs(Box, {
+          sx: {
+            display: "flex",
+            flexWrap: "wrap",
+            alignItems: "center",
+            gap: 0.5
+          },
+          children: [arr.map(function (v, i) {
+            var lbl = optionLabel(v);
+            return /*#__PURE__*/_jsx(MuiChip, {
+              size: "small",
+              label: lbl,
+              onMouseDown: stop,
+              onDelete: removeOne(v),
+              deleteIcon: /*#__PURE__*/_jsx(CloseIcon, {
+                fontSize: "small",
+                onMouseDown: stop,
+                "aria-label": L.removeChip(lbl)
+              }),
+              sx: {
+                height: 22,
+                "& .MuiChip-label": {
+                  paddingInline: 1,
+                  fontSize: 12
+                }
+              }
+            }, valueKey(v) || "sel-".concat(i));
+          }), arr.length > 0 && /*#__PURE__*/_jsx(Box, {
+            component: "button",
+            type: "button",
+            onMouseDown: stop,
+            onClick: clearAll,
+            "aria-label": L.clearAllAria,
+            sx: {
+              background: "transparent",
+              border: "1px dashed var(--border)",
+              borderRadius: "var(--r-sm)",
+              padding: "1px 8px",
+              fontSize: 11,
+              fontWeight: 600,
+              color: "var(--fg-muted)",
+              cursor: "pointer",
+              fontFamily: "inherit",
+              transition: "background var(--duration-fast, 80ms) ease",
+              "&:hover": {
+                background: "var(--bg-subtle)",
+                color: "var(--fg)"
+              },
+              "&:focus-visible": {
+                outline: "2px solid var(--accent)",
+                outlineOffset: "var(--pui-outline-offset)"
+              }
+            },
+            children: L.clearAll
+          })]
+        });
+      }
+      if (selected === "" || selected == null) {
+        return /*#__PURE__*/_jsx("span", {
+          style: {
+            color: "var(--fg-subtle)"
+          },
+          children: effectivePlaceholder
+        });
+      }
+      return optionLabel(selected);
+    },
+    sx: sx
+  }, rest), {}, {
+    children: [showSearch && /*#__PURE__*/_jsxs(Box, {
+      onKeyDown: function onKeyDown(e) {
+        return e.stopPropagation();
+      },
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      },
+      sx: SEARCH_WRAPPER_SX,
+      children: [/*#__PURE__*/_jsx(SearchIcon, {
+        sx: {
+          fontSize: 16,
+          color: "var(--fg-subtle)",
+          flexShrink: 0
+        },
+        "aria-hidden": "true"
+      }), /*#__PURE__*/_jsx(Box, {
+        component: "input",
+        ref: searchRef,
+        value: searchQuery,
+        onChange: function onChange(e) {
+          return setSearchQuery(e.target.value);
+        },
+        placeholder: L.searchLabel,
+        "aria-label": L.searchLabel,
+        sx: {
+          flex: 1,
+          border: "none",
+          outline: "none",
+          background: "transparent",
+          fontSize: "var(--text-sm)",
+          fontFamily: "inherit",
+          color: "var(--fg)",
+          "&::placeholder": {
+            color: "var(--fg-subtle)"
+          }
+        }
+      }), searchQuery && /*#__PURE__*/_jsx(Box, {
+        component: "button",
+        type: "button",
+        onClick: function onClick(e) {
+          var _searchRef$current2;
+          e.stopPropagation();
+          setSearchQuery("");
+          (_searchRef$current2 = searchRef.current) === null || _searchRef$current2 === void 0 ? void 0 : _searchRef$current2.focus();
+        },
+        "aria-label": L.searchClear,
+        sx: {
+          background: "transparent",
+          border: "none",
+          cursor: "pointer",
+          display: "flex",
+          alignItems: "center",
+          padding: 0,
+          flexShrink: 0
+        },
+        children: /*#__PURE__*/_jsx(CloseIcon, {
+          sx: {
+            fontSize: 14,
+            color: "var(--fg-muted)"
+          }
+        })
+      })]
+    }), showSearch && searchQuery.trim() && filteredOptions.length === 0 && /*#__PURE__*/_jsx(MenuItem, {
+      disabled: true,
+      sx: {
+        color: "var(--fg-subtle)",
+        fontSize: "var(--text-sm)"
+      },
+      children: L.noOptions
+    }), filteredOptions.map(function (o, i) {
+      var v = typeof o === "string" ? o : o.value;
+      var l = typeof o === "string" ? o : o.label;
+      /* key via valueKey: an object value stringifies to "[object Object]",
+       * which would give every item in the list the same React key. */
+      return /*#__PURE__*/_jsx(MenuItem, {
+        value: v,
+        children: l
+      }, valueKey(v) || "opt-".concat(i));
+    })]
+  }));
+});
+export default Select;
+//# sourceMappingURL=Select.js.map

package/dist/esm/v2/components/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","names":["React","MuiSelect","MenuItem","MuiChip","Box","CloseIcon","SearchIcon","mergeLabels","jsx","_jsx","jsxs","_jsxs","DEFAULT_LABELS","Object","freeze","placeholder","clearAll","clearAllAria","removeChip","lbl","concat","String","searchLabel","searchClear","noOptions","isRecord","v","_typeof","valueKey","undefined","_iterator","_createForOfIteratorHelper","_step","s","n","done","k","value","candidate","err","e","f","sameOptionValue","a","b","ka","labelFromValue","_iterator2","_step2","SEARCH_WRAPPER_SX","position","top","zIndex","background","padding","borderBottom","display","alignItems","gap","Select","forwardRef","_ref","ref","onChange","onBlur","_ref$options","options","disabled","error","_ref$fullWidth","fullWidth","_ref$multiple","multiple","labels","_ref$searchable","searchable","searchThreshold","callerInputRef","inputRef","sx","rest","_objectWithoutProperties","_excluded","innerInputRef","useRef","setInputRef","useCallback","node","current","showSearch","length","process","env","console","warn","L","effectivePlaceholder","_React$useState","useState","_React$useState2","_slicedToArray","searchQuery","setSearchQuery","searchRef","handleClose","handleOpen","setTimeout","_searchRef$current","focus","filteredOptions","useMemo","trim","q","toLowerCase","filter","o","label","includes","optionLabel","opt","find","derived","style","color","children","fireChange","nextValue","target","removeOne","val","stopPropagation","arr","Array","isArray","stop","_objectSpread","onOpen","onClose","displayEmpty","size","renderValue","selected","flexWrap","map","i","onMouseDown","onDelete","deleteIcon","fontSize","height","paddingInline","component","type","onClick","border","borderRadius","fontWeight","cursor","fontFamily","transition","outline","outlineOffset","onKeyDown","flexShrink","flex","_searchRef$current2","l"],"sources":["../../../../src/lib/v2/components/Select.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport MuiSelect from \"@mui/material/Select\";\r\nimport type { SelectProps as MuiSelectProps } from \"@mui/material/Select\";\r\nimport MenuItem from \"@mui/material/MenuItem\";\r\nimport MuiChip from \"@mui/material/Chip\";\r\nimport Box from \"@mui/material/Box\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport SearchIcon from \"@mui/icons-material/Search\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/**\r\n * Select — Portnet UI v2\r\n *\r\n * Charter §03 · Component \"Select\".\r\n *\r\n *   R-Sel.1 — > 30 options → use searchThreshold or Combobox.\r\n *   R-Sel.2 — 2–3 options → prefer Radio or Segmented control.\r\n *   R-Sel.3 — Placeholder = \"Sélectionner…\", never empty.\r\n *   R-Sel.4 — Multi-select → chips dans l'input + bouton « Tout effacer ».\r\n *   R-Sel.5 — searchThreshold / searchable → auto-search for large lists (NEW).\r\n *\r\n * Autocomplete / search (R-Sel.5):\r\n *   Pass `searchThreshold={N}` to show a search input when options >= N.\r\n *   Pass `searchable` as a shorthand to always show search.\r\n *\r\n *   Generic pattern: set searchThreshold once per component type and ALL\r\n *   instances with enough items get free-text filtering automatically.\r\n *\r\n *   <Select searchThreshold={8} options={pays} value={v} onChange={...} />\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   Pass `labels` to override user-visible strings.\r\n *\r\n * MUI v9 focus safety:\r\n *   MuiSelect focuses its hidden input on click via an internal inputRef.\r\n *   We always pass an explicit inputRef (merged with any caller ref) so\r\n *   that focus target is never null — otherwise clicking the closed select\r\n *   throws \"Cannot read properties of null (reading 'focus')\" from inside\r\n *   MUI's own click handler.\r\n */\r\n\r\nexport type SelectOptionValue = string | number;\r\n\r\nexport interface SelectOptionObject {\r\n  value: SelectOptionValue;\r\n  label: React.ReactNode;\r\n}\r\n\r\nexport type SelectOption = string | SelectOptionObject;\r\n\r\nexport type SelectValue = SelectOptionValue | SelectOptionValue[];\r\n\r\n/**\r\n * onChange event shape. Deliberately loose: the component fires onChange\r\n * both from MUI's native SelectChangeEvent AND from a synthetic\r\n * { target: { value } } object in the chip-remove / clear-all paths.\r\n */\r\nexport interface SelectChangeLike {\r\n  target: { value: SelectValue };\r\n}\r\n\r\nexport interface SelectLabels {\r\n  placeholder?: string | undefined;\r\n  clearAll?: string | undefined;\r\n  clearAllAria?: string | undefined;\r\n  removeChip?: ((label: React.ReactNode) => string) | undefined;\r\n  searchLabel?: string | undefined;\r\n  searchClear?: string | undefined;\r\n  noOptions?: string | undefined;\r\n}\r\n\r\nexport interface SelectProps\r\n  extends Omit<\r\n    MuiSelectProps<SelectValue>,\r\n    \"value\" | \"onChange\" | \"renderValue\" | \"children\" | \"inputRef\"\r\n  > {\r\n  value?: SelectValue | undefined;\r\n  onChange?: ((event: SelectChangeLike) => void) | undefined;\r\n  options?: SelectOption[] | undefined;\r\n  placeholder?: string | undefined;\r\n  labels?: SelectLabels | undefined;\r\n  searchable?: boolean | undefined;\r\n  searchThreshold?: number | undefined;\r\n  /** Optional caller-provided input ref; merged with the internal one. */\r\n  inputRef?: React.Ref<HTMLInputElement> | undefined;\r\n}\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  placeholder:   \"Sélectionner…\",\r\n  clearAll:      \"Tout effacer\",\r\n  clearAllAria:  \"Tout effacer la sélection\",\r\n  removeChip:    (lbl: React.ReactNode) => `Retirer ${String(lbl)}`,\r\n  searchLabel:   \"Rechercher…\",\r\n  searchClear:   \"Effacer la recherche\",\r\n  noOptions:     \"Aucun résultat\",\r\n});\r\n\r\n/* ── Out-of-contract object values: defensive resolution ───────────\r\n *\r\n * `SelectOptionValue` is declared `string | number`, but several GU modules\r\n * store whole referentiel objects as the Select value — see R-29 in the\r\n * amssnur-ui behaviour register, and the `bmdav-fe` precedent that first\r\n * surfaced `FormikComboboxProps`. Their payload mappers read\r\n * `values.typeDemande.code`, so the object IS the value they need back.\r\n *\r\n * That is out of contract, and until the opt-in opaque value described in R-29\r\n * lands it is also reality. This component must therefore be DEFENSIVE about\r\n * object values rather than crash on them. Three concrete failures it had:\r\n *\r\n *   1. `optionLabel` returned the raw value when no option matched, so\r\n *      `renderValue` handed a plain object to React:\r\n *          \"Objects are not valid as a React child\r\n *           (found: object with keys {id, code, description})\"\r\n *      This is a HARD CRASH, caught only if the host wraps the section in an\r\n *      error boundary. Reported from amssnur-ui on two screens.\r\n *\r\n *   2. `options.find((o) => o.value === v)` is REFERENCE equality for objects.\r\n *      A value seeded from an API payload is never the same instance as an\r\n *      option fetched separately, so it never matched — which is what made (1)\r\n *      fire on the edit path even when the option list was fully loaded.\r\n *\r\n *   3. `key={v}` on each MenuItem stringifies an object to \"[object Object]\",\r\n *      giving every item in the list the SAME React key.\r\n *\r\n * `value={v}` is still passed through unchanged, so `onChange` returns the\r\n * caller's own object reference and the object-valued contract keeps working.\r\n */\r\n\r\nexport function isRecord(v: unknown): v is Record<string, unknown> {\r\n  return typeof v === \"object\" && v !== null;\r\n}\r\n\r\n/** Stable string key for a value, primitive or object. \"\" when undecidable. */\r\nexport function valueKey(v: unknown): string {\r\n  if (v === null || v === undefined) return \"\";\r\n  if (!isRecord(v)) return String(v);\r\n  for (const k of [\"value\", \"id\", \"code\"] as const) {\r\n    const candidate = v[k];\r\n    if (candidate !== null && candidate !== undefined && !isRecord(candidate)) {\r\n      return String(candidate);\r\n    }\r\n  }\r\n  return \"\";\r\n}\r\n\r\n/**\r\n * Value equality that survives object identity loss.\r\n *\r\n * Reference/primitive equality first (the common path), then a structural\r\n * comparison on the discriminating key. The `!== \"\"` guard matters: without it\r\n * two objects that expose no key would compare equal to each other AND to any\r\n * empty value.\r\n */\r\nexport function sameOptionValue(a: unknown, b: unknown): boolean {\r\n  if (a === b) return true;\r\n  if (isRecord(a) || isRecord(b)) {\r\n    const ka = valueKey(a);\r\n    return ka !== \"\" && ka === valueKey(b);\r\n  }\r\n  return String(a) === String(b);\r\n}\r\n\r\n/**\r\n * Best-effort label for a value with no matching option. Returns `null` when\r\n * nothing renderable can be derived, so the caller shows the placeholder\r\n * instead of throwing.\r\n */\r\nexport function labelFromValue(v: unknown): React.ReactNode {\r\n  if (v === null || v === undefined) return null;\r\n  if (!isRecord(v)) return String(v);\r\n  for (const k of [\"label\", \"description\", \"name\", \"libelle\", \"code\"] as const) {\r\n    const candidate = v[k];\r\n    if (candidate !== null && candidate !== undefined && !isRecord(candidate)) {\r\n      const s = String(candidate);\r\n      if (s !== \"\") return s;\r\n    }\r\n  }\r\n  return null;\r\n}\r\n\r\n/* ── Search input — sticky at top of dropdown list ─────────────────\r\n * Rendered as a non-MenuItem Box so ArrowKey list-navigation skips it.\r\n * onKeyDown stopPropagation prevents MUI's keyboard handler from\r\n * treating typed characters as list-navigation shortcuts.\r\n * ─────────────────────────────────────────────────────────────────── */\r\nconst SEARCH_WRAPPER_SX = Object.freeze({\r\n  position: \"sticky\",\r\n  top: 0,\r\n  zIndex: 1,\r\n  background: \"var(--surface)\",\r\n  padding: \"var(--s-2) var(--s-3)\",\r\n  borderBottom: \"1px solid var(--border)\",\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-2)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst Select = React.forwardRef<HTMLInputElement, SelectProps>(function Select(\r\n  {\r\n    value,\r\n    onChange,\r\n    onBlur,\r\n    options = [],\r\n    placeholder,\r\n    disabled,\r\n    error,\r\n    fullWidth = true,\r\n    multiple = false,\r\n    labels,\r\n    searchable = false,\r\n    searchThreshold,\r\n    inputRef: callerInputRef,\r\n    sx,\r\n    ...rest\r\n  },\r\n  ref,\r\n) {\r\n  /* ── MUI v9 focus safety — always-present input ref ──────────────\r\n   * MuiSelect calls inputRef.current.focus() on click. Guarantee a\r\n   * live node by owning the ref here and merging any caller-provided\r\n   * inputRef / forwarded ref onto it. */\r\n  const innerInputRef = React.useRef<HTMLInputElement | null>(null);\r\n  const setInputRef = React.useCallback(\r\n    (node: HTMLInputElement | null) => {\r\n      innerInputRef.current = node;\r\n      if (typeof callerInputRef === \"function\") callerInputRef(node);\r\n      // A caller-supplied ref object is typed with a readonly `current` by\r\n      // React; writing to it here is the documented ref-merge idiom, so a\r\n      // single narrow assertion to a writable shape is justified.\r\n      else if (callerInputRef) {\r\n        (callerInputRef as { current: HTMLInputElement | null }).current = node;\r\n      }\r\n      if (typeof ref === \"function\") ref(node);\r\n      else if (ref) ref.current = node;\r\n    },\r\n    [callerInputRef, ref],\r\n  );\r\n\r\n  /* ── Determine whether to show search ──────────────────────────── */\r\n  const showSearch =\r\n    searchable ||\r\n    (typeof searchThreshold === \"number\" && options.length >= searchThreshold);\r\n\r\n  /* Dev-time charter warn: only fires when no search is configured */\r\n  if (process.env[\"NODE_ENV\"] !== \"production\" && !showSearch && options.length > 30) {\r\n    // eslint-disable-next-line no-console\r\n    console.warn(\r\n      `[@portnet/ui v2] <Select> has ${options.length} options — charter R-Sel.1: use searchThreshold={8} or Combobox above 30.`,\r\n    );\r\n  }\r\n\r\n  const L = mergeLabels(DEFAULT_LABELS, labels);\r\n  const effectivePlaceholder = placeholder ?? L.placeholder;\r\n\r\n  /* ── Search state ──────────────────────────────────────────────── */\r\n  const [searchQuery, setSearchQuery] = React.useState(\"\");\r\n  const searchRef = React.useRef<HTMLInputElement | null>(null);\r\n\r\n  const handleClose = React.useCallback(() => setSearchQuery(\"\"), []);\r\n\r\n  /* Focus the search input as soon as the dropdown opens.\r\n   * MUI renders the Popover asynchronously → small delay needed. */\r\n  const handleOpen = React.useCallback(() => {\r\n    if (showSearch) {\r\n      setTimeout(() => searchRef.current?.focus(), 50);\r\n    }\r\n  }, [showSearch]);\r\n\r\n  const filteredOptions = React.useMemo(() => {\r\n    if (!showSearch || !searchQuery.trim()) return options;\r\n    const q = searchQuery.trim().toLowerCase();\r\n    return options.filter((o) => {\r\n      const label = typeof o === \"string\" ? o : o.label;\r\n      return String(label).toLowerCase().includes(q);\r\n    });\r\n  }, [options, searchQuery, showSearch]);\r\n\r\n  /* ── Label resolver ────────────────────────────────────────────── */\r\n  const optionLabel = React.useCallback(\r\n    (v: SelectValue): React.ReactNode => {\r\n      const opt = options.find((o) =>\r\n        sameOptionValue(typeof o === \"string\" ? o : o.value, v),\r\n      );\r\n      if (opt) return typeof opt === \"string\" ? opt : opt.label;\r\n\r\n      /* No match. NEVER return `v` unguarded — an object here is a React-child\r\n       * crash. Derive something readable, else show the placeholder. */\r\n      const derived = labelFromValue(v);\r\n      if (derived !== null) return derived;\r\n      return (\r\n        <span style={{ color: \"var(--fg-subtle)\" }}>{effectivePlaceholder}</span>\r\n      );\r\n    },\r\n    [options, effectivePlaceholder],\r\n  );\r\n\r\n  /* ── Multi-select helpers ──────────────────────────────────────── */\r\n  const fireChange = React.useCallback(\r\n    (nextValue: SelectValue) => {\r\n      if (!onChange) return;\r\n      onChange({ target: { value: nextValue } });\r\n    },\r\n    [onChange],\r\n  );\r\n\r\n  const removeOne = (val: SelectOptionValue) => (e: React.SyntheticEvent) => {\r\n    e.stopPropagation();\r\n    if (!multiple) return;\r\n    const arr = Array.isArray(value) ? value : [];\r\n    fireChange(arr.filter((v) => !sameOptionValue(v, val)));\r\n  };\r\n\r\n  const clearAll = (e: React.SyntheticEvent) => {\r\n    e.stopPropagation();\r\n    if (!multiple) return;\r\n    fireChange([]);\r\n  };\r\n\r\n  const stop = (e: React.SyntheticEvent) => e.stopPropagation();\r\n\r\n  return (\r\n    <MuiSelect<SelectValue>\r\n      inputRef={setInputRef}\r\n      value={value ?? (multiple ? [] : \"\")}\r\n      onChange={onChange}\r\n      onBlur={onBlur}\r\n      onOpen={handleOpen}\r\n      onClose={handleClose}\r\n      displayEmpty\r\n      disabled={disabled}\r\n      error={!!error}\r\n      fullWidth={fullWidth}\r\n      multiple={multiple}\r\n      size=\"small\"\r\n      renderValue={(selected: SelectValue) => {\r\n        if (multiple) {\r\n          const arr = Array.isArray(selected) ? selected : [];\r\n          if (arr.length === 0) {\r\n            return <span style={{ color: \"var(--fg-subtle)\" }}>{effectivePlaceholder}</span>;\r\n          }\r\n          return (\r\n            <Box sx={{ display: \"flex\", flexWrap: \"wrap\", alignItems: \"center\", gap: 0.5 }}>\r\n              {arr.map((v, i) => {\r\n                const lbl = optionLabel(v);\r\n                return (\r\n                  <MuiChip\r\n                    key={valueKey(v) || `sel-${i}`}\r\n                    size=\"small\"\r\n                    label={lbl}\r\n                    onMouseDown={stop}\r\n                    onDelete={removeOne(v)}\r\n                    deleteIcon={\r\n                      <CloseIcon\r\n                        fontSize=\"small\"\r\n                        onMouseDown={stop}\r\n                        aria-label={L.removeChip(lbl)}\r\n                      />\r\n                    }\r\n                    sx={{\r\n                      height: 22,\r\n                      \"& .MuiChip-label\": { paddingInline: 1, fontSize: 12 },\r\n                    }}\r\n                  />\r\n                );\r\n              })}\r\n              {arr.length > 0 && (\r\n                <Box\r\n                  component=\"button\"\r\n                  type=\"button\"\r\n                  onMouseDown={stop}\r\n                  onClick={clearAll}\r\n                  aria-label={L.clearAllAria}\r\n                  sx={{\r\n                    background: \"transparent\",\r\n                    border: \"1px dashed var(--border)\",\r\n                    borderRadius: \"var(--r-sm)\",\r\n                    padding: \"1px 8px\",\r\n                    fontSize: 11,\r\n                    fontWeight: 600,\r\n                    color: \"var(--fg-muted)\",\r\n                    cursor: \"pointer\",\r\n                    fontFamily: \"inherit\",\r\n                    transition: \"background var(--duration-fast, 80ms) ease\",\r\n                    \"&:hover\": { background: \"var(--bg-subtle)\", color: \"var(--fg)\" },\r\n                    \"&:focus-visible\": { outline: \"2px solid var(--accent)\", outlineOffset: \"var(--pui-outline-offset)\" },\r\n                  }}\r\n                >\r\n                  {L.clearAll}\r\n                </Box>\r\n              )}\r\n            </Box>\r\n          );\r\n        }\r\n        if (selected === \"\" || selected == null) {\r\n          return <span style={{ color: \"var(--fg-subtle)\" }}>{effectivePlaceholder}</span>;\r\n        }\r\n        return optionLabel(selected);\r\n      }}\r\n      sx={sx}\r\n      {...rest}\r\n    >\r\n      {/* Search input — sticky, non-selectable, captures keyboard events */}\r\n      {showSearch && (\r\n        <Box\r\n          onKeyDown={(e) => e.stopPropagation()}\r\n          onClick={(e) => e.stopPropagation()}\r\n          sx={SEARCH_WRAPPER_SX}\r\n        >\r\n          <SearchIcon sx={{ fontSize: 16, color: \"var(--fg-subtle)\", flexShrink: 0 }} aria-hidden=\"true\" />\r\n          <Box\r\n            component=\"input\"\r\n            ref={searchRef}\r\n            value={searchQuery}\r\n            onChange={(e) => setSearchQuery(e.target.value)}\r\n            placeholder={L.searchLabel}\r\n            aria-label={L.searchLabel}\r\n            sx={{\r\n              flex: 1,\r\n              border: \"none\",\r\n              outline: \"none\",\r\n              background: \"transparent\",\r\n              fontSize: \"var(--text-sm)\",\r\n              fontFamily: \"inherit\",\r\n              color: \"var(--fg)\",\r\n              \"&::placeholder\": { color: \"var(--fg-subtle)\" },\r\n            }}\r\n          />\r\n          {searchQuery && (\r\n            <Box\r\n              component=\"button\"\r\n              type=\"button\"\r\n              onClick={(e) => { e.stopPropagation(); setSearchQuery(\"\"); searchRef.current?.focus(); }}\r\n              aria-label={L.searchClear}\r\n              sx={{ background: \"transparent\", border: \"none\", cursor: \"pointer\", display: \"flex\", alignItems: \"center\", padding: 0, flexShrink: 0 }}\r\n            >\r\n              <CloseIcon sx={{ fontSize: 14, color: \"var(--fg-muted)\" }} />\r\n            </Box>\r\n          )}\r\n        </Box>\r\n      )}\r\n\r\n      {/* Empty state when search yields no results */}\r\n      {showSearch && searchQuery.trim() && filteredOptions.length === 0 && (\r\n        <MenuItem disabled sx={{ color: \"var(--fg-subtle)\", fontSize: \"var(--text-sm)\" }}>\r\n          {L.noOptions}\r\n        </MenuItem>\r\n      )}\r\n\r\n      {filteredOptions.map((o, i) => {\r\n        const v = typeof o === \"string\" ? o : o.value;\r\n        const l = typeof o === \"string\" ? o : o.label;\r\n        /* key via valueKey: an object value stringifies to \"[object Object]\",\r\n         * which would give every item in the list the same React key. */\r\n        return <MenuItem key={valueKey(v) || `opt-${i}`} value={v}>{l}</MenuItem>;\r\n      })}\r\n    </MuiSelect>\r\n  );\r\n});\r\n\r\nexport default Select;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/v2/components/ServerErrorPage.js

@@ -0,0 +1,74 @@
+/**
+ * ServerErrorPage — Portnet UI v2 (component)
+ *
+ * Charter §07 · 500 / Erreur serveur.
+ *
+ * Adds an optional onRetry callback on top of the ForbiddenPage /
+ * NotFoundPage contract. The retry button is only rendered when
+ * onRetry is supplied — the lib deliberately avoids defaulting it
+ * to window.location.reload() because that policy belongs to the
+ * host (some hosts may prefer cache-clear, axios retry, backoff,
+ * or a route-level revalidation).
+ *
+ *   import { ServerErrorPage } from "@portnet/ui/lib/v2";
+ *   import { useNavigate } from "react-router-dom";
+ *
+ *   function ServerErrorRoute() {
+ *     const navigate = useNavigate();
+ *     return (
+ *       <ServerErrorPage
+ *         onBack={() => navigate(-1)}
+ *         onHome={() => navigate("/")}
+ *         onRetry={() => window.location.reload()}
+ *       />
+ *     );
+ *   }
+ */
+import Box from "@mui/material/Box";
+import ArrowBack from "@mui/icons-material/ArrowBack";
+import ErrorOutline from "@mui/icons-material/ErrorOutlined";
+import ActionBar from "../patterns/ActionBar";
+import Button from "./Button";
+import ErrorPageBody from "./_ErrorPageBody";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+function ServerErrorPage(_ref) {
+  var onBack = _ref.onBack,
+    onHome = _ref.onHome,
+    onRetry = _ref.onRetry;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(ActionBar, {
+      back: onBack,
+      breadcrumb: ["Erreur", "Erreur serveur"],
+      title: "Erreur serveur"
+    }), /*#__PURE__*/_jsx(ErrorPageBody, {
+      icon: /*#__PURE__*/_jsx(ErrorOutline, {
+        sx: {
+          fontSize: 64,
+          color: "var(--danger)"
+        }
+      }),
+      code: "500",
+      title: "Le serveur a rencontr\xE9 une erreur",
+      description: "Le service est momentan\xE9ment indisponible. R\xE9essayez dans quelques instants. Si le probl\xE8me persiste, contactez le support en mentionnant le code 500."
+    }), /*#__PURE__*/_jsxs(Box, {
+      sx: {
+        display: "flex",
+        justifyContent: "center",
+        gap: "var(--s-3)",
+        paddingBottom: "var(--s-7)"
+      },
+      children: [onRetry ? /*#__PURE__*/_jsx(Button, {
+        variant: "ghost",
+        onClick: onRetry,
+        children: "R\xE9essayer"
+      }) : null, /*#__PURE__*/_jsx(Button, {
+        variant: "primary",
+        icon: /*#__PURE__*/_jsx(ArrowBack, {}),
+        onClick: onHome,
+        children: "Retour \xE0 l'accueil"
+      })]
+    })]
+  });
+}
+export default ServerErrorPage;
+//# sourceMappingURL=ServerErrorPage.js.map

package/dist/esm/v2/components/ServerErrorPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerErrorPage.js","names":["Box","ArrowBack","ErrorOutline","ActionBar","Button","ErrorPageBody","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ServerErrorPage","_ref","onBack","onHome","onRetry","children","back","breadcrumb","title","icon","sx","fontSize","color","code","description","display","justifyContent","gap","paddingBottom","variant","onClick"],"sources":["../../../../src/lib/v2/components/ServerErrorPage.tsx"],"sourcesContent":["/**\r\n * ServerErrorPage — Portnet UI v2 (component)\r\n *\r\n * Charter §07 · 500 / Erreur serveur.\r\n *\r\n * Adds an optional onRetry callback on top of the ForbiddenPage /\r\n * NotFoundPage contract. The retry button is only rendered when\r\n * onRetry is supplied — the lib deliberately avoids defaulting it\r\n * to window.location.reload() because that policy belongs to the\r\n * host (some hosts may prefer cache-clear, axios retry, backoff,\r\n * or a route-level revalidation).\r\n *\r\n *   import { ServerErrorPage } from \"@portnet/ui/lib/v2\";\r\n *   import { useNavigate } from \"react-router-dom\";\r\n *\r\n *   function ServerErrorRoute() {\r\n *     const navigate = useNavigate();\r\n *     return (\r\n *       <ServerErrorPage\r\n *         onBack={() => navigate(-1)}\r\n *         onHome={() => navigate(\"/\")}\r\n *         onRetry={() => window.location.reload()}\r\n *       />\r\n *     );\r\n *   }\r\n */\r\nimport Box from \"@mui/material/Box\";\r\nimport ArrowBack from \"@mui/icons-material/ArrowBack\";\r\nimport ErrorOutline from \"@mui/icons-material/ErrorOutlined\";\r\nimport ActionBar from \"../patterns/ActionBar\";\r\nimport Button from \"./Button\";\r\nimport ErrorPageBody from \"./_ErrorPageBody\";\r\n\r\nexport interface ServerErrorPageProps {\r\n  /** Callback for the back button (top-bar arrow). */\r\n  onBack: () => void;\r\n  /** Callback for the primary \"Retour à l'accueil\" CTA. */\r\n  onHome: () => void;\r\n  /** Optional retry callback. When omitted, the Réessayer button is hidden. */\r\n  onRetry?: (() => void) | undefined;\r\n}\r\n\r\nfunction ServerErrorPage({ onBack, onHome, onRetry }: ServerErrorPageProps) {\r\n  return (\r\n    <>\r\n      <ActionBar\r\n        back={onBack}\r\n        breadcrumb={[\"Erreur\", \"Erreur serveur\"]}\r\n        title=\"Erreur serveur\"\r\n      />\r\n      <ErrorPageBody\r\n        icon={<ErrorOutline sx={{ fontSize: 64, color: \"var(--danger)\" }} />}\r\n        code=\"500\"\r\n        title=\"Le serveur a rencontré une erreur\"\r\n        description=\"Le service est momentanément indisponible. Réessayez dans quelques instants. Si le problème persiste, contactez le support en mentionnant le code 500.\"\r\n      />\r\n      <Box\r\n        sx={{\r\n          display:        \"flex\",\r\n          justifyContent: \"center\",\r\n          gap:            \"var(--s-3)\",\r\n          paddingBottom:  \"var(--s-7)\",\r\n        }}\r\n      >\r\n        {onRetry ? (\r\n          <Button variant=\"ghost\" onClick={onRetry}>\r\n            Réessayer\r\n          </Button>\r\n        ) : null}\r\n        <Button variant=\"primary\" icon={<ArrowBack />} onClick={onHome}>\r\n          Retour à l'accueil\r\n        </Button>\r\n      </Box>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default ServerErrorPage;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,GAAG,MAAM,mBAAmB;AACnC,OAAOC,SAAS,MAAM,+BAA+B;AACrD,OAAOC,YAAY,MAAM,mCAAmC;AAC5D,OAAOC,SAAS,MAAM,uBAAuB;AAC7C,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,aAAa,MAAM,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAW7C,SAASC,eAAeA,CAAAC,IAAA,EAAoD;EAAA,IAAjDC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;EAChD,oBACEP,KAAA,CAAAE,SAAA;IAAAM,QAAA,gBACEV,IAAA,CAACJ,SAAS;MACRe,IAAI,EAAEJ,MAAO;MACbK,UAAU,EAAE,CAAC,QAAQ,EAAE,gBAAgB,CAAE;MACzCC,KAAK,EAAC;IAAgB,CACvB,CAAC,eACFb,IAAA,CAACF,aAAa;MACZgB,IAAI,eAAEd,IAAA,CAACL,YAAY;QAACoB,EAAE,EAAE;UAAEC,QAAQ,EAAE,EAAE;UAAEC,KAAK,EAAE;QAAgB;MAAE,CAAE,CAAE;MACrEC,IAAI,EAAC,KAAK;MACVL,KAAK,EAAC,sCAAmC;MACzCM,WAAW,EAAC;IAAwJ,CACrK,CAAC,eACFjB,KAAA,CAACT,GAAG;MACFsB,EAAE,EAAE;QACFK,OAAO,EAAS,MAAM;QACtBC,cAAc,EAAE,QAAQ;QACxBC,GAAG,EAAa,YAAY;QAC5BC,aAAa,EAAG;MAClB,CAAE;MAAAb,QAAA,GAEDD,OAAO,gBACNT,IAAA,CAACH,MAAM;QAAC2B,OAAO,EAAC,OAAO;QAACC,OAAO,EAAEhB,OAAQ;QAAAC,QAAA,EAAC;MAE1C,CAAQ,CAAC,GACP,IAAI,eACRV,IAAA,CAACH,MAAM;QAAC2B,OAAO,EAAC,SAAS;QAACV,IAAI,eAAEd,IAAA,CAACN,SAAS,IAAE,CAAE;QAAC+B,OAAO,EAAEjB,MAAO;QAAAE,QAAA,EAAC;MAEhE,CAAQ,CAAC;IAAA,CACN,CAAC;EAAA,CACN,CAAC;AAEP;AAEA,eAAeL,eAAe","ignoreList":[]}