@portnet/ui 6.0.1 → 6.0.3

package/dist/v2/components/MobileRowCard.js

@@ -3,21 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _OverflowMenu = _interopRequireDefault(require("./OverflowMenu"));
 var _KV = _interopRequireDefault(require("./KV"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
  * MobileRowCard - Portnet UI v2
  *
  * Canonical card layout for the DataGrid mobile card view (R1 mobile,
@@ -117,14 +111,13 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
  *   etc.) and passing nodes lets them keep their existing chip type
  *   without translating to a generic schema. We just lay them out
  *   in a wrapping row.
- */
-var CARD_INNER_SX = Object.freeze({
+ */const CARD_INNER_SX = Object.freeze({
   display: "flex",
   flexDirection: "column",
   gap: "var(--s-2)",
   padding: "var(--s-3)"
 });
-var HEADER_SX = Object.freeze({
+const HEADER_SX = Object.freeze({
   display: "flex",
   alignItems: "flex-start",
   justifyContent: "space-between",
@@ -134,19 +127,19 @@ var HEADER_SX = Object.freeze({
 /* Groups `leading` + title on the left of the header so the kebab keeps its
  * space-between position. `minWidth: 0` is what lets the title's ellipsis
  * actually engage inside a flex child. */
-var HEADER_MAIN_SX = Object.freeze({
+const HEADER_MAIN_SX = Object.freeze({
   display: "flex",
   alignItems: "center",
   gap: "var(--s-2)",
   minWidth: 0,
   flex: 1
 });
-var LEADING_SX = Object.freeze({
+const LEADING_SX = Object.freeze({
   display: "inline-flex",
   alignItems: "center",
   flexShrink: 0
 });
-var TITLE_BASE_SX = Object.freeze({
+const TITLE_BASE_SX = Object.freeze({
   fontWeight: "var(--fw-semibold)",
   fontSize: "var(--text-sm)",
   color: "var(--fg)",
@@ -156,23 +149,24 @@ var TITLE_BASE_SX = Object.freeze({
   textOverflow: "ellipsis",
   whiteSpace: "nowrap"
 });
-var TITLE_MONO_SX = Object.freeze(_objectSpread(_objectSpread({}, TITLE_BASE_SX), {}, {
+const TITLE_MONO_SX = Object.freeze({
+  ...TITLE_BASE_SX,
   fontFamily: "var(--font-mono)"
-}));
-var SUBTITLE_SX = Object.freeze({
+});
+const SUBTITLE_SX = Object.freeze({
   fontSize: "var(--text-sm)",
   color: "var(--fg-muted)",
   overflow: "hidden",
   textOverflow: "ellipsis",
   whiteSpace: "nowrap"
 });
-var CHIPS_SX = Object.freeze({
+const CHIPS_SX = Object.freeze({
   display: "flex",
   alignItems: "center",
   gap: "var(--s-1)",
   flexWrap: "wrap"
 });
-var META_SX = Object.freeze({
+const META_SX = Object.freeze({
   fontSize: "var(--text-xs)",
   color: "var(--fg-subtle)"
 });
@@ -181,7 +175,7 @@ var META_SX = Object.freeze({
  * a single column would be more readable, but 320px is the Charter's narrowest
  * supported breakpoint (§07.2 xs) and two columns still fit there. Matches the
  * MOBILE_CARD_KV_SX both modules converged on independently. */
-var KV_GRID_SX = Object.freeze({
+const KV_GRID_SX = Object.freeze({
   display: "grid",
   gridTemplateColumns: "1fr 1fr",
   gap: "var(--s-2)"
@@ -190,7 +184,7 @@ var KV_GRID_SX = Object.freeze({
 /* Right cluster of the header row: [trailing] then the kebab. One shared
  * wrapper so a card can carry both a visible action and an overflow menu, and
  * so propagation is stopped once for the whole interactive cluster. */
-var HEADER_END_SX = Object.freeze({
+const HEADER_END_SX = Object.freeze({
   display: "inline-flex",
   alignItems: "center",
   gap: "var(--s-1)",
@@ -199,70 +193,66 @@ var HEADER_END_SX = Object.freeze({
 
 /** One label/value pair in the card's `kv` grid. Mirrors v2.KV's own props. */
 
-function MobileRowCard(_ref) {
-  var leading = _ref.leading,
-    trailing = _ref.trailing,
-    title = _ref.title,
-    _ref$titleMono = _ref.titleMono,
-    titleMono = _ref$titleMono === void 0 ? false : _ref$titleMono,
-    subtitle = _ref.subtitle,
-    chips = _ref.chips,
-    kv = _ref.kv,
-    meta = _ref.meta,
-    actions = _ref.actions,
-    actionsAriaLabel = _ref.actionsAriaLabel;
+function MobileRowCard({
+  leading,
+  trailing,
+  title,
+  titleMono = false,
+  subtitle,
+  chips,
+  kv,
+  meta,
+  actions,
+  /* No default — see the prop's doc comment. Forwarded only when the host
+   * supplies one, so OverflowMenu's own default applies otherwise. */
+  actionsAriaLabel
+}) {
   // Filter out divider entries (OverflowMenu separator marks) and
   // null/undefined actions so the kebab only renders when there is
   // at least one real action available.
-  var visibleActions = React.useMemo(function () {
+  const visibleActions = React.useMemo(() => {
     if (!Array.isArray(actions)) return [];
-    return actions.filter(function (a) {
-      return a && !a.divider;
-    });
+    return actions.filter(a => a && !a.divider);
   }, [actions]);
-  var visibleChips = React.useMemo(function () {
+  const visibleChips = React.useMemo(() => {
     if (!Array.isArray(chips)) return [];
     return chips.filter(Boolean);
   }, [chips]);
-  var metaParts = React.useMemo(function () {
+  const metaParts = React.useMemo(() => {
     if (!Array.isArray(meta)) return [];
-    return meta.filter(function (p) {
-      return p != null && p !== "";
-    });
+    return meta.filter(p => p != null && p !== "");
   }, [meta]);
 
   /* Only `label` is required — a pair with an empty value is kept on purpose so
    * KV renders its "—" placeholder and the grid keeps its shape across rows.
    * Entries missing a label are dropped: KV would emit an empty eyebrow and an
    * aria-labelledby pointing at nothing. */
-  var kvPairs = React.useMemo(function () {
+  const kvPairs = React.useMemo(() => {
     if (!Array.isArray(kv)) return [];
-    return kv.filter(function (p) {
-      return p != null && p.label != null && p.label !== "";
-    });
+    return kv.filter(p => p != null && p.label != null && p.label !== "");
   }, [kv]);
-  var hasActions = visibleActions.length > 0;
-  var hasTitle = title != null && title !== "";
-  var hasLeading = leading != null && leading !== "";
-  var hasTrailing = trailing != null && trailing !== "";
-  var hasHeader = hasTitle || hasActions || hasLeading || hasTrailing;
-  var hasSubtitle = subtitle != null && subtitle !== "";
+  const hasActions = visibleActions.length > 0;
+  const hasTitle = title != null && title !== "";
+  const hasLeading = leading != null && leading !== "";
+  const hasTrailing = trailing != null && trailing !== "";
+  const hasHeader = hasTitle || hasActions || hasLeading || hasTrailing;
+  const hasSubtitle = subtitle != null && subtitle !== "";
 
   // Title attribute (native hover tooltip) is set only when the value
   // is a string — wrapping a React node yields a "[object Object]"
   // tooltip which is worse than no tooltip.
-  var titleAttr = typeof title === "string" ? title : undefined;
-  var subtitleAttr = typeof subtitle === "string" ? subtitle : undefined;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+  const titleAttr = typeof title === "string" ? title : undefined;
+  const subtitleAttr = typeof subtitle === "string" ? subtitle : undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
     sx: CARD_INNER_SX,
-    children: [hasHeader && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+    children: [hasHeader && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
       sx: HEADER_SX,
-      children: [(hasLeading || hasTitle) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+      children: [(hasLeading || hasTitle) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
         sx: HEADER_MAIN_SX,
-        children: [hasLeading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+        children: [hasLeading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
           sx: LEADING_SX,
           children: leading
-        }), hasTitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+        }), hasTitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
           sx: titleMono ? TITLE_MONO_SX : TITLE_BASE_SX,
           title: titleAttr,
           children: title
@@ -273,49 +263,47 @@ function MobileRowCard(_ref) {
       // mobile card wrapper). Stop propagation on the whole
       // interactive cluster so firing a visible action, or opening
       // the kebab, doesn't also fire onRowClick.
-      (0, _jsxRuntime.jsxs)(_Box["default"], {
+      (0, _jsxRuntime.jsxs)(_Box.default, {
         sx: HEADER_END_SX,
-        onClick: function onClick(e) {
-          return e.stopPropagation();
-        },
-        onKeyDown: function onKeyDown(e) {
-          return e.stopPropagation();
-        },
-        children: [hasTrailing && trailing, hasActions && /*#__PURE__*/(0, _jsxRuntime.jsx)(_OverflowMenu["default"], _objectSpread(_objectSpread({}, actionsAriaLabel !== undefined ? {
-          ariaLabel: actionsAriaLabel
-        } : {}), actions !== undefined ? {
-          actions: actions
-        } : {}))]
+        onClick: e => e.stopPropagation(),
+        onKeyDown: e => e.stopPropagation(),
+        children: [hasTrailing && trailing, hasActions && /*#__PURE__*/(0, _jsxRuntime.jsx)(_OverflowMenu.default, {
+          ...(actionsAriaLabel !== undefined ? {
+            ariaLabel: actionsAriaLabel
+          } : {}),
+          ...(actions !== undefined ? {
+            actions
+          } : {})
+        })]
       })]
-    }), hasSubtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+    }), hasSubtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       sx: SUBTITLE_SX,
       title: subtitleAttr,
       children: subtitle
-    }), visibleChips.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+    }), visibleChips.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       sx: CHIPS_SX,
-      children: visibleChips.map(function (c, i) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
-          children: c
-        }, i);
-      })
-    }), kvPairs.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      children: visibleChips.map((c, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
+        children: c
+      }, i))
+    }), kvPairs.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       sx: KV_GRID_SX,
-      children: kvPairs.map(function (pair, i) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_KV["default"], _objectSpread(_objectSpread(_objectSpread({
-          label: pair.label
-        }, pair.value !== undefined ? {
+      children: kvPairs.map((pair, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_KV.default, {
+        label: pair.label,
+        ...(pair.value !== undefined ? {
           value: pair.value
-        } : {}), pair.mono !== undefined ? {
+        } : {}),
+        ...(pair.mono !== undefined ? {
           mono: pair.mono
-        } : {}), pair.fallback !== undefined ? {
+        } : {}),
+        ...(pair.fallback !== undefined ? {
           fallback: pair.fallback
-        } : {}), i);
-      })
-    }), metaParts.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+        } : {})
+      }, i))
+    }), metaParts.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       sx: META_SX,
       children: metaParts.join(" · ")
     })]
   });
 }
-var _default = exports["default"] = MobileRowCard;
+var _default = exports.default = MobileRowCard;
 //# sourceMappingURL=MobileRowCard.js.map

package/dist/v2/components/MobileRowCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileRowCard.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_OverflowMenu","_KV","_jsxRuntime","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Symbol","iterator","constructor","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","TypeError","Number","CARD_INNER_SX","freeze","display","flexDirection","gap","padding","HEADER_SX","alignItems","justifyContent","HEADER_MAIN_SX","minWidth","flex","LEADING_SX","flexShrink","TITLE_BASE_SX","fontWeight","fontSize","color","overflow","textOverflow","whiteSpace","TITLE_MONO_SX","fontFamily","SUBTITLE_SX","CHIPS_SX","flexWrap","META_SX","KV_GRID_SX","gridTemplateColumns","HEADER_END_SX","MobileRowCard","_ref","leading","trailing","title","_ref$titleMono","titleMono","subtitle","chips","kv","meta","actions","actionsAriaLabel","visibleActions","useMemo","Array","isArray","a","divider","visibleChips","Boolean","metaParts","p","kvPairs","label","hasActions","hasTitle","hasLeading","hasTrailing","hasHeader","hasSubtitle","titleAttr","subtitleAttr","jsxs","sx","children","jsx","onClick","e","stopPropagation","onKeyDown","ariaLabel","map","c","Fragment","pair","mono","fallback","join","_default","exports"],"sources":["../../../src/lib/v2/components/MobileRowCard.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport OverflowMenu from \"./OverflowMenu\";\r\nimport type { OverflowMenuAction } from \"./OverflowMenu\";\r\nimport KV from \"./KV\";\r\n\r\n/**\r\n * MobileRowCard - Portnet UI v2\r\n *\r\n * Canonical card layout for the DataGrid mobile card view (R1 mobile,\r\n * lib commit \"feat(DataGrid): R1 mobile - opt-in card view\"). Used\r\n * inside DataGrid's renderMobileCard prop to centralise the visual\r\n * rhythm across modules.\r\n *\r\n *   <DataGrid\r\n *     renderMobileCard={(row) => (\r\n *       <MobileRowCard\r\n *         title={row.reference}\r\n *         titleMono\r\n *         subtitle={row.importer?.description}\r\n *         chips={[\r\n *           <StatutAutorisationChip code={row.statutAutorisation} />,\r\n *           <StatutUtilisationChip code={row.statutUtilisation} />,\r\n *         ]}\r\n *         meta={[\r\n *           `Émise ${formatDate(row.dateIssue)}`,\r\n *           `Fin ${formatDate(row.dateFinValidite)}`,\r\n *         ]}\r\n *         actions={buildRowActions(row)}\r\n *         actionsAriaLabel={`Actions pour ${row.reference}`}\r\n *       />\r\n *     )}\r\n *     ...\r\n *   />\r\n *\r\n * Layout (top to bottom, each line conditional on its prop):\r\n *   1. Header row: [leading] + title (truncate, optional mono) + [trailing] + OverflowMenu kebab\r\n *   2. Subtitle line: muted, single-line truncate\r\n *   3. Chips row: wrapping flexbox for status chips\r\n *   4. KV grid: two-column label/value pairs (see `kv`)\r\n *   5. Meta line: secondary scalars joined with \" · \"\r\n *\r\n * All props are optional; the component renders only the lines\r\n * that have content, with no empty placeholder boxes.\r\n *\r\n * `kv` vs `meta` — pick by whether the reader needs the label.\r\n *   meta  → self-evident scalars, joined label-less: \"12/05/2026 · 3 pièces\"\r\n *   kv    → values that are meaningless unaccompanied (\"SOFRANE SA\",\r\n *           \"Casablanca\", \"Tissus\") — rendered as a 2-column grid of v2.KV\r\n *\r\n * `kv` exists because every listing in ms-dfd-fe and ms-ti-fe independently\r\n * built header + labelled-KV-grid cards with a local MOBILE_CARD_KV_SX,\r\n * bypassing this component entirely — nine sites across two modules. `meta`\r\n * could not absorb them: joining five labelled pairs into one \" · \" string\r\n * loses the labels, and on a phone those labels are what make the values\r\n * interpretable (Nielsen #6, recognition over recall). Each pair renders\r\n * through v2.KV, so label/value stay paired for screen readers via\r\n * aria-labelledby, and empty values fall back to KV's own \"—\" rather than each\r\n * host writing `?? \"-\"`.\r\n *\r\n *   <MobileRowCard\r\n *     leading={<FavoriteToggle ... />}\r\n *     title={row.num} titleMono\r\n *     chips={[<Status kind={...} label={row.etat} />]}\r\n *     kv={[\r\n *       { label: \"Catégorie\",   value: row.categorie },\r\n *       { label: \"Importateur\", value: row.importateur },\r\n *       { label: \"Référence\",   value: row.ref, mono: true },\r\n *     ]}\r\n *   />\r\n *\r\n * `leading` — a slot BEFORE the title, inside the header row, vertically\r\n * centred against it and never shrinking. Added for the listing favourite\r\n * star, which hosts previously could not place inside the card and therefore\r\n * hand-rolled the whole card layout instead:\r\n *\r\n *   <MobileRowCard\r\n *     leading={<FavoriteToggle pressed={isFavorite} size=\"sm\" onChange={...} />}\r\n *     title={row.reference}\r\n *     titleMono\r\n *   />\r\n *\r\n * PROPAGATION — deliberate asymmetry with the kebab. The kebab wrapper stops\r\n * click/keydown itself, because opening a menu must never also fire the card's\r\n * onRowClick. `leading` does NOT: a decorative leading node (icon, avatar)\r\n * should still open the row like the rest of the card, and silently swallowing\r\n * that would be the more surprising default. Interactive leading content is\r\n * therefore responsible for stopping propagation in its own handlers — exactly\r\n * as DataGrid's own FavoriteCell does. Get this wrong and a tap both toggles\r\n * the star and opens the drawer.\r\n *\r\n * Charter §02.3 — spacing: --s-2 gap between lines, --s-3 padding.\r\n * Charter §02.2 — typography:\r\n *   - title: text-sm semibold (text-mono variant if titleMono)\r\n *   - subtitle: text-sm fg-muted\r\n *   - meta: text-xs fg-subtle\r\n * Charter §05 — a11y: kebab has its own aria-label; the card-level\r\n *   click wiring (role=button, tabIndex, Enter/Space) is owned by\r\n *   DataGrid's mobile card wrapper. This component just renders the\r\n *   contents.\r\n *\r\n * Why chips are NODES (not objects):\r\n *   Hosts have specialised chip components (StatutAutorisationChip\r\n *   etc.) and passing nodes lets them keep their existing chip type\r\n *   without translating to a generic schema. We just lay them out\r\n *   in a wrapping row.\r\n */\r\n\r\nconst CARD_INNER_SX = Object.freeze({\r\n  display: \"flex\",\r\n  flexDirection: \"column\",\r\n  gap: \"var(--s-2)\",\r\n  padding: \"var(--s-3)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst HEADER_SX = Object.freeze({\r\n  display: \"flex\",\r\n  alignItems: \"flex-start\",\r\n  justifyContent: \"space-between\",\r\n  gap: \"var(--s-2)\",\r\n} satisfies SxProps<Theme>);\r\n\r\n/* Groups `leading` + title on the left of the header so the kebab keeps its\r\n * space-between position. `minWidth: 0` is what lets the title's ellipsis\r\n * actually engage inside a flex child. */\r\nconst HEADER_MAIN_SX = Object.freeze({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-2)\",\r\n  minWidth: 0,\r\n  flex: 1,\r\n} satisfies SxProps<Theme>);\r\n\r\nconst LEADING_SX = Object.freeze({\r\n  display: \"inline-flex\",\r\n  alignItems: \"center\",\r\n  flexShrink: 0,\r\n} satisfies SxProps<Theme>);\r\n\r\nconst TITLE_BASE_SX = Object.freeze({\r\n  fontWeight: \"var(--fw-semibold)\",\r\n  fontSize: \"var(--text-sm)\",\r\n  color: \"var(--fg)\",\r\n  minWidth: 0,\r\n  flex: 1,\r\n  overflow: \"hidden\",\r\n  textOverflow: \"ellipsis\",\r\n  whiteSpace: \"nowrap\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst TITLE_MONO_SX = Object.freeze({\r\n  ...TITLE_BASE_SX,\r\n  fontFamily: \"var(--font-mono)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst SUBTITLE_SX = Object.freeze({\r\n  fontSize: \"var(--text-sm)\",\r\n  color: \"var(--fg-muted)\",\r\n  overflow: \"hidden\",\r\n  textOverflow: \"ellipsis\",\r\n  whiteSpace: \"nowrap\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst CHIPS_SX = Object.freeze({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-1)\",\r\n  flexWrap: \"wrap\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst META_SX = Object.freeze({\r\n  fontSize: \"var(--text-xs)\",\r\n  color: \"var(--fg-subtle)\",\r\n});\r\n\r\n/* Two columns at every phone width. Deliberately not responsive: below ~320px\r\n * a single column would be more readable, but 320px is the Charter's narrowest\r\n * supported breakpoint (§07.2 xs) and two columns still fit there. Matches the\r\n * MOBILE_CARD_KV_SX both modules converged on independently. */\r\nconst KV_GRID_SX = Object.freeze({\r\n  display: \"grid\",\r\n  gridTemplateColumns: \"1fr 1fr\",\r\n  gap: \"var(--s-2)\",\r\n} satisfies SxProps<Theme>);\r\n\r\n/* Right cluster of the header row: [trailing] then the kebab. One shared\r\n * wrapper so a card can carry both a visible action and an overflow menu, and\r\n * so propagation is stopped once for the whole interactive cluster. */\r\nconst HEADER_END_SX = Object.freeze({\r\n  display: \"inline-flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-1)\",\r\n  flexShrink: 0,\r\n} satisfies SxProps<Theme>);\r\n\r\n/** One label/value pair in the card's `kv` grid. Mirrors v2.KV's own props. */\r\nexport interface MobileRowCardKV {\r\n  label: React.ReactNode;\r\n  value?: React.ReactNode | undefined;\r\n  /** Tabular-nums monospace — for references, IDs, amounts. */\r\n  mono?: boolean | undefined;\r\n  /** Overrides KV's default \"—\" when the value is null/undefined/\"\". */\r\n  fallback?: React.ReactNode | undefined;\r\n}\r\n\r\nexport interface MobileRowCardProps {\r\n  /** Slot before the title (favourite toggle, icon, avatar). Interactive\r\n   *  content must stop propagation itself — see the propagation note above. */\r\n  leading?: React.ReactNode | undefined;\r\n  /**\r\n   * Slot at the END of the header row — the VISIBLE counterpart of `actions`.\r\n   *\r\n   * `actions` collapses into a kebab, which is right for a listing's secondary\r\n   * verbs and wrong when the action IS the point of the row: a picker modal's\r\n   * \"Choisir\" button is the only way to select a row on a phone, and burying it\r\n   * behind \"…\" turns one tap into two. Six sites across ms-dfd-fe and ms-ti-fe\r\n   * hand-rolled the entire card layout rather than accept that, which is what\r\n   * this slot exists to end.\r\n   *\r\n   * Renders before the kebab; both may be present.\r\n   *\r\n   * PROPAGATION — unlike `leading`, `trailing` shares the kebab's wrapper and\r\n   * therefore DOES stop click/keydown. Its declared purpose is interactive\r\n   * actions, and a tap that both fires the action and opens the row is the more\r\n   * damaging default. Decorative content belongs in `leading`.\r\n   */\r\n  trailing?: React.ReactNode | undefined;\r\n  title?: React.ReactNode | undefined;\r\n  titleMono?: boolean | undefined;\r\n  subtitle?: React.ReactNode | undefined;\r\n  chips?: React.ReactNode[] | undefined;\r\n  /** Labelled pairs rendered as a 2-column v2.KV grid. See `kv` vs `meta`. */\r\n  kv?: MobileRowCardKV[] | undefined;\r\n  meta?: React.ReactNode[] | undefined;\r\n  actions?: OverflowMenuAction[] | undefined;\r\n  /**\r\n   * Accessible name for the kebab trigger.\r\n   *\r\n   * NO DEFAULT ON PURPOSE. This used to default to the literal \"Actions\",\r\n   * which was then passed to OverflowMenu's `ariaLabel` — and `ariaLabel`\r\n   * WINS over `labels.trigger`, so the card silently overrode the design\r\n   * system's own canonical trigger name (\"Plus d'actions\", OverflowMenu\r\n   * DEFAULT_LABELS). Result: every kebab in the fleet announced « Plus\r\n   * d'actions » except the ones inside a mobile row card, which announced the\r\n   * vaguer « Actions » — an inter-module naming inconsistency (Charter P2 /\r\n   * R-2.4 : « un même concept = un même libellé partout »).\r\n   *\r\n   * Leaving it undefined lets OverflowMenu apply its own default. Hosts\r\n   * SHOULD still pass a contextual name (« Actions pour 2025-IM-0042 »), which\r\n   * is strictly better than either default for screen-reader users scanning a\r\n   * list of cards.\r\n   */\r\n  actionsAriaLabel?: string | undefined;\r\n}\r\n\r\nfunction MobileRowCard({\r\n  leading,\r\n  trailing,\r\n  title,\r\n  titleMono = false,\r\n  subtitle,\r\n  chips,\r\n  kv,\r\n  meta,\r\n  actions,\r\n  /* No default — see the prop's doc comment. Forwarded only when the host\r\n   * supplies one, so OverflowMenu's own default applies otherwise. */\r\n  actionsAriaLabel,\r\n}: MobileRowCardProps) {\r\n  // Filter out divider entries (OverflowMenu separator marks) and\r\n  // null/undefined actions so the kebab only renders when there is\r\n  // at least one real action available.\r\n  const visibleActions = React.useMemo(() => {\r\n    if (!Array.isArray(actions)) return [];\r\n    return actions.filter((a) => a && !a.divider);\r\n  }, [actions]);\r\n\r\n  const visibleChips = React.useMemo(() => {\r\n    if (!Array.isArray(chips)) return [];\r\n    return chips.filter(Boolean);\r\n  }, [chips]);\r\n\r\n  const metaParts = React.useMemo(() => {\r\n    if (!Array.isArray(meta)) return [];\r\n    return meta.filter((p) => p != null && p !== \"\");\r\n  }, [meta]);\r\n\r\n  /* Only `label` is required — a pair with an empty value is kept on purpose so\r\n   * KV renders its \"—\" placeholder and the grid keeps its shape across rows.\r\n   * Entries missing a label are dropped: KV would emit an empty eyebrow and an\r\n   * aria-labelledby pointing at nothing. */\r\n  const kvPairs = React.useMemo(() => {\r\n    if (!Array.isArray(kv)) return [];\r\n    return kv.filter((p) => p != null && p.label != null && p.label !== \"\");\r\n  }, [kv]);\r\n\r\n  const hasActions = visibleActions.length > 0;\r\n  const hasTitle = title != null && title !== \"\";\r\n  const hasLeading = leading != null && leading !== \"\";\r\n  const hasTrailing = trailing != null && trailing !== \"\";\r\n  const hasHeader = hasTitle || hasActions || hasLeading || hasTrailing;\r\n  const hasSubtitle = subtitle != null && subtitle !== \"\";\r\n\r\n  // Title attribute (native hover tooltip) is set only when the value\r\n  // is a string — wrapping a React node yields a \"[object Object]\"\r\n  // tooltip which is worse than no tooltip.\r\n  const titleAttr = typeof title === \"string\" ? title : undefined;\r\n  const subtitleAttr =\r\n    typeof subtitle === \"string\" ? subtitle : undefined;\r\n\r\n  return (\r\n    <Box sx={CARD_INNER_SX}>\r\n      {hasHeader && (\r\n        <Box sx={HEADER_SX}>\r\n          {(hasLeading || hasTitle) && (\r\n            <Box sx={HEADER_MAIN_SX}>\r\n              {hasLeading && <Box sx={LEADING_SX}>{leading}</Box>}\r\n              {hasTitle && (\r\n                <Box\r\n                  sx={titleMono ? TITLE_MONO_SX : TITLE_BASE_SX}\r\n                  title={titleAttr}\r\n                >\r\n                  {title}\r\n                </Box>\r\n              )}\r\n            </Box>\r\n          )}\r\n          {(hasTrailing || hasActions) && (\r\n            // The card itself is the click target (wired by DataGrid's\r\n            // mobile card wrapper). Stop propagation on the whole\r\n            // interactive cluster so firing a visible action, or opening\r\n            // the kebab, doesn't also fire onRowClick.\r\n            <Box\r\n              sx={HEADER_END_SX}\r\n              onClick={(e) => e.stopPropagation()}\r\n              onKeyDown={(e) => e.stopPropagation()}\r\n            >\r\n              {hasTrailing && trailing}\r\n              {hasActions && (\r\n                <OverflowMenu\r\n                  {...(actionsAriaLabel !== undefined ? { ariaLabel: actionsAriaLabel } : {})}\r\n                  {...(actions !== undefined ? { actions } : {})}\r\n                />\r\n              )}\r\n            </Box>\r\n          )}\r\n        </Box>\r\n      )}\r\n      {hasSubtitle && (\r\n        <Box sx={SUBTITLE_SX} title={subtitleAttr}>\r\n          {subtitle}\r\n        </Box>\r\n      )}\r\n      {visibleChips.length > 0 && (\r\n        <Box sx={CHIPS_SX}>\r\n          {visibleChips.map((c, i) => (\r\n            <React.Fragment key={i}>{c}</React.Fragment>\r\n          ))}\r\n        </Box>\r\n      )}\r\n      {kvPairs.length > 0 && (\r\n        <Box sx={KV_GRID_SX}>\r\n          {kvPairs.map((pair, i) => (\r\n            <KV\r\n              key={i}\r\n              label={pair.label}\r\n              {...(pair.value !== undefined ? { value: pair.value } : {})}\r\n              {...(pair.mono !== undefined ? { mono: pair.mono } : {})}\r\n              {...(pair.fallback !== undefined ? { fallback: pair.fallback } : {})}\r\n            />\r\n          ))}\r\n        </Box>\r\n      )}\r\n      {metaParts.length > 0 && (\r\n        <Box sx={META_SX}>{metaParts.join(\" · \")}</Box>\r\n      )}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default MobileRowCard;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MobileRowCard.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_OverflowMenu","_KV","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CARD_INNER_SX","freeze","display","flexDirection","gap","padding","HEADER_SX","alignItems","justifyContent","HEADER_MAIN_SX","minWidth","flex","LEADING_SX","flexShrink","TITLE_BASE_SX","fontWeight","fontSize","color","overflow","textOverflow","whiteSpace","TITLE_MONO_SX","fontFamily","SUBTITLE_SX","CHIPS_SX","flexWrap","META_SX","KV_GRID_SX","gridTemplateColumns","HEADER_END_SX","MobileRowCard","leading","trailing","title","titleMono","subtitle","chips","kv","meta","actions","actionsAriaLabel","visibleActions","useMemo","Array","isArray","filter","a","divider","visibleChips","Boolean","metaParts","p","kvPairs","label","hasActions","length","hasTitle","hasLeading","hasTrailing","hasHeader","hasSubtitle","titleAttr","undefined","subtitleAttr","jsxs","sx","children","jsx","onClick","stopPropagation","onKeyDown","ariaLabel","map","c","Fragment","pair","value","mono","fallback","join","_default","exports"],"sources":["../../../src/lib/v2/components/MobileRowCard.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport OverflowMenu from \"./OverflowMenu\";\r\nimport type { OverflowMenuAction } from \"./OverflowMenu\";\r\nimport KV from \"./KV\";\r\n\r\n/**\r\n * MobileRowCard - Portnet UI v2\r\n *\r\n * Canonical card layout for the DataGrid mobile card view (R1 mobile,\r\n * lib commit \"feat(DataGrid): R1 mobile - opt-in card view\"). Used\r\n * inside DataGrid's renderMobileCard prop to centralise the visual\r\n * rhythm across modules.\r\n *\r\n *   <DataGrid\r\n *     renderMobileCard={(row) => (\r\n *       <MobileRowCard\r\n *         title={row.reference}\r\n *         titleMono\r\n *         subtitle={row.importer?.description}\r\n *         chips={[\r\n *           <StatutAutorisationChip code={row.statutAutorisation} />,\r\n *           <StatutUtilisationChip code={row.statutUtilisation} />,\r\n *         ]}\r\n *         meta={[\r\n *           `Émise ${formatDate(row.dateIssue)}`,\r\n *           `Fin ${formatDate(row.dateFinValidite)}`,\r\n *         ]}\r\n *         actions={buildRowActions(row)}\r\n *         actionsAriaLabel={`Actions pour ${row.reference}`}\r\n *       />\r\n *     )}\r\n *     ...\r\n *   />\r\n *\r\n * Layout (top to bottom, each line conditional on its prop):\r\n *   1. Header row: [leading] + title (truncate, optional mono) + [trailing] + OverflowMenu kebab\r\n *   2. Subtitle line: muted, single-line truncate\r\n *   3. Chips row: wrapping flexbox for status chips\r\n *   4. KV grid: two-column label/value pairs (see `kv`)\r\n *   5. Meta line: secondary scalars joined with \" · \"\r\n *\r\n * All props are optional; the component renders only the lines\r\n * that have content, with no empty placeholder boxes.\r\n *\r\n * `kv` vs `meta` — pick by whether the reader needs the label.\r\n *   meta  → self-evident scalars, joined label-less: \"12/05/2026 · 3 pièces\"\r\n *   kv    → values that are meaningless unaccompanied (\"SOFRANE SA\",\r\n *           \"Casablanca\", \"Tissus\") — rendered as a 2-column grid of v2.KV\r\n *\r\n * `kv` exists because every listing in ms-dfd-fe and ms-ti-fe independently\r\n * built header + labelled-KV-grid cards with a local MOBILE_CARD_KV_SX,\r\n * bypassing this component entirely — nine sites across two modules. `meta`\r\n * could not absorb them: joining five labelled pairs into one \" · \" string\r\n * loses the labels, and on a phone those labels are what make the values\r\n * interpretable (Nielsen #6, recognition over recall). Each pair renders\r\n * through v2.KV, so label/value stay paired for screen readers via\r\n * aria-labelledby, and empty values fall back to KV's own \"—\" rather than each\r\n * host writing `?? \"-\"`.\r\n *\r\n *   <MobileRowCard\r\n *     leading={<FavoriteToggle ... />}\r\n *     title={row.num} titleMono\r\n *     chips={[<Status kind={...} label={row.etat} />]}\r\n *     kv={[\r\n *       { label: \"Catégorie\",   value: row.categorie },\r\n *       { label: \"Importateur\", value: row.importateur },\r\n *       { label: \"Référence\",   value: row.ref, mono: true },\r\n *     ]}\r\n *   />\r\n *\r\n * `leading` — a slot BEFORE the title, inside the header row, vertically\r\n * centred against it and never shrinking. Added for the listing favourite\r\n * star, which hosts previously could not place inside the card and therefore\r\n * hand-rolled the whole card layout instead:\r\n *\r\n *   <MobileRowCard\r\n *     leading={<FavoriteToggle pressed={isFavorite} size=\"sm\" onChange={...} />}\r\n *     title={row.reference}\r\n *     titleMono\r\n *   />\r\n *\r\n * PROPAGATION — deliberate asymmetry with the kebab. The kebab wrapper stops\r\n * click/keydown itself, because opening a menu must never also fire the card's\r\n * onRowClick. `leading` does NOT: a decorative leading node (icon, avatar)\r\n * should still open the row like the rest of the card, and silently swallowing\r\n * that would be the more surprising default. Interactive leading content is\r\n * therefore responsible for stopping propagation in its own handlers — exactly\r\n * as DataGrid's own FavoriteCell does. Get this wrong and a tap both toggles\r\n * the star and opens the drawer.\r\n *\r\n * Charter §02.3 — spacing: --s-2 gap between lines, --s-3 padding.\r\n * Charter §02.2 — typography:\r\n *   - title: text-sm semibold (text-mono variant if titleMono)\r\n *   - subtitle: text-sm fg-muted\r\n *   - meta: text-xs fg-subtle\r\n * Charter §05 — a11y: kebab has its own aria-label; the card-level\r\n *   click wiring (role=button, tabIndex, Enter/Space) is owned by\r\n *   DataGrid's mobile card wrapper. This component just renders the\r\n *   contents.\r\n *\r\n * Why chips are NODES (not objects):\r\n *   Hosts have specialised chip components (StatutAutorisationChip\r\n *   etc.) and passing nodes lets them keep their existing chip type\r\n *   without translating to a generic schema. We just lay them out\r\n *   in a wrapping row.\r\n */\r\n\r\nconst CARD_INNER_SX = Object.freeze({\r\n  display: \"flex\",\r\n  flexDirection: \"column\",\r\n  gap: \"var(--s-2)\",\r\n  padding: \"var(--s-3)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst HEADER_SX = Object.freeze({\r\n  display: \"flex\",\r\n  alignItems: \"flex-start\",\r\n  justifyContent: \"space-between\",\r\n  gap: \"var(--s-2)\",\r\n} satisfies SxProps<Theme>);\r\n\r\n/* Groups `leading` + title on the left of the header so the kebab keeps its\r\n * space-between position. `minWidth: 0` is what lets the title's ellipsis\r\n * actually engage inside a flex child. */\r\nconst HEADER_MAIN_SX = Object.freeze({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-2)\",\r\n  minWidth: 0,\r\n  flex: 1,\r\n} satisfies SxProps<Theme>);\r\n\r\nconst LEADING_SX = Object.freeze({\r\n  display: \"inline-flex\",\r\n  alignItems: \"center\",\r\n  flexShrink: 0,\r\n} satisfies SxProps<Theme>);\r\n\r\nconst TITLE_BASE_SX = Object.freeze({\r\n  fontWeight: \"var(--fw-semibold)\",\r\n  fontSize: \"var(--text-sm)\",\r\n  color: \"var(--fg)\",\r\n  minWidth: 0,\r\n  flex: 1,\r\n  overflow: \"hidden\",\r\n  textOverflow: \"ellipsis\",\r\n  whiteSpace: \"nowrap\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst TITLE_MONO_SX = Object.freeze({\r\n  ...TITLE_BASE_SX,\r\n  fontFamily: \"var(--font-mono)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst SUBTITLE_SX = Object.freeze({\r\n  fontSize: \"var(--text-sm)\",\r\n  color: \"var(--fg-muted)\",\r\n  overflow: \"hidden\",\r\n  textOverflow: \"ellipsis\",\r\n  whiteSpace: \"nowrap\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst CHIPS_SX = Object.freeze({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-1)\",\r\n  flexWrap: \"wrap\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst META_SX = Object.freeze({\r\n  fontSize: \"var(--text-xs)\",\r\n  color: \"var(--fg-subtle)\",\r\n});\r\n\r\n/* Two columns at every phone width. Deliberately not responsive: below ~320px\r\n * a single column would be more readable, but 320px is the Charter's narrowest\r\n * supported breakpoint (§07.2 xs) and two columns still fit there. Matches the\r\n * MOBILE_CARD_KV_SX both modules converged on independently. */\r\nconst KV_GRID_SX = Object.freeze({\r\n  display: \"grid\",\r\n  gridTemplateColumns: \"1fr 1fr\",\r\n  gap: \"var(--s-2)\",\r\n} satisfies SxProps<Theme>);\r\n\r\n/* Right cluster of the header row: [trailing] then the kebab. One shared\r\n * wrapper so a card can carry both a visible action and an overflow menu, and\r\n * so propagation is stopped once for the whole interactive cluster. */\r\nconst HEADER_END_SX = Object.freeze({\r\n  display: \"inline-flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-1)\",\r\n  flexShrink: 0,\r\n} satisfies SxProps<Theme>);\r\n\r\n/** One label/value pair in the card's `kv` grid. Mirrors v2.KV's own props. */\r\nexport interface MobileRowCardKV {\r\n  label: React.ReactNode;\r\n  value?: React.ReactNode | undefined;\r\n  /** Tabular-nums monospace — for references, IDs, amounts. */\r\n  mono?: boolean | undefined;\r\n  /** Overrides KV's default \"—\" when the value is null/undefined/\"\". */\r\n  fallback?: React.ReactNode | undefined;\r\n}\r\n\r\nexport interface MobileRowCardProps {\r\n  /** Slot before the title (favourite toggle, icon, avatar). Interactive\r\n   *  content must stop propagation itself — see the propagation note above. */\r\n  leading?: React.ReactNode | undefined;\r\n  /**\r\n   * Slot at the END of the header row — the VISIBLE counterpart of `actions`.\r\n   *\r\n   * `actions` collapses into a kebab, which is right for a listing's secondary\r\n   * verbs and wrong when the action IS the point of the row: a picker modal's\r\n   * \"Choisir\" button is the only way to select a row on a phone, and burying it\r\n   * behind \"…\" turns one tap into two. Six sites across ms-dfd-fe and ms-ti-fe\r\n   * hand-rolled the entire card layout rather than accept that, which is what\r\n   * this slot exists to end.\r\n   *\r\n   * Renders before the kebab; both may be present.\r\n   *\r\n   * PROPAGATION — unlike `leading`, `trailing` shares the kebab's wrapper and\r\n   * therefore DOES stop click/keydown. Its declared purpose is interactive\r\n   * actions, and a tap that both fires the action and opens the row is the more\r\n   * damaging default. Decorative content belongs in `leading`.\r\n   */\r\n  trailing?: React.ReactNode | undefined;\r\n  title?: React.ReactNode | undefined;\r\n  titleMono?: boolean | undefined;\r\n  subtitle?: React.ReactNode | undefined;\r\n  chips?: React.ReactNode[] | undefined;\r\n  /** Labelled pairs rendered as a 2-column v2.KV grid. See `kv` vs `meta`. */\r\n  kv?: MobileRowCardKV[] | undefined;\r\n  meta?: React.ReactNode[] | undefined;\r\n  actions?: OverflowMenuAction[] | undefined;\r\n  /**\r\n   * Accessible name for the kebab trigger.\r\n   *\r\n   * NO DEFAULT ON PURPOSE. This used to default to the literal \"Actions\",\r\n   * which was then passed to OverflowMenu's `ariaLabel` — and `ariaLabel`\r\n   * WINS over `labels.trigger`, so the card silently overrode the design\r\n   * system's own canonical trigger name (\"Plus d'actions\", OverflowMenu\r\n   * DEFAULT_LABELS). Result: every kebab in the fleet announced « Plus\r\n   * d'actions » except the ones inside a mobile row card, which announced the\r\n   * vaguer « Actions » — an inter-module naming inconsistency (Charter P2 /\r\n   * R-2.4 : « un même concept = un même libellé partout »).\r\n   *\r\n   * Leaving it undefined lets OverflowMenu apply its own default. Hosts\r\n   * SHOULD still pass a contextual name (« Actions pour 2025-IM-0042 »), which\r\n   * is strictly better than either default for screen-reader users scanning a\r\n   * list of cards.\r\n   */\r\n  actionsAriaLabel?: string | undefined;\r\n}\r\n\r\nfunction MobileRowCard({\r\n  leading,\r\n  trailing,\r\n  title,\r\n  titleMono = false,\r\n  subtitle,\r\n  chips,\r\n  kv,\r\n  meta,\r\n  actions,\r\n  /* No default — see the prop's doc comment. Forwarded only when the host\r\n   * supplies one, so OverflowMenu's own default applies otherwise. */\r\n  actionsAriaLabel,\r\n}: MobileRowCardProps) {\r\n  // Filter out divider entries (OverflowMenu separator marks) and\r\n  // null/undefined actions so the kebab only renders when there is\r\n  // at least one real action available.\r\n  const visibleActions = React.useMemo(() => {\r\n    if (!Array.isArray(actions)) return [];\r\n    return actions.filter((a) => a && !a.divider);\r\n  }, [actions]);\r\n\r\n  const visibleChips = React.useMemo(() => {\r\n    if (!Array.isArray(chips)) return [];\r\n    return chips.filter(Boolean);\r\n  }, [chips]);\r\n\r\n  const metaParts = React.useMemo(() => {\r\n    if (!Array.isArray(meta)) return [];\r\n    return meta.filter((p) => p != null && p !== \"\");\r\n  }, [meta]);\r\n\r\n  /* Only `label` is required — a pair with an empty value is kept on purpose so\r\n   * KV renders its \"—\" placeholder and the grid keeps its shape across rows.\r\n   * Entries missing a label are dropped: KV would emit an empty eyebrow and an\r\n   * aria-labelledby pointing at nothing. */\r\n  const kvPairs = React.useMemo(() => {\r\n    if (!Array.isArray(kv)) return [];\r\n    return kv.filter((p) => p != null && p.label != null && p.label !== \"\");\r\n  }, [kv]);\r\n\r\n  const hasActions = visibleActions.length > 0;\r\n  const hasTitle = title != null && title !== \"\";\r\n  const hasLeading = leading != null && leading !== \"\";\r\n  const hasTrailing = trailing != null && trailing !== \"\";\r\n  const hasHeader = hasTitle || hasActions || hasLeading || hasTrailing;\r\n  const hasSubtitle = subtitle != null && subtitle !== \"\";\r\n\r\n  // Title attribute (native hover tooltip) is set only when the value\r\n  // is a string — wrapping a React node yields a \"[object Object]\"\r\n  // tooltip which is worse than no tooltip.\r\n  const titleAttr = typeof title === \"string\" ? title : undefined;\r\n  const subtitleAttr =\r\n    typeof subtitle === \"string\" ? subtitle : undefined;\r\n\r\n  return (\r\n    <Box sx={CARD_INNER_SX}>\r\n      {hasHeader && (\r\n        <Box sx={HEADER_SX}>\r\n          {(hasLeading || hasTitle) && (\r\n            <Box sx={HEADER_MAIN_SX}>\r\n              {hasLeading && <Box sx={LEADING_SX}>{leading}</Box>}\r\n              {hasTitle && (\r\n                <Box\r\n                  sx={titleMono ? TITLE_MONO_SX : TITLE_BASE_SX}\r\n                  title={titleAttr}\r\n                >\r\n                  {title}\r\n                </Box>\r\n              )}\r\n            </Box>\r\n          )}\r\n          {(hasTrailing || hasActions) && (\r\n            // The card itself is the click target (wired by DataGrid's\r\n            // mobile card wrapper). Stop propagation on the whole\r\n            // interactive cluster so firing a visible action, or opening\r\n            // the kebab, doesn't also fire onRowClick.\r\n            <Box\r\n              sx={HEADER_END_SX}\r\n              onClick={(e) => e.stopPropagation()}\r\n              onKeyDown={(e) => e.stopPropagation()}\r\n            >\r\n              {hasTrailing && trailing}\r\n              {hasActions && (\r\n                <OverflowMenu\r\n                  {...(actionsAriaLabel !== undefined ? { ariaLabel: actionsAriaLabel } : {})}\r\n                  {...(actions !== undefined ? { actions } : {})}\r\n                />\r\n              )}\r\n            </Box>\r\n          )}\r\n        </Box>\r\n      )}\r\n      {hasSubtitle && (\r\n        <Box sx={SUBTITLE_SX} title={subtitleAttr}>\r\n          {subtitle}\r\n        </Box>\r\n      )}\r\n      {visibleChips.length > 0 && (\r\n        <Box sx={CHIPS_SX}>\r\n          {visibleChips.map((c, i) => (\r\n            <React.Fragment key={i}>{c}</React.Fragment>\r\n          ))}\r\n        </Box>\r\n      )}\r\n      {kvPairs.length > 0 && (\r\n        <Box sx={KV_GRID_SX}>\r\n          {kvPairs.map((pair, i) => (\r\n            <KV\r\n              key={i}\r\n              label={pair.label}\r\n              {...(pair.value !== undefined ? { value: pair.value } : {})}\r\n              {...(pair.mono !== undefined ? { mono: pair.mono } : {})}\r\n              {...(pair.fallback !== undefined ? { fallback: pair.fallback } : {})}\r\n            />\r\n          ))}\r\n        </Box>\r\n      )}\r\n      {metaParts.length > 0 && (\r\n        <Box sx={META_SX}>{metaParts.join(\" · \")}</Box>\r\n      )}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default MobileRowCard;\r\n"],"mappings":"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","ignoreList":[]}