@portnet/ui 6.0.2 → 6.0.3

package/dist/v2/components/FieldError.js

@@ -3,20 +3,14 @@
 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 _ErrorOutlined = _interopRequireDefault(require("@mui/icons-material/ErrorOutlined"));
 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); }
+/**
  * FieldError — Portnet UI v2
  *
  * Charter R-4.1 MUST: « Toute erreur de champ s'affiche SOUS le champ, en rouge,
@@ -75,14 +69,16 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
  * No `!important` — the previous `FormHelperText` needed one to beat MUI's own
  * `Mui-error` colour; rendering a plain Box removes the specificity fight.
  */
-function FieldError(_ref) {
-  var children = _ref.children,
-    id = _ref.id,
-    sx = _ref.sx;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+
+function FieldError({
+  children,
+  id,
+  sx
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
     role: "alert",
     id: id,
-    sx: _objectSpread({
+    sx: {
       display: "flex",
       // `flex-start`, not `center`: a message that wraps to two lines must
       // keep its icon aligned with the FIRST line, not vertically centred
@@ -97,9 +93,10 @@ function FieldError(_ref) {
       lineHeight: "var(--lh-normal)",
       // RTL-safe: resets the logical inline-start edge, so the message is
       // flush with the control in both directions.
-      marginInlineStart: 0
-    }, sx),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorOutlined["default"], {
+      marginInlineStart: 0,
+      ...sx
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorOutlined.default, {
       "aria-hidden": "true"
       /* Test hook — the glyph has no role and no accessible name by design
        * (R-Ar.2), so no semantic query reaches it. Same sanctioned escape
@@ -121,11 +118,11 @@ function FieldError(_ref) {
       style: {
         marginTop: 1
       }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       component: "span",
       children: children
     })]
   });
 }
-var _default = exports["default"] = FieldError;
+var _default = exports.default = FieldError;
 //# sourceMappingURL=FieldError.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FieldError.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_ErrorOutlined","_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","FieldError","_ref","children","id","sx","jsxs","role","display","alignItems","gap","color","fontSize","fontWeight","lineHeight","marginInlineStart","jsx","flexShrink","style","marginTop","component","_default","exports"],"sources":["../../../src/lib/v2/components/FieldError.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 ErrorIcon from \"@mui/icons-material/ErrorOutlined\";\r\n\r\n/**\r\n * FieldError — Portnet UI v2\r\n *\r\n * Charter R-4.1 MUST: « Toute erreur de champ s'affiche SOUS le champ, en rouge,\r\n * AVEC ICÔNE, max 1 phrase, verbe d'action. »\r\n *\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n * WHY THIS BELONGS IN THE LIBRARY (capability gap G-18)\r\n *\r\n * Two defects closed at once, and they were the same defect seen from both ends.\r\n *\r\n * 1. `Field` rendered its error message as a bare `FormHelperText` — red, under\r\n *    the field, one sentence, and NO ICON. R-4.1 is a MUST and the canonical\r\n *    field wrapper of the design system did not satisfy it, so every module\r\n *    inherited the gap on every form.\r\n *\r\n * 2. A field error is not always attached to a `Field`. A LIST-level error\r\n *    (`errors.articles`, `errors.autorisationPdf` — a Formik array or an upload\r\n *    slot) has no single control to wrap, and `Field` requires exactly one\r\n *    `children` element. Hosts therefore hand-rolled the block: addpe-fe's\r\n *    `InlineFieldAlert` reimplemented the icon + `role=\"alert\"` + danger token\r\n *    recipe locally — and, ironically, was MORE charter-compliant than the\r\n *    shared component it could not use.\r\n *\r\n * Owning the renderer here means the two paths cannot drift: the error a user\r\n * sees under an `<Input>` and the one under an articles table are the same\r\n * component.\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n *\r\n * Used INSIDE `Field` (it supplies `id`, wired to the control's\r\n * `aria-describedby`), and standalone by a host:\r\n *\r\n *   {typeof errors.articles === \"string\" && (\r\n *     <FieldError sx={{ marginTop: \"var(--s-2)\" }}>{errors.articles}</FieldError>\r\n *   )}\r\n *\r\n * Accessibility\r\n *   - `role=\"alert\"`: the element MOUNTS when the error appears, which is what\r\n *     makes a screen reader announce it. Do not render it permanently with empty\r\n *     content — an always-present live region announces nothing on change.\r\n *   - The icon is `aria-hidden`: it is redundant with the message, and R-Ar.2\r\n *     forbids a decorative icon carrying an accessible name.\r\n *   - Iconography is deliberately the SAME as `Banner`'s error variant\r\n *     (`ErrorOutlined`), so \"something is wrong\" reads identically whether it\r\n *     surfaces inline or in a banner.\r\n *\r\n * Colour: the message TEXT takes `--danger-fg`, the icon takes `--danger`. That\r\n * split is not cosmetic and it is the rule `KPICard` already documents for its\r\n * delta indicator: `--danger` is the VIVID UI colour, held to WCAG 1.4.11's 3:1\r\n * non-text threshold, while `--danger-fg` is the TEXT colour, held to 1.4.3's\r\n * 4.5:1. Using `--danger` for the message would render it at a ratio calibrated\r\n * for icons and borders — which is what the module-local `InlineFieldAlert` this\r\n * component replaced did, and what `Field`'s own error text did before it\r\n * delegated here. Promoting that mistake into a shared component would have made\r\n * it fleet-wide, on every field error of every module.\r\n *\r\n * No `!important` — the previous `FormHelperText` needed one to beat MUI's own\r\n * `Mui-error` colour; rendering a plain Box removes the specificity fight.\r\n */\r\n\r\nexport interface FieldErrorProps {\r\n  /** The message. One sentence, action verb (Charter §09.3). */\r\n  children: React.ReactNode;\r\n  /**\r\n   * DOM id referenced by the control's `aria-describedby`. `Field` supplies it;\r\n   * a standalone list-level error usually has nothing to bind to and omits it.\r\n   */\r\n  id?: string | undefined;\r\n  /**\r\n   * Spacing / layout overrides. Standalone call sites typically need a\r\n   * `marginTop`; inside `Field` the vertical rhythm is already handled.\r\n   */\r\n  sx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nfunction FieldError({ children, id, sx }: FieldErrorProps) {\r\n  return (\r\n    <Box\r\n      role=\"alert\"\r\n      id={id}\r\n      sx={{\r\n        display: \"flex\",\r\n        // `flex-start`, not `center`: a message that wraps to two lines must\r\n        // keep its icon aligned with the FIRST line, not vertically centred\r\n        // against the whole block.\r\n        alignItems: \"flex-start\",\r\n        gap: \"var(--s-1)\",\r\n        // WCAG 1.4.3 — message text at the 4.5:1-calibrated token, NOT `--danger`\r\n        // (see the colour note in this file's header).\r\n        color: \"var(--danger-fg)\",\r\n        fontSize: \"var(--text-xs)\",\r\n        fontWeight: \"var(--fw-medium)\",\r\n        lineHeight: \"var(--lh-normal)\",\r\n        // RTL-safe: resets the logical inline-start edge, so the message is\r\n        // flush with the control in both directions.\r\n        marginInlineStart: 0,\r\n        ...sx,\r\n      }}\r\n    >\r\n      <ErrorIcon\r\n        aria-hidden=\"true\"\r\n        /* Test hook — the glyph has no role and no accessible name by design\r\n         * (R-Ar.2), so no semantic query reaches it. Same sanctioned escape\r\n         * hatch as FileCard's filecard-icon, and it guards the same contract:\r\n         * a decorative icon must not be announced. */\r\n        data-testid=\"fielderror-icon\"\r\n        sx={{\r\n          // --text-h3 is the 16px token; matches the message's optical scale.\r\n          fontSize: \"var(--text-h3)\",\r\n          flexShrink: 0,\r\n          // WCAG 1.4.11 — the glyph stays VIVID at the 3:1 non-text threshold,\r\n          // which is the whole point of keeping two danger tokens.\r\n          color: \"var(--danger)\",\r\n        }}\r\n        // Optical alignment of the glyph with the first text line. Same\r\n        // rationale (and same 1px order of magnitude) as Banner's leading icon:\r\n        // a deliberate non-token value, not a spacing-scale concern.\r\n        style={{ marginTop: 1 }}\r\n      />\r\n      <Box component=\"span\">{children}</Box>\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default FieldError;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FieldError.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_ErrorOutlined","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FieldError","children","id","sx","jsxs","role","display","alignItems","gap","color","fontSize","fontWeight","lineHeight","marginInlineStart","jsx","flexShrink","style","marginTop","component","_default","exports"],"sources":["../../../src/lib/v2/components/FieldError.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 ErrorIcon from \"@mui/icons-material/ErrorOutlined\";\r\n\r\n/**\r\n * FieldError — Portnet UI v2\r\n *\r\n * Charter R-4.1 MUST: « Toute erreur de champ s'affiche SOUS le champ, en rouge,\r\n * AVEC ICÔNE, max 1 phrase, verbe d'action. »\r\n *\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n * WHY THIS BELONGS IN THE LIBRARY (capability gap G-18)\r\n *\r\n * Two defects closed at once, and they were the same defect seen from both ends.\r\n *\r\n * 1. `Field` rendered its error message as a bare `FormHelperText` — red, under\r\n *    the field, one sentence, and NO ICON. R-4.1 is a MUST and the canonical\r\n *    field wrapper of the design system did not satisfy it, so every module\r\n *    inherited the gap on every form.\r\n *\r\n * 2. A field error is not always attached to a `Field`. A LIST-level error\r\n *    (`errors.articles`, `errors.autorisationPdf` — a Formik array or an upload\r\n *    slot) has no single control to wrap, and `Field` requires exactly one\r\n *    `children` element. Hosts therefore hand-rolled the block: addpe-fe's\r\n *    `InlineFieldAlert` reimplemented the icon + `role=\"alert\"` + danger token\r\n *    recipe locally — and, ironically, was MORE charter-compliant than the\r\n *    shared component it could not use.\r\n *\r\n * Owning the renderer here means the two paths cannot drift: the error a user\r\n * sees under an `<Input>` and the one under an articles table are the same\r\n * component.\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n *\r\n * Used INSIDE `Field` (it supplies `id`, wired to the control's\r\n * `aria-describedby`), and standalone by a host:\r\n *\r\n *   {typeof errors.articles === \"string\" && (\r\n *     <FieldError sx={{ marginTop: \"var(--s-2)\" }}>{errors.articles}</FieldError>\r\n *   )}\r\n *\r\n * Accessibility\r\n *   - `role=\"alert\"`: the element MOUNTS when the error appears, which is what\r\n *     makes a screen reader announce it. Do not render it permanently with empty\r\n *     content — an always-present live region announces nothing on change.\r\n *   - The icon is `aria-hidden`: it is redundant with the message, and R-Ar.2\r\n *     forbids a decorative icon carrying an accessible name.\r\n *   - Iconography is deliberately the SAME as `Banner`'s error variant\r\n *     (`ErrorOutlined`), so \"something is wrong\" reads identically whether it\r\n *     surfaces inline or in a banner.\r\n *\r\n * Colour: the message TEXT takes `--danger-fg`, the icon takes `--danger`. That\r\n * split is not cosmetic and it is the rule `KPICard` already documents for its\r\n * delta indicator: `--danger` is the VIVID UI colour, held to WCAG 1.4.11's 3:1\r\n * non-text threshold, while `--danger-fg` is the TEXT colour, held to 1.4.3's\r\n * 4.5:1. Using `--danger` for the message would render it at a ratio calibrated\r\n * for icons and borders — which is what the module-local `InlineFieldAlert` this\r\n * component replaced did, and what `Field`'s own error text did before it\r\n * delegated here. Promoting that mistake into a shared component would have made\r\n * it fleet-wide, on every field error of every module.\r\n *\r\n * No `!important` — the previous `FormHelperText` needed one to beat MUI's own\r\n * `Mui-error` colour; rendering a plain Box removes the specificity fight.\r\n */\r\n\r\nexport interface FieldErrorProps {\r\n  /** The message. One sentence, action verb (Charter §09.3). */\r\n  children: React.ReactNode;\r\n  /**\r\n   * DOM id referenced by the control's `aria-describedby`. `Field` supplies it;\r\n   * a standalone list-level error usually has nothing to bind to and omits it.\r\n   */\r\n  id?: string | undefined;\r\n  /**\r\n   * Spacing / layout overrides. Standalone call sites typically need a\r\n   * `marginTop`; inside `Field` the vertical rhythm is already handled.\r\n   */\r\n  sx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nfunction FieldError({ children, id, sx }: FieldErrorProps) {\r\n  return (\r\n    <Box\r\n      role=\"alert\"\r\n      id={id}\r\n      sx={{\r\n        display: \"flex\",\r\n        // `flex-start`, not `center`: a message that wraps to two lines must\r\n        // keep its icon aligned with the FIRST line, not vertically centred\r\n        // against the whole block.\r\n        alignItems: \"flex-start\",\r\n        gap: \"var(--s-1)\",\r\n        // WCAG 1.4.3 — message text at the 4.5:1-calibrated token, NOT `--danger`\r\n        // (see the colour note in this file's header).\r\n        color: \"var(--danger-fg)\",\r\n        fontSize: \"var(--text-xs)\",\r\n        fontWeight: \"var(--fw-medium)\",\r\n        lineHeight: \"var(--lh-normal)\",\r\n        // RTL-safe: resets the logical inline-start edge, so the message is\r\n        // flush with the control in both directions.\r\n        marginInlineStart: 0,\r\n        ...sx,\r\n      }}\r\n    >\r\n      <ErrorIcon\r\n        aria-hidden=\"true\"\r\n        /* Test hook — the glyph has no role and no accessible name by design\r\n         * (R-Ar.2), so no semantic query reaches it. Same sanctioned escape\r\n         * hatch as FileCard's filecard-icon, and it guards the same contract:\r\n         * a decorative icon must not be announced. */\r\n        data-testid=\"fielderror-icon\"\r\n        sx={{\r\n          // --text-h3 is the 16px token; matches the message's optical scale.\r\n          fontSize: \"var(--text-h3)\",\r\n          flexShrink: 0,\r\n          // WCAG 1.4.11 — the glyph stays VIVID at the 3:1 non-text threshold,\r\n          // which is the whole point of keeping two danger tokens.\r\n          color: \"var(--danger)\",\r\n        }}\r\n        // Optical alignment of the glyph with the first text line. Same\r\n        // rationale (and same 1px order of magnitude) as Banner's leading icon:\r\n        // a deliberate non-token value, not a spacing-scale concern.\r\n        style={{ marginTop: 1 }}\r\n      />\r\n      <Box component=\"span\">{children}</Box>\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default FieldError;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/v2/components/FieldHelp.js

@@ -1,10 +1,9 @@
 "use strict";
 
-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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
@@ -13,20 +12,9 @@ var _Popover = _interopRequireDefault(require("@mui/material/Popover"));
 var _HelpOutlineOutlined = _interopRequireDefault(require("@mui/icons-material/HelpOutlineOutlined"));
 var _InfoOutlined = _interopRequireDefault(require("@mui/icons-material/InfoOutlined"));
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /**
+function _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); }
+/**
  * FieldHelp - Portnet UI v2 (component)
  *
  * Charter §03 · Component "FieldHelp · Contextual help".
@@ -59,8 +47,9 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /**
  *   dialog to assistive tech. Tooltip variant relies on MUI
  *   Tooltip's automatic aria-describedby plumbing on the wrapped child.
  */
-var HELP_THRESHOLD_CHARS = 80;
-var HELP_ICON_SX = Object.freeze({
+
+const HELP_THRESHOLD_CHARS = 80;
+const HELP_ICON_SX = Object.freeze({
   padding: "2px",
   color: "var(--fg-subtle)",
   marginInlineStart: "var(--s-1)",
@@ -69,7 +58,7 @@ var HELP_ICON_SX = Object.freeze({
     background: "var(--bg-hover)"
   }
 });
-var POPOVER_PAPER_SX = Object.freeze({
+const POPOVER_PAPER_SX = Object.freeze({
   // Cap at 360 on desktop, but never exceed the viewport on small
   // phones (320–392px): MUI Popover positions the anchor but does NOT
   // shrink the paper width to the viewport, so a bare maxWidth:360
@@ -82,13 +71,13 @@ var POPOVER_PAPER_SX = Object.freeze({
   border: "1px solid var(--border)",
   boxShadow: "var(--shadow-md)"
 });
-var POPOVER_TITLE_SX = Object.freeze({
+const POPOVER_TITLE_SX = Object.freeze({
   fontSize: "var(--text-sm)",
   fontWeight: "var(--fw-semibold)",
   color: "var(--fg)",
   marginBottom: "var(--s-1)"
 });
-var POPOVER_BODY_SX = Object.freeze({
+const POPOVER_BODY_SX = Object.freeze({
   fontSize: "var(--text-sm)",
   color: "var(--fg-muted)",
   // --lh-loose = 1.6 (typography.js). Was `var(--lh-relaxed, 1.6)` —
@@ -106,32 +95,26 @@ function resolveVariant(variant, content, title) {
   }
   return "tooltip";
 }
-function FieldHelp(_ref) {
-  var content = _ref.content,
-    title = _ref.title,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? "auto" : _ref$variant,
-    _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? "help" : _ref$icon,
-    _ref$placement = _ref.placement,
-    placement = _ref$placement === void 0 ? "top" : _ref$placement,
-    _ref$ariaLabel = _ref.ariaLabel,
-    ariaLabel = _ref$ariaLabel === void 0 ? "Aide" : _ref$ariaLabel;
-  var _React$useState = React.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    anchorEl = _React$useState2[0],
-    setAnchorEl = _React$useState2[1];
+function FieldHelp({
+  content,
+  title,
+  variant = "auto",
+  icon = "help",
+  placement = "top",
+  ariaLabel = "Aide"
+}) {
+  const [anchorEl, setAnchorEl] = React.useState(null);
   // FH-1 — stable id so the dialog paper can be labelled by its visible
   // title (used only when a title is rendered; see slotProps below).
-  var titleId = React.useId();
-  var effectiveVariant = resolveVariant(variant, content, title);
-  var IconComponent = icon === "info" ? _InfoOutlined["default"] : _HelpOutlineOutlined["default"];
+  const titleId = React.useId();
+  const effectiveVariant = resolveVariant(variant, content, title);
+  const IconComponent = icon === "info" ? _InfoOutlined.default : _HelpOutlineOutlined.default;
   if (effectiveVariant === "tooltip") {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip["default"], {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
       title: content,
       arrow: true,
       placement: placement,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton["default"], {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
         size: "small",
         "aria-label": ariaLabel,
         sx: HELP_ICON_SX,
@@ -144,15 +127,11 @@ function FieldHelp(_ref) {
       })
     });
   }
-  var handleOpen = function handleOpen(e) {
-    return setAnchorEl(e.currentTarget);
-  };
-  var handleClose = function handleClose() {
-    return setAnchorEl(null);
-  };
-  var open = !!anchorEl;
+  const handleOpen = e => setAnchorEl(e.currentTarget);
+  const handleClose = () => setAnchorEl(null);
+  const open = !!anchorEl;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton["default"], {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
       size: "small",
       "aria-label": ariaLabel
       // R-Ar.6 / WAI-ARIA disclosure pattern — surfaces the
@@ -169,7 +148,7 @@ function FieldHelp(_ref) {
           fontSize: 16
         }
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Popover["default"], {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Popover.default, {
       open: open,
       anchorEl: anchorEl,
       onClose: handleClose,
@@ -182,28 +161,29 @@ function FieldHelp(_ref) {
         horizontal: "left"
       },
       slotProps: {
-        paper: _objectSpread({
+        paper: {
           sx: POPOVER_PAPER_SX,
           // FH-1 — the trigger promises a dialog; make the paper one and
           // name it. Prefer the visible title (aria-labelledby, avoids a
           // Label-in-Name mismatch); fall back to the ariaLabel prop.
-          role: "dialog"
-        }, title ? {
-          "aria-labelledby": titleId
-        } : {
-          "aria-label": ariaLabel
-        })
+          role: "dialog",
+          ...(title ? {
+            "aria-labelledby": titleId
+          } : {
+            "aria-label": ariaLabel
+          })
+        }
       },
-      children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
         id: titleId,
         sx: POPOVER_TITLE_SX,
         children: title
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
         sx: POPOVER_BODY_SX,
         children: content
       })]
     })]
   });
 }
-var _default = exports["default"] = FieldHelp;
+var _default = exports.default = FieldHelp;
 //# sourceMappingURL=FieldHelp.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FieldHelp.js","names":["React","_interopRequireWildcard","require","_Tooltip","_interopRequireDefault","_IconButton","_Box","_Popover","_HelpOutlineOutlined","_InfoOutlined","_jsxRuntime","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","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","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","isArray","HELP_THRESHOLD_CHARS","HELP_ICON_SX","freeze","padding","color","marginInlineStart","background","POPOVER_PAPER_SX","maxWidth","borderRadius","border","boxShadow","POPOVER_TITLE_SX","fontSize","fontWeight","marginBottom","POPOVER_BODY_SX","lineHeight","resolveVariant","variant","content","title","FieldHelp","_ref","_ref$variant","_ref$icon","icon","_ref$placement","placement","_ref$ariaLabel","ariaLabel","_React$useState","useState","_React$useState2","anchorEl","setAnchorEl","titleId","useId","effectiveVariant","IconComponent","InfoOutlinedIcon","HelpOutlineIcon","jsx","arrow","children","size","sx","tabIndex","handleOpen","e","currentTarget","handleClose","open","jsxs","Fragment","onClick","onClose","anchorOrigin","vertical","horizontal","transformOrigin","slotProps","paper","role","id","_default","exports"],"sources":["../../../src/lib/v2/components/FieldHelp.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Tooltip from \"@mui/material/Tooltip\";\r\nimport type { TooltipProps } from \"@mui/material/Tooltip\";\r\nimport IconButton from \"@mui/material/IconButton\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Popover from \"@mui/material/Popover\";\r\nimport HelpOutlineIcon from \"@mui/icons-material/HelpOutlineOutlined\";\r\nimport InfoOutlinedIcon from \"@mui/icons-material/InfoOutlined\";\r\n\r\n/**\r\n * FieldHelp - Portnet UI v2 (component)\r\n *\r\n * Charter §03 · Component \"FieldHelp · Contextual help\".\r\n *\r\n * A small icon-button affordance that hosts drop next to labels,\r\n * section titles, or anywhere a user might benefit from just-in-\r\n * time guidance without cluttering the primary visual hierarchy.\r\n *\r\n * Behaviour modes:\r\n *   - tooltip: MUI Tooltip (default for short string content).\r\n *   - popover: MUI Popover, click to open. Used when content is\r\n *     long (>80 chars) or when a distinct `title` is provided.\r\n *   - auto:    Picks tooltip vs popover via the heuristic above.\r\n *\r\n * Usage:\r\n *   <FieldHelp content=\"Référence unique de l'autorisation\" />\r\n *   <FieldHelp\r\n *     title=\"Détails\"\r\n *     content={<>Texte long avec <b>JSX</b>.</>}\r\n *     variant=\"popover\"\r\n *   />\r\n *\r\n * A11y (audit Batch 5, finding B5-1; Batch 19, FH-1):\r\n *   Popover variant trigger carries aria-haspopup=\"dialog\" +\r\n *   aria-expanded reflecting the open state — WAI-ARIA disclosure\r\n *   pattern. The Popover paper itself carries role=\"dialog\" and an\r\n *   accessible name (FH-1): aria-labelledby the visible title when\r\n *   one is rendered, else aria-label from the ariaLabel prop — so\r\n *   the region the trigger promises actually resolves as a named\r\n *   dialog to assistive tech. Tooltip variant relies on MUI\r\n *   Tooltip's automatic aria-describedby plumbing on the wrapped child.\r\n */\r\n\r\nexport type FieldHelpVariant = \"auto\" | \"tooltip\" | \"popover\";\r\nexport type FieldHelpIcon = \"help\" | \"info\";\r\n\r\nexport interface FieldHelpProps {\r\n  /** Help content (tooltip title or popover body). */\r\n  content: React.ReactNode;\r\n  /** Optional popover title. When present, forces the popover variant. */\r\n  title?: React.ReactNode | undefined;\r\n  /** @default \"auto\" */\r\n  variant?: FieldHelpVariant | undefined;\r\n  /** @default \"help\" */\r\n  icon?: FieldHelpIcon | undefined;\r\n  /** Tooltip placement. @default \"top\" */\r\n  placement?: TooltipProps[\"placement\"] | undefined;\r\n  /** @default \"Aide\" */\r\n  ariaLabel?: string | undefined;\r\n}\r\n\r\nconst HELP_THRESHOLD_CHARS = 80;\r\n\r\nconst HELP_ICON_SX = Object.freeze({\r\n  padding: \"2px\",\r\n  color: \"var(--fg-subtle)\",\r\n  marginInlineStart: \"var(--s-1)\",\r\n  \"&:hover, &:focus-visible\": {\r\n    color: \"var(--accent)\",\r\n    background: \"var(--bg-hover)\",\r\n  },\r\n});\r\n\r\nconst POPOVER_PAPER_SX = Object.freeze({\r\n  // Cap at 360 on desktop, but never exceed the viewport on small\r\n  // phones (320–392px): MUI Popover positions the anchor but does NOT\r\n  // shrink the paper width to the viewport, so a bare maxWidth:360\r\n  // overflows the screen edge and forces horizontal scroll (WCAG 1.4.10\r\n  // Reflow). The min() inset keeps the paper on screen with a single\r\n  // --s-4 gutter on either side.\r\n  maxWidth: \"min(360px, calc(100vw - var(--s-4) * 2))\",\r\n  padding: \"var(--s-4)\",\r\n  borderRadius: \"var(--r-md)\",\r\n  border: \"1px solid var(--border)\",\r\n  boxShadow: \"var(--shadow-md)\",\r\n});\r\n\r\nconst POPOVER_TITLE_SX = Object.freeze({\r\n  fontSize: \"var(--text-sm)\",\r\n  fontWeight: \"var(--fw-semibold)\",\r\n  color: \"var(--fg)\",\r\n  marginBottom: \"var(--s-1)\",\r\n});\r\n\r\nconst POPOVER_BODY_SX = Object.freeze({\r\n  fontSize: \"var(--text-sm)\",\r\n  color: \"var(--fg-muted)\",\r\n  // --lh-loose = 1.6 (typography.js). Was `var(--lh-relaxed, 1.6)` —\r\n  // a dangling reference to a token that doesn't exist in the v2\r\n  // lineHeight scale (only tight/snug/normal/loose are emitted). The\r\n  // fallback `1.6` happened to match --lh-loose by coincidence; this\r\n  // makes the dependency explicit and lets future retuning flow.\r\n  lineHeight: \"var(--lh-loose)\",\r\n});\r\n\r\nfunction resolveVariant(\r\n  variant: FieldHelpVariant,\r\n  content: React.ReactNode,\r\n  title: React.ReactNode,\r\n): \"tooltip\" | \"popover\" {\r\n  if (variant !== \"auto\") return variant;\r\n  if (title) return \"popover\";\r\n  if (typeof content === \"string\" && content.length > HELP_THRESHOLD_CHARS) {\r\n    return \"popover\";\r\n  }\r\n  return \"tooltip\";\r\n}\r\n\r\nfunction FieldHelp({\r\n  content,\r\n  title,\r\n  variant = \"auto\",\r\n  icon = \"help\",\r\n  placement = \"top\",\r\n  ariaLabel = \"Aide\",\r\n}: FieldHelpProps) {\r\n  const [anchorEl, setAnchorEl] = React.useState<HTMLElement | null>(null);\r\n  // FH-1 — stable id so the dialog paper can be labelled by its visible\r\n  // title (used only when a title is rendered; see slotProps below).\r\n  const titleId = React.useId();\r\n\r\n  const effectiveVariant = resolveVariant(variant, content, title);\r\n  const IconComponent = icon === \"info\" ? InfoOutlinedIcon : HelpOutlineIcon;\r\n\r\n  if (effectiveVariant === \"tooltip\") {\r\n    return (\r\n      <Tooltip title={content} arrow placement={placement}>\r\n        <IconButton\r\n          size=\"small\"\r\n          aria-label={ariaLabel}\r\n          sx={HELP_ICON_SX}\r\n          tabIndex={0}\r\n        >\r\n          <IconComponent sx={{ fontSize: 16 }} />\r\n        </IconButton>\r\n      </Tooltip>\r\n    );\r\n  }\r\n\r\n  const handleOpen = (e: React.MouseEvent<HTMLElement>) => setAnchorEl(e.currentTarget);\r\n  const handleClose = () => setAnchorEl(null);\r\n  const open = !!anchorEl;\r\n\r\n  return (\r\n    <>\r\n      <IconButton\r\n        size=\"small\"\r\n        aria-label={ariaLabel}\r\n        // R-Ar.6 / WAI-ARIA disclosure pattern — surfaces the\r\n        // overlay nature of the trigger to assistive tech. Without\r\n        // these attrs SR users hear a generic \"Aide button\" with\r\n        // no indication that activation opens content.\r\n        aria-haspopup=\"dialog\"\r\n        aria-expanded={open}\r\n        onClick={handleOpen}\r\n        sx={HELP_ICON_SX}\r\n      >\r\n        <IconComponent sx={{ fontSize: 16 }} />\r\n      </IconButton>\r\n      <Popover\r\n        open={open}\r\n        anchorEl={anchorEl}\r\n        onClose={handleClose}\r\n        anchorOrigin={{ vertical: \"bottom\", horizontal: \"left\" }}\r\n        transformOrigin={{ vertical: \"top\", horizontal: \"left\" }}\r\n        slotProps={{\r\n          paper: {\r\n            sx: POPOVER_PAPER_SX,\r\n            // FH-1 — the trigger promises a dialog; make the paper one and\r\n            // name it. Prefer the visible title (aria-labelledby, avoids a\r\n            // Label-in-Name mismatch); fall back to the ariaLabel prop.\r\n            role: \"dialog\",\r\n            ...(title\r\n              ? { \"aria-labelledby\": titleId }\r\n              : { \"aria-label\": ariaLabel }),\r\n          },\r\n        }}\r\n      >\r\n        {title && (\r\n          <Box id={titleId} sx={POPOVER_TITLE_SX}>\r\n            {title}\r\n          </Box>\r\n        )}\r\n        <Box sx={POPOVER_BODY_SX}>{content}</Box>\r\n      </Popover>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default FieldHelp;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FieldHelp.js","names":["React","_interopRequireWildcard","require","_Tooltip","_interopRequireDefault","_IconButton","_Box","_Popover","_HelpOutlineOutlined","_InfoOutlined","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","HELP_THRESHOLD_CHARS","HELP_ICON_SX","freeze","padding","color","marginInlineStart","background","POPOVER_PAPER_SX","maxWidth","borderRadius","border","boxShadow","POPOVER_TITLE_SX","fontSize","fontWeight","marginBottom","POPOVER_BODY_SX","lineHeight","resolveVariant","variant","content","title","length","FieldHelp","icon","placement","ariaLabel","anchorEl","setAnchorEl","useState","titleId","useId","effectiveVariant","IconComponent","InfoOutlinedIcon","HelpOutlineIcon","jsx","arrow","children","size","sx","tabIndex","handleOpen","currentTarget","handleClose","open","jsxs","Fragment","onClick","onClose","anchorOrigin","vertical","horizontal","transformOrigin","slotProps","paper","role","id","_default","exports"],"sources":["../../../src/lib/v2/components/FieldHelp.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Tooltip from \"@mui/material/Tooltip\";\r\nimport type { TooltipProps } from \"@mui/material/Tooltip\";\r\nimport IconButton from \"@mui/material/IconButton\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Popover from \"@mui/material/Popover\";\r\nimport HelpOutlineIcon from \"@mui/icons-material/HelpOutlineOutlined\";\r\nimport InfoOutlinedIcon from \"@mui/icons-material/InfoOutlined\";\r\n\r\n/**\r\n * FieldHelp - Portnet UI v2 (component)\r\n *\r\n * Charter §03 · Component \"FieldHelp · Contextual help\".\r\n *\r\n * A small icon-button affordance that hosts drop next to labels,\r\n * section titles, or anywhere a user might benefit from just-in-\r\n * time guidance without cluttering the primary visual hierarchy.\r\n *\r\n * Behaviour modes:\r\n *   - tooltip: MUI Tooltip (default for short string content).\r\n *   - popover: MUI Popover, click to open. Used when content is\r\n *     long (>80 chars) or when a distinct `title` is provided.\r\n *   - auto:    Picks tooltip vs popover via the heuristic above.\r\n *\r\n * Usage:\r\n *   <FieldHelp content=\"Référence unique de l'autorisation\" />\r\n *   <FieldHelp\r\n *     title=\"Détails\"\r\n *     content={<>Texte long avec <b>JSX</b>.</>}\r\n *     variant=\"popover\"\r\n *   />\r\n *\r\n * A11y (audit Batch 5, finding B5-1; Batch 19, FH-1):\r\n *   Popover variant trigger carries aria-haspopup=\"dialog\" +\r\n *   aria-expanded reflecting the open state — WAI-ARIA disclosure\r\n *   pattern. The Popover paper itself carries role=\"dialog\" and an\r\n *   accessible name (FH-1): aria-labelledby the visible title when\r\n *   one is rendered, else aria-label from the ariaLabel prop — so\r\n *   the region the trigger promises actually resolves as a named\r\n *   dialog to assistive tech. Tooltip variant relies on MUI\r\n *   Tooltip's automatic aria-describedby plumbing on the wrapped child.\r\n */\r\n\r\nexport type FieldHelpVariant = \"auto\" | \"tooltip\" | \"popover\";\r\nexport type FieldHelpIcon = \"help\" | \"info\";\r\n\r\nexport interface FieldHelpProps {\r\n  /** Help content (tooltip title or popover body). */\r\n  content: React.ReactNode;\r\n  /** Optional popover title. When present, forces the popover variant. */\r\n  title?: React.ReactNode | undefined;\r\n  /** @default \"auto\" */\r\n  variant?: FieldHelpVariant | undefined;\r\n  /** @default \"help\" */\r\n  icon?: FieldHelpIcon | undefined;\r\n  /** Tooltip placement. @default \"top\" */\r\n  placement?: TooltipProps[\"placement\"] | undefined;\r\n  /** @default \"Aide\" */\r\n  ariaLabel?: string | undefined;\r\n}\r\n\r\nconst HELP_THRESHOLD_CHARS = 80;\r\n\r\nconst HELP_ICON_SX = Object.freeze({\r\n  padding: \"2px\",\r\n  color: \"var(--fg-subtle)\",\r\n  marginInlineStart: \"var(--s-1)\",\r\n  \"&:hover, &:focus-visible\": {\r\n    color: \"var(--accent)\",\r\n    background: \"var(--bg-hover)\",\r\n  },\r\n});\r\n\r\nconst POPOVER_PAPER_SX = Object.freeze({\r\n  // Cap at 360 on desktop, but never exceed the viewport on small\r\n  // phones (320–392px): MUI Popover positions the anchor but does NOT\r\n  // shrink the paper width to the viewport, so a bare maxWidth:360\r\n  // overflows the screen edge and forces horizontal scroll (WCAG 1.4.10\r\n  // Reflow). The min() inset keeps the paper on screen with a single\r\n  // --s-4 gutter on either side.\r\n  maxWidth: \"min(360px, calc(100vw - var(--s-4) * 2))\",\r\n  padding: \"var(--s-4)\",\r\n  borderRadius: \"var(--r-md)\",\r\n  border: \"1px solid var(--border)\",\r\n  boxShadow: \"var(--shadow-md)\",\r\n});\r\n\r\nconst POPOVER_TITLE_SX = Object.freeze({\r\n  fontSize: \"var(--text-sm)\",\r\n  fontWeight: \"var(--fw-semibold)\",\r\n  color: \"var(--fg)\",\r\n  marginBottom: \"var(--s-1)\",\r\n});\r\n\r\nconst POPOVER_BODY_SX = Object.freeze({\r\n  fontSize: \"var(--text-sm)\",\r\n  color: \"var(--fg-muted)\",\r\n  // --lh-loose = 1.6 (typography.js). Was `var(--lh-relaxed, 1.6)` —\r\n  // a dangling reference to a token that doesn't exist in the v2\r\n  // lineHeight scale (only tight/snug/normal/loose are emitted). The\r\n  // fallback `1.6` happened to match --lh-loose by coincidence; this\r\n  // makes the dependency explicit and lets future retuning flow.\r\n  lineHeight: \"var(--lh-loose)\",\r\n});\r\n\r\nfunction resolveVariant(\r\n  variant: FieldHelpVariant,\r\n  content: React.ReactNode,\r\n  title: React.ReactNode,\r\n): \"tooltip\" | \"popover\" {\r\n  if (variant !== \"auto\") return variant;\r\n  if (title) return \"popover\";\r\n  if (typeof content === \"string\" && content.length > HELP_THRESHOLD_CHARS) {\r\n    return \"popover\";\r\n  }\r\n  return \"tooltip\";\r\n}\r\n\r\nfunction FieldHelp({\r\n  content,\r\n  title,\r\n  variant = \"auto\",\r\n  icon = \"help\",\r\n  placement = \"top\",\r\n  ariaLabel = \"Aide\",\r\n}: FieldHelpProps) {\r\n  const [anchorEl, setAnchorEl] = React.useState<HTMLElement | null>(null);\r\n  // FH-1 — stable id so the dialog paper can be labelled by its visible\r\n  // title (used only when a title is rendered; see slotProps below).\r\n  const titleId = React.useId();\r\n\r\n  const effectiveVariant = resolveVariant(variant, content, title);\r\n  const IconComponent = icon === \"info\" ? InfoOutlinedIcon : HelpOutlineIcon;\r\n\r\n  if (effectiveVariant === \"tooltip\") {\r\n    return (\r\n      <Tooltip title={content} arrow placement={placement}>\r\n        <IconButton\r\n          size=\"small\"\r\n          aria-label={ariaLabel}\r\n          sx={HELP_ICON_SX}\r\n          tabIndex={0}\r\n        >\r\n          <IconComponent sx={{ fontSize: 16 }} />\r\n        </IconButton>\r\n      </Tooltip>\r\n    );\r\n  }\r\n\r\n  const handleOpen = (e: React.MouseEvent<HTMLElement>) => setAnchorEl(e.currentTarget);\r\n  const handleClose = () => setAnchorEl(null);\r\n  const open = !!anchorEl;\r\n\r\n  return (\r\n    <>\r\n      <IconButton\r\n        size=\"small\"\r\n        aria-label={ariaLabel}\r\n        // R-Ar.6 / WAI-ARIA disclosure pattern — surfaces the\r\n        // overlay nature of the trigger to assistive tech. Without\r\n        // these attrs SR users hear a generic \"Aide button\" with\r\n        // no indication that activation opens content.\r\n        aria-haspopup=\"dialog\"\r\n        aria-expanded={open}\r\n        onClick={handleOpen}\r\n        sx={HELP_ICON_SX}\r\n      >\r\n        <IconComponent sx={{ fontSize: 16 }} />\r\n      </IconButton>\r\n      <Popover\r\n        open={open}\r\n        anchorEl={anchorEl}\r\n        onClose={handleClose}\r\n        anchorOrigin={{ vertical: \"bottom\", horizontal: \"left\" }}\r\n        transformOrigin={{ vertical: \"top\", horizontal: \"left\" }}\r\n        slotProps={{\r\n          paper: {\r\n            sx: POPOVER_PAPER_SX,\r\n            // FH-1 — the trigger promises a dialog; make the paper one and\r\n            // name it. Prefer the visible title (aria-labelledby, avoids a\r\n            // Label-in-Name mismatch); fall back to the ariaLabel prop.\r\n            role: \"dialog\",\r\n            ...(title\r\n              ? { \"aria-labelledby\": titleId }\r\n              : { \"aria-label\": ariaLabel }),\r\n          },\r\n        }}\r\n      >\r\n        {title && (\r\n          <Box id={titleId} sx={POPOVER_TITLE_SX}>\r\n            {title}\r\n          </Box>\r\n        )}\r\n        <Box sx={POPOVER_BODY_SX}>{content}</Box>\r\n      </Popover>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default FieldHelp;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/v2/components/FileCard.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 _InsertDriveFileOutlined = _interopRequireDefault(require("@mui/icons-material/InsertDriveFileOutlined"));
 var _Surface = _interopRequireDefault(require("./Surface"));
 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); }
+/**
  * FileCard — Portnet UI v2
  *
  * A single attached document, as a row: leading icon, filename, optional meta
@@ -69,27 +63,29 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
  * type also lets the component set `title={name}` so the full filename stays
  * reachable on hover once it is ellipsized.
  */
-function FileCard(_ref) {
-  var name = _ref.name,
-    meta = _ref.meta,
-    icon = _ref.icon,
-    actions = _ref.actions,
-    sx = _ref.sx;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Surface["default"], _objectSpread(_objectSpread({
+
+function FileCard({
+  name,
+  meta,
+  icon,
+  actions,
+  sx
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Surface.default, {
     tone: "subtle",
     radius: "md",
-    padding: "compact"
-  }, sx !== undefined ? {
-    sx: sx
-  } : {}), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+    padding: "compact",
+    ...(sx !== undefined ? {
+      sx
+    } : {}),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
       sx: {
         display: "flex",
         alignItems: "center",
         justifyContent: "space-between",
         gap: "var(--s-3)"
       },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
         sx: {
           display: "flex",
           alignItems: "center",
@@ -97,7 +93,7 @@ function FileCard(_ref) {
           minWidth: 0,
           flex: 1
         },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
           component: "span",
           "aria-hidden": "true"
           /* Test hook. The icon wrapper carries no role and no accessible
@@ -117,12 +113,12 @@ function FileCard(_ref) {
               fontSize: "var(--text-display)"
             }
           },
-          children: icon !== null && icon !== void 0 ? icon : /*#__PURE__*/(0, _jsxRuntime.jsx)(_InsertDriveFileOutlined["default"], {})
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+          children: icon ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_InsertDriveFileOutlined.default, {})
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
           sx: {
             minWidth: 0
           },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
             title: name,
             sx: {
               fontSize: "var(--text-sm)",
@@ -133,7 +129,7 @@ function FileCard(_ref) {
               textOverflow: "ellipsis"
             },
             children: name
-          }), meta != null && meta !== "" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"]
+          }), meta != null && meta !== "" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default
           /* Test hook — same rationale as filecard-icon. The contract is
            * that this line is ABSENT rather than empty: a blank second
            * line reads as missing data and changes the row height, which
@@ -153,7 +149,7 @@ function FileCard(_ref) {
       /*#__PURE__*/
       /* `flexShrink: 0` — the buttons keep their intrinsic width; it is the
          filename that yields. The inverse produced squashed labels. */
-      (0, _jsxRuntime.jsx)(_Box["default"], {
+      (0, _jsxRuntime.jsx)(_Box.default, {
         sx: {
           display: "flex",
           alignItems: "center",
@@ -163,7 +159,7 @@ function FileCard(_ref) {
         children: actions
       })]
     })
-  }));
+  });
 }
-var _default = exports["default"] = FileCard;
+var _default = exports.default = FileCard;
 //# sourceMappingURL=FileCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileCard.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_InsertDriveFileOutlined","_Surface","_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","FileCard","_ref","name","meta","icon","actions","sx","jsx","tone","radius","padding","children","jsxs","display","alignItems","justifyContent","gap","minWidth","flex","component","flexShrink","color","fontSize","title","fontWeight","whiteSpace","overflow","textOverflow","fontVariantNumeric","_default","exports"],"sources":["../../../src/lib/v2/components/FileCard.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 InsertDriveFileIcon from \"@mui/icons-material/InsertDriveFileOutlined\";\r\nimport Surface from \"./Surface\";\r\n\r\n/**\r\n * FileCard — Portnet UI v2\r\n *\r\n * A single attached document, as a row: leading icon, filename, optional meta\r\n * line, action cluster on the trailing edge.\r\n *\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n * WHY THIS BELONGS IN THE LIBRARY (capability gap G-12)\r\n *\r\n * The library shipped `Dropzone` — the UPLOAD affordance — and nothing for the\r\n * state right after it: the file, once attached, being displayed. So every\r\n * screen that shows an attachment rebuilt the same row. In addpe-fe it exists\r\n * THREE times, in three files, written by hand each time:\r\n *\r\n *   - Attachment (uploaded state)      padding --s-3 --s-4\r\n *   - AutorisationPreviewDrawer (tab)  padding --s-4\r\n *   - AutorisationDetail (tab)         padding --s-4 --s-5\r\n *\r\n * Read that padding column: three values for ONE concept. Nobody decided that —\r\n * it is what happens when a recipe is retyped from memory three times, and it is\r\n * exactly what Charter R-2.1 forbids (« un même concept = un même composant +\r\n * un même libellé partout »). This component standardises on the compact\r\n * `Surface` padding; the divergence was accidental, not intentional.\r\n *\r\n * The ellipsis logic is the other reason to own this. A filename is\r\n * user-supplied, arbitrarily long, and must truncate without pushing the action\r\n * buttons off the card — which needs `minWidth: 0` on the right ancestors and\r\n * `flexShrink: 0` on the wrong ones. Two of the three local copies had it; the\r\n * third relied on its container being wide enough.\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n *\r\n *   <FileCard\r\n *     name={doc.documentName || \"Document.pdf\"}\r\n *     meta=\"248,50 Ko\"\r\n *     actions={\r\n *       <Button variant=\"secondary\" size=\"sm\" icon={<CloudDownload />} onClick={dl}>\r\n *         Télécharger\r\n *       </Button>\r\n *     }\r\n *   />\r\n *\r\n * Presentational by design: no href, no fetching, no delete confirmation. Hosts\r\n * own those (a blob URL, an API call, a `ConfirmDialog`) and pass the resulting\r\n * buttons through `actions`.\r\n *\r\n * `name` is REQUIRED and typed `string`, deliberately. A filename fallback\r\n * (\"Document.pdf\") is French copy and a business decision about what an unnamed\r\n * attachment is called — that belongs to the host, not to the design system, and\r\n * defaulting it here would silently hide a missing backend field. The `string`\r\n * type also lets the component set `title={name}` so the full filename stays\r\n * reachable on hover once it is ellipsized.\r\n */\r\n\r\nexport interface FileCardProps {\r\n  /** Filename. Ellipsized when it overflows; mirrored into `title`. */\r\n  name: string;\r\n  /**\r\n   * Secondary line — size, date, content type. Rendered with tabular numerals\r\n   * so a column of file sizes aligns (R-T.3).\r\n   */\r\n  meta?: React.ReactNode | undefined;\r\n  /**\r\n   * Leading icon. Defaults to a generic document glyph; pass a specific one when\r\n   * the card's primary action is what identifies it (a download cloud, say).\r\n   * Rendered `aria-hidden` — the filename is the accessible name (R-Ar.2).\r\n   */\r\n  icon?: React.ReactNode | undefined;\r\n  /** Trailing action cluster. Pass `Button`s; the card does not invent any. */\r\n  actions?: React.ReactNode | undefined;\r\n  sx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nfunction FileCard({ name, meta, icon, actions, sx }: FileCardProps) {\r\n  return (\r\n    <Surface\r\n      tone=\"subtle\"\r\n      radius=\"md\"\r\n      padding=\"compact\"\r\n      {...(sx !== undefined ? { sx } : {})}\r\n    >\r\n      <Box\r\n        sx={{\r\n          display: \"flex\",\r\n          alignItems: \"center\",\r\n          justifyContent: \"space-between\",\r\n          gap: \"var(--s-3)\",\r\n        }}\r\n      >\r\n        {/* Identity block. `minWidth: 0` is load-bearing: without it a flex item\r\n            refuses to shrink below its content width and the filename pushes the\r\n            action cluster out of the card instead of truncating. */}\r\n        <Box\r\n          sx={{\r\n            display: \"flex\",\r\n            alignItems: \"center\",\r\n            gap: \"var(--s-3)\",\r\n            minWidth: 0,\r\n            flex: 1,\r\n          }}\r\n        >\r\n          <Box\r\n            component=\"span\"\r\n            aria-hidden=\"true\"\r\n            /* Test hook. The icon wrapper carries no role and no accessible\r\n             * name — by design — so there is no semantic query that can reach\r\n             * it, and the repo's eslint config rightly forbids container\r\n             * queries and direct node access in tests. A stable testid is the\r\n             * sanctioned escape hatch, and the contract it guards (R-Ar.2: a\r\n             * decorative glyph must NOT be announced) is worth a hook. */\r\n            data-testid=\"filecard-icon\"\r\n            sx={{\r\n              display: \"inline-flex\",\r\n              flexShrink: 0,\r\n              color: \"var(--accent)\",\r\n              // --text-display is the 26px token; the glyph sits at the optical\r\n              // scale the three local copies had converged on.\r\n              \"& > *\": { fontSize: \"var(--text-display)\" },\r\n            }}\r\n          >\r\n            {icon ?? <InsertDriveFileIcon />}\r\n          </Box>\r\n\r\n          <Box sx={{ minWidth: 0 }}>\r\n            <Box\r\n              title={name}\r\n              sx={{\r\n                fontSize: \"var(--text-sm)\",\r\n                fontWeight: \"var(--fw-semibold)\",\r\n                color: \"var(--fg)\",\r\n                whiteSpace: \"nowrap\",\r\n                overflow: \"hidden\",\r\n                textOverflow: \"ellipsis\",\r\n              }}\r\n            >\r\n              {name}\r\n            </Box>\r\n            {meta != null && meta !== \"\" && (\r\n              <Box\r\n                /* Test hook — same rationale as filecard-icon. The contract is\r\n                 * that this line is ABSENT rather than empty: a blank second\r\n                 * line reads as missing data and changes the row height, which\r\n                 * breaks the alignment of a list of files. \"Absent, not empty\"\r\n                 * cannot be expressed by a text query. */\r\n                data-testid=\"filecard-meta\"\r\n                sx={{\r\n                  fontSize: \"var(--text-xs)\",\r\n                  color: \"var(--fg-subtle)\",\r\n                  // R-T.3 — tabular numerals on any numeric run.\r\n                  fontVariantNumeric: \"tabular-nums\",\r\n                }}\r\n              >\r\n                {meta}\r\n              </Box>\r\n            )}\r\n          </Box>\r\n        </Box>\r\n\r\n        {actions != null && (\r\n          /* `flexShrink: 0` — the buttons keep their intrinsic width; it is the\r\n             filename that yields. The inverse produced squashed labels. */\r\n          <Box\r\n            sx={{\r\n              display: \"flex\",\r\n              alignItems: \"center\",\r\n              gap: \"var(--s-2)\",\r\n              flexShrink: 0,\r\n            }}\r\n          >\r\n            {actions}\r\n          </Box>\r\n        )}\r\n      </Box>\r\n    </Surface>\r\n  );\r\n}\r\n\r\nexport default FileCard;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FileCard.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_InsertDriveFileOutlined","_Surface","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FileCard","name","meta","icon","actions","sx","jsx","tone","radius","padding","undefined","children","jsxs","display","alignItems","justifyContent","gap","minWidth","flex","component","flexShrink","color","fontSize","title","fontWeight","whiteSpace","overflow","textOverflow","fontVariantNumeric","_default","exports"],"sources":["../../../src/lib/v2/components/FileCard.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 InsertDriveFileIcon from \"@mui/icons-material/InsertDriveFileOutlined\";\r\nimport Surface from \"./Surface\";\r\n\r\n/**\r\n * FileCard — Portnet UI v2\r\n *\r\n * A single attached document, as a row: leading icon, filename, optional meta\r\n * line, action cluster on the trailing edge.\r\n *\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n * WHY THIS BELONGS IN THE LIBRARY (capability gap G-12)\r\n *\r\n * The library shipped `Dropzone` — the UPLOAD affordance — and nothing for the\r\n * state right after it: the file, once attached, being displayed. So every\r\n * screen that shows an attachment rebuilt the same row. In addpe-fe it exists\r\n * THREE times, in three files, written by hand each time:\r\n *\r\n *   - Attachment (uploaded state)      padding --s-3 --s-4\r\n *   - AutorisationPreviewDrawer (tab)  padding --s-4\r\n *   - AutorisationDetail (tab)         padding --s-4 --s-5\r\n *\r\n * Read that padding column: three values for ONE concept. Nobody decided that —\r\n * it is what happens when a recipe is retyped from memory three times, and it is\r\n * exactly what Charter R-2.1 forbids (« un même concept = un même composant +\r\n * un même libellé partout »). This component standardises on the compact\r\n * `Surface` padding; the divergence was accidental, not intentional.\r\n *\r\n * The ellipsis logic is the other reason to own this. A filename is\r\n * user-supplied, arbitrarily long, and must truncate without pushing the action\r\n * buttons off the card — which needs `minWidth: 0` on the right ancestors and\r\n * `flexShrink: 0` on the wrong ones. Two of the three local copies had it; the\r\n * third relied on its container being wide enough.\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n *\r\n *   <FileCard\r\n *     name={doc.documentName || \"Document.pdf\"}\r\n *     meta=\"248,50 Ko\"\r\n *     actions={\r\n *       <Button variant=\"secondary\" size=\"sm\" icon={<CloudDownload />} onClick={dl}>\r\n *         Télécharger\r\n *       </Button>\r\n *     }\r\n *   />\r\n *\r\n * Presentational by design: no href, no fetching, no delete confirmation. Hosts\r\n * own those (a blob URL, an API call, a `ConfirmDialog`) and pass the resulting\r\n * buttons through `actions`.\r\n *\r\n * `name` is REQUIRED and typed `string`, deliberately. A filename fallback\r\n * (\"Document.pdf\") is French copy and a business decision about what an unnamed\r\n * attachment is called — that belongs to the host, not to the design system, and\r\n * defaulting it here would silently hide a missing backend field. The `string`\r\n * type also lets the component set `title={name}` so the full filename stays\r\n * reachable on hover once it is ellipsized.\r\n */\r\n\r\nexport interface FileCardProps {\r\n  /** Filename. Ellipsized when it overflows; mirrored into `title`. */\r\n  name: string;\r\n  /**\r\n   * Secondary line — size, date, content type. Rendered with tabular numerals\r\n   * so a column of file sizes aligns (R-T.3).\r\n   */\r\n  meta?: React.ReactNode | undefined;\r\n  /**\r\n   * Leading icon. Defaults to a generic document glyph; pass a specific one when\r\n   * the card's primary action is what identifies it (a download cloud, say).\r\n   * Rendered `aria-hidden` — the filename is the accessible name (R-Ar.2).\r\n   */\r\n  icon?: React.ReactNode | undefined;\r\n  /** Trailing action cluster. Pass `Button`s; the card does not invent any. */\r\n  actions?: React.ReactNode | undefined;\r\n  sx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nfunction FileCard({ name, meta, icon, actions, sx }: FileCardProps) {\r\n  return (\r\n    <Surface\r\n      tone=\"subtle\"\r\n      radius=\"md\"\r\n      padding=\"compact\"\r\n      {...(sx !== undefined ? { sx } : {})}\r\n    >\r\n      <Box\r\n        sx={{\r\n          display: \"flex\",\r\n          alignItems: \"center\",\r\n          justifyContent: \"space-between\",\r\n          gap: \"var(--s-3)\",\r\n        }}\r\n      >\r\n        {/* Identity block. `minWidth: 0` is load-bearing: without it a flex item\r\n            refuses to shrink below its content width and the filename pushes the\r\n            action cluster out of the card instead of truncating. */}\r\n        <Box\r\n          sx={{\r\n            display: \"flex\",\r\n            alignItems: \"center\",\r\n            gap: \"var(--s-3)\",\r\n            minWidth: 0,\r\n            flex: 1,\r\n          }}\r\n        >\r\n          <Box\r\n            component=\"span\"\r\n            aria-hidden=\"true\"\r\n            /* Test hook. The icon wrapper carries no role and no accessible\r\n             * name — by design — so there is no semantic query that can reach\r\n             * it, and the repo's eslint config rightly forbids container\r\n             * queries and direct node access in tests. A stable testid is the\r\n             * sanctioned escape hatch, and the contract it guards (R-Ar.2: a\r\n             * decorative glyph must NOT be announced) is worth a hook. */\r\n            data-testid=\"filecard-icon\"\r\n            sx={{\r\n              display: \"inline-flex\",\r\n              flexShrink: 0,\r\n              color: \"var(--accent)\",\r\n              // --text-display is the 26px token; the glyph sits at the optical\r\n              // scale the three local copies had converged on.\r\n              \"& > *\": { fontSize: \"var(--text-display)\" },\r\n            }}\r\n          >\r\n            {icon ?? <InsertDriveFileIcon />}\r\n          </Box>\r\n\r\n          <Box sx={{ minWidth: 0 }}>\r\n            <Box\r\n              title={name}\r\n              sx={{\r\n                fontSize: \"var(--text-sm)\",\r\n                fontWeight: \"var(--fw-semibold)\",\r\n                color: \"var(--fg)\",\r\n                whiteSpace: \"nowrap\",\r\n                overflow: \"hidden\",\r\n                textOverflow: \"ellipsis\",\r\n              }}\r\n            >\r\n              {name}\r\n            </Box>\r\n            {meta != null && meta !== \"\" && (\r\n              <Box\r\n                /* Test hook — same rationale as filecard-icon. The contract is\r\n                 * that this line is ABSENT rather than empty: a blank second\r\n                 * line reads as missing data and changes the row height, which\r\n                 * breaks the alignment of a list of files. \"Absent, not empty\"\r\n                 * cannot be expressed by a text query. */\r\n                data-testid=\"filecard-meta\"\r\n                sx={{\r\n                  fontSize: \"var(--text-xs)\",\r\n                  color: \"var(--fg-subtle)\",\r\n                  // R-T.3 — tabular numerals on any numeric run.\r\n                  fontVariantNumeric: \"tabular-nums\",\r\n                }}\r\n              >\r\n                {meta}\r\n              </Box>\r\n            )}\r\n          </Box>\r\n        </Box>\r\n\r\n        {actions != null && (\r\n          /* `flexShrink: 0` — the buttons keep their intrinsic width; it is the\r\n             filename that yields. The inverse produced squashed labels. */\r\n          <Box\r\n            sx={{\r\n              display: \"flex\",\r\n              alignItems: \"center\",\r\n              gap: \"var(--s-2)\",\r\n              flexShrink: 0,\r\n            }}\r\n          >\r\n            {actions}\r\n          </Box>\r\n        )}\r\n      </Box>\r\n    </Surface>\r\n  );\r\n}\r\n\r\nexport default FileCard;\r\n"],"mappings":"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","ignoreList":[]}