@portnet/ui 6.0.2 → 6.0.3

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

@@ -1,22 +1,3 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-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 _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-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(_e) { throw _e; }, 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(_e2) { didErr = true; err = _e2; }, 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; }
 import * as React from "react";
 import Banner from "./Banner";
 
@@ -80,26 +61,17 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 function extractFirstComponent(stack) {
   if (!stack || typeof stack !== "string") return null;
-  var _iterator = _createForOfIteratorHelper(stack.split("\n")),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var raw = _step.value;
-      var line = raw.trim();
-      if (!line) continue;
-      var match = /^(?:in|at)\s+([A-Za-z0-9_$.]+)/.exec(line);
-      var name = match === null || match === void 0 ? void 0 : match[1];
-      // Skip host elements (div, span…) — only a capitalised name is a component.
-      if (name && /^[A-Z]/.test(name)) return name;
-    }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
+  for (const raw of stack.split("\n")) {
+    const line = raw.trim();
+    if (!line) continue;
+    const match = /^(?:in|at)\s+([A-Za-z0-9_$.]+)/.exec(line);
+    const name = match?.[1];
+    // Skip host elements (div, span…) — only a capitalised name is a component.
+    if (name && /^[A-Z]/.test(name)) return name;
   }
   return null;
 }
-var DETAIL_SX = Object.freeze({
+const DETAIL_SX = Object.freeze({
   fontFamily: "var(--font-mono)",
   fontSize: "var(--text-xs)",
   color: "var(--fg-subtle)",
@@ -108,107 +80,89 @@ var DETAIL_SX = Object.freeze({
   // otherwise widen the banner past its container.
   wordBreak: "break-word"
 });
-var SectionErrorBoundary = /*#__PURE__*/function (_React$Component) {
-  _inherits(SectionErrorBoundary, _React$Component);
-  var _super = _createSuper(SectionErrorBoundary);
-  function SectionErrorBoundary(props) {
-    var _this;
-    _classCallCheck(this, SectionErrorBoundary);
-    _this = _super.call(this, props);
-    _this.state = {
+class SectionErrorBoundary extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
       error: null,
       info: null,
       attempt: 0
     };
-    _this.handleRetry = _this.handleRetry.bind(_assertThisInitialized(_this));
-    return _this;
+    this.handleRetry = this.handleRetry.bind(this);
+  }
+  static getDerivedStateFromError(error) {
+    return {
+      error
+    };
   }
-  _createClass(SectionErrorBoundary, [{
-    key: "componentDidCatch",
-    value: function componentDidCatch(error, info) {
-      var _this$props;
-      var title = ((_this$props = this.props) === null || _this$props === void 0 ? void 0 : _this$props.title) || "Section";
-      // eslint-disable-next-line no-console
-      console.error("[SectionErrorBoundary:".concat(title, "]"), error, "\nComponent stack:", info === null || info === void 0 ? void 0 : info.componentStack);
-      this.setState({
-        info: info
-      });
-      /* Guarded: a throwing reporter must not take down the boundary that exists to
-       * stop things from taking each other down. */
-      try {
-        var _this$props$onError, _this$props2;
-        (_this$props$onError = (_this$props2 = this.props).onError) === null || _this$props$onError === void 0 ? void 0 : _this$props$onError.call(_this$props2, error, info);
-      } catch (_unused) {
-        /* reporter failed — the console.error above is still the record */
-      }
+  componentDidCatch(error, info) {
+    const title = this.props?.title || "Section";
+    // eslint-disable-next-line no-console
+    console.error(`[SectionErrorBoundary:${title}]`, error, "\nComponent stack:", info?.componentStack);
+    this.setState({
+      info
+    });
+    /* Guarded: a throwing reporter must not take down the boundary that exists to
+     * stop things from taking each other down. */
+    try {
+      this.props.onError?.(error, info);
+    } catch {
+      /* reporter failed — the console.error above is still the record */
     }
-  }, {
-    key: "handleRetry",
-    value: function handleRetry() {
-      this.setState(function (s) {
-        return {
-          error: null,
-          info: null,
-          attempt: s.attempt + 1
-        };
-      });
+  }
+  handleRetry() {
+    this.setState(s => ({
+      error: null,
+      info: null,
+      attempt: s.attempt + 1
+    }));
+  }
+  render() {
+    const {
+      error,
+      info,
+      attempt
+    } = this.state;
+    const {
+      title,
+      children,
+      secondaryAction,
+      retryLabel
+    } = this.props;
+    if (!error) {
+      /* Re-keyed on retry so React REMOUNTS the subtree rather than reusing the
+       * state that led to the throw. Without this, retry re-renders the same
+       * broken instance and fails identically. */
+      return /*#__PURE__*/_jsx(React.Fragment, {
+        children: children
+      }, attempt);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref, _error$message;
-      var _this$state = this.state,
-        error = _this$state.error,
-        info = _this$state.info,
-        attempt = _this$state.attempt;
-      var _this$props3 = this.props,
-        title = _this$props3.title,
-        children = _this$props3.children,
-        secondaryAction = _this$props3.secondaryAction,
-        retryLabel = _this$props3.retryLabel;
-      if (!error) {
-        /* Re-keyed on retry so React REMOUNTS the subtree rather than reusing the
-         * state that led to the throw. Without this, retry re-renders the same
-         * broken instance and fails identically. */
-        return /*#__PURE__*/_jsx(React.Fragment, {
-          children: children
-        }, attempt);
-      }
 
-      /* Bracket access, not dot: `noPropertyAccessFromIndexSignature` is one of the
-       * nine mandatory strict flags, and `process.env` is an index signature. Note
-       * that `tsc --noEmit` did not flag this — only `tsconfig.build.json` did, so a
-       * green typecheck is not sufficient evidence here. */
-      var isDev = process.env["NODE_ENV"] !== "production";
-      var originComponent = extractFirstComponent(info === null || info === void 0 ? void 0 : info.componentStack);
-      var technicalMessage = String((_ref = (_error$message = error === null || error === void 0 ? void 0 : error.message) !== null && _error$message !== void 0 ? _error$message : error) !== null && _ref !== void 0 ? _ref : "");
-      return /*#__PURE__*/_jsxs(Banner, _objectSpread(_objectSpread({
-        variant: "error",
-        title: "".concat(title || "Section", " \u2014 affichage impossible"),
-        action: {
-          label: retryLabel || "Réessayer",
-          onClick: this.handleRetry
-        }
-      }, secondaryAction ? {
-        secondaryAction: secondaryAction
-      } : {}), {}, {
-        children: [/*#__PURE__*/_jsxs("div", {
-          children: ["Cette section n'a pas pu s'afficher. Cliquez sur \xAB\xA0", retryLabel || "Réessayer", "\xA0\xBB\xA0; si le probl\xE8me persiste, rechargez la page ou contactez l'administrateur."]
-        }), isDev && (technicalMessage || originComponent) && /*#__PURE__*/_jsxs("div", {
-          style: DETAIL_SX,
-          children: [technicalMessage, originComponent ? " \xB7 origine probable : ".concat(originComponent) : ""]
-        })]
-      }));
-    }
-  }], [{
-    key: "getDerivedStateFromError",
-    value: function getDerivedStateFromError(error) {
-      return {
-        error: error
-      };
-    }
-  }]);
-  return SectionErrorBoundary;
-}(React.Component);
+    /* Bracket access, not dot: `noPropertyAccessFromIndexSignature` is one of the
+     * nine mandatory strict flags, and `process.env` is an index signature. Note
+     * that `tsc --noEmit` did not flag this — only `tsconfig.build.json` did, so a
+     * green typecheck is not sufficient evidence here. */
+    const isDev = process.env["NODE_ENV"] !== "production";
+    const originComponent = extractFirstComponent(info?.componentStack);
+    const technicalMessage = String(error?.message ?? error ?? "");
+    return /*#__PURE__*/_jsxs(Banner, {
+      variant: "error",
+      title: `${title || "Section"} — affichage impossible`,
+      action: {
+        label: retryLabel || "Réessayer",
+        onClick: this.handleRetry
+      },
+      ...(secondaryAction ? {
+        secondaryAction
+      } : {}),
+      children: [/*#__PURE__*/_jsxs("div", {
+        children: ["Cette section n'a pas pu s'afficher. Cliquez sur \xAB\xA0", retryLabel || "Réessayer", "\xA0\xBB\xA0; si le probl\xE8me persiste, rechargez la page ou contactez l'administrateur."]
+      }), isDev && (technicalMessage || originComponent) && /*#__PURE__*/_jsxs("div", {
+        style: DETAIL_SX,
+        children: [technicalMessage, originComponent ? ` · origine probable : ${originComponent}` : ""]
+      })]
+    });
+  }
+}
 export default SectionErrorBoundary;
 //# sourceMappingURL=SectionErrorBoundary.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SectionErrorBoundary.js","names":["React","Banner","jsx","_jsx","jsxs","_jsxs","extractFirstComponent","stack","_iterator","_createForOfIteratorHelper","split","_step","s","n","done","raw","value","line","trim","match","exec","name","test","err","e","f","DETAIL_SX","Object","freeze","fontFamily","fontSize","color","marginTop","wordBreak","SectionErrorBoundary","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","state","error","info","attempt","handleRetry","bind","_assertThisInitialized","_createClass","key","componentDidCatch","_this$props","title","console","concat","componentStack","setState","_this$props$onError","_this$props2","onError","_unused","render","_ref","_error$message","_this$state","_this$props3","children","secondaryAction","retryLabel","Fragment","isDev","process","env","originComponent","technicalMessage","String","message","_objectSpread","variant","action","label","onClick","style","getDerivedStateFromError","Component"],"sources":["../../../../src/lib/v2/components/SectionErrorBoundary.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Banner from \"./Banner\";\r\nimport type { BannerAction } from \"./Banner\";\r\n\r\n/**\r\n * SectionErrorBoundary — Portnet UI v2\r\n *\r\n * Isolates a subtree so one failing section cannot take down the page.\r\n *\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n * WHY THIS BELONGS IN THE LIBRARY (capability gap G-30)\r\n *\r\n * ISO/IEC 25010 § Reliability — Fault tolerance: a system must keep operating\r\n * despite a fault. React does the opposite by default. An exception thrown during\r\n * render unmounts the WHOLE tree, so a single section receiving an unexpected\r\n * payload — an `articles` field arriving as an object where `.map` is called —\r\n * replaces the entire page with a BLANK SCREEN. Not an error message: nothing.\r\n * That is the worst possible failure mode, and it is reachable in every GU module\r\n * whose wire models declare all fields optional precisely because the legacy\r\n * back-end is not dependable.\r\n *\r\n * `ms-ti-fe` wrapped 13 sections in a boundary of its own; `addpe-fe` had none,\r\n * and neither did this library — so the pattern was one module's private\r\n * safeguard rather than a platform guarantee. Promoting it makes fault tolerance\r\n * available by import instead of by copy (R-2.1).\r\n *\r\n * NO MUI IMPORT, deliberately. This file depends only on React and `Banner`.\r\n * That constraint is inherited from the reference implementation and it is\r\n * load-bearing rather than stylistic: if MUI is what threw, importing MUI in the\r\n * fallback risks failing the fallback too. Keep it that way.\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n *\r\n *   <SectionErrorBoundary title=\"Marchandises\">\r\n *     <MarchandisesSection data={data.marchandises} />\r\n *   </SectionErrorBoundary>\r\n *\r\n * Class component because `getDerivedStateFromError` and `componentDidCatch` have\r\n * no hook equivalent in stable React.\r\n *\r\n * WHAT THE USER SEES, and how it diverges from the reference. The reference\r\n * rendered `error.message` straight into the banner body — so an end user was\r\n * shown \"Cannot read properties of undefined (reading 'map')\". Charter §09.3\r\n * forbids exactly that (\"pas de jargon technique exposé à l'utilisateur\"), and a\r\n * raw JS exception is worse than the \"Erreur HTTP 422\" the charter uses as its\r\n * DON'T example. So:\r\n *\r\n *   - production: a stable French sentence + the retry action. Nothing technical.\r\n *   - development: the message and the probable origin component are appended,\r\n *     because that is where a developer reads them.\r\n *   - always: `console.error` with the full component stack, and the optional\r\n *     `onError` hook for an APM breadcrumb — which is how the detail reaches\r\n *     whoever can act on it, rather than the user who cannot.\r\n */\r\n\r\nexport interface SectionErrorBoundaryProps {\r\n  /** Short section label, used to name the failure in the banner and the log. */\r\n  title?: string | undefined;\r\n  /** The subtree to protect. */\r\n  children?: React.ReactNode | undefined;\r\n  /**\r\n   * Optional second affordance, rendered left of \"Réessayer\" (R-M.6). Use it when\r\n   * retrying is unlikely to help and the user needs a way out — e.g. « Retour à la\r\n   * liste ». The library cannot know the host's navigation, so this is a\r\n   * pass-through rather than a built-in.\r\n   *\r\n   * Only possible since `Banner` gained `secondaryAction` (gap G-19); the\r\n   * reference implementation had no second exit at all.\r\n   */\r\n  secondaryAction?: BannerAction | undefined;\r\n  /**\r\n   * Reporting hook, called once per caught error with the same arguments as\r\n   * `componentDidCatch`. `console.error` is invisible in production, so without\r\n   * this a boundary silently swallows the only signal an operator would get.\r\n   */\r\n  onError?: ((error: Error, info: React.ErrorInfo) => void) | undefined;\r\n  /** Retry button label. Defaults to « Réessayer ». */\r\n  retryLabel?: string | undefined;\r\n}\r\n\r\ninterface SectionErrorBoundaryState {\r\n  error: Error | null;\r\n  info: React.ErrorInfo | null;\r\n  attempt: number;\r\n}\r\n\r\n/**\r\n * Pulls the topmost user component out of a React component stack.\r\n *\r\n * Handles BOTH stack formats: React 18 emits `\"    in Foo (at Bar.tsx:42)\"`,\r\n * React 19 emits `\"    at Foo (Bar.tsx:42)\"`. The reference matched only `in`,\r\n * so on React 19 — which this library targets — it silently returned null and the\r\n * origin hint never rendered.\r\n */\r\nfunction extractFirstComponent(\r\n  stack: string | null | undefined\r\n): string | null {\r\n  if (!stack || typeof stack !== \"string\") return null;\r\n  for (const raw of stack.split(\"\\n\")) {\r\n    const line = raw.trim();\r\n    if (!line) continue;\r\n    const match = /^(?:in|at)\\s+([A-Za-z0-9_$.]+)/.exec(line);\r\n    const name = match?.[1];\r\n    // Skip host elements (div, span…) — only a capitalised name is a component.\r\n    if (name && /^[A-Z]/.test(name)) return name;\r\n  }\r\n  return null;\r\n}\r\n\r\nconst DETAIL_SX = Object.freeze({\r\n  fontFamily: \"var(--font-mono)\",\r\n  fontSize: \"var(--text-xs)\",\r\n  color: \"var(--fg-subtle)\",\r\n  marginTop: \"var(--s-1)\",\r\n  // `wordBreak` because an exception message has no spaces to wrap on and would\r\n  // otherwise widen the banner past its container.\r\n  wordBreak: \"break-word\" as const,\r\n});\r\n\r\nclass SectionErrorBoundary extends React.Component<\r\n  SectionErrorBoundaryProps,\r\n  SectionErrorBoundaryState\r\n> {\r\n  constructor(props: SectionErrorBoundaryProps) {\r\n    super(props);\r\n    this.state = { error: null, info: null, attempt: 0 };\r\n    this.handleRetry = this.handleRetry.bind(this);\r\n  }\r\n\r\n  static getDerivedStateFromError(\r\n    error: Error\r\n  ): Partial<SectionErrorBoundaryState> {\r\n    return { error };\r\n  }\r\n\r\n  override componentDidCatch(error: Error, info: React.ErrorInfo) {\r\n    const title = this.props?.title || \"Section\";\r\n    // eslint-disable-next-line no-console\r\n    console.error(\r\n      `[SectionErrorBoundary:${title}]`,\r\n      error,\r\n      \"\\nComponent stack:\",\r\n      info?.componentStack\r\n    );\r\n    this.setState({ info });\r\n    /* Guarded: a throwing reporter must not take down the boundary that exists to\r\n     * stop things from taking each other down. */\r\n    try {\r\n      this.props.onError?.(error, info);\r\n    } catch {\r\n      /* reporter failed — the console.error above is still the record */\r\n    }\r\n  }\r\n\r\n  handleRetry() {\r\n    this.setState((s) => ({ error: null, info: null, attempt: s.attempt + 1 }));\r\n  }\r\n\r\n  override render() {\r\n    const { error, info, attempt } = this.state;\r\n    const { title, children, secondaryAction, retryLabel } = this.props;\r\n\r\n    if (!error) {\r\n      /* Re-keyed on retry so React REMOUNTS the subtree rather than reusing the\r\n       * state that led to the throw. Without this, retry re-renders the same\r\n       * broken instance and fails identically. */\r\n      return <React.Fragment key={attempt}>{children}</React.Fragment>;\r\n    }\r\n\r\n    /* Bracket access, not dot: `noPropertyAccessFromIndexSignature` is one of the\r\n     * nine mandatory strict flags, and `process.env` is an index signature. Note\r\n     * that `tsc --noEmit` did not flag this — only `tsconfig.build.json` did, so a\r\n     * green typecheck is not sufficient evidence here. */\r\n    const isDev = process.env[\"NODE_ENV\"] !== \"production\";\r\n    const originComponent = extractFirstComponent(info?.componentStack);\r\n    const technicalMessage = String(error?.message ?? error ?? \"\");\r\n\r\n    return (\r\n      <Banner\r\n        variant=\"error\"\r\n        title={`${title || \"Section\"} — affichage impossible`}\r\n        action={{ label: retryLabel || \"Réessayer\", onClick: this.handleRetry }}\r\n        {...(secondaryAction ? { secondaryAction } : {})}\r\n      >\r\n        {/* §09.3 — [Quoi] + [Comment corriger], no technical detail. The cause\r\n            goes to the console and to `onError`, not to the user. */}\r\n        <div>\r\n          Cette section n'a pas pu s'afficher. Cliquez sur «&nbsp;\r\n          {retryLabel || \"Réessayer\"}&nbsp;»&nbsp;; si le problème persiste,\r\n          rechargez la page ou contactez l'administrateur.\r\n        </div>\r\n        {isDev && (technicalMessage || originComponent) && (\r\n          <div style={DETAIL_SX}>\r\n            {technicalMessage}\r\n            {originComponent ? ` · origine probable : ${originComponent}` : \"\"}\r\n          </div>\r\n        )}\r\n      </Banner>\r\n    );\r\n  }\r\n}\r\n\r\nexport default SectionErrorBoundary;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SectionErrorBoundary.js","names":["React","Banner","jsx","_jsx","jsxs","_jsxs","extractFirstComponent","stack","raw","split","line","trim","match","exec","name","test","DETAIL_SX","Object","freeze","fontFamily","fontSize","color","marginTop","wordBreak","SectionErrorBoundary","Component","constructor","props","state","error","info","attempt","handleRetry","bind","getDerivedStateFromError","componentDidCatch","title","console","componentStack","setState","onError","s","render","children","secondaryAction","retryLabel","Fragment","isDev","process","env","originComponent","technicalMessage","String","message","variant","action","label","onClick","style"],"sources":["../../../../src/lib/v2/components/SectionErrorBoundary.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Banner from \"./Banner\";\r\nimport type { BannerAction } from \"./Banner\";\r\n\r\n/**\r\n * SectionErrorBoundary — Portnet UI v2\r\n *\r\n * Isolates a subtree so one failing section cannot take down the page.\r\n *\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n * WHY THIS BELONGS IN THE LIBRARY (capability gap G-30)\r\n *\r\n * ISO/IEC 25010 § Reliability — Fault tolerance: a system must keep operating\r\n * despite a fault. React does the opposite by default. An exception thrown during\r\n * render unmounts the WHOLE tree, so a single section receiving an unexpected\r\n * payload — an `articles` field arriving as an object where `.map` is called —\r\n * replaces the entire page with a BLANK SCREEN. Not an error message: nothing.\r\n * That is the worst possible failure mode, and it is reachable in every GU module\r\n * whose wire models declare all fields optional precisely because the legacy\r\n * back-end is not dependable.\r\n *\r\n * `ms-ti-fe` wrapped 13 sections in a boundary of its own; `addpe-fe` had none,\r\n * and neither did this library — so the pattern was one module's private\r\n * safeguard rather than a platform guarantee. Promoting it makes fault tolerance\r\n * available by import instead of by copy (R-2.1).\r\n *\r\n * NO MUI IMPORT, deliberately. This file depends only on React and `Banner`.\r\n * That constraint is inherited from the reference implementation and it is\r\n * load-bearing rather than stylistic: if MUI is what threw, importing MUI in the\r\n * fallback risks failing the fallback too. Keep it that way.\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n *\r\n *   <SectionErrorBoundary title=\"Marchandises\">\r\n *     <MarchandisesSection data={data.marchandises} />\r\n *   </SectionErrorBoundary>\r\n *\r\n * Class component because `getDerivedStateFromError` and `componentDidCatch` have\r\n * no hook equivalent in stable React.\r\n *\r\n * WHAT THE USER SEES, and how it diverges from the reference. The reference\r\n * rendered `error.message` straight into the banner body — so an end user was\r\n * shown \"Cannot read properties of undefined (reading 'map')\". Charter §09.3\r\n * forbids exactly that (\"pas de jargon technique exposé à l'utilisateur\"), and a\r\n * raw JS exception is worse than the \"Erreur HTTP 422\" the charter uses as its\r\n * DON'T example. So:\r\n *\r\n *   - production: a stable French sentence + the retry action. Nothing technical.\r\n *   - development: the message and the probable origin component are appended,\r\n *     because that is where a developer reads them.\r\n *   - always: `console.error` with the full component stack, and the optional\r\n *     `onError` hook for an APM breadcrumb — which is how the detail reaches\r\n *     whoever can act on it, rather than the user who cannot.\r\n */\r\n\r\nexport interface SectionErrorBoundaryProps {\r\n  /** Short section label, used to name the failure in the banner and the log. */\r\n  title?: string | undefined;\r\n  /** The subtree to protect. */\r\n  children?: React.ReactNode | undefined;\r\n  /**\r\n   * Optional second affordance, rendered left of \"Réessayer\" (R-M.6). Use it when\r\n   * retrying is unlikely to help and the user needs a way out — e.g. « Retour à la\r\n   * liste ». The library cannot know the host's navigation, so this is a\r\n   * pass-through rather than a built-in.\r\n   *\r\n   * Only possible since `Banner` gained `secondaryAction` (gap G-19); the\r\n   * reference implementation had no second exit at all.\r\n   */\r\n  secondaryAction?: BannerAction | undefined;\r\n  /**\r\n   * Reporting hook, called once per caught error with the same arguments as\r\n   * `componentDidCatch`. `console.error` is invisible in production, so without\r\n   * this a boundary silently swallows the only signal an operator would get.\r\n   */\r\n  onError?: ((error: Error, info: React.ErrorInfo) => void) | undefined;\r\n  /** Retry button label. Defaults to « Réessayer ». */\r\n  retryLabel?: string | undefined;\r\n}\r\n\r\ninterface SectionErrorBoundaryState {\r\n  error: Error | null;\r\n  info: React.ErrorInfo | null;\r\n  attempt: number;\r\n}\r\n\r\n/**\r\n * Pulls the topmost user component out of a React component stack.\r\n *\r\n * Handles BOTH stack formats: React 18 emits `\"    in Foo (at Bar.tsx:42)\"`,\r\n * React 19 emits `\"    at Foo (Bar.tsx:42)\"`. The reference matched only `in`,\r\n * so on React 19 — which this library targets — it silently returned null and the\r\n * origin hint never rendered.\r\n */\r\nfunction extractFirstComponent(\r\n  stack: string | null | undefined\r\n): string | null {\r\n  if (!stack || typeof stack !== \"string\") return null;\r\n  for (const raw of stack.split(\"\\n\")) {\r\n    const line = raw.trim();\r\n    if (!line) continue;\r\n    const match = /^(?:in|at)\\s+([A-Za-z0-9_$.]+)/.exec(line);\r\n    const name = match?.[1];\r\n    // Skip host elements (div, span…) — only a capitalised name is a component.\r\n    if (name && /^[A-Z]/.test(name)) return name;\r\n  }\r\n  return null;\r\n}\r\n\r\nconst DETAIL_SX = Object.freeze({\r\n  fontFamily: \"var(--font-mono)\",\r\n  fontSize: \"var(--text-xs)\",\r\n  color: \"var(--fg-subtle)\",\r\n  marginTop: \"var(--s-1)\",\r\n  // `wordBreak` because an exception message has no spaces to wrap on and would\r\n  // otherwise widen the banner past its container.\r\n  wordBreak: \"break-word\" as const,\r\n});\r\n\r\nclass SectionErrorBoundary extends React.Component<\r\n  SectionErrorBoundaryProps,\r\n  SectionErrorBoundaryState\r\n> {\r\n  constructor(props: SectionErrorBoundaryProps) {\r\n    super(props);\r\n    this.state = { error: null, info: null, attempt: 0 };\r\n    this.handleRetry = this.handleRetry.bind(this);\r\n  }\r\n\r\n  static getDerivedStateFromError(\r\n    error: Error\r\n  ): Partial<SectionErrorBoundaryState> {\r\n    return { error };\r\n  }\r\n\r\n  override componentDidCatch(error: Error, info: React.ErrorInfo) {\r\n    const title = this.props?.title || \"Section\";\r\n    // eslint-disable-next-line no-console\r\n    console.error(\r\n      `[SectionErrorBoundary:${title}]`,\r\n      error,\r\n      \"\\nComponent stack:\",\r\n      info?.componentStack\r\n    );\r\n    this.setState({ info });\r\n    /* Guarded: a throwing reporter must not take down the boundary that exists to\r\n     * stop things from taking each other down. */\r\n    try {\r\n      this.props.onError?.(error, info);\r\n    } catch {\r\n      /* reporter failed — the console.error above is still the record */\r\n    }\r\n  }\r\n\r\n  handleRetry() {\r\n    this.setState((s) => ({ error: null, info: null, attempt: s.attempt + 1 }));\r\n  }\r\n\r\n  override render() {\r\n    const { error, info, attempt } = this.state;\r\n    const { title, children, secondaryAction, retryLabel } = this.props;\r\n\r\n    if (!error) {\r\n      /* Re-keyed on retry so React REMOUNTS the subtree rather than reusing the\r\n       * state that led to the throw. Without this, retry re-renders the same\r\n       * broken instance and fails identically. */\r\n      return <React.Fragment key={attempt}>{children}</React.Fragment>;\r\n    }\r\n\r\n    /* Bracket access, not dot: `noPropertyAccessFromIndexSignature` is one of the\r\n     * nine mandatory strict flags, and `process.env` is an index signature. Note\r\n     * that `tsc --noEmit` did not flag this — only `tsconfig.build.json` did, so a\r\n     * green typecheck is not sufficient evidence here. */\r\n    const isDev = process.env[\"NODE_ENV\"] !== \"production\";\r\n    const originComponent = extractFirstComponent(info?.componentStack);\r\n    const technicalMessage = String(error?.message ?? error ?? \"\");\r\n\r\n    return (\r\n      <Banner\r\n        variant=\"error\"\r\n        title={`${title || \"Section\"} — affichage impossible`}\r\n        action={{ label: retryLabel || \"Réessayer\", onClick: this.handleRetry }}\r\n        {...(secondaryAction ? { secondaryAction } : {})}\r\n      >\r\n        {/* §09.3 — [Quoi] + [Comment corriger], no technical detail. The cause\r\n            goes to the console and to `onError`, not to the user. */}\r\n        <div>\r\n          Cette section n'a pas pu s'afficher. Cliquez sur «&nbsp;\r\n          {retryLabel || \"Réessayer\"}&nbsp;»&nbsp;; si le problème persiste,\r\n          rechargez la page ou contactez l'administrateur.\r\n        </div>\r\n        {isDev && (technicalMessage || originComponent) && (\r\n          <div style={DETAIL_SX}>\r\n            {technicalMessage}\r\n            {originComponent ? ` · origine probable : ${originComponent}` : \"\"}\r\n          </div>\r\n        )}\r\n      </Banner>\r\n    );\r\n  }\r\n}\r\n\r\nexport default SectionErrorBoundary;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,12 +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 = ["level", "icon", "title", "children", "subtitle", "action", "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 _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; }
 import * as React from "react";
 import Box from "@mui/material/Box";
 
@@ -51,7 +42,7 @@ import Box from "@mui/material/Box";
  *   sx       — escape hatch.
  */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var TYPOGRAPHY_BY_LEVEL = Object.freeze({
+const TYPOGRAPHY_BY_LEVEL = Object.freeze({
   h2: {
     fontSize: "var(--text-h2)",
     lineHeight: "var(--lh-tight)"
@@ -65,25 +56,26 @@ var TYPOGRAPHY_BY_LEVEL = Object.freeze({
     lineHeight: "var(--lh-snug)"
   }
 });
-function SectionHeader(_ref) {
-  var _ref$level = _ref.level,
-    level = _ref$level === void 0 ? "h3" : _ref$level,
-    icon = _ref.icon,
-    title = _ref.title,
-    children = _ref.children,
-    subtitle = _ref.subtitle,
-    action = _ref.action,
-    sx = _ref.sx,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var headingText = title !== null && title !== void 0 ? title : children;
-  var typography = TYPOGRAPHY_BY_LEVEL[level] || TYPOGRAPHY_BY_LEVEL.h3;
-  return /*#__PURE__*/_jsxs(Box, _objectSpread(_objectSpread({
-    sx: _objectSpread({
+function SectionHeader({
+  level = "h3",
+  icon,
+  title,
+  children,
+  subtitle,
+  action,
+  sx,
+  ...rest
+}) {
+  const headingText = title ?? children;
+  const typography = TYPOGRAPHY_BY_LEVEL[level] || TYPOGRAPHY_BY_LEVEL.h3;
+  return /*#__PURE__*/_jsxs(Box, {
+    sx: {
       display: "flex",
       alignItems: subtitle ? "flex-start" : "center",
-      gap: "var(--s-2)"
-    }, sx)
-  }, rest), {}, {
+      gap: "var(--s-2)",
+      ...sx
+    },
+    ...rest,
     children: [icon && /*#__PURE__*/_jsx(Box, {
       "aria-hidden": "true",
       sx: {
@@ -105,11 +97,12 @@ function SectionHeader(_ref) {
       },
       children: [/*#__PURE__*/_jsx(Box, {
         component: level,
-        sx: _objectSpread({
+        sx: {
           margin: 0,
           fontWeight: "var(--fw-semibold)",
-          color: "var(--fg)"
-        }, typography),
+          color: "var(--fg)",
+          ...typography
+        },
         children: headingText
       }), subtitle && /*#__PURE__*/_jsx(Box, {
         sx: {
@@ -126,7 +119,7 @@ function SectionHeader(_ref) {
       },
       children: action
     })]
-  }));
+  });
 }
 export default SectionHeader;
 //# sourceMappingURL=SectionHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SectionHeader.js","names":["React","Box","jsx","_jsx","jsxs","_jsxs","TYPOGRAPHY_BY_LEVEL","Object","freeze","h2","fontSize","lineHeight","h3","h4","SectionHeader","_ref","_ref$level","level","icon","title","children","subtitle","action","sx","rest","_objectWithoutProperties","_excluded","headingText","typography","_objectSpread","display","alignItems","gap","color","marginTop","flex","minWidth","component","margin","fontWeight"],"sources":["../../../../src/lib/v2/components/SectionHeader.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { BoxProps } from \"@mui/material/Box\";\r\n\r\n/**\r\n * SectionHeader — Portnet UI v2\r\n *\r\n * Charter §03 · standalone section-header primitive. Replaces the\r\n * local AppTitle wrapper that host modules previously maintained\r\n * (audit Batch 2 violation C3 in ms-ti-fe — direct MUI Typography\r\n * with hardcoded styling).\r\n *\r\n * Distinguished from v2.FormSection: SectionHeader is JUST the\r\n * heading row (no wrapping content, no surface chrome). Use it\r\n * when you need to label a region but don't want the FormSection\r\n * card border + padding.\r\n *\r\n * Usage:\r\n *\r\n *   <SectionHeader level=\"h3\" icon={<DescriptionIcon />}>\r\n *     Données du titre\r\n *   </SectionHeader>\r\n *\r\n *   <SectionHeader\r\n *     level=\"h2\"\r\n *     title=\"Documents joints\"\r\n *     subtitle=\"Pièces transmises par l'opérateur\"\r\n *     action={<Button variant=\"ghost\">Tout télécharger</Button>}\r\n *   />\r\n *\r\n * The text can be passed either as `children` (single-line) or as\r\n * `title` + optional `subtitle` (multi-line).\r\n *\r\n * Props:\r\n *   level    — semantic h-level (\"h2\" / \"h3\" / \"h4\"). Default \"h3\".\r\n *              Pick the next level below the page's outermost\r\n *              heading (typically the ActionBar h1).\r\n *   icon     — optional leading icon element.\r\n *   title    — heading text. Use this OR children.\r\n *   children — heading text. Use this OR title.\r\n *   subtitle — optional secondary line beneath the title.\r\n *   action   — optional trailing element (Button, dropdown, etc.).\r\n *   sx       — escape hatch.\r\n */\r\n\r\nexport type SectionHeaderLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\nconst TYPOGRAPHY_BY_LEVEL: Record<SectionHeaderLevel, { fontSize: string; lineHeight: string }> = Object.freeze({\r\n  h2: { fontSize: \"var(--text-h2)\", lineHeight: \"var(--lh-tight)\" },\r\n  h3: { fontSize: \"var(--text-h3)\", lineHeight: \"var(--lh-snug)\"  },\r\n  h4: { fontSize: \"var(--text-h4)\", lineHeight: \"var(--lh-snug)\"  },\r\n});\r\n\r\nexport interface SectionHeaderProps extends Omit<BoxProps, \"title\"> {\r\n  level?: SectionHeaderLevel | undefined;\r\n  icon?: React.ReactElement | undefined;\r\n  title?: React.ReactNode | undefined;\r\n  subtitle?: React.ReactNode | undefined;\r\n  action?: React.ReactNode | undefined;\r\n}\r\n\r\nfunction SectionHeader({\r\n  level = \"h3\",\r\n  icon,\r\n  title,\r\n  children,\r\n  subtitle,\r\n  action,\r\n  sx,\r\n  ...rest\r\n}: SectionHeaderProps) {\r\n  const headingText = title ?? children;\r\n  const typography  = TYPOGRAPHY_BY_LEVEL[level] || TYPOGRAPHY_BY_LEVEL.h3;\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        display:     \"flex\",\r\n        alignItems:  subtitle ? \"flex-start\" : \"center\",\r\n        gap:         \"var(--s-2)\",\r\n        ...sx,\r\n      }}\r\n      {...rest}\r\n    >\r\n      {icon && (\r\n        <Box\r\n          aria-hidden=\"true\"\r\n          sx={{\r\n            color: \"var(--fg-muted)\",\r\n            display: \"inline-flex\",\r\n            // Lift the icon slightly so it lines up with the\r\n            // first cap-height of the heading text rather than\r\n            // floating at the baseline.\r\n            marginTop: subtitle ? \"2px\" : 0,\r\n            \"& svg\": { fontSize: 20 },\r\n          }}\r\n        >\r\n          {icon}\r\n        </Box>\r\n      )}\r\n\r\n      <Box sx={{ flex: 1, minWidth: 0 }}>\r\n        <Box\r\n          component={level}\r\n          sx={{\r\n            margin:     0,\r\n            fontWeight: \"var(--fw-semibold)\",\r\n            color:      \"var(--fg)\",\r\n            ...typography,\r\n          }}\r\n        >\r\n          {headingText}\r\n        </Box>\r\n        {subtitle && (\r\n          <Box\r\n            sx={{\r\n              marginTop:  \"var(--s-1)\",\r\n              fontSize:   \"var(--text-sm)\",\r\n              color:      \"var(--fg-muted)\",\r\n              lineHeight: \"var(--lh-normal)\",\r\n            }}\r\n          >\r\n            {subtitle}\r\n          </Box>\r\n        )}\r\n      </Box>\r\n\r\n      {action && <Box sx={{ flex: \"0 0 auto\" }}>{action}</Box>}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default SectionHeader;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SectionHeader.js","names":["React","Box","jsx","_jsx","jsxs","_jsxs","TYPOGRAPHY_BY_LEVEL","Object","freeze","h2","fontSize","lineHeight","h3","h4","SectionHeader","level","icon","title","children","subtitle","action","sx","rest","headingText","typography","display","alignItems","gap","color","marginTop","flex","minWidth","component","margin","fontWeight"],"sources":["../../../../src/lib/v2/components/SectionHeader.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { BoxProps } from \"@mui/material/Box\";\r\n\r\n/**\r\n * SectionHeader — Portnet UI v2\r\n *\r\n * Charter §03 · standalone section-header primitive. Replaces the\r\n * local AppTitle wrapper that host modules previously maintained\r\n * (audit Batch 2 violation C3 in ms-ti-fe — direct MUI Typography\r\n * with hardcoded styling).\r\n *\r\n * Distinguished from v2.FormSection: SectionHeader is JUST the\r\n * heading row (no wrapping content, no surface chrome). Use it\r\n * when you need to label a region but don't want the FormSection\r\n * card border + padding.\r\n *\r\n * Usage:\r\n *\r\n *   <SectionHeader level=\"h3\" icon={<DescriptionIcon />}>\r\n *     Données du titre\r\n *   </SectionHeader>\r\n *\r\n *   <SectionHeader\r\n *     level=\"h2\"\r\n *     title=\"Documents joints\"\r\n *     subtitle=\"Pièces transmises par l'opérateur\"\r\n *     action={<Button variant=\"ghost\">Tout télécharger</Button>}\r\n *   />\r\n *\r\n * The text can be passed either as `children` (single-line) or as\r\n * `title` + optional `subtitle` (multi-line).\r\n *\r\n * Props:\r\n *   level    — semantic h-level (\"h2\" / \"h3\" / \"h4\"). Default \"h3\".\r\n *              Pick the next level below the page's outermost\r\n *              heading (typically the ActionBar h1).\r\n *   icon     — optional leading icon element.\r\n *   title    — heading text. Use this OR children.\r\n *   children — heading text. Use this OR title.\r\n *   subtitle — optional secondary line beneath the title.\r\n *   action   — optional trailing element (Button, dropdown, etc.).\r\n *   sx       — escape hatch.\r\n */\r\n\r\nexport type SectionHeaderLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\nconst TYPOGRAPHY_BY_LEVEL: Record<SectionHeaderLevel, { fontSize: string; lineHeight: string }> = Object.freeze({\r\n  h2: { fontSize: \"var(--text-h2)\", lineHeight: \"var(--lh-tight)\" },\r\n  h3: { fontSize: \"var(--text-h3)\", lineHeight: \"var(--lh-snug)\"  },\r\n  h4: { fontSize: \"var(--text-h4)\", lineHeight: \"var(--lh-snug)\"  },\r\n});\r\n\r\nexport interface SectionHeaderProps extends Omit<BoxProps, \"title\"> {\r\n  level?: SectionHeaderLevel | undefined;\r\n  icon?: React.ReactElement | undefined;\r\n  title?: React.ReactNode | undefined;\r\n  subtitle?: React.ReactNode | undefined;\r\n  action?: React.ReactNode | undefined;\r\n}\r\n\r\nfunction SectionHeader({\r\n  level = \"h3\",\r\n  icon,\r\n  title,\r\n  children,\r\n  subtitle,\r\n  action,\r\n  sx,\r\n  ...rest\r\n}: SectionHeaderProps) {\r\n  const headingText = title ?? children;\r\n  const typography  = TYPOGRAPHY_BY_LEVEL[level] || TYPOGRAPHY_BY_LEVEL.h3;\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        display:     \"flex\",\r\n        alignItems:  subtitle ? \"flex-start\" : \"center\",\r\n        gap:         \"var(--s-2)\",\r\n        ...sx,\r\n      }}\r\n      {...rest}\r\n    >\r\n      {icon && (\r\n        <Box\r\n          aria-hidden=\"true\"\r\n          sx={{\r\n            color: \"var(--fg-muted)\",\r\n            display: \"inline-flex\",\r\n            // Lift the icon slightly so it lines up with the\r\n            // first cap-height of the heading text rather than\r\n            // floating at the baseline.\r\n            marginTop: subtitle ? \"2px\" : 0,\r\n            \"& svg\": { fontSize: 20 },\r\n          }}\r\n        >\r\n          {icon}\r\n        </Box>\r\n      )}\r\n\r\n      <Box sx={{ flex: 1, minWidth: 0 }}>\r\n        <Box\r\n          component={level}\r\n          sx={{\r\n            margin:     0,\r\n            fontWeight: \"var(--fw-semibold)\",\r\n            color:      \"var(--fg)\",\r\n            ...typography,\r\n          }}\r\n        >\r\n          {headingText}\r\n        </Box>\r\n        {subtitle && (\r\n          <Box\r\n            sx={{\r\n              marginTop:  \"var(--s-1)\",\r\n              fontSize:   \"var(--text-sm)\",\r\n              color:      \"var(--fg-muted)\",\r\n              lineHeight: \"var(--lh-normal)\",\r\n            }}\r\n          >\r\n            {subtitle}\r\n          </Box>\r\n        )}\r\n      </Box>\r\n\r\n      {action && <Box sx={{ flex: \"0 0 auto\" }}>{action}</Box>}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default SectionHeader;\r\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,GAAG,MAAM,mBAAmB;;AAGnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAvCA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AA2CA,MAAMC,mBAAyF,GAAGC,MAAM,CAACC,MAAM,CAAC;EAC9GC,EAAE,EAAE;IAAEC,QAAQ,EAAE,gBAAgB;IAAEC,UAAU,EAAE;EAAkB,CAAC;EACjEC,EAAE,EAAE;IAAEF,QAAQ,EAAE,gBAAgB;IAAEC,UAAU,EAAE;EAAkB,CAAC;EACjEE,EAAE,EAAE;IAAEH,QAAQ,EAAE,gBAAgB;IAAEC,UAAU,EAAE;EAAkB;AAClE,CAAC,CAAC;AAUF,SAASG,aAAaA,CAAC;EACrBC,KAAK,GAAG,IAAI;EACZC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,MAAM;EACNC,EAAE;EACF,GAAGC;AACe,CAAC,EAAE;EACrB,MAAMC,WAAW,GAAGN,KAAK,IAAIC,QAAQ;EACrC,MAAMM,UAAU,GAAIlB,mBAAmB,CAACS,KAAK,CAAC,IAAIT,mBAAmB,CAACM,EAAE;EAExE,oBACEP,KAAA,CAACJ,GAAG;IACFoB,EAAE,EAAE;MACFI,OAAO,EAAM,MAAM;MACnBC,UAAU,EAAGP,QAAQ,GAAG,YAAY,GAAG,QAAQ;MAC/CQ,GAAG,EAAU,YAAY;MACzB,GAAGN;IACL,CAAE;IAAA,GACEC,IAAI;IAAAJ,QAAA,GAEPF,IAAI,iBACHb,IAAA,CAACF,GAAG;MACF,eAAY,MAAM;MAClBoB,EAAE,EAAE;QACFO,KAAK,EAAE,iBAAiB;QACxBH,OAAO,EAAE,aAAa;QACtB;QACA;QACA;QACAI,SAAS,EAAEV,QAAQ,GAAG,KAAK,GAAG,CAAC;QAC/B,OAAO,EAAE;UAAET,QAAQ,EAAE;QAAG;MAC1B,CAAE;MAAAQ,QAAA,EAEDF;IAAI,CACF,CACN,eAEDX,KAAA,CAACJ,GAAG;MAACoB,EAAE,EAAE;QAAES,IAAI,EAAE,CAAC;QAAEC,QAAQ,EAAE;MAAE,CAAE;MAAAb,QAAA,gBAChCf,IAAA,CAACF,GAAG;QACF+B,SAAS,EAAEjB,KAAM;QACjBM,EAAE,EAAE;UACFY,MAAM,EAAM,CAAC;UACbC,UAAU,EAAE,oBAAoB;UAChCN,KAAK,EAAO,WAAW;UACvB,GAAGJ;QACL,CAAE;QAAAN,QAAA,EAEDK;MAAW,CACT,CAAC,EACLJ,QAAQ,iBACPhB,IAAA,CAACF,GAAG;QACFoB,EAAE,EAAE;UACFQ,SAAS,EAAG,YAAY;UACxBnB,QAAQ,EAAI,gBAAgB;UAC5BkB,KAAK,EAAO,iBAAiB;UAC7BjB,UAAU,EAAE;QACd,CAAE;QAAAO,QAAA,EAEDC;MAAQ,CACN,CACN;IAAA,CACE,CAAC,EAELC,MAAM,iBAAIjB,IAAA,CAACF,GAAG;MAACoB,EAAE,EAAE;QAAES,IAAI,EAAE;MAAW,CAAE;MAAAZ,QAAA,EAAEE;IAAM,CAAM,CAAC;EAAA,CACrD,CAAC;AAEV;AAEA,eAAeN,aAAa","ignoreList":[]}