@portnet/ui 6.0.0 → 6.0.2

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

@@ -0,0 +1,138 @@
+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 { mergeLabels } from "../utils/mergeLabels";
+
+/**
+ * FilterTab - Portnet UI v2
+ *
+ * Charter §03 · Component "FilterTabs". Pills used to quickly filter a list
+ * by status, with an active-state count and pop animation on update.
+ *
+ *   <FilterTab active={filter === "all"} count={42} onClick={() => setFilter("all")}>
+ *     Tous
+ *   </FilterTab>
+ *
+ * Localisation (FR / EN / AR):
+ *   <FilterTab labels={{
+ *     countLabel:   (n) => `${n} items`,
+ *     shortcutHint: (s) => `Shortcut: ${s}`,
+ *   }} ... />
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Module-scoped to avoid Temporal Dead Zone when an invalid `variant` is
+// passed: a local-const initialiser referencing palette.neutral before
+// palette finished initialising would throw ReferenceError.
+var PALETTES = {
+  neutral: {
+    activeBg: "var(--accent-soft)",
+    activeFg: "var(--accent)"
+  },
+  "new": {
+    activeBg: "var(--status-new-soft)",
+    activeFg: "var(--status-new-fg)"
+  },
+  sent: {
+    activeBg: "var(--status-sent-soft)",
+    activeFg: "var(--status-sent-fg)"
+  },
+  pending: {
+    activeBg: "var(--status-pending-soft)",
+    activeFg: "var(--status-pending-fg)"
+  },
+  approved: {
+    activeBg: "var(--status-approved-soft)",
+    activeFg: "var(--status-approved-fg)"
+  },
+  rejected: {
+    activeBg: "var(--status-rejected-soft)",
+    activeFg: "var(--status-rejected-fg)"
+  }
+};
+var DEFAULT_LABELS = Object.freeze({
+  countLabel: function countLabel(n) {
+    return "".concat(n, " \xE9l\xE9ments");
+  },
+  shortcutHint: function shortcutHint(s) {
+    return "Raccourci : ".concat(s);
+  }
+});
+function FilterTab(_ref) {
+  var _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    count = _ref.count,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "neutral" : _ref$variant,
+    onClick = _ref.onClick,
+    shortcut = _ref.shortcut,
+    labels = _ref.labels,
+    children = _ref.children;
+  var palette = PALETTES[variant] || PALETTES.neutral;
+  var L = mergeLabels(DEFAULT_LABELS, labels);
+  return /*#__PURE__*/_jsxs(Box, {
+    component: "button",
+    type: "button",
+    "aria-pressed": active,
+    onClick: onClick,
+    title: shortcut ? L.shortcutHint(shortcut) : undefined,
+    sx: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: "var(--s-2)",
+      // Compact pill: 5/12 px in literal terms, expressed against
+      // the spacing scale so any future rescale propagates.
+      padding: "calc(var(--s-1) + 1px) var(--s-3)",
+      borderRadius: "var(--r-full)",
+      border: "1px solid ".concat(active ? "var(--accent)" : "var(--border)"),
+      background: active ? palette.activeBg : "var(--surface)",
+      color: active ? palette.activeFg : "var(--fg-muted)",
+      fontSize: "var(--text-xs)",
+      // Was 650 (banned) / 500. var(--fw-semibold) is the canonical
+      // emphasised weight; var(--fw-medium) the resting one.
+      fontWeight: active ? "var(--fw-semibold)" : "var(--fw-medium)",
+      cursor: "pointer",
+      fontFamily: "inherit",
+      transition: "background var(--duration-fast, 120ms) ease, " + "color var(--duration-fast, 120ms) ease, " + "border-color var(--duration-fast, 120ms) ease",
+      // R-F.1 - focus-visible required, charter §05. The previous
+      // implementation had NO focus style; keyboard users got no
+      // feedback when tabbing through filter chips.
+      "&:focus-visible": {
+        outline: "2px solid var(--accent)",
+        outlineOffset: "var(--pui-outline-offset)"
+      },
+      "&:hover": _objectSpread({}, !active ? {
+        background: "var(--bg-hover)"
+      } : {})
+    },
+    children: [/*#__PURE__*/_jsx("span", {
+      children: children
+    }), count != null && /*#__PURE__*/_jsx(Box, {
+      component: "span",
+      "aria-label": L.countLabel(count),
+      sx: {
+        display: "inline-block",
+        minWidth: 16,
+        padding: "0 var(--s-1)",
+        fontSize: "var(--text-xs)",
+        fontWeight: "var(--fw-bold)",
+        // Active keeps the accent emphasis (unchanged). Inactive now
+        // takes the variant palette (soft bg + status fg) so status
+        // counts stay colour-coded instead of greying out; neutral
+        // resolves to accent-soft / accent.
+        background: active ? "var(--accent)" : palette.activeBg,
+        color: active ? "var(--accent-fg)" : palette.activeFg,
+        borderRadius: "var(--r-full)",
+        lineHeight: "var(--lh-snug)",
+        textAlign: "center"
+      },
+      children: count
+    })]
+  });
+}
+export default FilterTab;
+//# sourceMappingURL=FilterTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterTab.js","names":["React","Box","mergeLabels","jsx","_jsx","jsxs","_jsxs","PALETTES","neutral","activeBg","activeFg","sent","pending","approved","rejected","DEFAULT_LABELS","Object","freeze","countLabel","n","concat","shortcutHint","s","FilterTab","_ref","_ref$active","active","count","_ref$variant","variant","onClick","shortcut","labels","children","palette","L","component","type","title","undefined","sx","display","alignItems","gap","padding","borderRadius","border","background","color","fontSize","fontWeight","cursor","fontFamily","transition","outline","outlineOffset","_objectSpread","minWidth","lineHeight","textAlign"],"sources":["../../../../src/lib/v2/components/FilterTab.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/**\r\n * FilterTab - Portnet UI v2\r\n *\r\n * Charter §03 · Component \"FilterTabs\". Pills used to quickly filter a list\r\n * by status, with an active-state count and pop animation on update.\r\n *\r\n *   <FilterTab active={filter === \"all\"} count={42} onClick={() => setFilter(\"all\")}>\r\n *     Tous\r\n *   </FilterTab>\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   <FilterTab labels={{\r\n *     countLabel:   (n) => `${n} items`,\r\n *     shortcutHint: (s) => `Shortcut: ${s}`,\r\n *   }} ... />\r\n */\r\n\r\nexport type FilterTabVariant =\r\n  | \"neutral\"\r\n  | \"new\"\r\n  | \"sent\"\r\n  | \"pending\"\r\n  | \"approved\"\r\n  | \"rejected\";\r\n\r\ninterface PaletteEntry {\r\n  activeBg: string;\r\n  activeFg: string;\r\n}\r\n\r\n// Module-scoped to avoid Temporal Dead Zone when an invalid `variant` is\r\n// passed: a local-const initialiser referencing palette.neutral before\r\n// palette finished initialising would throw ReferenceError.\r\nconst PALETTES: Record<FilterTabVariant, PaletteEntry> = {\r\n  neutral:  { activeBg: \"var(--accent-soft)\",          activeFg: \"var(--accent)\" },\r\n  new:      { activeBg: \"var(--status-new-soft)\",      activeFg: \"var(--status-new-fg)\" },\r\n  sent:     { activeBg: \"var(--status-sent-soft)\",     activeFg: \"var(--status-sent-fg)\" },\r\n  pending:  { activeBg: \"var(--status-pending-soft)\",  activeFg: \"var(--status-pending-fg)\" },\r\n  approved: { activeBg: \"var(--status-approved-soft)\", activeFg: \"var(--status-approved-fg)\" },\r\n  rejected: { activeBg: \"var(--status-rejected-soft)\", activeFg: \"var(--status-rejected-fg)\" },\r\n};\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  countLabel:   (n: number): string => `${n} éléments`,\r\n  shortcutHint: (s: string): string => `Raccourci : ${s}`,\r\n});\r\n\r\nexport interface FilterTabLabels {\r\n  countLabel?: ((n: number) => string) | undefined;\r\n  shortcutHint?: ((s: string) => string) | undefined;\r\n}\r\n\r\nexport interface FilterTabProps {\r\n  active?: boolean | undefined;\r\n  count?: number | undefined;\r\n  /** neutral | new | sent | pending | approved | rejected */\r\n  variant?: FilterTabVariant | undefined;\r\n  onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;\r\n  shortcut?: string | undefined;\r\n  labels?: FilterTabLabels | undefined;\r\n  children?: React.ReactNode | undefined;\r\n}\r\n\r\nfunction FilterTab({\r\n  active = false,\r\n  count,\r\n  variant = \"neutral\",\r\n  onClick,\r\n  shortcut,\r\n  labels,\r\n  children,\r\n}: FilterTabProps) {\r\n  const palette = PALETTES[variant] || PALETTES.neutral;\r\n  const L = mergeLabels(DEFAULT_LABELS, labels);\r\n\r\n  return (\r\n    <Box\r\n      component=\"button\"\r\n      type=\"button\"\r\n      aria-pressed={active}\r\n      onClick={onClick}\r\n      title={shortcut ? L.shortcutHint(shortcut) : undefined}\r\n      sx={{\r\n        display: \"inline-flex\",\r\n        alignItems: \"center\",\r\n        gap: \"var(--s-2)\",\r\n        // Compact pill: 5/12 px in literal terms, expressed against\r\n        // the spacing scale so any future rescale propagates.\r\n        padding: \"calc(var(--s-1) + 1px) var(--s-3)\",\r\n        borderRadius: \"var(--r-full)\",\r\n        border: `1px solid ${active ? \"var(--accent)\" : \"var(--border)\"}`,\r\n        background: active ? palette.activeBg : \"var(--surface)\",\r\n        color: active ? palette.activeFg : \"var(--fg-muted)\",\r\n        fontSize: \"var(--text-xs)\",\r\n        // Was 650 (banned) / 500. var(--fw-semibold) is the canonical\r\n        // emphasised weight; var(--fw-medium) the resting one.\r\n        fontWeight: active ? \"var(--fw-semibold)\" : \"var(--fw-medium)\",\r\n        cursor: \"pointer\",\r\n        fontFamily: \"inherit\",\r\n        transition:\r\n          \"background var(--duration-fast, 120ms) ease, \" +\r\n          \"color var(--duration-fast, 120ms) ease, \" +\r\n          \"border-color var(--duration-fast, 120ms) ease\",\r\n        // R-F.1 - focus-visible required, charter §05. The previous\r\n        // implementation had NO focus style; keyboard users got no\r\n        // feedback when tabbing through filter chips.\r\n        \"&:focus-visible\": {\r\n          outline: \"2px solid var(--accent)\",\r\n          outlineOffset: \"var(--pui-outline-offset)\",\r\n        },\r\n        \"&:hover\": {\r\n          ...(!active ? { background: \"var(--bg-hover)\" } : {}),\r\n        },\r\n      }}\r\n    >\r\n      <span>{children}</span>\r\n      {count != null && (\r\n        <Box\r\n          component=\"span\"\r\n          aria-label={L.countLabel(count)}\r\n          sx={{\r\n            display: \"inline-block\",\r\n            minWidth: 16,\r\n            padding: \"0 var(--s-1)\",\r\n            fontSize: \"var(--text-xs)\",\r\n            fontWeight: \"var(--fw-bold)\",\r\n            // Active keeps the accent emphasis (unchanged). Inactive now\r\n            // takes the variant palette (soft bg + status fg) so status\r\n            // counts stay colour-coded instead of greying out; neutral\r\n            // resolves to accent-soft / accent.\r\n            background: active ? \"var(--accent)\" : palette.activeBg,\r\n            color: active ? \"var(--accent-fg)\" : palette.activeFg,\r\n            borderRadius: \"var(--r-full)\",\r\n            lineHeight: \"var(--lh-snug)\",\r\n            textAlign: \"center\",\r\n          }}\r\n        >\r\n          {count}\r\n        </Box>\r\n      )}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default FilterTab;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,74 @@
+import Box from "@mui/material/Box";
+import ArrowBack from "@mui/icons-material/ArrowBack";
+import LockOutlined from "@mui/icons-material/LockOutlined";
+import ActionBar from "../patterns/ActionBar";
+import Button from "./Button";
+import ErrorPageBody from "./_ErrorPageBody";
+
+/**
+ * ForbiddenPage — Portnet UI v2 (component)
+ *
+ * Charter §07 · 403 / Accès refusé.
+ *
+ * Router-agnostic by design: the page accepts `onBack` and `onHome`
+ * callback props rather than calling a router hook itself. This
+ * keeps the design system independent of any specific routing lib
+ * (react-router, TanStack Router, Next.js, …).
+ *
+ * Usage:
+ *
+ *   import { ForbiddenPage } from "@portnet/ui/lib/v2";
+ *   import { useNavigate } from "react-router-dom";
+ *
+ *   function ForbiddenRoute() {
+ *     const navigate = useNavigate();
+ *     return (
+ *       <ForbiddenPage
+ *         onBack={() => navigate(-1)}
+ *         onHome={() => navigate("/")}
+ *       />
+ *     );
+ *   }
+ *
+ * Charter rules satisfied:
+ *   R-2.1   no local UI primitive (composes ActionBar + Button only).
+ *   R-Tg.1  44 px tactile floor enforced by v2.Button.
+ *   R-A.1   ARIA landmarks via ActionBar's <header role="banner">.
+ *   R-T.2   contrast verified for var(--fg) on var(--bg).
+ */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+function ForbiddenPage(_ref) {
+  var onBack = _ref.onBack,
+    onHome = _ref.onHome;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(ActionBar, {
+      back: onBack,
+      breadcrumb: ["Erreur", "Accès refusé"],
+      title: "Acc\xE8s refus\xE9"
+    }), /*#__PURE__*/_jsx(ErrorPageBody, {
+      icon: /*#__PURE__*/_jsx(LockOutlined, {
+        sx: {
+          fontSize: 64,
+          color: "var(--warning)"
+        }
+      }),
+      code: "403",
+      title: "Vous n'avez pas acc\xE8s \xE0 cette page",
+      description: "Votre profil ne dispose pas des autorisations n\xE9cessaires pour consulter cette page. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur, puis revenez \xE0 l'accueil."
+    }), /*#__PURE__*/_jsx(Box, {
+      sx: {
+        display: "flex",
+        justifyContent: "center",
+        paddingBottom: "var(--s-7)"
+      },
+      children: /*#__PURE__*/_jsx(Button, {
+        variant: "primary",
+        icon: /*#__PURE__*/_jsx(ArrowBack, {}),
+        onClick: onHome,
+        children: "Retour \xE0 l'accueil"
+      })
+    })]
+  });
+}
+export default ForbiddenPage;
+//# sourceMappingURL=ForbiddenPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ForbiddenPage.js","names":["Box","ArrowBack","LockOutlined","ActionBar","Button","ErrorPageBody","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ForbiddenPage","_ref","onBack","onHome","children","back","breadcrumb","title","icon","sx","fontSize","color","code","description","display","justifyContent","paddingBottom","variant","onClick"],"sources":["../../../../src/lib/v2/components/ForbiddenPage.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\r\nimport ArrowBack from \"@mui/icons-material/ArrowBack\";\r\nimport LockOutlined from \"@mui/icons-material/LockOutlined\";\r\nimport ActionBar from \"../patterns/ActionBar\";\r\nimport Button from \"./Button\";\r\nimport ErrorPageBody from \"./_ErrorPageBody\";\r\n\r\n/**\r\n * ForbiddenPage — Portnet UI v2 (component)\r\n *\r\n * Charter §07 · 403 / Accès refusé.\r\n *\r\n * Router-agnostic by design: the page accepts `onBack` and `onHome`\r\n * callback props rather than calling a router hook itself. This\r\n * keeps the design system independent of any specific routing lib\r\n * (react-router, TanStack Router, Next.js, …).\r\n *\r\n * Usage:\r\n *\r\n *   import { ForbiddenPage } from \"@portnet/ui/lib/v2\";\r\n *   import { useNavigate } from \"react-router-dom\";\r\n *\r\n *   function ForbiddenRoute() {\r\n *     const navigate = useNavigate();\r\n *     return (\r\n *       <ForbiddenPage\r\n *         onBack={() => navigate(-1)}\r\n *         onHome={() => navigate(\"/\")}\r\n *       />\r\n *     );\r\n *   }\r\n *\r\n * Charter rules satisfied:\r\n *   R-2.1   no local UI primitive (composes ActionBar + Button only).\r\n *   R-Tg.1  44 px tactile floor enforced by v2.Button.\r\n *   R-A.1   ARIA landmarks via ActionBar's <header role=\"banner\">.\r\n *   R-T.2   contrast verified for var(--fg) on var(--bg).\r\n */\r\nexport interface ForbiddenPageProps {\r\n  /** Callback for the back button (top-bar arrow). */\r\n  onBack: () => void;\r\n  /** Callback for the primary \"Retour à l'accueil\" CTA. */\r\n  onHome: () => void;\r\n}\r\n\r\nfunction ForbiddenPage({ onBack, onHome }: ForbiddenPageProps) {\r\n  return (\r\n    <>\r\n      <ActionBar\r\n        back={onBack}\r\n        breadcrumb={[\"Erreur\", \"Accès refusé\"]}\r\n        title=\"Accès refusé\"\r\n      />\r\n      <ErrorPageBody\r\n        icon={<LockOutlined sx={{ fontSize: 64, color: \"var(--warning)\" }} />}\r\n        code=\"403\"\r\n        title=\"Vous n'avez pas accès à cette page\"\r\n        description=\"Votre profil ne dispose pas des autorisations nécessaires pour consulter cette page. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur, puis revenez à l'accueil.\"\r\n      />\r\n      <Box sx={{ display: \"flex\", justifyContent: \"center\", paddingBottom: \"var(--s-7)\" }}>\r\n        <Button variant=\"primary\" icon={<ArrowBack />} onClick={onHome}>\r\n          Retour à l'accueil\r\n        </Button>\r\n      </Box>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default ForbiddenPage;\r\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,mBAAmB;AACnC,OAAOC,SAAS,MAAM,+BAA+B;AACrD,OAAOC,YAAY,MAAM,kCAAkC;AAC3D,OAAOC,SAAS,MAAM,uBAAuB;AAC7C,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,aAAa,MAAM,kBAAkB;;AAE5C;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;AA9BA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAsCA,SAASC,aAAaA,CAAAC,IAAA,EAAyC;EAAA,IAAtCC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;EACrC,oBACEJ,KAAA,CAAAF,SAAA;IAAAO,QAAA,gBACET,IAAA,CAACJ,SAAS;MACRc,IAAI,EAAEH,MAAO;MACbI,UAAU,EAAE,CAAC,QAAQ,EAAE,cAAc,CAAE;MACvCC,KAAK,EAAC;IAAc,CACrB,CAAC,eACFZ,IAAA,CAACF,aAAa;MACZe,IAAI,eAAEb,IAAA,CAACL,YAAY;QAACmB,EAAE,EAAE;UAAEC,QAAQ,EAAE,EAAE;UAAEC,KAAK,EAAE;QAAiB;MAAE,CAAE,CAAE;MACtEC,IAAI,EAAC,KAAK;MACVL,KAAK,EAAC,0CAAoC;MAC1CM,WAAW,EAAC;IAAyL,CACtM,CAAC,eACFlB,IAAA,CAACP,GAAG;MAACqB,EAAE,EAAE;QAAEK,OAAO,EAAE,MAAM;QAAEC,cAAc,EAAE,QAAQ;QAAEC,aAAa,EAAE;MAAa,CAAE;MAAAZ,QAAA,eAClFT,IAAA,CAACH,MAAM;QAACyB,OAAO,EAAC,SAAS;QAACT,IAAI,eAAEb,IAAA,CAACN,SAAS,IAAE,CAAE;QAAC6B,OAAO,EAAEf,MAAO;QAAAC,QAAA,EAAC;MAEhE,CAAQ;IAAC,CACN,CAAC;EAAA,CACN,CAAC;AAEP;AAEA,eAAeJ,aAAa","ignoreList":[]}

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

