@portnet/ui 6.0.0 → 6.0.1

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

@@ -0,0 +1,70 @@
+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 ConfirmDialog from "../components/ConfirmDialog";
+
+/**
+ * DeleteResourceConfirmDialog — Portnet UI v2
+ *
+ * Opinionated wrapper over v2.ConfirmDialog for irreversible delete actions
+ * across the design system. Hard-wires the "danger" variant (Charter §09.3 —
+ * the only correct choice for a destructive irreversible action) and sensible
+ * FR defaults for the button labels.
+ *
+ * The prop names `isOpen` / `onDelete` are deliberately chosen over
+ * v2.ConfirmDialog's `open` / `onConfirm` because call sites read more
+ * naturally with action-specific verbs — every host-module audit converged on
+ * this naming and the wrapper formalises it as the destructive-action
+ * convention.
+ *
+ *   <DeleteResourceConfirmDialog
+ *     isOpen            // bool, REQUIRED
+ *     onClose           // () => void, REQUIRED
+ *     onDelete          // () => void, REQUIRED — fires on confirm
+ *     title             // node, REQUIRED — surfaces the resource type
+ *     description?      // node — single-sentence consequence
+ *     impact?           // node[] — bullet-list of side effects (Charter R-5.1)
+ *     confirmLabel?     // node, default "Confirmer"
+ *     cancelLabel?      // node, default "Annuler"
+ *     loading?          // bool — disables both buttons + spinner on confirm
+ *   />
+ *
+ * Charter R-5.1 + §09.3 + R-M.*. WCAG 2.4.7 (focus visible — inherited from Modal).
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+function DeleteResourceConfirmDialog(_ref) {
+  var isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    onDelete = _ref.onDelete,
+    title = _ref.title,
+    description = _ref.description,
+    impact = _ref.impact,
+    _ref$confirmLabel = _ref.confirmLabel,
+    confirmLabel = _ref$confirmLabel === void 0 ? "Confirmer" : _ref$confirmLabel,
+    _ref$cancelLabel = _ref.cancelLabel,
+    cancelLabel = _ref$cancelLabel === void 0 ? "Annuler" : _ref$cancelLabel,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading;
+  return /*#__PURE__*/_jsx(ConfirmDialog, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    title: title,
+    description: description,
+    cancelLabel: cancelLabel,
+    confirmLabel: confirmLabel,
+    confirmVariant: "danger",
+    loading: loading
+  }, isOpen !== undefined ? {
+    open: isOpen
+  } : {}), onClose !== undefined ? {
+    onClose: onClose
+  } : {}), onDelete !== undefined ? {
+    onConfirm: onDelete
+  } : {}), impact !== undefined ? {
+    impact: impact
+  } : {}));
+}
+export default DeleteResourceConfirmDialog;
+//# sourceMappingURL=DeleteResourceConfirmDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteResourceConfirmDialog.js","names":["React","ConfirmDialog","jsx","_jsx","DeleteResourceConfirmDialog","_ref","isOpen","onClose","onDelete","title","description","impact","_ref$confirmLabel","confirmLabel","_ref$cancelLabel","cancelLabel","_ref$loading","loading","_objectSpread","confirmVariant","undefined","open","onConfirm"],"sources":["../../../../src/lib/v2/patterns/DeleteResourceConfirmDialog.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport ConfirmDialog from \"../components/ConfirmDialog\";\r\n\r\n/**\r\n * DeleteResourceConfirmDialog — Portnet UI v2\r\n *\r\n * Opinionated wrapper over v2.ConfirmDialog for irreversible delete actions\r\n * across the design system. Hard-wires the \"danger\" variant (Charter §09.3 —\r\n * the only correct choice for a destructive irreversible action) and sensible\r\n * FR defaults for the button labels.\r\n *\r\n * The prop names `isOpen` / `onDelete` are deliberately chosen over\r\n * v2.ConfirmDialog's `open` / `onConfirm` because call sites read more\r\n * naturally with action-specific verbs — every host-module audit converged on\r\n * this naming and the wrapper formalises it as the destructive-action\r\n * convention.\r\n *\r\n *   <DeleteResourceConfirmDialog\r\n *     isOpen            // bool, REQUIRED\r\n *     onClose           // () => void, REQUIRED\r\n *     onDelete          // () => void, REQUIRED — fires on confirm\r\n *     title             // node, REQUIRED — surfaces the resource type\r\n *     description?      // node — single-sentence consequence\r\n *     impact?           // node[] — bullet-list of side effects (Charter R-5.1)\r\n *     confirmLabel?     // node, default \"Confirmer\"\r\n *     cancelLabel?      // node, default \"Annuler\"\r\n *     loading?          // bool — disables both buttons + spinner on confirm\r\n *   />\r\n *\r\n * Charter R-5.1 + §09.3 + R-M.*. WCAG 2.4.7 (focus visible — inherited from Modal).\r\n */\r\n\r\ntype ConfirmDialogProps = React.ComponentProps<typeof ConfirmDialog>;\r\n\r\nexport interface DeleteResourceConfirmDialogProps {\r\n  isOpen: ConfirmDialogProps[\"open\"];\r\n  onClose: ConfirmDialogProps[\"onClose\"];\r\n  /** Fires on confirm (maps to ConfirmDialog's onConfirm). */\r\n  onDelete: ConfirmDialogProps[\"onConfirm\"];\r\n  title: ConfirmDialogProps[\"title\"];\r\n  description?: ConfirmDialogProps[\"description\"] | undefined;\r\n  impact?: ConfirmDialogProps[\"impact\"] | undefined;\r\n  confirmLabel?: ConfirmDialogProps[\"confirmLabel\"] | undefined;\r\n  cancelLabel?: ConfirmDialogProps[\"cancelLabel\"] | undefined;\r\n  loading?: ConfirmDialogProps[\"loading\"] | undefined;\r\n}\r\n\r\nfunction DeleteResourceConfirmDialog({\r\n  isOpen,\r\n  onClose,\r\n  onDelete,\r\n  title,\r\n  description,\r\n  impact,\r\n  confirmLabel = \"Confirmer\",\r\n  cancelLabel = \"Annuler\",\r\n  loading = false,\r\n}: DeleteResourceConfirmDialogProps) {\r\n  return (\r\n    <ConfirmDialog\r\n      title={title}\r\n      description={description}\r\n      cancelLabel={cancelLabel}\r\n      confirmLabel={confirmLabel}\r\n      confirmVariant=\"danger\"\r\n      loading={loading}\r\n      {...(isOpen !== undefined ? { open: isOpen } : {})}\r\n      {...(onClose !== undefined ? { onClose } : {})}\r\n      {...(onDelete !== undefined ? { onConfirm: onDelete } : {})}\r\n      {...(impact !== undefined ? { impact } : {})}\r\n    />\r\n  );\r\n}\r\n\r\nexport default DeleteResourceConfirmDialog;\r\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,aAAa,MAAM,6BAA6B;;AAEvD;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;AA3BA,SAAAC,GAAA,IAAAC,IAAA;AA4CA,SAASC,2BAA2BA,CAAAC,IAAA,EAUC;EAAA,IATnCC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,MAAM,GAAAN,IAAA,CAANM,MAAM;IAAAC,iBAAA,GAAAP,IAAA,CACNQ,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,WAAW,GAAAA,iBAAA;IAAAE,gBAAA,GAAAT,IAAA,CAC1BU,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,SAAS,GAAAA,gBAAA;IAAAE,YAAA,GAAAX,IAAA,CACvBY,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;EAEf,oBACEb,IAAA,CAACF,aAAa,EAAAiB,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA;IACZT,KAAK,EAAEA,KAAM;IACbC,WAAW,EAAEA,WAAY;IACzBK,WAAW,EAAEA,WAAY;IACzBF,YAAY,EAAEA,YAAa;IAC3BM,cAAc,EAAC,QAAQ;IACvBF,OAAO,EAAEA;EAAQ,GACZX,MAAM,KAAKc,SAAS,GAAG;IAAEC,IAAI,EAAEf;EAAO,CAAC,GAAG,CAAC,CAAC,GAC5CC,OAAO,KAAKa,SAAS,GAAG;IAAEb,OAAO,EAAPA;EAAQ,CAAC,GAAG,CAAC,CAAC,GACxCC,QAAQ,KAAKY,SAAS,GAAG;IAAEE,SAAS,EAAEd;EAAS,CAAC,GAAG,CAAC,CAAC,GACrDG,MAAM,KAAKS,SAAS,GAAG;IAAET,MAAM,EAANA;EAAO,CAAC,GAAG,CAAC,CAAC,CAC5C,CAAC;AAEN;AAEA,eAAeP,2BAA2B","ignoreList":[]}

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

