@portnet/ui 6.0.2 → 6.0.3

package/dist/esm/v2/patterns/FavoritesFilter.js

@@ -1,9 +1,3 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _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); }
 import * as React from "react";
 import StarRoundedIcon from "@mui/icons-material/StarRounded";
 import Segmented from "../components/Segmented";
@@ -32,7 +26,7 @@ import { mergeLabels } from "../utils/mergeLabels";
  * it span its row on narrow / mobile toolbars.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-var DEFAULT_LABELS = Object.freeze({
+const DEFAULT_LABELS = Object.freeze({
   all: "Tous",
   favorites: "Suivis",
   ariaLabel: "Filtrer par suivis"
@@ -41,51 +35,48 @@ function withCount(label, count) {
   return typeof count === "number" ? label + " (" + count + ")" : label;
 }
 function FavoritesFilter(props) {
-  var _props$value = props.value,
-    value = _props$value === void 0 ? "all" : _props$value,
-    onChange = props.onChange,
-    favoriteCount = props.favoriteCount,
-    totalCount = props.totalCount,
-    _props$showCounts = props.showCounts,
-    showCounts = _props$showCounts === void 0 ? true : _props$showCounts,
-    _props$showIcon = props.showIcon,
-    showIcon = _props$showIcon === void 0 ? true : _props$showIcon,
-    _props$size = props.size,
-    size = _props$size === void 0 ? "sm" : _props$size,
-    _props$fullWidth = props.fullWidth,
-    fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth,
-    labels = props.labels,
-    sx = props.sx;
-  var L = React.useMemo(function () {
-    return mergeLabels(DEFAULT_LABELS, labels);
-  }, [labels]);
-  var options = React.useMemo(function buildOptions() {
+  const {
+    value = "all",
+    onChange,
+    favoriteCount,
+    totalCount,
+    showCounts = true,
+    showIcon = true,
+    size = "sm",
+    fullWidth = false,
+    labels,
+    sx
+  } = props;
+  const L = React.useMemo(() => mergeLabels(DEFAULT_LABELS, labels), [labels]);
+  const options = React.useMemo(function buildOptions() {
     return [{
       value: "all",
       label: showCounts ? withCount(L.all, totalCount) : L.all
-    }, _objectSpread({
+    }, {
       value: "only",
-      label: showCounts ? withCount(L.favorites, favoriteCount) : L.favorites
-    }, showIcon ? {
-      icon: /*#__PURE__*/_jsx(StarRoundedIcon, {
-        fontSize: "small"
-      })
-    } : {})];
+      label: showCounts ? withCount(L.favorites, favoriteCount) : L.favorites,
+      ...(showIcon ? {
+        icon: /*#__PURE__*/_jsx(StarRoundedIcon, {
+          fontSize: "small"
+        })
+      } : {})
+    }];
   }, [L, showCounts, showIcon, totalCount, favoriteCount]);
-  var handleChange = React.useCallback(function handleChange(v) {
+  const handleChange = React.useCallback(function handleChange(v) {
     // Segmented emits its configured option values only ("all" / "only").
     if (onChange) onChange(v);
   }, [onChange]);
-  return /*#__PURE__*/_jsx(Segmented, _objectSpread({
+  return /*#__PURE__*/_jsx(Segmented, {
     value: value,
     onChange: handleChange,
     options: options,
     size: size,
     fullWidth: fullWidth,
-    "aria-label": L.ariaLabel
-  }, sx !== undefined ? {
-    sx: sx
-  } : {}));
+    "aria-label": L.ariaLabel,
+    ...(sx !== undefined ? {
+      sx
+    } : {})
+  });
 }
 export default FavoritesFilter;
 //# sourceMappingURL=FavoritesFilter.js.map

package/dist/esm/v2/patterns/FavoritesFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"FavoritesFilter.js","names":["React","StarRoundedIcon","Segmented","mergeLabels","jsx","_jsx","DEFAULT_LABELS","Object","freeze","all","favorites","ariaLabel","withCount","label","count","FavoritesFilter","props","_props$value","value","onChange","favoriteCount","totalCount","_props$showCounts","showCounts","_props$showIcon","showIcon","_props$size","size","_props$fullWidth","fullWidth","labels","sx","L","useMemo","options","buildOptions","_objectSpread","icon","fontSize","handleChange","useCallback","v","undefined"],"sources":["../../../../src/lib/v2/patterns/FavoritesFilter.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport StarRoundedIcon from \"@mui/icons-material/StarRounded\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\n\r\nimport Segmented from \"../components/Segmented\";\r\nimport type { SegmentedOption, SegmentedValue } from \"../components/Segmented\";\r\nimport type { FavoritesFilterMode } from \"../personalization/capabilities/favoritesView\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/**\r\n * FavoritesFilter - Portnet UI v2 (pattern)\r\n *\r\n * Presentational \"Tous / Suivis\" toggle for the follow filter, built on\r\n * the v2 Segmented (role=radiogroup, arrow-key selection, focus halo).\r\n * Provider-free — drive it from the same state you pass to\r\n * useFavoritesView:\r\n *\r\n *   const [favFilter, setFavFilter] = React.useState(\"all\");\r\n *   const view = useFavoritesView(\"ti:list\", rows, {\r\n *     getRowId, filterMode: favFilter,\r\n *   });\r\n *   <FavoritesFilter\r\n *     value={favFilter}\r\n *     onChange={setFavFilter}\r\n *     favoriteCount={view.favoriteCount}\r\n *     totalCount={rows.length}\r\n *   />\r\n *\r\n * Values (\"all\" | \"only\") match FAVORITES_FILTER. Pass `fullWidth` to let\r\n * it span its row on narrow / mobile toolbars.\r\n */\r\n\r\nexport interface FavoritesFilterLabels {\r\n  all: string;\r\n  favorites: string;\r\n  ariaLabel: string;\r\n}\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  all: \"Tous\",\r\n  favorites: \"Suivis\",\r\n  ariaLabel: \"Filtrer par suivis\",\r\n} satisfies FavoritesFilterLabels);\r\n\r\nfunction withCount(label: string, count: number | undefined): string {\r\n  return typeof count === \"number\" ? label + \" (\" + count + \")\" : label;\r\n}\r\n\r\nexport interface FavoritesFilterProps {\r\n  /** Current mode (matches FAVORITES_FILTER). @default \"all\" */\r\n  value?: FavoritesFilterMode | undefined;\r\n  /** (mode) => void. */\r\n  onChange?: ((value: FavoritesFilterMode) => void) | undefined;\r\n  /** Count shown on the \"Suivis\" segment. */\r\n  favoriteCount?: number | undefined;\r\n  /** Count shown on the \"Tous\" segment. */\r\n  totalCount?: number | undefined;\r\n  showCounts?: boolean | undefined;\r\n  showIcon?: boolean | undefined;\r\n  size?: \"sm\" | \"md\" | undefined;\r\n  /** Span the available width — useful on narrow / mobile toolbars. */\r\n  fullWidth?: boolean | undefined;\r\n  /** Localised labels (FR default; EN/AR supported). */\r\n  labels?: Partial<FavoritesFilterLabels> | undefined;\r\n  sx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nfunction FavoritesFilter(props: FavoritesFilterProps): React.JSX.Element {\r\n  const {\r\n    value = \"all\",\r\n    onChange,\r\n    favoriteCount,\r\n    totalCount,\r\n    showCounts = true,\r\n    showIcon = true,\r\n    size = \"sm\",\r\n    fullWidth = false,\r\n    labels,\r\n    sx,\r\n  } = props;\r\n  const L = React.useMemo<FavoritesFilterLabels>(\r\n    () => (mergeLabels(DEFAULT_LABELS, labels)),\r\n    [labels]\r\n  );\r\n\r\n  const options = React.useMemo<SegmentedOption[]>(\r\n    function buildOptions() {\r\n      return [\r\n        {\r\n          value: \"all\",\r\n          label: showCounts ? withCount(L.all, totalCount) : L.all,\r\n        },\r\n        {\r\n          value: \"only\",\r\n          label: showCounts\r\n            ? withCount(L.favorites, favoriteCount)\r\n            : L.favorites,\r\n          ...(showIcon ? { icon: <StarRoundedIcon fontSize=\"small\" /> } : {}),\r\n        },\r\n      ];\r\n    },\r\n    [L, showCounts, showIcon, totalCount, favoriteCount]\r\n  );\r\n\r\n  const handleChange = React.useCallback(\r\n    function handleChange(v: SegmentedValue): void {\r\n      // Segmented emits its configured option values only (\"all\" / \"only\").\r\n      if (onChange) onChange(v as FavoritesFilterMode);\r\n    },\r\n    [onChange]\r\n  );\r\n\r\n  return (\r\n    <Segmented\r\n      value={value}\r\n      onChange={handleChange}\r\n      options={options}\r\n      size={size}\r\n      fullWidth={fullWidth}\r\n      aria-label={L.ariaLabel}\r\n      {...(sx !== undefined ? { sx } : {})}\r\n    />\r\n  );\r\n}\r\n\r\nexport default FavoritesFilter;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FavoritesFilter.js","names":["React","StarRoundedIcon","Segmented","mergeLabels","jsx","_jsx","DEFAULT_LABELS","Object","freeze","all","favorites","ariaLabel","withCount","label","count","FavoritesFilter","props","value","onChange","favoriteCount","totalCount","showCounts","showIcon","size","fullWidth","labels","sx","L","useMemo","options","buildOptions","icon","fontSize","handleChange","useCallback","v","undefined"],"sources":["../../../../src/lib/v2/patterns/FavoritesFilter.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport StarRoundedIcon from \"@mui/icons-material/StarRounded\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\n\r\nimport Segmented from \"../components/Segmented\";\r\nimport type { SegmentedOption, SegmentedValue } from \"../components/Segmented\";\r\nimport type { FavoritesFilterMode } from \"../personalization/capabilities/favoritesView\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/**\r\n * FavoritesFilter - Portnet UI v2 (pattern)\r\n *\r\n * Presentational \"Tous / Suivis\" toggle for the follow filter, built on\r\n * the v2 Segmented (role=radiogroup, arrow-key selection, focus halo).\r\n * Provider-free — drive it from the same state you pass to\r\n * useFavoritesView:\r\n *\r\n *   const [favFilter, setFavFilter] = React.useState(\"all\");\r\n *   const view = useFavoritesView(\"ti:list\", rows, {\r\n *     getRowId, filterMode: favFilter,\r\n *   });\r\n *   <FavoritesFilter\r\n *     value={favFilter}\r\n *     onChange={setFavFilter}\r\n *     favoriteCount={view.favoriteCount}\r\n *     totalCount={rows.length}\r\n *   />\r\n *\r\n * Values (\"all\" | \"only\") match FAVORITES_FILTER. Pass `fullWidth` to let\r\n * it span its row on narrow / mobile toolbars.\r\n */\r\n\r\nexport interface FavoritesFilterLabels {\r\n  all: string;\r\n  favorites: string;\r\n  ariaLabel: string;\r\n}\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  all: \"Tous\",\r\n  favorites: \"Suivis\",\r\n  ariaLabel: \"Filtrer par suivis\",\r\n} satisfies FavoritesFilterLabels);\r\n\r\nfunction withCount(label: string, count: number | undefined): string {\r\n  return typeof count === \"number\" ? label + \" (\" + count + \")\" : label;\r\n}\r\n\r\nexport interface FavoritesFilterProps {\r\n  /** Current mode (matches FAVORITES_FILTER). @default \"all\" */\r\n  value?: FavoritesFilterMode | undefined;\r\n  /** (mode) => void. */\r\n  onChange?: ((value: FavoritesFilterMode) => void) | undefined;\r\n  /** Count shown on the \"Suivis\" segment. */\r\n  favoriteCount?: number | undefined;\r\n  /** Count shown on the \"Tous\" segment. */\r\n  totalCount?: number | undefined;\r\n  showCounts?: boolean | undefined;\r\n  showIcon?: boolean | undefined;\r\n  size?: \"sm\" | \"md\" | undefined;\r\n  /** Span the available width — useful on narrow / mobile toolbars. */\r\n  fullWidth?: boolean | undefined;\r\n  /** Localised labels (FR default; EN/AR supported). */\r\n  labels?: Partial<FavoritesFilterLabels> | undefined;\r\n  sx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nfunction FavoritesFilter(props: FavoritesFilterProps): React.JSX.Element {\r\n  const {\r\n    value = \"all\",\r\n    onChange,\r\n    favoriteCount,\r\n    totalCount,\r\n    showCounts = true,\r\n    showIcon = true,\r\n    size = \"sm\",\r\n    fullWidth = false,\r\n    labels,\r\n    sx,\r\n  } = props;\r\n  const L = React.useMemo<FavoritesFilterLabels>(\r\n    () => (mergeLabels(DEFAULT_LABELS, labels)),\r\n    [labels]\r\n  );\r\n\r\n  const options = React.useMemo<SegmentedOption[]>(\r\n    function buildOptions() {\r\n      return [\r\n        {\r\n          value: \"all\",\r\n          label: showCounts ? withCount(L.all, totalCount) : L.all,\r\n        },\r\n        {\r\n          value: \"only\",\r\n          label: showCounts\r\n            ? withCount(L.favorites, favoriteCount)\r\n            : L.favorites,\r\n          ...(showIcon ? { icon: <StarRoundedIcon fontSize=\"small\" /> } : {}),\r\n        },\r\n      ];\r\n    },\r\n    [L, showCounts, showIcon, totalCount, favoriteCount]\r\n  );\r\n\r\n  const handleChange = React.useCallback(\r\n    function handleChange(v: SegmentedValue): void {\r\n      // Segmented emits its configured option values only (\"all\" / \"only\").\r\n      if (onChange) onChange(v as FavoritesFilterMode);\r\n    },\r\n    [onChange]\r\n  );\r\n\r\n  return (\r\n    <Segmented\r\n      value={value}\r\n      onChange={handleChange}\r\n      options={options}\r\n      size={size}\r\n      fullWidth={fullWidth}\r\n      aria-label={L.ariaLabel}\r\n      {...(sx !== undefined ? { sx } : {})}\r\n    />\r\n  );\r\n}\r\n\r\nexport default FavoritesFilter;\r\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,eAAe,MAAM,iCAAiC;AAG7D,OAAOC,SAAS,MAAM,yBAAyB;AAG/C,SAASC,WAAW,QAAQ,sBAAsB;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AArBA,SAAAC,GAAA,IAAAC,IAAA;AA6BA,MAAMC,cAAc,GAAGC,MAAM,CAACC,MAAM,CAAC;EACnCC,GAAG,EAAE,MAAM;EACXC,SAAS,EAAE,QAAQ;EACnBC,SAAS,EAAE;AACb,CAAiC,CAAC;AAElC,SAASC,SAASA,CAACC,KAAa,EAAEC,KAAyB,EAAU;EACnE,OAAO,OAAOA,KAAK,KAAK,QAAQ,GAAGD,KAAK,GAAG,IAAI,GAAGC,KAAK,GAAG,GAAG,GAAGD,KAAK;AACvE;AAqBA,SAASE,eAAeA,CAACC,KAA2B,EAAqB;EACvE,MAAM;IACJC,KAAK,GAAG,KAAK;IACbC,QAAQ;IACRC,aAAa;IACbC,UAAU;IACVC,UAAU,GAAG,IAAI;IACjBC,QAAQ,GAAG,IAAI;IACfC,IAAI,GAAG,IAAI;IACXC,SAAS,GAAG,KAAK;IACjBC,MAAM;IACNC;EACF,CAAC,GAAGV,KAAK;EACT,MAAMW,CAAC,GAAG3B,KAAK,CAAC4B,OAAO,CACrB,MAAOzB,WAAW,CAACG,cAAc,EAAEmB,MAAM,CAAE,EAC3C,CAACA,MAAM,CACT,CAAC;EAED,MAAMI,OAAO,GAAG7B,KAAK,CAAC4B,OAAO,CAC3B,SAASE,YAAYA,CAAA,EAAG;IACtB,OAAO,CACL;MACEb,KAAK,EAAE,KAAK;MACZJ,KAAK,EAAEQ,UAAU,GAAGT,SAAS,CAACe,CAAC,CAAClB,GAAG,EAAEW,UAAU,CAAC,GAAGO,CAAC,CAAClB;IACvD,CAAC,EACD;MACEQ,KAAK,EAAE,MAAM;MACbJ,KAAK,EAAEQ,UAAU,GACbT,SAAS,CAACe,CAAC,CAACjB,SAAS,EAAES,aAAa,CAAC,GACrCQ,CAAC,CAACjB,SAAS;MACf,IAAIY,QAAQ,GAAG;QAAES,IAAI,eAAE1B,IAAA,CAACJ,eAAe;UAAC+B,QAAQ,EAAC;QAAO,CAAE;MAAE,CAAC,GAAG,CAAC,CAAC;IACpE,CAAC,CACF;EACH,CAAC,EACD,CAACL,CAAC,EAAEN,UAAU,EAAEC,QAAQ,EAAEF,UAAU,EAAED,aAAa,CACrD,CAAC;EAED,MAAMc,YAAY,GAAGjC,KAAK,CAACkC,WAAW,CACpC,SAASD,YAAYA,CAACE,CAAiB,EAAQ;IAC7C;IACA,IAAIjB,QAAQ,EAAEA,QAAQ,CAACiB,CAAwB,CAAC;EAClD,CAAC,EACD,CAACjB,QAAQ,CACX,CAAC;EAED,oBACEb,IAAA,CAACH,SAAS;IACRe,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEe,YAAa;IACvBJ,OAAO,EAAEA,OAAQ;IACjBN,IAAI,EAAEA,IAAK;IACXC,SAAS,EAAEA,SAAU;IACrB,cAAYG,CAAC,CAAChB,SAAU;IAAA,IACnBe,EAAE,KAAKU,SAAS,GAAG;MAAEV;IAAG,CAAC,GAAG,CAAC,CAAC;EAAA,CACpC,CAAC;AAEN;AAEA,eAAeX,eAAe","ignoreList":[]}

package/dist/esm/v2/patterns/FilterTabBar.js

@@ -0,0 +1,112 @@
+import * as React from "react";
+import Box from "@mui/material/Box";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * FilterTabBar — Portnet UI v2 (pattern)
+ *
+ * Charter §03 · Platform Mandatory UX Patterns §Status Chips, §Favorites,
+ * §User Personalization.
+ *
+ * The bar that seats the status pills at the top of a listing card. The
+ * library shipped `FilterTab` — the pill — and nothing to seat them in,
+ * so every listing re-derived the same row: the geometry, the card-header
+ * separator, and the split between the status group on the left and the
+ * personalization controls (favorites toggle, saved filters) on the right.
+ *
+ * Promoted from `refonte-frontend` (Area 5), where FOUR listings carried
+ * the identical pair of frozen style objects:
+ *
+ *   const BARRE_CHIPS_STATUT = { display: "flex", flexWrap: "wrap",
+ *     alignItems: "center", justifyContent: "space-between",
+ *     gap: "var(--s-2)", padding: "var(--s-3) var(--s-4)",
+ *     borderBottom: "1px solid var(--border)" };
+ *   const GROUPE_BARRE = { display: "flex", flexWrap: "wrap",
+ *     alignItems: "center", gap: "var(--s-2)" };
+ *
+ * THE COPIES HAD ALREADY DRIFTED, which is the whole argument: one of the
+ * four omitted `justifyContent: "space-between"`, so its right-hand group
+ * sat against the pills instead of at the far edge — the same listing,
+ * two layouts, on screens a user moves between in one session (R-2.1).
+ *
+ * TWO GROUPS, TWO LANDMARKS. Each half renders as `role="group"` with its
+ * own accessible name rather than one flat row of buttons: a listing
+ * commonly shows eight or more pills, and a screen-reader user needs to
+ * know where the status filters end and the personalization controls
+ * begin. The names default to French, per this library's label
+ * convention; override them on a localised host.
+ *
+ * THE SEPARATOR ASSUMES THE CANONICAL CARD. §07 stacks this bar directly
+ * above the toolbar and the grid inside a single
+ * `<Surface padding="none" elevation="xs" clip>`, and `borderBottom`
+ * is what makes the bar read as that card's header instead of a floating
+ * row. Pass `divider={false}` when the bar is not the first child of a
+ * card.
+ *
+ * Usage:
+ *   <Surface padding="none" elevation="xs" clip>
+ *     <FilterTabBar
+ *       end={
+ *         <>
+ *           <FavoritesFilter … />
+ *           <SavedFiltersMenu … />
+ *         </>
+ *       }
+ *     >
+ *       <FilterTab active={!statut} variant="neutral" onClick={…}>Tous</FilterTab>
+ *       {statuts.map((s) => (
+ *         <FilterTab key={s.id} …>{s.description}</FilterTab>
+ *       ))}
+ *     </FilterTabBar>
+ *
+ *     <DataGridToolbar … />
+ *     <DataGrid … />
+ *   </Surface>
+ *
+ * With no `end`, the pills simply fill the row — `space-between` on a
+ * single group behaves as `flex-start`, so no branch is needed.
+ */
+
+/** Geometry of one half of the bar. Both groups share it by construction. */
+const GROUP_SX = Object.freeze({
+  display: "flex",
+  flexWrap: "wrap",
+  alignItems: "center",
+  gap: "var(--s-2)"
+});
+function FilterTabBar({
+  children,
+  end,
+  ariaLabel = "Filtrer par statut",
+  endAriaLabel = "Favoris et filtres enregistrés",
+  divider = true,
+  sx
+}) {
+  return /*#__PURE__*/_jsxs(Box, {
+    sx: {
+      display: "flex",
+      flexWrap: "wrap",
+      alignItems: "center",
+      /* Pills left, personalization right. Harmless with one group. */
+      justifyContent: "space-between",
+      gap: "var(--s-2)",
+      padding: "var(--s-3) var(--s-4)",
+      ...(divider ? {
+        borderBottom: "1px solid var(--border)"
+      } : {}),
+      ...sx
+    },
+    children: [/*#__PURE__*/_jsx(Box, {
+      role: "group",
+      "aria-label": ariaLabel,
+      sx: GROUP_SX,
+      children: children
+    }), end != null ? /*#__PURE__*/_jsx(Box, {
+      role: "group",
+      "aria-label": endAriaLabel,
+      sx: GROUP_SX,
+      children: end
+    }) : null]
+  });
+}
+export default FilterTabBar;
+//# sourceMappingURL=FilterTabBar.js.map

package/dist/esm/v2/patterns/FilterTabBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterTabBar.js","names":["React","Box","jsx","_jsx","jsxs","_jsxs","GROUP_SX","Object","freeze","display","flexWrap","alignItems","gap","FilterTabBar","children","end","ariaLabel","endAriaLabel","divider","sx","justifyContent","padding","borderBottom","role"],"sources":["../../../../src/lib/v2/patterns/FilterTabBar.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 type { SystemStyleObject } from \"@mui/system\";\r\n\r\n/**\r\n * FilterTabBar — Portnet UI v2 (pattern)\r\n *\r\n * Charter §03 · Platform Mandatory UX Patterns §Status Chips, §Favorites,\r\n * §User Personalization.\r\n *\r\n * The bar that seats the status pills at the top of a listing card. The\r\n * library shipped `FilterTab` — the pill — and nothing to seat them in,\r\n * so every listing re-derived the same row: the geometry, the card-header\r\n * separator, and the split between the status group on the left and the\r\n * personalization controls (favorites toggle, saved filters) on the right.\r\n *\r\n * Promoted from `refonte-frontend` (Area 5), where FOUR listings carried\r\n * the identical pair of frozen style objects:\r\n *\r\n *   const BARRE_CHIPS_STATUT = { display: \"flex\", flexWrap: \"wrap\",\r\n *     alignItems: \"center\", justifyContent: \"space-between\",\r\n *     gap: \"var(--s-2)\", padding: \"var(--s-3) var(--s-4)\",\r\n *     borderBottom: \"1px solid var(--border)\" };\r\n *   const GROUPE_BARRE = { display: \"flex\", flexWrap: \"wrap\",\r\n *     alignItems: \"center\", gap: \"var(--s-2)\" };\r\n *\r\n * THE COPIES HAD ALREADY DRIFTED, which is the whole argument: one of the\r\n * four omitted `justifyContent: \"space-between\"`, so its right-hand group\r\n * sat against the pills instead of at the far edge — the same listing,\r\n * two layouts, on screens a user moves between in one session (R-2.1).\r\n *\r\n * TWO GROUPS, TWO LANDMARKS. Each half renders as `role=\"group\"` with its\r\n * own accessible name rather than one flat row of buttons: a listing\r\n * commonly shows eight or more pills, and a screen-reader user needs to\r\n * know where the status filters end and the personalization controls\r\n * begin. The names default to French, per this library's label\r\n * convention; override them on a localised host.\r\n *\r\n * THE SEPARATOR ASSUMES THE CANONICAL CARD. §07 stacks this bar directly\r\n * above the toolbar and the grid inside a single\r\n * `<Surface padding=\"none\" elevation=\"xs\" clip>`, and `borderBottom`\r\n * is what makes the bar read as that card's header instead of a floating\r\n * row. Pass `divider={false}` when the bar is not the first child of a\r\n * card.\r\n *\r\n * Usage:\r\n *   <Surface padding=\"none\" elevation=\"xs\" clip>\r\n *     <FilterTabBar\r\n *       end={\r\n *         <>\r\n *           <FavoritesFilter … />\r\n *           <SavedFiltersMenu … />\r\n *         </>\r\n *       }\r\n *     >\r\n *       <FilterTab active={!statut} variant=\"neutral\" onClick={…}>Tous</FilterTab>\r\n *       {statuts.map((s) => (\r\n *         <FilterTab key={s.id} …>{s.description}</FilterTab>\r\n *       ))}\r\n *     </FilterTabBar>\r\n *\r\n *     <DataGridToolbar … />\r\n *     <DataGrid … />\r\n *   </Surface>\r\n *\r\n * With no `end`, the pills simply fill the row — `space-between` on a\r\n * single group behaves as `flex-start`, so no branch is needed.\r\n */\r\n\r\n/** Geometry of one half of the bar. Both groups share it by construction. */\r\nconst GROUP_SX = Object.freeze({\r\n  display: \"flex\",\r\n  flexWrap: \"wrap\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-2)\",\r\n} as const);\r\n\r\nexport interface FilterTabBarProps {\r\n  /** The status pills (`FilterTab`), left-hand group. */\r\n  children?: React.ReactNode | undefined;\r\n  /**\r\n   * Right-hand group — typically `FavoritesFilter` + `SavedFiltersMenu`.\r\n   * Omit it and the pills fill the row.\r\n   */\r\n  end?: React.ReactNode | undefined;\r\n  /** Accessible name of the pill group. @default \"Filtrer par statut\" */\r\n  ariaLabel?: string | undefined;\r\n  /**\r\n   * Accessible name of the right-hand group.\r\n   * @default \"Favoris et filtres enregistrés\"\r\n   */\r\n  endAriaLabel?: string | undefined;\r\n  /**\r\n   * Bottom border marking the bar as the listing card's header.\r\n   * @default true\r\n   */\r\n  divider?: boolean | undefined;\r\n  /** MUI sx overrides applied to the bar. */\r\n  sx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nfunction FilterTabBar({\r\n  children,\r\n  end,\r\n  ariaLabel = \"Filtrer par statut\",\r\n  endAriaLabel = \"Favoris et filtres enregistrés\",\r\n  divider = true,\r\n  sx,\r\n}: FilterTabBarProps) {\r\n  return (\r\n    <Box\r\n      sx={{\r\n        display: \"flex\",\r\n        flexWrap: \"wrap\",\r\n        alignItems: \"center\",\r\n        /* Pills left, personalization right. Harmless with one group. */\r\n        justifyContent: \"space-between\",\r\n        gap: \"var(--s-2)\",\r\n        padding: \"var(--s-3) var(--s-4)\",\r\n        ...(divider ? { borderBottom: \"1px solid var(--border)\" } : {}),\r\n        ...(sx as SystemStyleObject<Theme>),\r\n      }}\r\n    >\r\n      <Box role=\"group\" aria-label={ariaLabel} sx={GROUP_SX}>\r\n        {children}\r\n      </Box>\r\n\r\n      {end != null ? (\r\n        <Box role=\"group\" aria-label={endAriaLabel} sx={GROUP_SX}>\r\n          {end}\r\n        </Box>\r\n      ) : null}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default FilterTabBar;\r\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,GAAG,MAAM,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAIpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,MAAMC,QAAQ,GAAGC,MAAM,CAACC,MAAM,CAAC;EAC7BC,OAAO,EAAE,MAAM;EACfC,QAAQ,EAAE,MAAM;EAChBC,UAAU,EAAE,QAAQ;EACpBC,GAAG,EAAE;AACP,CAAU,CAAC;AA0BX,SAASC,YAAYA,CAAC;EACpBC,QAAQ;EACRC,GAAG;EACHC,SAAS,GAAG,oBAAoB;EAChCC,YAAY,GAAG,gCAAgC;EAC/CC,OAAO,GAAG,IAAI;EACdC;AACiB,CAAC,EAAE;EACpB,oBACEd,KAAA,CAACJ,GAAG;IACFkB,EAAE,EAAE;MACFV,OAAO,EAAE,MAAM;MACfC,QAAQ,EAAE,MAAM;MAChBC,UAAU,EAAE,QAAQ;MACpB;MACAS,cAAc,EAAE,eAAe;MAC/BR,GAAG,EAAE,YAAY;MACjBS,OAAO,EAAE,uBAAuB;MAChC,IAAIH,OAAO,GAAG;QAAEI,YAAY,EAAE;MAA0B,CAAC,GAAG,CAAC,CAAC,CAAC;MAC/D,GAAIH;IACN,CAAE;IAAAL,QAAA,gBAEFX,IAAA,CAACF,GAAG;MAACsB,IAAI,EAAC,OAAO;MAAC,cAAYP,SAAU;MAACG,EAAE,EAAEb,QAAS;MAAAQ,QAAA,EACnDA;IAAQ,CACN,CAAC,EAELC,GAAG,IAAI,IAAI,gBACVZ,IAAA,CAACF,GAAG;MAACsB,IAAI,EAAC,OAAO;MAAC,cAAYN,YAAa;MAACE,EAAE,EAAEb,QAAS;MAAAQ,QAAA,EACtDC;IAAG,CACD,CAAC,GACJ,IAAI;EAAA,CACL,CAAC;AAEV;AAEA,eAAeF,YAAY","ignoreList":[]}

package/dist/esm/v2/patterns/FormErrorSummary.js

@@ -28,14 +28,15 @@ import Banner from "../components/Banner";
  * Charter R-AI.2: composition of v2.Banner only — no local primitive.
  */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function FormErrorSummary(_ref) {
-  var errors = _ref.errors,
-    labelByName = _ref.labelByName,
-    onItemClick = _ref.onItemClick,
-    title = _ref.title;
+function FormErrorSummary({
+  errors,
+  labelByName,
+  onItemClick,
+  title
+}) {
   if (!errors || errors.length === 0) return null;
-  var heading = title || "Veuillez corriger les erreurs ci-dessous";
-  var handleClick = function handleClick(e, name) {
+  const heading = title || "Veuillez corriger les erreurs ci-dessous";
+  const handleClick = (e, name) => {
     e.preventDefault();
     if (typeof onItemClick === "function") {
       onItemClick(name);
@@ -53,8 +54,8 @@ function FormErrorSummary(_ref) {
         fontSize: "var(--text-sm)",
         listStyle: "disc"
       },
-      children: errors.map(function (err, idx) {
-        var label = labelByName && labelByName[err.name] || err.name;
+      children: errors.map((err, idx) => {
+        const label = labelByName && labelByName[err.name] || err.name;
         return /*#__PURE__*/_jsxs(Box, {
           component: "li",
           role: "listitem",
@@ -64,9 +65,7 @@ function FormErrorSummary(_ref) {
           children: [/*#__PURE__*/_jsx(Box, {
             component: "button",
             type: "button",
-            onClick: function onClick(e) {
-              return handleClick(e, err.name);
-            },
+            onClick: e => handleClick(e, err.name),
             sx: {
               // Reset default <button> chrome so the link reads visually
               // as a hyperlink in the banner body.
@@ -92,7 +91,7 @@ function FormErrorSummary(_ref) {
           }), ": ", /*#__PURE__*/_jsx("span", {
             children: err.message
           })]
-        }, "".concat(err.name, "-").concat(idx));
+        }, `${err.name}-${idx}`);
       })
     })
   });

package/dist/esm/v2/patterns/FormErrorSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormErrorSummary.js","names":["React","Box","Banner","jsx","_jsx","jsxs","_jsxs","FormErrorSummary","_ref","errors","labelByName","onItemClick","title","length","heading","handleClick","e","name","preventDefault","variant","children","component","role","sx","margin","paddingInlineStart","fontSize","listStyle","map","err","idx","label","marginBottom","type","onClick","background","border","padding","font","cursor","color","textDecoration","fontWeight","outline","outlineOffset","borderRadius","message","concat"],"sources":["../../../../src/lib/v2/patterns/FormErrorSummary.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Banner from \"../components/Banner\";\r\n\r\n/**\r\n * FormErrorSummary — Portnet UI v2\r\n *\r\n * Charter §05 / R-FV.2. Synthesis banner rendered above a form after a\r\n * failed-submit so the user sees, at-a-glance, every field that needs\r\n * attention. Each entry is a clickable jump-to-field affordance; the host\r\n * supplies the navigation behaviour via `onItemClick`.\r\n *\r\n * Composition: pure v2.Banner + a semantic <ul> of <button> jump-links.\r\n * No host-specific scroll/focus logic baked in.\r\n *\r\n * Renders nothing when `errors` is empty / nullish — host can mount\r\n * unconditionally above the form.\r\n *\r\n * Accessibility:\r\n *   - <button type=\"button\"> instead of <a href=\"#…\">. The entries trigger\r\n *     an action (focus/scroll) and don't navigate.\r\n *   - Explicit role=\"list\" + role=\"listitem\" because some screen readers\r\n *     strip list semantics when CSS list-style:none is applied.\r\n *   - Banner already carries the alert/role semantics for the region.\r\n *   - Explicit :focus-visible outline on each jump-button on --danger-fg,\r\n *     which passes WCAG 1.4.11 ≥ 3:1 on danger-soft (finding B4-EXT-2).\r\n *\r\n * Charter R-AI.2: composition of v2.Banner only — no local primitive.\r\n */\r\n\r\nexport interface FormErrorSummaryError {\r\n  name: string;\r\n  message: string;\r\n}\r\n\r\nexport interface FormErrorSummaryProps {\r\n  errors?: FormErrorSummaryError[] | undefined;\r\n  labelByName?: Record<string, string> | undefined;\r\n  onItemClick?: ((name: string) => void) | undefined;\r\n  title?: string | undefined;\r\n}\r\n\r\nfunction FormErrorSummary({\r\n  errors,\r\n  labelByName,\r\n  onItemClick,\r\n  title,\r\n}: FormErrorSummaryProps) {\r\n  if (!errors || errors.length === 0) return null;\r\n\r\n  const heading = title || \"Veuillez corriger les erreurs ci-dessous\";\r\n\r\n  const handleClick = (\r\n    e: React.MouseEvent<HTMLButtonElement>,\r\n    name: string\r\n  ) => {\r\n    e.preventDefault();\r\n    if (typeof onItemClick === \"function\") {\r\n      onItemClick(name);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Banner variant=\"error\" title={heading}>\r\n      <Box\r\n        component=\"ul\"\r\n        role=\"list\"\r\n        sx={{\r\n          margin: 0,\r\n          paddingInlineStart: \"var(--s-5)\",\r\n          fontSize: \"var(--text-sm)\",\r\n          listStyle: \"disc\",\r\n        }}\r\n      >\r\n        {errors.map((err, idx) => {\r\n          const label = (labelByName && labelByName[err.name]) || err.name;\r\n          return (\r\n            <Box\r\n              component=\"li\"\r\n              role=\"listitem\"\r\n              key={`${err.name}-${idx}`}\r\n              sx={{ marginBottom: \"var(--s-1)\" }}\r\n            >\r\n              <Box\r\n                component=\"button\"\r\n                type=\"button\"\r\n                onClick={(e) => handleClick(e, err.name)}\r\n                sx={{\r\n                  // Reset default <button> chrome so the link reads visually\r\n                  // as a hyperlink in the banner body.\r\n                  background: \"transparent\",\r\n                  border: \"none\",\r\n                  padding: 0,\r\n                  margin: 0,\r\n                  font: \"inherit\",\r\n                  cursor: \"pointer\",\r\n                  color: \"var(--danger-fg)\",\r\n                  textDecoration: \"underline\",\r\n                  fontWeight: \"var(--fw-medium)\",\r\n                  // R-F.1 — explicit focus-visible outline. Outline on\r\n                  // currentColor (danger-fg) passes 1.4.11 ≥ 3:1 on the soft\r\n                  // danger background; borderRadius aligns the ring with the DS.\r\n                  \"&:focus-visible\": {\r\n                    outline: \"2px solid var(--danger-fg)\",\r\n                    outlineOffset: \"var(--pui-outline-offset)\",\r\n                    borderRadius: \"var(--r-sm)\",\r\n                  },\r\n                }}\r\n              >\r\n                {label}\r\n              </Box>\r\n              {\": \"}\r\n              <span>{err.message}</span>\r\n            </Box>\r\n          );\r\n        })}\r\n      </Box>\r\n    </Banner>\r\n  );\r\n}\r\n\r\nexport default FormErrorSummary;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FormErrorSummary.js","names":["React","Box","Banner","jsx","_jsx","jsxs","_jsxs","FormErrorSummary","errors","labelByName","onItemClick","title","length","heading","handleClick","e","name","preventDefault","variant","children","component","role","sx","margin","paddingInlineStart","fontSize","listStyle","map","err","idx","label","marginBottom","type","onClick","background","border","padding","font","cursor","color","textDecoration","fontWeight","outline","outlineOffset","borderRadius","message"],"sources":["../../../../src/lib/v2/patterns/FormErrorSummary.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Banner from \"../components/Banner\";\r\n\r\n/**\r\n * FormErrorSummary — Portnet UI v2\r\n *\r\n * Charter §05 / R-FV.2. Synthesis banner rendered above a form after a\r\n * failed-submit so the user sees, at-a-glance, every field that needs\r\n * attention. Each entry is a clickable jump-to-field affordance; the host\r\n * supplies the navigation behaviour via `onItemClick`.\r\n *\r\n * Composition: pure v2.Banner + a semantic <ul> of <button> jump-links.\r\n * No host-specific scroll/focus logic baked in.\r\n *\r\n * Renders nothing when `errors` is empty / nullish — host can mount\r\n * unconditionally above the form.\r\n *\r\n * Accessibility:\r\n *   - <button type=\"button\"> instead of <a href=\"#…\">. The entries trigger\r\n *     an action (focus/scroll) and don't navigate.\r\n *   - Explicit role=\"list\" + role=\"listitem\" because some screen readers\r\n *     strip list semantics when CSS list-style:none is applied.\r\n *   - Banner already carries the alert/role semantics for the region.\r\n *   - Explicit :focus-visible outline on each jump-button on --danger-fg,\r\n *     which passes WCAG 1.4.11 ≥ 3:1 on danger-soft (finding B4-EXT-2).\r\n *\r\n * Charter R-AI.2: composition of v2.Banner only — no local primitive.\r\n */\r\n\r\nexport interface FormErrorSummaryError {\r\n  name: string;\r\n  message: string;\r\n}\r\n\r\nexport interface FormErrorSummaryProps {\r\n  errors?: FormErrorSummaryError[] | undefined;\r\n  labelByName?: Record<string, string> | undefined;\r\n  onItemClick?: ((name: string) => void) | undefined;\r\n  title?: string | undefined;\r\n}\r\n\r\nfunction FormErrorSummary({\r\n  errors,\r\n  labelByName,\r\n  onItemClick,\r\n  title,\r\n}: FormErrorSummaryProps) {\r\n  if (!errors || errors.length === 0) return null;\r\n\r\n  const heading = title || \"Veuillez corriger les erreurs ci-dessous\";\r\n\r\n  const handleClick = (\r\n    e: React.MouseEvent<HTMLButtonElement>,\r\n    name: string\r\n  ) => {\r\n    e.preventDefault();\r\n    if (typeof onItemClick === \"function\") {\r\n      onItemClick(name);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Banner variant=\"error\" title={heading}>\r\n      <Box\r\n        component=\"ul\"\r\n        role=\"list\"\r\n        sx={{\r\n          margin: 0,\r\n          paddingInlineStart: \"var(--s-5)\",\r\n          fontSize: \"var(--text-sm)\",\r\n          listStyle: \"disc\",\r\n        }}\r\n      >\r\n        {errors.map((err, idx) => {\r\n          const label = (labelByName && labelByName[err.name]) || err.name;\r\n          return (\r\n            <Box\r\n              component=\"li\"\r\n              role=\"listitem\"\r\n              key={`${err.name}-${idx}`}\r\n              sx={{ marginBottom: \"var(--s-1)\" }}\r\n            >\r\n              <Box\r\n                component=\"button\"\r\n                type=\"button\"\r\n                onClick={(e) => handleClick(e, err.name)}\r\n                sx={{\r\n                  // Reset default <button> chrome so the link reads visually\r\n                  // as a hyperlink in the banner body.\r\n                  background: \"transparent\",\r\n                  border: \"none\",\r\n                  padding: 0,\r\n                  margin: 0,\r\n                  font: \"inherit\",\r\n                  cursor: \"pointer\",\r\n                  color: \"var(--danger-fg)\",\r\n                  textDecoration: \"underline\",\r\n                  fontWeight: \"var(--fw-medium)\",\r\n                  // R-F.1 — explicit focus-visible outline. Outline on\r\n                  // currentColor (danger-fg) passes 1.4.11 ≥ 3:1 on the soft\r\n                  // danger background; borderRadius aligns the ring with the DS.\r\n                  \"&:focus-visible\": {\r\n                    outline: \"2px solid var(--danger-fg)\",\r\n                    outlineOffset: \"var(--pui-outline-offset)\",\r\n                    borderRadius: \"var(--r-sm)\",\r\n                  },\r\n                }}\r\n              >\r\n                {label}\r\n              </Box>\r\n              {\": \"}\r\n              <span>{err.message}</span>\r\n            </Box>\r\n          );\r\n        })}\r\n      </Box>\r\n    </Banner>\r\n  );\r\n}\r\n\r\nexport default FormErrorSummary;\r\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,GAAG,MAAM,mBAAmB;AACnC,OAAOC,MAAM,MAAM,sBAAsB;;AAEzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAxBA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAsCA,SAASC,gBAAgBA,CAAC;EACxBC,MAAM;EACNC,WAAW;EACXC,WAAW;EACXC;AACqB,CAAC,EAAE;EACxB,IAAI,CAACH,MAAM,IAAIA,MAAM,CAACI,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAE/C,MAAMC,OAAO,GAAGF,KAAK,IAAI,0CAA0C;EAEnE,MAAMG,WAAW,GAAGA,CAClBC,CAAsC,EACtCC,IAAY,KACT;IACHD,CAAC,CAACE,cAAc,CAAC,CAAC;IAClB,IAAI,OAAOP,WAAW,KAAK,UAAU,EAAE;MACrCA,WAAW,CAACM,IAAI,CAAC;IACnB;EACF,CAAC;EAED,oBACEZ,IAAA,CAACF,MAAM;IAACgB,OAAO,EAAC,OAAO;IAACP,KAAK,EAAEE,OAAQ;IAAAM,QAAA,eACrCf,IAAA,CAACH,GAAG;MACFmB,SAAS,EAAC,IAAI;MACdC,IAAI,EAAC,MAAM;MACXC,EAAE,EAAE;QACFC,MAAM,EAAE,CAAC;QACTC,kBAAkB,EAAE,YAAY;QAChCC,QAAQ,EAAE,gBAAgB;QAC1BC,SAAS,EAAE;MACb,CAAE;MAAAP,QAAA,EAEDX,MAAM,CAACmB,GAAG,CAAC,CAACC,GAAG,EAAEC,GAAG,KAAK;QACxB,MAAMC,KAAK,GAAIrB,WAAW,IAAIA,WAAW,CAACmB,GAAG,CAACZ,IAAI,CAAC,IAAKY,GAAG,CAACZ,IAAI;QAChE,oBACEV,KAAA,CAACL,GAAG;UACFmB,SAAS,EAAC,IAAI;UACdC,IAAI,EAAC,UAAU;UAEfC,EAAE,EAAE;YAAES,YAAY,EAAE;UAAa,CAAE;UAAAZ,QAAA,gBAEnCf,IAAA,CAACH,GAAG;YACFmB,SAAS,EAAC,QAAQ;YAClBY,IAAI,EAAC,QAAQ;YACbC,OAAO,EAAGlB,CAAC,IAAKD,WAAW,CAACC,CAAC,EAAEa,GAAG,CAACZ,IAAI,CAAE;YACzCM,EAAE,EAAE;cACF;cACA;cACAY,UAAU,EAAE,aAAa;cACzBC,MAAM,EAAE,MAAM;cACdC,OAAO,EAAE,CAAC;cACVb,MAAM,EAAE,CAAC;cACTc,IAAI,EAAE,SAAS;cACfC,MAAM,EAAE,SAAS;cACjBC,KAAK,EAAE,kBAAkB;cACzBC,cAAc,EAAE,WAAW;cAC3BC,UAAU,EAAE,kBAAkB;cAC9B;cACA;cACA;cACA,iBAAiB,EAAE;gBACjBC,OAAO,EAAE,4BAA4B;gBACrCC,aAAa,EAAE,2BAA2B;gBAC1CC,YAAY,EAAE;cAChB;YACF,CAAE;YAAAzB,QAAA,EAEDW;UAAK,CACH,CAAC,EACL,IAAI,eACL1B,IAAA;YAAAe,QAAA,EAAOS,GAAG,CAACiB;UAAO,CAAO,CAAC;QAAA,GAhCrB,GAAGjB,GAAG,CAACZ,IAAI,IAAIa,GAAG,EAiCpB,CAAC;MAEV,CAAC;IAAC,CACC;EAAC,CACA,CAAC;AAEb;AAEA,eAAetB,gBAAgB","ignoreList":[]}

package/dist/esm/v2/patterns/FormPageShell.js

@@ -1,9 +1,3 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _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); }
 import * as React from "react";
 import Box from "@mui/material/Box";
 import ActionBar from "./ActionBar";
@@ -46,17 +40,17 @@ import ProgressBar from "../components/ProgressBar";
  *   </FormPageShell>
  */
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-var PROGRESS_ROW_SX = Object.freeze({
+const PROGRESS_ROW_SX = Object.freeze({
   display: "flex",
   alignItems: "center",
   gap: "var(--s-3)",
   marginBottom: "var(--s-5)"
 });
-var PROGRESS_BAR_WRAPPER_SX = Object.freeze({
+const PROGRESS_BAR_WRAPPER_SX = Object.freeze({
   flex: 1,
   minWidth: 0
 });
-var PROGRESS_LABEL_SX = Object.freeze({
+const PROGRESS_LABEL_SX = Object.freeze({
   fontSize: "var(--text-xs)",
   color: "var(--fg-muted)",
   whiteSpace: "nowrap",
@@ -69,42 +63,50 @@ var PROGRESS_LABEL_SX = Object.freeze({
  * React 18.3+ supprime le support de defaultProps pour les function
  * components. Aligné sur le pattern DataGridToolbar (B14).
  */
-function FormPageShell(_ref) {
-  var home = _ref.home,
-    back = _ref.back,
-    breadcrumb = _ref.breadcrumb,
-    title = _ref.title,
-    subtitle = _ref.subtitle,
-    icon = _ref.icon,
-    _ref$secondary = _ref.secondary,
-    secondary = _ref$secondary === void 0 ? [] : _ref$secondary,
-    primary = _ref.primary,
-    _ref$overflow = _ref.overflow,
-    overflow = _ref$overflow === void 0 ? [] : _ref$overflow,
-    progress = _ref.progress,
-    progressLabel = _ref.progressLabel,
-    children = _ref.children,
-    contentSx = _ref.contentSx;
+function FormPageShell({
+  /* ActionBar props */
+  home,
+  back,
+  breadcrumb,
+  title,
+  subtitle,
+  icon,
+  secondary = [],
+  primary,
+  overflow = [],
+  /* Progress slot */
+  progress,
+  progressLabel,
+  /* Content */
+  children,
+  contentSx
+}) {
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(ActionBar, _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    children: [/*#__PURE__*/_jsx(ActionBar, {
       surface: false,
       title: title,
       subtitle: subtitle,
       secondary: secondary,
-      overflow: overflow
-    }, home !== undefined ? {
-      home: home
-    } : {}), back !== undefined ? {
-      back: back
-    } : {}), breadcrumb !== undefined ? {
-      breadcrumb: breadcrumb
-    } : {}), icon !== undefined ? {
-      icon: icon
-    } : {}), primary !== undefined ? {
-      primary: primary
-    } : {})), /*#__PURE__*/_jsxs(PageContent, _objectSpread(_objectSpread({}, contentSx !== undefined ? {
-      sx: contentSx
-    } : {}), {}, {
+      overflow: overflow,
+      ...(home !== undefined ? {
+        home
+      } : {}),
+      ...(back !== undefined ? {
+        back
+      } : {}),
+      ...(breadcrumb !== undefined ? {
+        breadcrumb
+      } : {}),
+      ...(icon !== undefined ? {
+        icon
+      } : {}),
+      ...(primary !== undefined ? {
+        primary
+      } : {})
+    }), /*#__PURE__*/_jsxs(PageContent, {
+      ...(contentSx !== undefined ? {
+        sx: contentSx
+      } : {}),
       children: [typeof progress === "number" && /*#__PURE__*/_jsxs(Box, {
         sx: PROGRESS_ROW_SX,
         children: [/*#__PURE__*/_jsx(Box, {
@@ -119,7 +121,7 @@ function FormPageShell(_ref) {
           children: progressLabel
         })]
       }), children]
-    }))]
+    })]
   });
 }
 export default FormPageShell;

package/dist/esm/v2/patterns/FormPageShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormPageShell.js","names":["React","Box","ActionBar","PageContent","ProgressBar","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","PROGRESS_ROW_SX","Object","freeze","display","alignItems","gap","marginBottom","PROGRESS_BAR_WRAPPER_SX","flex","minWidth","PROGRESS_LABEL_SX","fontSize","color","whiteSpace","fontVariantNumeric","flexShrink","FormPageShell","_ref","home","back","breadcrumb","title","subtitle","icon","_ref$secondary","secondary","primary","_ref$overflow","overflow","progress","progressLabel","children","contentSx","_objectSpread","surface","undefined","sx","value","component"],"sources":["../../../../src/lib/v2/patterns/FormPageShell.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 ActionBar, { type ActionBarProps } from \"./ActionBar\";\r\nimport PageContent from \"./PageContent\";\r\nimport ProgressBar from \"../components/ProgressBar\";\r\n\r\n/**\r\n * FormPageShell — Portnet UI v2 (pattern)\r\n *\r\n * Charter §07 R-L.2 — canonical shell for create/edit form pages.\r\n *\r\n * Combines a sticky ActionBar (surface=false, accent title) with a\r\n * responsive PageContent wrapper so every module's form page has the\r\n * same structure without reimplementing it.\r\n *\r\n * ┌───────────────────────────────────────────────────────────────┐\r\n * │ 🏠 > Breadcrumb                                               │  sticky\r\n * │ Title                        [secondary] [primary] [overflow…] │\r\n * │ Subtitle                                                      │\r\n * └───────────────────────────────────────────────────────────────┘\r\n * ┌───────────────────────────────────────────────────────────────┐\r\n * │  [ProgressBar ── progressLabel]      ← if progress prop given │\r\n * │  children                                                      │\r\n * └───────────────────────────────────────────────────────────────┘\r\n *\r\n * @example\r\n *   <FormPageShell\r\n *     home={() => navigate(\"/\")}\r\n *     back={() => navigate(\"/list\")}\r\n *     breadcrumb={[\"Autorisations\", \"Nouvelle autorisation\"]}\r\n *     title=\"Nouvelle autorisation\"\r\n *     subtitle=\"Saisissez les informations…\"\r\n *     secondary={[{ label: \"Enregistrer\", icon: <SaveIcon />, onClick: handleSave }]}\r\n *     primary={{ label: \"Déposer\", iconRight: <ArrowIcon />, onClick: handleDeposit }}\r\n *     overflow={[{ label: \"Retour à la liste\", onClick: goBack }]}\r\n *     progress={requiredPct}\r\n *     progressLabel={isComplete ? \"Prêt à déposer ✓\" : `${filled}/${total} requis`}\r\n *   >\r\n *     <FormSection number={1} title=\"Informations\">…</FormSection>\r\n *   </FormPageShell>\r\n */\r\n\r\nexport interface FormPageShellProps\r\n  extends Pick<\r\n    ActionBarProps,\r\n    | \"home\"\r\n    | \"back\"\r\n    | \"breadcrumb\"\r\n    | \"title\"\r\n    | \"subtitle\"\r\n    | \"icon\"\r\n    | \"secondary\"\r\n    | \"primary\"\r\n    | \"overflow\"\r\n  > {\r\n  /** 0-100; renders a ProgressBar when provided. */\r\n  progress?: number | undefined;\r\n  /** Companion text beside the progress bar. */\r\n  progressLabel?: React.ReactNode | undefined;\r\n  children?: React.ReactNode | undefined;\r\n  /** MUI sx override for PageContent. */\r\n  contentSx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nconst PROGRESS_ROW_SX = Object.freeze({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-3)\",\r\n  marginBottom: \"var(--s-5)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst PROGRESS_BAR_WRAPPER_SX = Object.freeze({ flex: 1, minWidth: 0 });\r\n\r\nconst PROGRESS_LABEL_SX = Object.freeze({\r\n  fontSize: \"var(--text-xs)\",\r\n  color: \"var(--fg-muted)\",\r\n  whiteSpace: \"nowrap\",\r\n  fontVariantNumeric: \"tabular-nums\",\r\n  flexShrink: 0,\r\n} satisfies SxProps<Theme>);\r\n\r\n/**\r\n * Valeurs par défaut inline — plus de defaultProps.\r\n * React 18.3+ supprime le support de defaultProps pour les function\r\n * components. Aligné sur le pattern DataGridToolbar (B14).\r\n */\r\nfunction FormPageShell({\r\n  /* ActionBar props */\r\n  home,\r\n  back,\r\n  breadcrumb,\r\n  title,\r\n  subtitle,\r\n  icon,\r\n  secondary = [],\r\n  primary,\r\n  overflow = [],\r\n  /* Progress slot */\r\n  progress,\r\n  progressLabel,\r\n  /* Content */\r\n  children,\r\n  contentSx,\r\n}: FormPageShellProps) {\r\n  return (\r\n    <>\r\n      <ActionBar\r\n        surface={false}\r\n        title={title}\r\n        subtitle={subtitle}\r\n        secondary={secondary}\r\n        overflow={overflow}\r\n        {...(home !== undefined ? { home } : {})}\r\n        {...(back !== undefined ? { back } : {})}\r\n        {...(breadcrumb !== undefined ? { breadcrumb } : {})}\r\n        {...(icon !== undefined ? { icon } : {})}\r\n        {...(primary !== undefined ? { primary } : {})}\r\n      />\r\n\r\n      <PageContent {...(contentSx !== undefined ? { sx: contentSx } : {})}>\r\n        {typeof progress === \"number\" && (\r\n          <Box sx={PROGRESS_ROW_SX}>\r\n            <Box sx={PROGRESS_BAR_WRAPPER_SX}>\r\n              <ProgressBar\r\n                value={progress}\r\n                aria-label=\"Avancement de la saisie\"\r\n              />\r\n            </Box>\r\n            {progressLabel && (\r\n              <Box component=\"span\" sx={PROGRESS_LABEL_SX}>\r\n                {progressLabel}\r\n              </Box>\r\n            )}\r\n          </Box>\r\n        )}\r\n        {children}\r\n      </PageContent>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default FormPageShell;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FormPageShell.js","names":["React","Box","ActionBar","PageContent","ProgressBar","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","PROGRESS_ROW_SX","Object","freeze","display","alignItems","gap","marginBottom","PROGRESS_BAR_WRAPPER_SX","flex","minWidth","PROGRESS_LABEL_SX","fontSize","color","whiteSpace","fontVariantNumeric","flexShrink","FormPageShell","home","back","breadcrumb","title","subtitle","icon","secondary","primary","overflow","progress","progressLabel","children","contentSx","surface","undefined","sx","value","component"],"sources":["../../../../src/lib/v2/patterns/FormPageShell.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 ActionBar, { type ActionBarProps } from \"./ActionBar\";\r\nimport PageContent from \"./PageContent\";\r\nimport ProgressBar from \"../components/ProgressBar\";\r\n\r\n/**\r\n * FormPageShell — Portnet UI v2 (pattern)\r\n *\r\n * Charter §07 R-L.2 — canonical shell for create/edit form pages.\r\n *\r\n * Combines a sticky ActionBar (surface=false, accent title) with a\r\n * responsive PageContent wrapper so every module's form page has the\r\n * same structure without reimplementing it.\r\n *\r\n * ┌───────────────────────────────────────────────────────────────┐\r\n * │ 🏠 > Breadcrumb                                               │  sticky\r\n * │ Title                        [secondary] [primary] [overflow…] │\r\n * │ Subtitle                                                      │\r\n * └───────────────────────────────────────────────────────────────┘\r\n * ┌───────────────────────────────────────────────────────────────┐\r\n * │  [ProgressBar ── progressLabel]      ← if progress prop given │\r\n * │  children                                                      │\r\n * └───────────────────────────────────────────────────────────────┘\r\n *\r\n * @example\r\n *   <FormPageShell\r\n *     home={() => navigate(\"/\")}\r\n *     back={() => navigate(\"/list\")}\r\n *     breadcrumb={[\"Autorisations\", \"Nouvelle autorisation\"]}\r\n *     title=\"Nouvelle autorisation\"\r\n *     subtitle=\"Saisissez les informations…\"\r\n *     secondary={[{ label: \"Enregistrer\", icon: <SaveIcon />, onClick: handleSave }]}\r\n *     primary={{ label: \"Déposer\", iconRight: <ArrowIcon />, onClick: handleDeposit }}\r\n *     overflow={[{ label: \"Retour à la liste\", onClick: goBack }]}\r\n *     progress={requiredPct}\r\n *     progressLabel={isComplete ? \"Prêt à déposer ✓\" : `${filled}/${total} requis`}\r\n *   >\r\n *     <FormSection number={1} title=\"Informations\">…</FormSection>\r\n *   </FormPageShell>\r\n */\r\n\r\nexport interface FormPageShellProps\r\n  extends Pick<\r\n    ActionBarProps,\r\n    | \"home\"\r\n    | \"back\"\r\n    | \"breadcrumb\"\r\n    | \"title\"\r\n    | \"subtitle\"\r\n    | \"icon\"\r\n    | \"secondary\"\r\n    | \"primary\"\r\n    | \"overflow\"\r\n  > {\r\n  /** 0-100; renders a ProgressBar when provided. */\r\n  progress?: number | undefined;\r\n  /** Companion text beside the progress bar. */\r\n  progressLabel?: React.ReactNode | undefined;\r\n  children?: React.ReactNode | undefined;\r\n  /** MUI sx override for PageContent. */\r\n  contentSx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nconst PROGRESS_ROW_SX = Object.freeze({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-3)\",\r\n  marginBottom: \"var(--s-5)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst PROGRESS_BAR_WRAPPER_SX = Object.freeze({ flex: 1, minWidth: 0 });\r\n\r\nconst PROGRESS_LABEL_SX = Object.freeze({\r\n  fontSize: \"var(--text-xs)\",\r\n  color: \"var(--fg-muted)\",\r\n  whiteSpace: \"nowrap\",\r\n  fontVariantNumeric: \"tabular-nums\",\r\n  flexShrink: 0,\r\n} satisfies SxProps<Theme>);\r\n\r\n/**\r\n * Valeurs par défaut inline — plus de defaultProps.\r\n * React 18.3+ supprime le support de defaultProps pour les function\r\n * components. Aligné sur le pattern DataGridToolbar (B14).\r\n */\r\nfunction FormPageShell({\r\n  /* ActionBar props */\r\n  home,\r\n  back,\r\n  breadcrumb,\r\n  title,\r\n  subtitle,\r\n  icon,\r\n  secondary = [],\r\n  primary,\r\n  overflow = [],\r\n  /* Progress slot */\r\n  progress,\r\n  progressLabel,\r\n  /* Content */\r\n  children,\r\n  contentSx,\r\n}: FormPageShellProps) {\r\n  return (\r\n    <>\r\n      <ActionBar\r\n        surface={false}\r\n        title={title}\r\n        subtitle={subtitle}\r\n        secondary={secondary}\r\n        overflow={overflow}\r\n        {...(home !== undefined ? { home } : {})}\r\n        {...(back !== undefined ? { back } : {})}\r\n        {...(breadcrumb !== undefined ? { breadcrumb } : {})}\r\n        {...(icon !== undefined ? { icon } : {})}\r\n        {...(primary !== undefined ? { primary } : {})}\r\n      />\r\n\r\n      <PageContent {...(contentSx !== undefined ? { sx: contentSx } : {})}>\r\n        {typeof progress === \"number\" && (\r\n          <Box sx={PROGRESS_ROW_SX}>\r\n            <Box sx={PROGRESS_BAR_WRAPPER_SX}>\r\n              <ProgressBar\r\n                value={progress}\r\n                aria-label=\"Avancement de la saisie\"\r\n              />\r\n            </Box>\r\n            {progressLabel && (\r\n              <Box component=\"span\" sx={PROGRESS_LABEL_SX}>\r\n                {progressLabel}\r\n              </Box>\r\n            )}\r\n          </Box>\r\n        )}\r\n        {children}\r\n      </PageContent>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default FormPageShell;\r\n"],"mappings":"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","ignoreList":[]}