@@ -0,0 +1,179 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["children", "columns", "minColumnWidth", "gap", "sx"],
+  _excluded2 = ["children", "sx"],
+  _excluded3 = ["span", "children", "sx"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import * as React from "react";
+import Box from "@mui/material/Box";
+
+/**
+ * FormGrid — Portnet UI v2
+ *
+ * Charter §03 R-3.2 — canonical RESPONSIVE form grid.
+ *
+ * ── Breakpoint strategy (aligné addpe-fe) ───────────────────────────
+ *
+ *   Les clés xs/sm/md ci-dessous résolvent contre l'échelle de tokens
+ *   Portnet câblée dans le thème MUI (Batch 1), PAS les défauts MUI :
+ *
+ *   xs  (<481px)    : 1 colonne  — mobile, chaque champ pleine largeur
+ *   sm  (481-767px) : 2 colonnes — tablette / grand mobile (transition douce)
+ *   md  (≥768px)    : N colonnes — desktop (layout cible)
+ *
+ *   Source: addpe-fe/AutorisationForm.js
+ *     gridTemplateColumns: { xs: "1fr", sm: "1fr 1fr", md: "repeat(3, 1fr)" }
+ *
+ * ── Presets ─────────────────────────────────────────────────────────
+ *
+ *   columns={1} → toujours 1 col (textarea, notes, upload)
+ *   columns={2} → 1col xs / 2col sm+ (formulaires courts)
+ *   columns={3} → 1col xs / 2col sm / 3col md  (DEFAULT FormSection)
+ *   columns={4} → 1col xs / 2col sm / 4col md  (champs courts : codes, dates)
+ *   minColumnWidth={N} → auto-fill adaptatif, 1col xs
+ *
+ * ── Sous-composants ─────────────────────────────────────────────────
+ *
+ *   <FormGrid.Full>        → span toutes colonnes (textarea, tables)
+ *   <FormGrid.Item span>   → span explicite (sm+), full-width xs
+ *
+ * ── Exemple ─────────────────────────────────────────────────────────
+ *
+ *   <FormGrid columns={3}>
+ *     <FormikInput name="nom"    label="Nom" />
+ *     <FormikInput name="prenom" label="Prénom" />
+ *     <FormikInput name="code"   label="Code" />
+ *     <FormGrid.Full>
+ *       <FormikTextarea name="obs" label="Observations" />
+ *     </FormGrid.Full>
+ *   </FormGrid>
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+function FormGrid(_ref) {
+  var children = _ref.children,
+    columns = _ref.columns,
+    minColumnWidth = _ref.minColumnWidth,
+    gap = _ref.gap,
+    sx = _ref.sx,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var gridTemplateColumns = React.useMemo(function () {
+    /* Auto-fill adaptatif — minColumnWidth prime sur columns.
+     * min(${minColumnWidth}px, 100%) borne la largeur mini de chaque
+     * piste à celle du conteneur : au-dessus de sm, une piste ne peut
+     * jamais dépasser le conteneur (pas de débordement / Reflow 1.4.10). */
+    if (minColumnWidth) {
+      return {
+        xs: "1fr",
+        sm: "repeat(auto-fill, minmax(min(".concat(minColumnWidth, "px, 100%), 1fr))")
+      };
+    }
+    var cols = typeof columns === "number" && columns > 0 ? columns : 3;
+
+    /* Colonne unique — textarea, notes, upload : toujours pleine largeur */
+    if (cols === 1) return "1fr";
+
+    /* 2 colonnes — dès tablette (sm), pas d'échelon md nécessaire */
+    if (cols === 2) {
+      return {
+        xs: "1fr",
+        sm: "repeat(2, minmax(0, 1fr))"
+      };
+    }
+
+    /*
+     * 3+ colonnes — 3 échelons :
+     *   xs : 1 col  (mobile)
+     *   sm : 2 cols (tablette — transition douce, évite les champs trop étroits)
+     *   md : N cols (desktop — layout cible)
+     *
+     * Identique au pattern addpe-fe :
+     *   { xs:"1fr", sm:"1fr 1fr", md:"repeat(3, 1fr)" }
+     */
+    return {
+      xs: "1fr",
+      sm: "repeat(2, minmax(0, 1fr))",
+      md: "repeat(".concat(cols, ", minmax(0, 1fr))")
+    };
+  }, [columns, minColumnWidth]);
+  return /*#__PURE__*/_jsx(Box, _objectSpread(_objectSpread({
+    sx: _objectSpread({
+      display: "grid",
+      gridTemplateColumns: gridTemplateColumns,
+      /* Charter §2.3 — `-s-4` (16px) EST le « Gap formulaire (default) » ; le
+       * défaut précédent était `-s-3` (12px), que la même table réserve au
+       * « Padding cards compact ». Le composant canonique de grille de
+       * formulaire contredisait donc la valeur par défaut de la charte, et
+       * chaque module compensait en passant `gap` à la main. Changement
+       * VISUEL fleet-wide 12→16px sur toute grille sans `gap` explicite —
+       * même classe de correction que le 15→16px des titres FormSection.
+       *
+       * `??` et non `||` : `gap={0}` est une valeur légitime que `||`
+       * écrasait silencieusement par le défaut. */
+      gap: gap !== null && gap !== void 0 ? gap : "var(--s-4)",
+      alignItems: "start"
+    }, sx)
+  }, rest), {}, {
+    children: children
+  }));
+}
+
+/* ── FormGrid.Full ────────────────────────────────────────────────────
+ * Span toutes les colonnes à tous les breakpoints.
+ * Usage : textareas, file uploads, sub-tables, notes.
+ */
+
+function FormGridFull(_ref2) {
+  var children = _ref2.children,
+    sx = _ref2.sx,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/_jsx(Box, _objectSpread(_objectSpread({
+    sx: _objectSpread({
+      gridColumn: "1 / -1",
+      minWidth: 0
+    }, sx)
+  }, rest), {}, {
+    children: children
+  }));
+}
+
+/* ── FormGrid.Item ────────────────────────────────────────────────────
+ * Span explicite par breakpoint.
+ *   xs  → toujours pleine largeur (1 / -1)
+ *   sm  → span 1 (une cellule dans la grille 2-col tablette)
+ *   md  → span explicite (grille N-col desktop)
+ *
+ * Usage : Description (span=2 sur desktop, full-width mobile/tablette)
+ */
+
+function FormGridItem(_ref3) {
+  var _ref3$span = _ref3.span,
+    span = _ref3$span === void 0 ? 1 : _ref3$span,
+    children = _ref3.children,
+    sx = _ref3.sx,
+    rest = _objectWithoutProperties(_ref3, _excluded3);
+  return /*#__PURE__*/_jsx(Box, _objectSpread(_objectSpread({
+    sx: _objectSpread({
+      gridColumn: {
+        xs: "1 / -1",
+        /* mobile : toujours pleine largeur */
+        sm: "span 1",
+        /* tablette (2-col) : 1 cellule */
+        md: "span ".concat(span) /* desktop (N-col) : span explicite */
+      },
+      minWidth: 0
+    }, sx)
+  }, rest), {}, {
+    children: children
+  }));
+}
+var FormGridWithStatics = Object.assign(FormGrid, {
+  Item: FormGridItem,
+  Full: FormGridFull
+});
+export default FormGridWithStatics;
+//# sourceMappingURL=FormGrid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormGrid.js","names":["React","Box","jsx","_jsx","FormGrid","_ref","children","columns","minColumnWidth","gap","sx","rest","_objectWithoutProperties","_excluded","gridTemplateColumns","useMemo","xs","sm","concat","cols","md","_objectSpread","display","alignItems","FormGridFull","_ref2","_excluded2","gridColumn","minWidth","FormGridItem","_ref3","_ref3$span","span","_excluded3","FormGridWithStatics","Object","assign","Item","Full"],"sources":["../../../../src/lib/v2/components/FormGrid.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { BoxProps } from \"@mui/material/Box\";\r\n\r\n/**\r\n * FormGrid — Portnet UI v2\r\n *\r\n * Charter §03 R-3.2 — canonical RESPONSIVE form grid.\r\n *\r\n * ── Breakpoint strategy (aligné addpe-fe) ───────────────────────────\r\n *\r\n *   Les clés xs/sm/md ci-dessous résolvent contre l'échelle de tokens\r\n *   Portnet câblée dans le thème MUI (Batch 1), PAS les défauts MUI :\r\n *\r\n *   xs  (<481px)    : 1 colonne  — mobile, chaque champ pleine largeur\r\n *   sm  (481-767px) : 2 colonnes — tablette / grand mobile (transition douce)\r\n *   md  (≥768px)    : N colonnes — desktop (layout cible)\r\n *\r\n *   Source: addpe-fe/AutorisationForm.js\r\n *     gridTemplateColumns: { xs: \"1fr\", sm: \"1fr 1fr\", md: \"repeat(3, 1fr)\" }\r\n *\r\n * ── Presets ─────────────────────────────────────────────────────────\r\n *\r\n *   columns={1} → toujours 1 col (textarea, notes, upload)\r\n *   columns={2} → 1col xs / 2col sm+ (formulaires courts)\r\n *   columns={3} → 1col xs / 2col sm / 3col md  (DEFAULT FormSection)\r\n *   columns={4} → 1col xs / 2col sm / 4col md  (champs courts : codes, dates)\r\n *   minColumnWidth={N} → auto-fill adaptatif, 1col xs\r\n *\r\n * ── Sous-composants ─────────────────────────────────────────────────\r\n *\r\n *   <FormGrid.Full>        → span toutes colonnes (textarea, tables)\r\n *   <FormGrid.Item span>   → span explicite (sm+), full-width xs\r\n *\r\n * ── Exemple ─────────────────────────────────────────────────────────\r\n *\r\n *   <FormGrid columns={3}>\r\n *     <FormikInput name=\"nom\"    label=\"Nom\" />\r\n *     <FormikInput name=\"prenom\" label=\"Prénom\" />\r\n *     <FormikInput name=\"code\"   label=\"Code\" />\r\n *     <FormGrid.Full>\r\n *       <FormikTextarea name=\"obs\" label=\"Observations\" />\r\n *     </FormGrid.Full>\r\n *   </FormGrid>\r\n */\r\nexport interface FormGridProps extends Omit<BoxProps, \"gap\"> {\r\n  /**\r\n   * Nombre de colonnes égales.\r\n   *   1 → pleine largeur (notes, textarea)\r\n   *   2 → 2 cols sm+\r\n   *   3 → DEFAULT FormSection : 1col xs / 2col sm / 3col md\r\n   *   4 → 1col xs / 2col sm / 4col md (champs courts)\r\n   * Mutually exclusive avec minColumnWidth.\r\n   */\r\n  columns?: number | undefined;\r\n  /** Auto-fill adaptatif — tracks d'au moins N px de large. */\r\n  minColumnWidth?: number | undefined;\r\n  /**\r\n   * Gap de la grille. Défaut `var(--s-4)` — la charte §2.3 assigne\r\n   * explicitement `-s-4` (16px) à « Gap formulaire (default) », `-s-3` (12px)\r\n   * étant réservé au « Padding cards compact ». Gap G-13.\r\n   */\r\n  gap?: string | number | undefined;\r\n}\r\n\r\nfunction FormGrid({\r\n  children,\r\n  columns,\r\n  minColumnWidth,\r\n  gap,\r\n  sx,\r\n  ...rest\r\n}: FormGridProps) {\r\n  const gridTemplateColumns = React.useMemo(() => {\r\n    /* Auto-fill adaptatif — minColumnWidth prime sur columns.\r\n     * min(${minColumnWidth}px, 100%) borne la largeur mini de chaque\r\n     * piste à celle du conteneur : au-dessus de sm, une piste ne peut\r\n     * jamais dépasser le conteneur (pas de débordement / Reflow 1.4.10). */\r\n    if (minColumnWidth) {\r\n      return {\r\n        xs: \"1fr\",\r\n        sm: `repeat(auto-fill, minmax(min(${minColumnWidth}px, 100%), 1fr))`,\r\n      };\r\n    }\r\n\r\n    const cols = typeof columns === \"number\" && columns > 0 ? columns : 3;\r\n\r\n    /* Colonne unique — textarea, notes, upload : toujours pleine largeur */\r\n    if (cols === 1) return \"1fr\";\r\n\r\n    /* 2 colonnes — dès tablette (sm), pas d'échelon md nécessaire */\r\n    if (cols === 2) {\r\n      return { xs: \"1fr\", sm: \"repeat(2, minmax(0, 1fr))\" };\r\n    }\r\n\r\n    /*\r\n     * 3+ colonnes — 3 échelons :\r\n     *   xs : 1 col  (mobile)\r\n     *   sm : 2 cols (tablette — transition douce, évite les champs trop étroits)\r\n     *   md : N cols (desktop — layout cible)\r\n     *\r\n     * Identique au pattern addpe-fe :\r\n     *   { xs:\"1fr\", sm:\"1fr 1fr\", md:\"repeat(3, 1fr)\" }\r\n     */\r\n    return {\r\n      xs: \"1fr\",\r\n      sm: \"repeat(2, minmax(0, 1fr))\",\r\n      md: `repeat(${cols}, minmax(0, 1fr))`,\r\n    };\r\n  }, [columns, minColumnWidth]);\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        display: \"grid\",\r\n        gridTemplateColumns,\r\n        /* Charter §2.3 — `-s-4` (16px) EST le « Gap formulaire (default) » ; le\r\n         * défaut précédent était `-s-3` (12px), que la même table réserve au\r\n         * « Padding cards compact ». Le composant canonique de grille de\r\n         * formulaire contredisait donc la valeur par défaut de la charte, et\r\n         * chaque module compensait en passant `gap` à la main. Changement\r\n         * VISUEL fleet-wide 12→16px sur toute grille sans `gap` explicite —\r\n         * même classe de correction que le 15→16px des titres FormSection.\r\n         *\r\n         * `??` et non `||` : `gap={0}` est une valeur légitime que `||`\r\n         * écrasait silencieusement par le défaut. */\r\n        gap: gap ?? \"var(--s-4)\",\r\n        alignItems: \"start\",\r\n        ...sx,\r\n      }}\r\n      {...rest}\r\n    >\r\n      {children}\r\n    </Box>\r\n  );\r\n}\r\n\r\n/* ── FormGrid.Full ────────────────────────────────────────────────────\r\n * Span toutes les colonnes à tous les breakpoints.\r\n * Usage : textareas, file uploads, sub-tables, notes.\r\n */\r\nexport type FormGridFullProps = BoxProps;\r\n\r\nfunction FormGridFull({ children, sx, ...rest }: FormGridFullProps) {\r\n  return (\r\n    <Box sx={{ gridColumn: \"1 / -1\", minWidth: 0, ...sx }} {...rest}>\r\n      {children}\r\n    </Box>\r\n  );\r\n}\r\n\r\n/* ── FormGrid.Item ────────────────────────────────────────────────────\r\n * Span explicite par breakpoint.\r\n *   xs  → toujours pleine largeur (1 / -1)\r\n *   sm  → span 1 (une cellule dans la grille 2-col tablette)\r\n *   md  → span explicite (grille N-col desktop)\r\n *\r\n * Usage : Description (span=2 sur desktop, full-width mobile/tablette)\r\n */\r\nexport interface FormGridItemProps extends BoxProps {\r\n  /**\r\n   * Colonnes à couvrir sur md+ (desktop).\r\n   * xs → toujours 1/-1 (pleine largeur).\r\n   * sm → toujours span 1 (grille 2-col tablette).\r\n   * Default : 1.\r\n   */\r\n  span?: number | undefined;\r\n}\r\n\r\nfunction FormGridItem({ span = 1, children, sx, ...rest }: FormGridItemProps) {\r\n  return (\r\n    <Box\r\n      sx={{\r\n        gridColumn: {\r\n          xs: \"1 / -1\",          /* mobile : toujours pleine largeur */\r\n          sm: \"span 1\",          /* tablette (2-col) : 1 cellule */\r\n          md: `span ${span}`,    /* desktop (N-col) : span explicite */\r\n        },\r\n        minWidth: 0,\r\n        ...sx,\r\n      }}\r\n      {...rest}\r\n    >\r\n      {children}\r\n    </Box>\r\n  );\r\n}\r\n\r\nconst FormGridWithStatics = Object.assign(FormGrid, {\r\n  Item: FormGridItem,\r\n  Full: FormGridFull,\r\n});\r\n\r\nexport default FormGridWithStatics;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,118 @@
+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); }
+import * as React from "react";
+import Box from "@mui/material/Box";
+import Typography from "@mui/material/Typography";
+import { getIn, useFormikContext } from "formik";
+
+/**
+ * FormikDisplay — Portnet UI v2
+ *
+ * Affiche une valeur Formik en lecture seule avec un fond grisé
+ * clairement distinct des champs saisissables (fond blanc).
+ *
+ * ── Audit contraste WCAG 2.1 SC 1.4.3 ──────────────────────────────
+ *   Fond : --bg-subtle = #F1F2F5
+ *
+ *   Valeur/hint : --fg-muted (#474C5A) → 7.52:1  ✅ AAA (> 7:1)
+ *   À NE PAS utiliser sur ce fond :
+ *     --fg-subtle (#6B7280) → 4.30:1 sur #F1F2F5  ❌ sous AA (4.5:1)
+ *     (--fg-subtle est calibré "on white only" dans colors.js)
+ *
+ * ── Fond ────────────────────────────────────────────────────────────
+ *   --bg-subtle (#F1F2F5) est clairement visible sur les sections
+ *   (#FFFFFF surface), contrairement à --bg (#F7F8FA ≈ blanc).
+ *
+ * ── Usage ────────────────────────────────────────────────────────────
+ *   <FormikDisplay name="donneesTI.etat" label="État"
+ *     hint="Géré par le workflow" />
+ *
+ *   <FormikDisplay name="importateur.codePIN" label="Code PIN" mono />
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function FormikDisplay(_ref) {
+  var name = _ref.name,
+    label = _ref.label,
+    hint = _ref.hint,
+    format = _ref.format,
+    _ref$mono = _ref.mono,
+    mono = _ref$mono === void 0 ? false : _ref$mono,
+    _ref$empty = _ref.empty,
+    empty = _ref$empty === void 0 ? "\u2014" : _ref$empty,
+    sx = _ref.sx;
+  var _useFormikContext = useFormikContext(),
+    values = _useFormikContext.values;
+  var raw = name ? getIn(values, name) : undefined;
+  var display;
+  if (format) {
+    display = format(raw);
+  } else if (raw === null || raw === undefined || String(raw).trim() === "") {
+    display = empty;
+  } else if (_typeof(raw) === "object") {
+    var obj = raw;
+    display = obj.description || obj.libelle || obj.code || JSON.stringify(raw);
+  } else {
+    display = String(raw);
+  }
+  var isEmpty = display === empty;
+  return /*#__PURE__*/_jsxs(Box, {
+    sx: sx,
+    children: [label && /*#__PURE__*/_jsx(Typography, {
+      component: "span",
+      sx: {
+        display: "block",
+        fontSize: "var(--text-xs, 12px)",
+        fontWeight: "var(--fw-semibold, 600)",
+        color: "var(--fg-muted)",
+        /* 7.52:1 sur bg-subtle ✅ AAA */
+        marginBottom: "var(--s-2)",
+        userSelect: "none"
+      },
+      children: label
+    }), /*#__PURE__*/_jsx(Box, {
+      role: "status",
+      "aria-label": label ? "".concat(label, " : ").concat(display) : "".concat(display),
+      sx: {
+        minHeight: 40,
+        display: "flex",
+        alignItems: "center",
+        padding: "var(--s-2) var(--s-3)",
+        background: "var(--bg-subtle, #f1f2f5)",
+        border: "1px solid var(--border, #e4e6eb)",
+        borderRadius: "var(--r-md, 6px)",
+        cursor: "default",
+        userSelect: "text",
+        overflow: "hidden"
+      },
+      children: /*#__PURE__*/_jsx(Typography, {
+        component: "span",
+        sx: {
+          fontSize: "var(--text-sm, 14px)",
+          fontFamily: mono ? "var(--font-mono, monospace)" : "inherit",
+          /*
+           * --fg-muted (#474C5A) = 7.52:1 sur --bg-subtle ✅ AAA
+           * Utilisé pour valeur présente ET placeholder vide.
+           * NE PAS substituer --fg-subtle (#6B7280) qui tombe à 4.30:1
+           * sur ce fond (sous WCAG AA).
+           */
+          color: "var(--fg-muted)",
+          fontStyle: isEmpty ? "italic" : "normal",
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          whiteSpace: "nowrap"
+        },
+        children: display
+      })
+    }), hint && /*#__PURE__*/_jsx(Typography, {
+      component: "span",
+      sx: {
+        display: "block",
+        marginTop: "var(--s-1)",
+        fontSize: "var(--text-xs, 12px)",
+        color: "var(--fg-muted)" /* 7.52:1 sur bg-subtle ✅ */
+      },
+      children: hint
+    })]
+  });
+}
+export default FormikDisplay;
+//# sourceMappingURL=FormikDisplay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormikDisplay.js","names":["React","Box","Typography","getIn","useFormikContext","jsx","_jsx","jsxs","_jsxs","FormikDisplay","_ref","name","label","hint","format","_ref$mono","mono","_ref$empty","empty","sx","_useFormikContext","values","raw","undefined","display","String","trim","_typeof","obj","description","libelle","code","JSON","stringify","isEmpty","children","component","fontSize","fontWeight","color","marginBottom","userSelect","role","concat","minHeight","alignItems","padding","background","border","borderRadius","cursor","overflow","fontFamily","fontStyle","textOverflow","whiteSpace","marginTop"],"sources":["../../../../src/lib/v2/components/FormikDisplay.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Typography from \"@mui/material/Typography\";\r\nimport { getIn, useFormikContext } from \"formik\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\n\r\n/**\r\n * FormikDisplay — Portnet UI v2\r\n *\r\n * Affiche une valeur Formik en lecture seule avec un fond grisé\r\n * clairement distinct des champs saisissables (fond blanc).\r\n *\r\n * ── Audit contraste WCAG 2.1 SC 1.4.3 ──────────────────────────────\r\n *   Fond : --bg-subtle = #F1F2F5\r\n *\r\n *   Valeur/hint : --fg-muted (#474C5A) → 7.52:1  ✅ AAA (> 7:1)\r\n *   À NE PAS utiliser sur ce fond :\r\n *     --fg-subtle (#6B7280) → 4.30:1 sur #F1F2F5  ❌ sous AA (4.5:1)\r\n *     (--fg-subtle est calibré \"on white only\" dans colors.js)\r\n *\r\n * ── Fond ────────────────────────────────────────────────────────────\r\n *   --bg-subtle (#F1F2F5) est clairement visible sur les sections\r\n *   (#FFFFFF surface), contrairement à --bg (#F7F8FA ≈ blanc).\r\n *\r\n * ── Usage ────────────────────────────────────────────────────────────\r\n *   <FormikDisplay name=\"donneesTI.etat\" label=\"État\"\r\n *     hint=\"Géré par le workflow\" />\r\n *\r\n *   <FormikDisplay name=\"importateur.codePIN\" label=\"Code PIN\" mono />\r\n */\r\n\r\nexport interface FormikDisplayProps {\r\n  name: string;\r\n  label?: React.ReactNode | undefined;\r\n  hint?: React.ReactNode | undefined;\r\n  format?: ((raw: unknown) => React.ReactNode) | undefined;\r\n  mono?: boolean | undefined;\r\n  empty?: string | undefined;\r\n  sx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nfunction FormikDisplay({\r\n  name,\r\n  label,\r\n  hint,\r\n  format,\r\n  mono  = false,\r\n  empty = \"\\u2014\",\r\n  sx,\r\n}: FormikDisplayProps) {\r\n  const { values } = useFormikContext();\r\n  const raw: unknown = name ? getIn(values, name) : undefined;\r\n\r\n  let display: React.ReactNode;\r\n  if (format) {\r\n    display = format(raw);\r\n  } else if (raw === null || raw === undefined || String(raw).trim() === \"\") {\r\n    display = empty;\r\n  } else if (typeof raw === \"object\") {\r\n    const obj = raw as { description?: React.ReactNode; libelle?: React.ReactNode; code?: React.ReactNode };\r\n    display = obj.description || obj.libelle || obj.code || JSON.stringify(raw);\r\n  } else {\r\n    display = String(raw);\r\n  }\r\n\r\n  const isEmpty = display === empty;\r\n\r\n  return (\r\n    <Box sx={sx}>\r\n      {/* Label — même style que Field.js */}\r\n      {label && (\r\n        <Typography\r\n          component=\"span\"\r\n          sx={{\r\n            display: \"block\",\r\n            fontSize: \"var(--text-xs, 12px)\",\r\n            fontWeight: \"var(--fw-semibold, 600)\",\r\n            color: \"var(--fg-muted)\",   /* 7.52:1 sur bg-subtle ✅ AAA */\r\n            marginBottom: \"var(--s-2)\",\r\n            userSelect: \"none\",\r\n          }}\r\n        >\r\n          {label}\r\n        </Typography>\r\n      )}\r\n\r\n      <Box\r\n        role=\"status\"\r\n        aria-label={label ? `${label} : ${display}` : `${display}`}\r\n        sx={{\r\n          minHeight: 40,\r\n          display: \"flex\",\r\n          alignItems: \"center\",\r\n          padding: \"var(--s-2) var(--s-3)\",\r\n          background: \"var(--bg-subtle, #f1f2f5)\",\r\n          border: \"1px solid var(--border, #e4e6eb)\",\r\n          borderRadius: \"var(--r-md, 6px)\",\r\n          cursor: \"default\",\r\n          userSelect: \"text\",\r\n          overflow: \"hidden\",\r\n        }}\r\n      >\r\n        <Typography\r\n          component=\"span\"\r\n          sx={{\r\n            fontSize: \"var(--text-sm, 14px)\",\r\n            fontFamily: mono ? \"var(--font-mono, monospace)\" : \"inherit\",\r\n            /*\r\n             * --fg-muted (#474C5A) = 7.52:1 sur --bg-subtle ✅ AAA\r\n             * Utilisé pour valeur présente ET placeholder vide.\r\n             * NE PAS substituer --fg-subtle (#6B7280) qui tombe à 4.30:1\r\n             * sur ce fond (sous WCAG AA).\r\n             */\r\n            color: \"var(--fg-muted)\",\r\n            fontStyle: isEmpty ? \"italic\" : \"normal\",\r\n            overflow: \"hidden\",\r\n            textOverflow: \"ellipsis\",\r\n            whiteSpace: \"nowrap\",\r\n          }}\r\n        >\r\n          {display}\r\n        </Typography>\r\n      </Box>\r\n\r\n      {/* Hint — --fg-muted (7.52:1) car --fg-subtle (4.30:1) échoue AA sur bg-subtle */}\r\n      {hint && (\r\n        <Typography\r\n          component=\"span\"\r\n          sx={{\r\n            display: \"block\",\r\n            marginTop: \"var(--s-1)\",\r\n            fontSize: \"var(--text-xs, 12px)\",\r\n            color: \"var(--fg-muted)\",   /* 7.52:1 sur bg-subtle ✅ */\r\n          }}\r\n        >\r\n          {hint}\r\n        </Typography>\r\n      )}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default FormikDisplay;\r\n"],"mappings":"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","ignoreList":[]}