@@ -0,0 +1,164 @@
+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 FavoriteToggle from "../components/FavoriteToggle";
+import Tooltip from "../components/Tooltip";
+import { useIsFavorite } from "../personalization/capabilities/favorites";
+
+/**
+ * FavoriteColumn - Portnet UI v2 (pattern)
+ *
+ * `makeFavoriteColumn(options)` builds a v2 DataGrid column definition for
+ * a compact "follow" (suivi) star column. Spread it into the grid's
+ * `columns` first so it sits at the LEFT of each row:
+ *
+ *   const columns = [
+ *     makeFavoriteColumn({ resourceKey: "ti:list", getRowId: (r) => r.reference }),
+ *     { key: "reference", header: "Référence", ... },
+ *     ...
+ *   ];
+ *   <DataGrid columns={columns} rows={rows} getRowId={(r) => r.reference} ... />
+ *
+ * Behaviour:
+ *   - ALWAYS VISIBLE: the star is rendered on every row in both states
+ *     (filled ★ when followed, outline ☆ when not) — it is NOT
+ *     hover-revealed. It sits at the left of the row.
+ *   - COMPACT: no visible column header (the header carries only a
+ *     visually hidden accessible name "Suivis"), and a narrow 44px width,
+ *     so the column takes minimal space.
+ *   - STATUS TOOLTIP: hovering or focusing the star shows its current
+ *     status — "Suivi" when followed, "Non suivi" otherwise. The button's
+ *     accessible name stays action-oriented ("Suivre" / "Ne plus suivre",
+ *     optionally enriched with the row label) and aria-pressed conveys the
+ *     state, so screen-reader semantics are unaffected.
+ *   - `toggleable: false` keeps the column out of ColumnsToggle (the user
+ *     can't hide it); not sortable / resizable / reorderable (sorting BY
+ *     follow status is a separate concern — see useFavoritesView /
+ *     sortRowsByFavorites).
+ *   - Each cell reads useIsFavorite (a boolean selector), so toggling one
+ *     row re-renders only that row's star.
+ *   - Toggling never triggers the row's onRowClick (click + keydown
+ *     propagation stopped, mirroring the DataGrid selection checkbox).
+ *
+ * `getRowId` MUST match the one passed to <DataGrid> so the follow id and
+ * the grid row id agree. Requires a <UserPersonalizationProvider>
+ * ancestor (useIsFavorite throws otherwise).
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+var DEFAULT_LABELS = Object.freeze({
+  columnHeader: "Suivis",
+  addFavorite: "Suivre",
+  removeFavorite: "Ne plus suivre",
+  statusFollowed: "Suivi",
+  statusNotFollowed: "Non suivi"
+});
+
+/** Visually hidden, but exposed to assistive tech (the column's accessible name). */
+var SR_ONLY_SX = Object.freeze({
+  position: "absolute",
+  width: "1px",
+  height: "1px",
+  padding: 0,
+  margin: "-1px",
+  overflow: "hidden",
+  clip: "rect(0 0 0 0)",
+  whiteSpace: "nowrap",
+  border: 0
+});
+function FavoriteCell(props) {
+  var resourceKey = props.resourceKey,
+    id = props.id,
+    size = props.size,
+    addLabel = props.addLabel,
+    removeLabel = props.removeLabel,
+    followedLabel = props.followedLabel,
+    notFollowedLabel = props.notFollowedLabel,
+    rowLabel = props.rowLabel;
+  var _useIsFavorite = useIsFavorite(resourceKey, id),
+    isFavorite = _useIsFavorite.isFavorite,
+    toggle = _useIsFavorite.toggle;
+
+  // Action-oriented accessible name (toggle convention); aria-pressed (set
+  // by FavoriteToggle) carries the state. Always provided, so the Tooltip
+  // never mirrors its title onto the trigger.
+  var action = isFavorite ? removeLabel : addLabel;
+  var ariaLabel = rowLabel ? action + " : " + rowLabel : action;
+  // Visible status shown on hover/focus.
+  var statusLabel = isFavorite ? followedLabel : notFollowedLabel;
+  var handleChange = function handleChange(_next, e) {
+    // Don't let the toggle's click bubble to the row's onRowClick.
+    if (e && typeof e.stopPropagation === "function") e.stopPropagation();
+    toggle();
+  };
+  var handleKeyDown = function handleKeyDown(e) {
+    // Prevent row-level Enter/Space (onRowClick) from also firing; the
+    // button's own native activation is unaffected.
+    e.stopPropagation();
+  };
+  return /*#__PURE__*/_jsx(Tooltip, {
+    title: statusLabel,
+    children: /*#__PURE__*/_jsx(FavoriteToggle, {
+      pressed: isFavorite,
+      onChange: handleChange,
+      onKeyDown: handleKeyDown,
+      size: size,
+      labels: {
+        addFavorite: addLabel,
+        removeFavorite: removeLabel
+      },
+      "aria-label": ariaLabel
+    })
+  });
+}
+/**
+ * Builds a v2 DataGrid column definition for the compact follow-star column.
+ */
+export default function makeFavoriteColumn(options) {
+  var opts = options;
+  var resourceKey = opts.resourceKey;
+  var getRowId = typeof opts.getRowId === "function" ? opts.getRowId : function defaultGetRowId(r) {
+    return r.id;
+  };
+  var key = opts.key || "__favorite__";
+  var size = opts.size || "sm";
+  var width = opts.width != null ? opts.width : 44;
+  var getRowLabel = typeof opts.getRowLabel === "function" ? opts.getRowLabel : null;
+  var L = opts.labels ? _objectSpread(_objectSpread({}, DEFAULT_LABELS), opts.labels) : DEFAULT_LABELS;
+  if (process.env["NODE_ENV"] !== "production" && !resourceKey) {
+    // eslint-disable-next-line no-console
+    console.warn("[@portnet/ui v2] makeFavoriteColumn: `resourceKey` is required to scope follows.");
+  }
+  return {
+    key: key,
+    header: /*#__PURE__*/_jsx(Box, {
+      component: "span",
+      sx: SR_ONLY_SX,
+      children: L.columnHeader
+    }),
+    align: "center",
+    sortable: false,
+    toggleable: false,
+    // kept out of ColumnsToggle (cannot be hidden)
+    resizable: false,
+    reorderable: false,
+    width: width,
+    render: function renderFavorite(row) {
+      return /*#__PURE__*/_jsx(FavoriteCell, {
+        resourceKey: resourceKey,
+        id: getRowId(row),
+        size: size,
+        addLabel: L.addFavorite,
+        removeLabel: L.removeFavorite,
+        followedLabel: L.statusFollowed,
+        notFollowedLabel: L.statusNotFollowed,
+        rowLabel: getRowLabel ? getRowLabel(row) : undefined
+      });
+    }
+  };
+}
+//# sourceMappingURL=FavoriteColumn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FavoriteColumn.js","names":["React","Box","FavoriteToggle","Tooltip","useIsFavorite","jsx","_jsx","DEFAULT_LABELS","Object","freeze","columnHeader","addFavorite","removeFavorite","statusFollowed","statusNotFollowed","SR_ONLY_SX","position","width","height","padding","margin","overflow","clip","whiteSpace","border","FavoriteCell","props","resourceKey","id","size","addLabel","removeLabel","followedLabel","notFollowedLabel","rowLabel","_useIsFavorite","isFavorite","toggle","action","ariaLabel","statusLabel","handleChange","_next","e","stopPropagation","handleKeyDown","title","children","pressed","onChange","onKeyDown","labels","makeFavoriteColumn","options","opts","getRowId","defaultGetRowId","r","key","getRowLabel","L","_objectSpread","process","env","console","warn","header","component","sx","align","sortable","toggleable","resizable","reorderable","render","renderFavorite","row","undefined"],"sources":["../../../../src/lib/v2/patterns/FavoriteColumn.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\n\r\nimport FavoriteToggle from \"../components/FavoriteToggle\";\r\nimport Tooltip from \"../components/Tooltip\";\r\nimport { useIsFavorite } from \"../personalization/capabilities/favorites\";\r\nimport type { DataGridColumn } from \"../types/datagrid\";\r\nimport type { RowId } from \"../types/common\";\r\n\r\n/**\r\n * FavoriteColumn - Portnet UI v2 (pattern)\r\n *\r\n * `makeFavoriteColumn(options)` builds a v2 DataGrid column definition for\r\n * a compact \"follow\" (suivi) star column. Spread it into the grid's\r\n * `columns` first so it sits at the LEFT of each row:\r\n *\r\n *   const columns = [\r\n *     makeFavoriteColumn({ resourceKey: \"ti:list\", getRowId: (r) => r.reference }),\r\n *     { key: \"reference\", header: \"Référence\", ... },\r\n *     ...\r\n *   ];\r\n *   <DataGrid columns={columns} rows={rows} getRowId={(r) => r.reference} ... />\r\n *\r\n * Behaviour:\r\n *   - ALWAYS VISIBLE: the star is rendered on every row in both states\r\n *     (filled ★ when followed, outline ☆ when not) — it is NOT\r\n *     hover-revealed. It sits at the left of the row.\r\n *   - COMPACT: no visible column header (the header carries only a\r\n *     visually hidden accessible name \"Suivis\"), and a narrow 44px width,\r\n *     so the column takes minimal space.\r\n *   - STATUS TOOLTIP: hovering or focusing the star shows its current\r\n *     status — \"Suivi\" when followed, \"Non suivi\" otherwise. The button's\r\n *     accessible name stays action-oriented (\"Suivre\" / \"Ne plus suivre\",\r\n *     optionally enriched with the row label) and aria-pressed conveys the\r\n *     state, so screen-reader semantics are unaffected.\r\n *   - `toggleable: false` keeps the column out of ColumnsToggle (the user\r\n *     can't hide it); not sortable / resizable / reorderable (sorting BY\r\n *     follow status is a separate concern — see useFavoritesView /\r\n *     sortRowsByFavorites).\r\n *   - Each cell reads useIsFavorite (a boolean selector), so toggling one\r\n *     row re-renders only that row's star.\r\n *   - Toggling never triggers the row's onRowClick (click + keydown\r\n *     propagation stopped, mirroring the DataGrid selection checkbox).\r\n *\r\n * `getRowId` MUST match the one passed to <DataGrid> so the follow id and\r\n * the grid row id agree. Requires a <UserPersonalizationProvider>\r\n * ancestor (useIsFavorite throws otherwise).\r\n */\r\n\r\ntype FavoriteToggleSize = NonNullable<\r\n  React.ComponentProps<typeof FavoriteToggle>[\"size\"]\r\n>;\r\n\r\nexport interface FavoriteColumnLabels {\r\n  columnHeader: string;\r\n  addFavorite: string;\r\n  removeFavorite: string;\r\n  statusFollowed: string;\r\n  statusNotFollowed: string;\r\n}\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  columnHeader: \"Suivis\",\r\n  addFavorite: \"Suivre\",\r\n  removeFavorite: \"Ne plus suivre\",\r\n  statusFollowed: \"Suivi\",\r\n  statusNotFollowed: \"Non suivi\",\r\n} satisfies FavoriteColumnLabels);\r\n\r\n/** Visually hidden, but exposed to assistive tech (the column's accessible name). */\r\nconst SR_ONLY_SX = Object.freeze({\r\n  position: \"absolute\",\r\n  width: \"1px\",\r\n  height: \"1px\",\r\n  padding: 0,\r\n  margin: \"-1px\",\r\n  overflow: \"hidden\",\r\n  clip: \"rect(0 0 0 0)\",\r\n  whiteSpace: \"nowrap\",\r\n  border: 0,\r\n} satisfies SxProps<Theme>);\r\n\r\ninterface FavoriteCellProps {\r\n  resourceKey: string;\r\n  id: RowId;\r\n  size: FavoriteToggleSize;\r\n  addLabel: string;\r\n  removeLabel: string;\r\n  followedLabel: string;\r\n  notFollowedLabel: string;\r\n  rowLabel?: string | undefined;\r\n}\r\n\r\nfunction FavoriteCell(props: FavoriteCellProps): React.JSX.Element {\r\n  const {\r\n    resourceKey,\r\n    id,\r\n    size,\r\n    addLabel,\r\n    removeLabel,\r\n    followedLabel,\r\n    notFollowedLabel,\r\n    rowLabel,\r\n  } = props;\r\n  const { isFavorite, toggle } = useIsFavorite(resourceKey, id);\r\n\r\n  // Action-oriented accessible name (toggle convention); aria-pressed (set\r\n  // by FavoriteToggle) carries the state. Always provided, so the Tooltip\r\n  // never mirrors its title onto the trigger.\r\n  const action = isFavorite ? removeLabel : addLabel;\r\n  const ariaLabel = rowLabel ? action + \" : \" + rowLabel : action;\r\n  // Visible status shown on hover/focus.\r\n  const statusLabel = isFavorite ? followedLabel : notFollowedLabel;\r\n\r\n  const handleChange: NonNullable<\r\n    React.ComponentProps<typeof FavoriteToggle>[\"onChange\"]\r\n  > = function handleChange(_next, e) {\r\n    // Don't let the toggle's click bubble to the row's onRowClick.\r\n    if (e && typeof e.stopPropagation === \"function\") e.stopPropagation();\r\n    toggle();\r\n  };\r\n  const handleKeyDown: NonNullable<\r\n    React.ComponentProps<typeof FavoriteToggle>[\"onKeyDown\"]\r\n  > = function handleKeyDown(e) {\r\n    // Prevent row-level Enter/Space (onRowClick) from also firing; the\r\n    // button's own native activation is unaffected.\r\n    e.stopPropagation();\r\n  };\r\n\r\n  return (\r\n    <Tooltip title={statusLabel}>\r\n      <FavoriteToggle\r\n        pressed={isFavorite}\r\n        onChange={handleChange}\r\n        onKeyDown={handleKeyDown}\r\n        size={size}\r\n        labels={{ addFavorite: addLabel, removeFavorite: removeLabel }}\r\n        aria-label={ariaLabel}\r\n      />\r\n    </Tooltip>\r\n  );\r\n}\r\n\r\nexport interface MakeFavoriteColumnOptions<T> {\r\n  /** Required — follow namespace. */\r\n  resourceKey: string;\r\n  /** MUST match the grid's getRowId. Defaults to (r) => r.id. */\r\n  getRowId?: ((row: T) => RowId) | undefined;\r\n  /** Column key. @default \"__favorite__\" */\r\n  key?: string | undefined;\r\n  /** Toggle size (sm fits dense rows). @default \"sm\" */\r\n  size?: FavoriteToggleSize | undefined;\r\n  /** Column width (narrow / compact). @default 44 */\r\n  width?: number | string | undefined;\r\n  /** (row) => string, enriches the per-row aria-label. */\r\n  getRowLabel?: ((row: T) => string) | undefined;\r\n  labels?: Partial<FavoriteColumnLabels> | undefined;\r\n}\r\n\r\n/**\r\n * Builds a v2 DataGrid column definition for the compact follow-star column.\r\n */\r\nexport default function makeFavoriteColumn<T>(\r\n  options: MakeFavoriteColumnOptions<T>\r\n): DataGridColumn<T> {\r\n  const opts = options;\r\n  const resourceKey = opts.resourceKey;\r\n  const getRowId: (row: T) => RowId =\r\n    typeof opts.getRowId === \"function\"\r\n      ? opts.getRowId\r\n      : function defaultGetRowId(r: T): RowId {\r\n          return (r as { id: RowId }).id;\r\n        };\r\n  const key = opts.key || \"__favorite__\";\r\n  const size = opts.size || \"sm\";\r\n  const width: number | string = opts.width != null ? opts.width : 44;\r\n  const getRowLabel =\r\n    typeof opts.getRowLabel === \"function\" ? opts.getRowLabel : null;\r\n  const L: FavoriteColumnLabels = opts.labels\r\n    ? { ...DEFAULT_LABELS, ...opts.labels }\r\n    : DEFAULT_LABELS;\r\n\r\n  if (process.env[\"NODE_ENV\"] !== \"production\" && !resourceKey) {\r\n    // eslint-disable-next-line no-console\r\n    console.warn(\r\n      \"[@portnet/ui v2] makeFavoriteColumn: `resourceKey` is required to scope follows.\"\r\n    );\r\n  }\r\n\r\n  return {\r\n    key: key,\r\n    header: (\r\n      <Box component=\"span\" sx={SR_ONLY_SX}>\r\n        {L.columnHeader}\r\n      </Box>\r\n    ),\r\n    align: \"center\",\r\n    sortable: false,\r\n    toggleable: false, // kept out of ColumnsToggle (cannot be hidden)\r\n    resizable: false,\r\n    reorderable: false,\r\n    width: width,\r\n    render: function renderFavorite(row: T): React.ReactNode {\r\n      return (\r\n        <FavoriteCell\r\n          resourceKey={resourceKey}\r\n          id={getRowId(row)}\r\n          size={size}\r\n          addLabel={L.addFavorite}\r\n          removeLabel={L.removeFavorite}\r\n          followedLabel={L.statusFollowed}\r\n          notFollowedLabel={L.statusNotFollowed}\r\n          rowLabel={getRowLabel ? getRowLabel(row) : undefined}\r\n        />\r\n      );\r\n    },\r\n  };\r\n}\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,91 @@
+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";
+import { mergeLabels } from "../utils/mergeLabels";
+
+/**
+ * FavoritesFilter - Portnet UI v2 (pattern)
+ *
+ * Presentational "Tous / Suivis" toggle for the follow filter, built on
+ * the v2 Segmented (role=radiogroup, arrow-key selection, focus halo).
+ * Provider-free — drive it from the same state you pass to
+ * useFavoritesView:
+ *
+ *   const [favFilter, setFavFilter] = React.useState("all");
+ *   const view = useFavoritesView("ti:list", rows, {
+ *     getRowId, filterMode: favFilter,
+ *   });
+ *   <FavoritesFilter
+ *     value={favFilter}
+ *     onChange={setFavFilter}
+ *     favoriteCount={view.favoriteCount}
+ *     totalCount={rows.length}
+ *   />
+ *
+ * Values ("all" | "only") match FAVORITES_FILTER. Pass `fullWidth` to let
+ * it span its row on narrow / mobile toolbars.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+var DEFAULT_LABELS = Object.freeze({
+  all: "Tous",
+  favorites: "Suivis",
+  ariaLabel: "Filtrer par suivis"
+});
+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() {
+    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"
+      })
+    } : {})];
+  }, [L, showCounts, showIcon, totalCount, favoriteCount]);
+  var 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({
+    value: value,
+    onChange: handleChange,
+    options: options,
+    size: size,
+    fullWidth: fullWidth,
+    "aria-label": L.ariaLabel
+  }, sx !== undefined ? {
+    sx: sx
+  } : {}));
+}
+export default FavoritesFilter;
+//# sourceMappingURL=FavoritesFilter.js.map

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

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

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

@@ -0,0 +1,101 @@
+import * as React from "react";
+import Box from "@mui/material/Box";
+import Banner from "../components/Banner";
+
+/**
+ * FormErrorSummary — Portnet UI v2
+ *
+ * Charter §05 / R-FV.2. Synthesis banner rendered above a form after a
+ * failed-submit so the user sees, at-a-glance, every field that needs
+ * attention. Each entry is a clickable jump-to-field affordance; the host
+ * supplies the navigation behaviour via `onItemClick`.
+ *
+ * Composition: pure v2.Banner + a semantic <ul> of <button> jump-links.
+ * No host-specific scroll/focus logic baked in.
+ *
+ * Renders nothing when `errors` is empty / nullish — host can mount
+ * unconditionally above the form.
+ *
+ * Accessibility:
+ *   - <button type="button"> instead of <a href="#…">. The entries trigger
+ *     an action (focus/scroll) and don't navigate.
+ *   - Explicit role="list" + role="listitem" because some screen readers
+ *     strip list semantics when CSS list-style:none is applied.
+ *   - Banner already carries the alert/role semantics for the region.
+ *   - Explicit :focus-visible outline on each jump-button on --danger-fg,
+ *     which passes WCAG 1.4.11 ≥ 3:1 on danger-soft (finding B4-EXT-2).
+ *
+ * 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;
+  if (!errors || errors.length === 0) return null;
+  var heading = title || "Veuillez corriger les erreurs ci-dessous";
+  var handleClick = function handleClick(e, name) {
+    e.preventDefault();
+    if (typeof onItemClick === "function") {
+      onItemClick(name);
+    }
+  };
+  return /*#__PURE__*/_jsx(Banner, {
+    variant: "error",
+    title: heading,
+    children: /*#__PURE__*/_jsx(Box, {
+      component: "ul",
+      role: "list",
+      sx: {
+        margin: 0,
+        paddingInlineStart: "var(--s-5)",
+        fontSize: "var(--text-sm)",
+        listStyle: "disc"
+      },
+      children: errors.map(function (err, idx) {
+        var label = labelByName && labelByName[err.name] || err.name;
+        return /*#__PURE__*/_jsxs(Box, {
+          component: "li",
+          role: "listitem",
+          sx: {
+            marginBottom: "var(--s-1)"
+          },
+          children: [/*#__PURE__*/_jsx(Box, {
+            component: "button",
+            type: "button",
+            onClick: function onClick(e) {
+              return handleClick(e, err.name);
+            },
+            sx: {
+              // Reset default <button> chrome so the link reads visually
+              // as a hyperlink in the banner body.
+              background: "transparent",
+              border: "none",
+              padding: 0,
+              margin: 0,
+              font: "inherit",
+              cursor: "pointer",
+              color: "var(--danger-fg)",
+              textDecoration: "underline",
+              fontWeight: "var(--fw-medium)",
+              // R-F.1 — explicit focus-visible outline. Outline on
+              // currentColor (danger-fg) passes 1.4.11 ≥ 3:1 on the soft
+              // danger background; borderRadius aligns the ring with the DS.
+              "&:focus-visible": {
+                outline: "2px solid var(--danger-fg)",
+                outlineOffset: "var(--pui-outline-offset)",
+                borderRadius: "var(--r-sm)"
+              }
+            },
+            children: label
+          }), ": ", /*#__PURE__*/_jsx("span", {
+            children: err.message
+          })]
+        }, "".concat(err.name, "-").concat(idx));
+      })
+    })
+  });
+}
+export default FormErrorSummary;
+//# sourceMappingURL=FormErrorSummary.js.map

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

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

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

