@portnet/ui 6.0.0 → 6.0.1

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

@@ -0,0 +1,214 @@
+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";
+
+/**
+ * SectionErrorBoundary — Portnet UI v2
+ *
+ * Isolates a subtree so one failing section cannot take down the page.
+ *
+ * ─────────────────────────────────────────────────────────────────────────────
+ * WHY THIS BELONGS IN THE LIBRARY (capability gap G-30)
+ *
+ * ISO/IEC 25010 § Reliability — Fault tolerance: a system must keep operating
+ * despite a fault. React does the opposite by default. An exception thrown during
+ * render unmounts the WHOLE tree, so a single section receiving an unexpected
+ * payload — an `articles` field arriving as an object where `.map` is called —
+ * replaces the entire page with a BLANK SCREEN. Not an error message: nothing.
+ * That is the worst possible failure mode, and it is reachable in every GU module
+ * whose wire models declare all fields optional precisely because the legacy
+ * back-end is not dependable.
+ *
+ * `ms-ti-fe` wrapped 13 sections in a boundary of its own; `addpe-fe` had none,
+ * and neither did this library — so the pattern was one module's private
+ * safeguard rather than a platform guarantee. Promoting it makes fault tolerance
+ * available by import instead of by copy (R-2.1).
+ *
+ * NO MUI IMPORT, deliberately. This file depends only on React and `Banner`.
+ * That constraint is inherited from the reference implementation and it is
+ * load-bearing rather than stylistic: if MUI is what threw, importing MUI in the
+ * fallback risks failing the fallback too. Keep it that way.
+ * ─────────────────────────────────────────────────────────────────────────────
+ *
+ *   <SectionErrorBoundary title="Marchandises">
+ *     <MarchandisesSection data={data.marchandises} />
+ *   </SectionErrorBoundary>
+ *
+ * Class component because `getDerivedStateFromError` and `componentDidCatch` have
+ * no hook equivalent in stable React.
+ *
+ * WHAT THE USER SEES, and how it diverges from the reference. The reference
+ * rendered `error.message` straight into the banner body — so an end user was
+ * shown "Cannot read properties of undefined (reading 'map')". Charter §09.3
+ * forbids exactly that ("pas de jargon technique exposé à l'utilisateur"), and a
+ * raw JS exception is worse than the "Erreur HTTP 422" the charter uses as its
+ * DON'T example. So:
+ *
+ *   - production: a stable French sentence + the retry action. Nothing technical.
+ *   - development: the message and the probable origin component are appended,
+ *     because that is where a developer reads them.
+ *   - always: `console.error` with the full component stack, and the optional
+ *     `onError` hook for an APM breadcrumb — which is how the detail reaches
+ *     whoever can act on it, rather than the user who cannot.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Pulls the topmost user component out of a React component stack.
+ *
+ * Handles BOTH stack formats: React 18 emits `"    in Foo (at Bar.tsx:42)"`,
+ * React 19 emits `"    at Foo (Bar.tsx:42)"`. The reference matched only `in`,
+ * so on React 19 — which this library targets — it silently returned null and the
+ * origin hint never rendered.
+ */
+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();
+  }
+  return null;
+}
+var DETAIL_SX = Object.freeze({
+  fontFamily: "var(--font-mono)",
+  fontSize: "var(--text-xs)",
+  color: "var(--fg-subtle)",
+  marginTop: "var(--s-1)",
+  // `wordBreak` because an exception message has no spaces to wrap on and would
+  // 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 = {
+      error: null,
+      info: null,
+      attempt: 0
+    };
+    _this.handleRetry = _this.handleRetry.bind(_assertThisInitialized(_this));
+    return _this;
+  }
+  _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 */
+      }
+    }
+  }, {
+    key: "handleRetry",
+    value: function handleRetry() {
+      this.setState(function (s) {
+        return {
+          error: null,
+          info: null,
+          attempt: s.attempt + 1
+        };
+      });
+    }
+  }, {
+    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);
+export default SectionErrorBoundary;
+//# sourceMappingURL=SectionErrorBoundary.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,132 @@
+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";
+
+/**
+ * SectionHeader — Portnet UI v2
+ *
+ * Charter §03 · standalone section-header primitive. Replaces the
+ * local AppTitle wrapper that host modules previously maintained
+ * (audit Batch 2 violation C3 in ms-ti-fe — direct MUI Typography
+ * with hardcoded styling).
+ *
+ * Distinguished from v2.FormSection: SectionHeader is JUST the
+ * heading row (no wrapping content, no surface chrome). Use it
+ * when you need to label a region but don't want the FormSection
+ * card border + padding.
+ *
+ * Usage:
+ *
+ *   <SectionHeader level="h3" icon={<DescriptionIcon />}>
+ *     Données du titre
+ *   </SectionHeader>
+ *
+ *   <SectionHeader
+ *     level="h2"
+ *     title="Documents joints"
+ *     subtitle="Pièces transmises par l'opérateur"
+ *     action={<Button variant="ghost">Tout télécharger</Button>}
+ *   />
+ *
+ * The text can be passed either as `children` (single-line) or as
+ * `title` + optional `subtitle` (multi-line).
+ *
+ * Props:
+ *   level    — semantic h-level ("h2" / "h3" / "h4"). Default "h3".
+ *              Pick the next level below the page's outermost
+ *              heading (typically the ActionBar h1).
+ *   icon     — optional leading icon element.
+ *   title    — heading text. Use this OR children.
+ *   children — heading text. Use this OR title.
+ *   subtitle — optional secondary line beneath the title.
+ *   action   — optional trailing element (Button, dropdown, etc.).
+ *   sx       — escape hatch.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var TYPOGRAPHY_BY_LEVEL = Object.freeze({
+  h2: {
+    fontSize: "var(--text-h2)",
+    lineHeight: "var(--lh-tight)"
+  },
+  h3: {
+    fontSize: "var(--text-h3)",
+    lineHeight: "var(--lh-snug)"
+  },
+  h4: {
+    fontSize: "var(--text-h4)",
+    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({
+      display: "flex",
+      alignItems: subtitle ? "flex-start" : "center",
+      gap: "var(--s-2)"
+    }, sx)
+  }, rest), {}, {
+    children: [icon && /*#__PURE__*/_jsx(Box, {
+      "aria-hidden": "true",
+      sx: {
+        color: "var(--fg-muted)",
+        display: "inline-flex",
+        // Lift the icon slightly so it lines up with the
+        // first cap-height of the heading text rather than
+        // floating at the baseline.
+        marginTop: subtitle ? "2px" : 0,
+        "& svg": {
+          fontSize: 20
+        }
+      },
+      children: icon
+    }), /*#__PURE__*/_jsxs(Box, {
+      sx: {
+        flex: 1,
+        minWidth: 0
+      },
+      children: [/*#__PURE__*/_jsx(Box, {
+        component: level,
+        sx: _objectSpread({
+          margin: 0,
+          fontWeight: "var(--fw-semibold)",
+          color: "var(--fg)"
+        }, typography),
+        children: headingText
+      }), subtitle && /*#__PURE__*/_jsx(Box, {
+        sx: {
+          marginTop: "var(--s-1)",
+          fontSize: "var(--text-sm)",
+          color: "var(--fg-muted)",
+          lineHeight: "var(--lh-normal)"
+        },
+        children: subtitle
+      })]
+    }), action && /*#__PURE__*/_jsx(Box, {
+      sx: {
+        flex: "0 0 auto"
+      },
+      children: action
+    })]
+  }));
+}
+export default SectionHeader;
+//# sourceMappingURL=SectionHeader.js.map

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

@@ -0,0 +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":[]}