@portnet/ui 6.0.0 → 6.0.2

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

@@ -0,0 +1,228 @@
+var _excluded = ["checked", "onChange", "label", "value", "disabled", "inputProps", "sx"],
+  _excluded2 = ["value", "onChange", "options", "row", "disabled", "name", "id", "sx"],
+  _excluded3 = ["error", "fullWidth"];
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 MuiRadio from "@mui/material/Radio";
+import MuiRadioGroup from "@mui/material/RadioGroup";
+import FormControlLabel from "@mui/material/FormControlLabel";
+import Box from "@mui/material/Box";
+
+/**
+ * Radio - Portnet UI v2
+ *
+ * Charter §03 · Component "Radio". Required by R-Sel.2 (2-3 options
+ * -> Radio or Segmented).
+ *
+ * Low-level: a single controlled radio. For typical usage, prefer
+ * <RadioGroup options={...}> below.
+ *
+ *   <Radio checked={v === "a"} onChange={() => setV("a")} label="Option A" value="a" />
+ *
+ * MUI v9 surface notes (audit Batch 2 external):
+ *   The public `inputProps` is routed internally to slotProps.input -
+ *   MUI v9 idiomatic location for native <input type="radio"/> attributes.
+ *   `inputProps` was deprecated in v6 and REMOVED in v9, so it is no longer
+ *   inherited from MuiRadioProps and must be re-declared here. Consumer code
+ *   passing `inputProps={...}` to v2.Radio is unchanged.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var Radio = /*#__PURE__*/React.forwardRef(function Radio(_ref, ref) {
+  var checked = _ref.checked,
+    onChange = _ref.onChange,
+    label = _ref.label,
+    value = _ref.value,
+    disabled = _ref.disabled,
+    inputProps = _ref.inputProps,
+    sx = _ref.sx,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var radio = /*#__PURE__*/_jsx(MuiRadio, _objectSpread({
+    ref: ref,
+    checked: !!checked,
+    onChange: onChange,
+    value: value,
+    disabled: disabled,
+    size: "small"
+    // MUI v9: Radio inputProps -> slotProps.input (same migration class
+    // as Checkbox / Switch / NumberInput). Emitted conditionally so we
+    // don't pass `slotProps={{ input: undefined }}` when nothing is
+    // supplied.
+    ,
+    slotProps: inputProps ? {
+      input: inputProps
+    } : undefined,
+    sx: _objectSpread({
+      padding: "6px",
+      "&:focus-visible": {
+        outline: "2px solid var(--accent)",
+        outlineOffset: "var(--pui-outline-offset)"
+      }
+    }, sx)
+  }, rest));
+  if (!label) return radio;
+  return /*#__PURE__*/_jsx(FormControlLabel, {
+    control: radio,
+    label: label,
+    value: value,
+    disabled: disabled,
+    sx: {
+      margin: 0,
+      "& .MuiFormControlLabel-label": {
+        fontSize: "var(--text-sm, 13px)"
+      }
+    }
+  });
+});
+
+/**
+ * RadioGroup - Portnet UI v2
+ *
+ * Declarative group of radios taking an `options` array. Use inside
+ * <Field> for label / hint / error / a11y wiring.
+ *
+ *   <Field label="Type d'opération" required>
+ *     <RadioGroup
+ *       value={op}
+ *       onChange={e => setOp(e.target.value)}
+ *       options={[
+ *         { value: "import", label: "Importation" },
+ *         { value: "export", label: "Exportation" },
+ *         { value: "transit", label: "Transit", helper: "Marchandises en transit douanier" },
+ *       ]}
+ *     />
+ *   </Field>
+ *
+ * Layout:
+ *   row={false} (default) -> vertical stack
+ *   row={true}            -> horizontal (use only when labels are short)
+ *
+ * A11y (audit Batch 5, finding B3-3):
+ *   When an option carries a `helper` text, RadioGroup wires it
+ *   to the inner radio input via aria-describedby - SR users hear
+ *   the helper alongside the label when navigating. Without this
+ *   link the helper is purely visual.
+ *
+ * A11y (audit Batch 19, RG-1):
+ *   Used inside <Field>, Field cloneElement-injects presentational /
+ *   validation props onto this group. `error` and `fullWidth` are not valid
+ *   on the role="radiogroup" element (React emits "non-boolean / unrecognized
+ *   attribute" warnings), so they are stripped before the spread. The aria-*
+ *   (labelledby / describedby / invalid) and id that Field also injects stay
+ *   valid on the group and are still forwarded.
+ */
+
+export function RadioGroup(_ref2) {
+  var value = _ref2.value,
+    onChange = _ref2.onChange,
+    _ref2$options = _ref2.options,
+    options = _ref2$options === void 0 ? [] : _ref2$options,
+    _ref2$row = _ref2.row,
+    row = _ref2$row === void 0 ? false : _ref2$row,
+    _ref2$disabled = _ref2.disabled,
+    disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
+    name = _ref2.name,
+    id = _ref2.id,
+    sx = _ref2.sx,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  // R-Ar.1 - stable, SSR-safe, per-instance base for option helper ids.
+  // Each option that exposes a `helper` derives a deterministic id from
+  // this base + its index, so the inner <input type="radio">'s
+  // aria-describedby points at the right <Box> element.
+  var baseId = React.useId();
+
+  // RG-1 — Field cloneElement-injects presentational/validation props onto this
+  // child; `error` and `fullWidth` are not valid on the role="radiogroup"
+  // element and would trigger React attribute warnings if forwarded. Strip just
+  // those two (object-rest omit); the aria-* / id Field also injects remain in
+  // `domRest` and stay valid on the group. Cast because these injected props
+  // are not part of RadioGroupProps.
+  var _ref3 = rest,
+    _fieldError = _ref3.error,
+    _fieldFullWidth = _ref3.fullWidth,
+    domRest = _objectWithoutProperties(_ref3, _excluded3);
+  return /*#__PURE__*/_jsx(MuiRadioGroup, _objectSpread(_objectSpread({
+    value: value !== null && value !== void 0 ? value : "",
+    onChange: onChange,
+    row: row,
+    name: name,
+    id: id,
+    sx: _objectSpread({
+      gap: row ? 2 : 0.5
+    }, sx)
+  }, domRest), {}, {
+    children: options.map(function (opt, idx) {
+      var v = typeof opt === "string" ? opt : opt.value;
+      var lbl = typeof opt === "string" ? opt : opt.label;
+      var helper = typeof opt === "string" ? null : opt.helper;
+      var optDisabled = disabled || _typeof(opt) === "object" && opt.disabled;
+      // Per-option deterministic id. Uses the loop index so the
+      // value type (string, number, object) doesn't constrain the
+      // shape. Stable across renders for the same option list.
+      var helperId = helper ? "".concat(baseId, "-h-").concat(idx) : undefined;
+      var labelNode = helper ? /*#__PURE__*/_jsxs(Box, {
+        sx: {
+          display: "flex",
+          flexDirection: "column",
+          paddingY: 0.25
+        },
+        children: [/*#__PURE__*/_jsx(Box, {
+          component: "span",
+          sx: {
+            fontSize: "var(--text-sm)",
+            color: "var(--fg)"
+          },
+          children: lbl
+        }), /*#__PURE__*/_jsx(Box, {
+          id: helperId,
+          component: "span",
+          sx: {
+            fontSize: "var(--text-xs)",
+            color: "var(--fg-subtle)"
+          },
+          children: helper
+        })]
+      }) : lbl;
+      return /*#__PURE__*/_jsx(FormControlLabel, {
+        value: v,
+        disabled: optDisabled,
+        control: /*#__PURE__*/_jsx(MuiRadio, {
+          size: "small"
+          // MUI v9: aria-describedby routed through slotProps.input
+          // to land on the inner <input type="radio">, not on the
+          // root span. SR users hear the helper as a description
+          // when focusing the radio.
+          ,
+          slotProps: helperId ? {
+            input: {
+              "aria-describedby": helperId
+            }
+          } : undefined,
+          sx: {
+            padding: "6px",
+            "&:focus-visible": {
+              outline: "2px solid var(--accent)",
+              outlineOffset: "var(--pui-outline-offset)"
+            }
+          }
+        }),
+        label: labelNode,
+        sx: {
+          margin: 0,
+          alignItems: helper ? "flex-start" : "center",
+          "& .MuiFormControlLabel-label": {
+            fontSize: "var(--text-sm)"
+          }
+        }
+      }, v);
+    })
+  }));
+}
+export default Radio;
+//# sourceMappingURL=Radio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","names":["React","MuiRadio","MuiRadioGroup","FormControlLabel","Box","jsx","_jsx","jsxs","_jsxs","Radio","forwardRef","_ref","ref","checked","onChange","label","value","disabled","inputProps","sx","rest","_objectWithoutProperties","_excluded","radio","_objectSpread","size","slotProps","input","undefined","padding","outline","outlineOffset","control","margin","fontSize","RadioGroup","_ref2","_ref2$options","options","_ref2$row","row","_ref2$disabled","name","id","_excluded2","baseId","useId","_ref3","_fieldError","error","_fieldFullWidth","fullWidth","domRest","_excluded3","gap","children","map","opt","idx","v","lbl","helper","optDisabled","_typeof","helperId","concat","labelNode","display","flexDirection","paddingY","component","color","alignItems"],"sources":["../../../../src/lib/v2/components/Radio.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport MuiRadio from \"@mui/material/Radio\";\r\nimport type { RadioProps as MuiRadioProps } from \"@mui/material/Radio\";\r\nimport MuiRadioGroup from \"@mui/material/RadioGroup\";\r\nimport type { RadioGroupProps as MuiRadioGroupProps } from \"@mui/material/RadioGroup\";\r\nimport FormControlLabel from \"@mui/material/FormControlLabel\";\r\nimport Box from \"@mui/material/Box\";\r\n\r\n/**\r\n * Radio - Portnet UI v2\r\n *\r\n * Charter §03 · Component \"Radio\". Required by R-Sel.2 (2-3 options\r\n * -> Radio or Segmented).\r\n *\r\n * Low-level: a single controlled radio. For typical usage, prefer\r\n * <RadioGroup options={...}> below.\r\n *\r\n *   <Radio checked={v === \"a\"} onChange={() => setV(\"a\")} label=\"Option A\" value=\"a\" />\r\n *\r\n * MUI v9 surface notes (audit Batch 2 external):\r\n *   The public `inputProps` is routed internally to slotProps.input -\r\n *   MUI v9 idiomatic location for native <input type=\"radio\"/> attributes.\r\n *   `inputProps` was deprecated in v6 and REMOVED in v9, so it is no longer\r\n *   inherited from MuiRadioProps and must be re-declared here. Consumer code\r\n *   passing `inputProps={...}` to v2.Radio is unchanged.\r\n */\r\nexport interface RadioProps extends MuiRadioProps {\r\n  label?: React.ReactNode | undefined;\r\n  /** Native <input> attributes. Routed to slotProps.input (v9). */\r\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement> | undefined;\r\n}\r\n\r\nexport const Radio = React.forwardRef<React.ComponentRef<typeof MuiRadio>, RadioProps>(function Radio(\r\n  { checked, onChange, label, value, disabled, inputProps, sx, ...rest },\r\n  ref,\r\n) {\r\n  const radio = (\r\n    <MuiRadio\r\n      ref={ref}\r\n      checked={!!checked}\r\n      onChange={onChange}\r\n      value={value}\r\n      disabled={disabled}\r\n      size=\"small\"\r\n      // MUI v9: Radio inputProps -> slotProps.input (same migration class\r\n      // as Checkbox / Switch / NumberInput). Emitted conditionally so we\r\n      // don't pass `slotProps={{ input: undefined }}` when nothing is\r\n      // supplied.\r\n      slotProps={inputProps ? { input: inputProps } : undefined}\r\n      sx={{\r\n        padding: \"6px\",\r\n        \"&:focus-visible\": {\r\n          outline: \"2px solid var(--accent)\",\r\n          outlineOffset: \"var(--pui-outline-offset)\",\r\n        },\r\n        ...sx,\r\n      }}\r\n      {...rest}\r\n    />\r\n  );\r\n  if (!label) return radio;\r\n  return (\r\n    <FormControlLabel\r\n      control={radio}\r\n      label={label}\r\n      value={value}\r\n      disabled={disabled}\r\n      sx={{\r\n        margin: 0,\r\n        \"& .MuiFormControlLabel-label\": { fontSize: \"var(--text-sm, 13px)\" },\r\n      }}\r\n    />\r\n  );\r\n});\r\n\r\n/**\r\n * RadioGroup - Portnet UI v2\r\n *\r\n * Declarative group of radios taking an `options` array. Use inside\r\n * <Field> for label / hint / error / a11y wiring.\r\n *\r\n *   <Field label=\"Type d'opération\" required>\r\n *     <RadioGroup\r\n *       value={op}\r\n *       onChange={e => setOp(e.target.value)}\r\n *       options={[\r\n *         { value: \"import\", label: \"Importation\" },\r\n *         { value: \"export\", label: \"Exportation\" },\r\n *         { value: \"transit\", label: \"Transit\", helper: \"Marchandises en transit douanier\" },\r\n *       ]}\r\n *     />\r\n *   </Field>\r\n *\r\n * Layout:\r\n *   row={false} (default) -> vertical stack\r\n *   row={true}            -> horizontal (use only when labels are short)\r\n *\r\n * A11y (audit Batch 5, finding B3-3):\r\n *   When an option carries a `helper` text, RadioGroup wires it\r\n *   to the inner radio input via aria-describedby - SR users hear\r\n *   the helper alongside the label when navigating. Without this\r\n *   link the helper is purely visual.\r\n *\r\n * A11y (audit Batch 19, RG-1):\r\n *   Used inside <Field>, Field cloneElement-injects presentational /\r\n *   validation props onto this group. `error` and `fullWidth` are not valid\r\n *   on the role=\"radiogroup\" element (React emits \"non-boolean / unrecognized\r\n *   attribute\" warnings), so they are stripped before the spread. The aria-*\r\n *   (labelledby / describedby / invalid) and id that Field also injects stay\r\n *   valid on the group and are still forwarded.\r\n */\r\nexport interface RadioOption {\r\n  value: string | number;\r\n  label: React.ReactNode;\r\n  helper?: React.ReactNode | undefined;\r\n  disabled?: boolean | undefined;\r\n}\r\n\r\nexport type RadioGroupOption = string | RadioOption;\r\n\r\nexport interface RadioGroupProps extends Omit<MuiRadioGroupProps, \"value\" | \"children\"> {\r\n  value?: string | number | undefined;\r\n  options?: RadioGroupOption[] | undefined;\r\n  disabled?: boolean | undefined;\r\n}\r\n\r\nexport function RadioGroup({\r\n  value,\r\n  onChange,\r\n  options = [],\r\n  row = false,\r\n  disabled = false,\r\n  name,\r\n  id,\r\n  sx,\r\n  ...rest\r\n}: RadioGroupProps) {\r\n  // R-Ar.1 - stable, SSR-safe, per-instance base for option helper ids.\r\n  // Each option that exposes a `helper` derives a deterministic id from\r\n  // this base + its index, so the inner <input type=\"radio\">'s\r\n  // aria-describedby points at the right <Box> element.\r\n  const baseId = React.useId();\r\n\r\n  // RG-1 — Field cloneElement-injects presentational/validation props onto this\r\n  // child; `error` and `fullWidth` are not valid on the role=\"radiogroup\"\r\n  // element and would trigger React attribute warnings if forwarded. Strip just\r\n  // those two (object-rest omit); the aria-* / id Field also injects remain in\r\n  // `domRest` and stay valid on the group. Cast because these injected props\r\n  // are not part of RadioGroupProps.\r\n  const { error: _fieldError, fullWidth: _fieldFullWidth, ...domRest } =\r\n    rest as typeof rest & { error?: unknown; fullWidth?: unknown };\r\n\r\n  return (\r\n    <MuiRadioGroup\r\n      value={value ?? \"\"}\r\n      onChange={onChange}\r\n      row={row}\r\n      name={name}\r\n      id={id}\r\n      sx={{ gap: row ? 2 : 0.5, ...sx }}\r\n      {...domRest}\r\n    >\r\n      {options.map((opt, idx) => {\r\n        const v = typeof opt === \"string\" ? opt : opt.value;\r\n        const lbl = typeof opt === \"string\" ? opt : opt.label;\r\n        const helper = typeof opt === \"string\" ? null : opt.helper;\r\n        const optDisabled = disabled || (typeof opt === \"object\" && opt.disabled);\r\n        // Per-option deterministic id. Uses the loop index so the\r\n        // value type (string, number, object) doesn't constrain the\r\n        // shape. Stable across renders for the same option list.\r\n        const helperId = helper ? `${baseId}-h-${idx}` : undefined;\r\n        const labelNode = helper ? (\r\n          <Box sx={{ display: \"flex\", flexDirection: \"column\", paddingY: 0.25 }}>\r\n            <Box component=\"span\" sx={{ fontSize: \"var(--text-sm)\", color: \"var(--fg)\" }}>\r\n              {lbl}\r\n            </Box>\r\n            <Box\r\n              id={helperId}\r\n              component=\"span\"\r\n              sx={{ fontSize: \"var(--text-xs)\", color: \"var(--fg-subtle)\" }}\r\n            >\r\n              {helper}\r\n            </Box>\r\n          </Box>\r\n        ) : lbl;\r\n        return (\r\n          <FormControlLabel\r\n            key={v}\r\n            value={v}\r\n            disabled={optDisabled}\r\n            control={\r\n              <MuiRadio\r\n                size=\"small\"\r\n                // MUI v9: aria-describedby routed through slotProps.input\r\n                // to land on the inner <input type=\"radio\">, not on the\r\n                // root span. SR users hear the helper as a description\r\n                // when focusing the radio.\r\n                slotProps={helperId ? { input: { \"aria-describedby\": helperId } } : undefined}\r\n                sx={{\r\n                  padding: \"6px\",\r\n                  \"&:focus-visible\": {\r\n                    outline: \"2px solid var(--accent)\",\r\n                    outlineOffset: \"var(--pui-outline-offset)\",\r\n                  },\r\n                }}\r\n              />\r\n            }\r\n            label={labelNode}\r\n            sx={{\r\n              margin: 0,\r\n              alignItems: helper ? \"flex-start\" : \"center\",\r\n              \"& .MuiFormControlLabel-label\": { fontSize: \"var(--text-sm)\" },\r\n            }}\r\n          />\r\n        );\r\n      })}\r\n    </MuiRadioGroup>\r\n  );\r\n}\r\n\r\nexport default Radio;\r\n"],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,QAAQ,MAAM,qBAAqB;AAE1C,OAAOC,aAAa,MAAM,0BAA0B;AAEpD,OAAOC,gBAAgB,MAAM,gCAAgC;AAC7D,OAAOC,GAAG,MAAM,mBAAmB;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAjBA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAwBA,OAAO,IAAMC,KAAK,gBAAGT,KAAK,CAACU,UAAU,CAAkD,SAASD,KAAKA,CAAAE,IAAA,EAEnGC,GAAG,EACH;EAAA,IAFEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAEC,UAAU,GAAAP,IAAA,CAAVO,UAAU;IAAEC,EAAE,GAAAR,IAAA,CAAFQ,EAAE;IAAKC,IAAI,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA;EAGpE,IAAMC,KAAK,gBACTjB,IAAA,CAACL,QAAQ,EAAAuB,aAAA;IACPZ,GAAG,EAAEA,GAAI;IACTC,OAAO,EAAE,CAAC,CAACA,OAAQ;IACnBC,QAAQ,EAAEA,QAAS;IACnBE,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBQ,IAAI,EAAC;IACL;IACA;IACA;IACA;IAAA;IACAC,SAAS,EAAER,UAAU,GAAG;MAAES,KAAK,EAAET;IAAW,CAAC,GAAGU,SAAU;IAC1DT,EAAE,EAAAK,aAAA;MACAK,OAAO,EAAE,KAAK;MACd,iBAAiB,EAAE;QACjBC,OAAO,EAAE,yBAAyB;QAClCC,aAAa,EAAE;MACjB;IAAC,GACEZ,EAAE;EACL,GACEC,IAAI,CACT,CACF;EACD,IAAI,CAACL,KAAK,EAAE,OAAOQ,KAAK;EACxB,oBACEjB,IAAA,CAACH,gBAAgB;IACf6B,OAAO,EAAET,KAAM;IACfR,KAAK,EAAEA,KAAM;IACbC,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBE,EAAE,EAAE;MACFc,MAAM,EAAE,CAAC;MACT,8BAA8B,EAAE;QAAEC,QAAQ,EAAE;MAAuB;IACrE;EAAE,CACH,CAAC;AAEN,CAAC,CAAC;;AAEF;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;;AAgBA,OAAO,SAASC,UAAUA,CAAAC,KAAA,EAUN;EAAA,IATlBpB,KAAK,GAAAoB,KAAA,CAALpB,KAAK;IACLF,QAAQ,GAAAsB,KAAA,CAARtB,QAAQ;IAAAuB,aAAA,GAAAD,KAAA,CACRE,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAG,EAAE,GAAAA,aAAA;IAAAE,SAAA,GAAAH,KAAA,CACZI,GAAG;IAAHA,GAAG,GAAAD,SAAA,cAAG,KAAK,GAAAA,SAAA;IAAAE,cAAA,GAAAL,KAAA,CACXnB,QAAQ;IAARA,QAAQ,GAAAwB,cAAA,cAAG,KAAK,GAAAA,cAAA;IAChBC,IAAI,GAAAN,KAAA,CAAJM,IAAI;IACJC,EAAE,GAAAP,KAAA,CAAFO,EAAE;IACFxB,EAAE,GAAAiB,KAAA,CAAFjB,EAAE;IACCC,IAAI,GAAAC,wBAAA,CAAAe,KAAA,EAAAQ,UAAA;EAEP;EACA;EACA;EACA;EACA,IAAMC,MAAM,GAAG7C,KAAK,CAAC8C,KAAK,CAAC,CAAC;;EAE5B;EACA;EACA;EACA;EACA;EACA;EACA,IAAAC,KAAA,GACE3B,IAAI;IADS4B,WAAW,GAAAD,KAAA,CAAlBE,KAAK;IAA0BC,eAAe,GAAAH,KAAA,CAA1BI,SAAS;IAAsBC,OAAO,GAAA/B,wBAAA,CAAA0B,KAAA,EAAAM,UAAA;EAGlE,oBACE/C,IAAA,CAACJ,aAAa,EAAAsB,aAAA,CAAAA,aAAA;IACZR,KAAK,EAAEA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAG;IACnBF,QAAQ,EAAEA,QAAS;IACnB0B,GAAG,EAAEA,GAAI;IACTE,IAAI,EAAEA,IAAK;IACXC,EAAE,EAAEA,EAAG;IACPxB,EAAE,EAAAK,aAAA;MAAI8B,GAAG,EAAEd,GAAG,GAAG,CAAC,GAAG;IAAG,GAAKrB,EAAE;EAAG,GAC9BiC,OAAO;IAAAG,QAAA,EAEVjB,OAAO,CAACkB,GAAG,CAAC,UAACC,GAAG,EAAEC,GAAG,EAAK;MACzB,IAAMC,CAAC,GAAG,OAAOF,GAAG,KAAK,QAAQ,GAAGA,GAAG,GAAGA,GAAG,CAACzC,KAAK;MACnD,IAAM4C,GAAG,GAAG,OAAOH,GAAG,KAAK,QAAQ,GAAGA,GAAG,GAAGA,GAAG,CAAC1C,KAAK;MACrD,IAAM8C,MAAM,GAAG,OAAOJ,GAAG,KAAK,QAAQ,GAAG,IAAI,GAAGA,GAAG,CAACI,MAAM;MAC1D,IAAMC,WAAW,GAAG7C,QAAQ,IAAK8C,OAAA,CAAON,GAAG,MAAK,QAAQ,IAAIA,GAAG,CAACxC,QAAS;MACzE;MACA;MACA;MACA,IAAM+C,QAAQ,GAAGH,MAAM,MAAAI,MAAA,CAAMpB,MAAM,SAAAoB,MAAA,CAAMP,GAAG,IAAK9B,SAAS;MAC1D,IAAMsC,SAAS,GAAGL,MAAM,gBACtBrD,KAAA,CAACJ,GAAG;QAACe,EAAE,EAAE;UAAEgD,OAAO,EAAE,MAAM;UAAEC,aAAa,EAAE,QAAQ;UAAEC,QAAQ,EAAE;QAAK,CAAE;QAAAd,QAAA,gBACpEjD,IAAA,CAACF,GAAG;UAACkE,SAAS,EAAC,MAAM;UAACnD,EAAE,EAAE;YAAEe,QAAQ,EAAE,gBAAgB;YAAEqC,KAAK,EAAE;UAAY,CAAE;UAAAhB,QAAA,EAC1EK;QAAG,CACD,CAAC,eACNtD,IAAA,CAACF,GAAG;UACFuC,EAAE,EAAEqB,QAAS;UACbM,SAAS,EAAC,MAAM;UAChBnD,EAAE,EAAE;YAAEe,QAAQ,EAAE,gBAAgB;YAAEqC,KAAK,EAAE;UAAmB,CAAE;UAAAhB,QAAA,EAE7DM;QAAM,CACJ,CAAC;MAAA,CACH,CAAC,GACJD,GAAG;MACP,oBACEtD,IAAA,CAACH,gBAAgB;QAEfa,KAAK,EAAE2C,CAAE;QACT1C,QAAQ,EAAE6C,WAAY;QACtB9B,OAAO,eACL1B,IAAA,CAACL,QAAQ;UACPwB,IAAI,EAAC;UACL;UACA;UACA;UACA;UAAA;UACAC,SAAS,EAAEsC,QAAQ,GAAG;YAAErC,KAAK,EAAE;cAAE,kBAAkB,EAAEqC;YAAS;UAAE,CAAC,GAAGpC,SAAU;UAC9ET,EAAE,EAAE;YACFU,OAAO,EAAE,KAAK;YACd,iBAAiB,EAAE;cACjBC,OAAO,EAAE,yBAAyB;cAClCC,aAAa,EAAE;YACjB;UACF;QAAE,CACH,CACF;QACDhB,KAAK,EAAEmD,SAAU;QACjB/C,EAAE,EAAE;UACFc,MAAM,EAAE,CAAC;UACTuC,UAAU,EAAEX,MAAM,GAAG,YAAY,GAAG,QAAQ;UAC5C,8BAA8B,EAAE;YAAE3B,QAAQ,EAAE;UAAiB;QAC/D;MAAE,GAzBGyB,CA0BN,CAAC;IAEN,CAAC;EAAC,EACW,CAAC;AAEpB;AAEA,eAAelD,KAAK","ignoreList":[]}

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