@@ -0,0 +1,126 @@
+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";
+import PageContent from "./PageContent";
+import ProgressBar from "../components/ProgressBar";
+
+/**
+ * FormPageShell — Portnet UI v2 (pattern)
+ *
+ * Charter §07 R-L.2 — canonical shell for create/edit form pages.
+ *
+ * Combines a sticky ActionBar (surface=false, accent title) with a
+ * responsive PageContent wrapper so every module's form page has the
+ * same structure without reimplementing it.
+ *
+ * ┌───────────────────────────────────────────────────────────────┐
+ * │ 🏠 > Breadcrumb                                               │  sticky
+ * │ Title                        [secondary] [primary] [overflow…] │
+ * │ Subtitle                                                      │
+ * └───────────────────────────────────────────────────────────────┘
+ * ┌───────────────────────────────────────────────────────────────┐
+ * │  [ProgressBar ── progressLabel]      ← if progress prop given │
+ * │  children                                                      │
+ * └───────────────────────────────────────────────────────────────┘
+ *
+ * @example
+ *   <FormPageShell
+ *     home={() => navigate("/")}
+ *     back={() => navigate("/list")}
+ *     breadcrumb={["Autorisations", "Nouvelle autorisation"]}
+ *     title="Nouvelle autorisation"
+ *     subtitle="Saisissez les informations…"
+ *     secondary={[{ label: "Enregistrer", icon: <SaveIcon />, onClick: handleSave }]}
+ *     primary={{ label: "Déposer", iconRight: <ArrowIcon />, onClick: handleDeposit }}
+ *     overflow={[{ label: "Retour à la liste", onClick: goBack }]}
+ *     progress={requiredPct}
+ *     progressLabel={isComplete ? "Prêt à déposer ✓" : `${filled}/${total} requis`}
+ *   >
+ *     <FormSection number={1} title="Informations">…</FormSection>
+ *   </FormPageShell>
+ */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+var PROGRESS_ROW_SX = Object.freeze({
+  display: "flex",
+  alignItems: "center",
+  gap: "var(--s-3)",
+  marginBottom: "var(--s-5)"
+});
+var PROGRESS_BAR_WRAPPER_SX = Object.freeze({
+  flex: 1,
+  minWidth: 0
+});
+var PROGRESS_LABEL_SX = Object.freeze({
+  fontSize: "var(--text-xs)",
+  color: "var(--fg-muted)",
+  whiteSpace: "nowrap",
+  fontVariantNumeric: "tabular-nums",
+  flexShrink: 0
+});
+
+/**
+ * Valeurs par défaut inline — plus de defaultProps.
+ * 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;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(ActionBar, _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+      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
+    } : {}), {}, {
+      children: [typeof progress === "number" && /*#__PURE__*/_jsxs(Box, {
+        sx: PROGRESS_ROW_SX,
+        children: [/*#__PURE__*/_jsx(Box, {
+          sx: PROGRESS_BAR_WRAPPER_SX,
+          children: /*#__PURE__*/_jsx(ProgressBar, {
+            value: progress,
+            "aria-label": "Avancement de la saisie"
+          })
+        }), progressLabel && /*#__PURE__*/_jsx(Box, {
+          component: "span",
+          sx: PROGRESS_LABEL_SX,
+          children: progressLabel
+        })]
+      }), children]
+    }))]
+  });
+}
+export default FormPageShell;
+//# sourceMappingURL=FormPageShell.js.map