@portnet/ui 6.0.1 → 6.0.3

package/dist/v2/components/Tabs.js

@@ -1,18 +1,16 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.tabPanelDomId = exports.tabDomId = exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _Tabs = _interopRequireDefault(require("@mui/material/Tabs"));
 var _Tab = _interopRequireDefault(require("@mui/material/Tab"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * Tabs - Portnet UI v2
  *
@@ -46,10 +44,38 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  *       }]}
  */
 
+/**
+ * DOM id of a tab, and of the panel it controls.
+ *
+ * ─── POURQUOI CES DEUX FONCTIONS SONT EXPORTÉES (gap G-46) ─────────────
+ *
+ * `Tabs` émet la MOITIÉ du contrat R-Ar.6 : chaque onglet porte son `id` et un
+ * `aria-controls` vers `pui-panel-<id>`. L'autre moitié — le panneau qui porte
+ * ce même id, `role="tabpanel"` et `aria-labelledby` — appartient à l'hôte, et
+ * la library ne la fournissait pas.
+ *
+ * Le format des ids était donc une connaissance PRIVÉE que chaque hôte devait
+ * redupliquer en chaîne littérale. Une faute de frappe y est invisible : le
+ * balisage reste valide, l'onglet annonce simplement un élément contrôlé qui
+ * n'existe pas — et un `aria-controls` cassé est PIRE que son absence, puisque
+ * la technologie d'assistance propose à l'utilisateur une relation qu'elle ne
+ * peut ensuite pas suivre.
+ *
+ * Relevé depuis `addm-fe` (Area 5), où `ConsultDemande` rendait ses panneaux en
+ * `{tab === "x" && <…/>}` nus : les deux onglets pointaient dans le vide, sans
+ * `role` ni nom accessible sur le contenu. Le module avait écrit son propre
+ * `TabPanel` en relisant la convention dans CE fichier — preuve que la
+ * connaissance était requise et non publiée.
+ */
+const tabDomId = id => `pui-tab-${id}`;
+exports.tabDomId = tabDomId;
+const tabPanelDomId = id => `pui-panel-${id}`;
+
 // Default count announcement. Kept FR for back-compat; consumers
 // localise per item via the `countLabel` slot.
+exports.tabPanelDomId = tabPanelDomId;
 function defaultCountLabel(count) {
-  return "".concat(count, " \xE9l\xE9ments");
+  return `${count} éléments`;
 }
 
 /* ── Hoisted static sx (D5) ─────────────────────────────────────────────
@@ -60,7 +86,7 @@ function defaultCountLabel(count) {
 // MUI v9: shape forwarded via slotProps.indicator (was TabIndicatorProps
 // in v5/v6/v7, deprecated v6, removed v9). The content { sx: {...} } is
 // unchanged — it's the same {sx} that the indicator slot consumes.
-var TAB_INDICATOR_PROPS = Object.freeze({
+const TAB_INDICATOR_PROPS = Object.freeze({
   // Indicator thickness (2 px) is a visual constant, not a spacing value.
   // Charter §03 Tabs specifies 2 px underline.
   sx: {
@@ -68,7 +94,7 @@ var TAB_INDICATOR_PROPS = Object.freeze({
     height: 2
   }
 });
-var TABS_SX = Object.freeze({
+const TABS_SX = Object.freeze({
   borderBottom: "1px solid var(--border)",
   // Tabs use the secondary-nav 40 px row height (charter §03 Tabs).
   // Below the 44 px tactile minimum; the underline indicator and the
@@ -95,12 +121,12 @@ var TABS_SX = Object.freeze({
     }
   }
 });
-var TAB_LABEL_INNER_SX = Object.freeze({
+const TAB_LABEL_INNER_SX = Object.freeze({
   display: "inline-flex",
   alignItems: "center",
   gap: "var(--s-2)"
 });
-var COUNT_BADGE_SX = Object.freeze({
+const COUNT_BADGE_SX = Object.freeze({
   fontSize: "var(--text-xs)",
   fontWeight: "var(--fw-semibold)",
   padding: "var(--s-1) var(--s-2)",
@@ -113,19 +139,17 @@ var COUNT_BADGE_SX = Object.freeze({
 // MUI v9: slotProps wrapper for indicator. Hoisted alongside the rest of
 // the static-sx block so emotion / React skip re-allocation on every
 // render. The shape is { indicator: TAB_INDICATOR_PROPS }.
-var TABS_SLOT_PROPS = Object.freeze({
+const TABS_SLOT_PROPS = Object.freeze({
   indicator: TAB_INDICATOR_PROPS
 });
-function Tabs(_ref) {
-  var value = _ref.value,
-    onChange = _ref.onChange,
-    items = _ref.items,
-    _ref$ariaLabel = _ref["aria-label"],
-    ariaLabel = _ref$ariaLabel === void 0 ? "Sections" : _ref$ariaLabel;
-  var handle = function handle(_e, v) {
-    return onChange === null || onChange === void 0 ? void 0 : onChange(v);
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs["default"], {
+function Tabs({
+  value,
+  onChange,
+  items,
+  "aria-label": ariaLabel = "Sections"
+}) {
+  const handle = (_e, v) => onChange?.(v);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs.default, {
     value: value,
     onChange: handle,
     "aria-label": ariaLabel,
@@ -133,19 +157,19 @@ function Tabs(_ref) {
     scrollButtons: false,
     slotProps: TABS_SLOT_PROPS,
     sx: TABS_SX,
-    children: items.map(function (t) {
-      var countAria = t.count != null ? typeof t.countLabel === "function" ? t.countLabel(t.count) : t.countLabel != null ? t.countLabel : defaultCountLabel(t.count) : undefined;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab["default"], {
+    children: items.map(t => {
+      const countAria = t.count != null ? typeof t.countLabel === "function" ? t.countLabel(t.count) : t.countLabel != null ? t.countLabel : defaultCountLabel(t.count) : undefined;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.default, {
         value: t.id,
-        id: "pui-tab-".concat(t.id),
-        "aria-controls": "pui-panel-".concat(t.id),
+        id: tabDomId(t.id),
+        "aria-controls": tabPanelDomId(t.id),
         icon: t.icon,
         iconPosition: "start",
-        label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+        label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
           sx: TAB_LABEL_INNER_SX,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             children: t.label
-          }), t.count != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+          }), t.count != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
             component: "span",
             "aria-label": countAria,
             sx: COUNT_BADGE_SX,
@@ -156,5 +180,5 @@ function Tabs(_ref) {
     })
   });
 }
-var _default = exports["default"] = Tabs;
+var _default = exports.default = Tabs;
 //# sourceMappingURL=Tabs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","names":["React","_interopRequireWildcard","require","_Tabs","_interopRequireDefault","_Tab","_Box","_jsxRuntime","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","defaultCountLabel","count","concat","TAB_INDICATOR_PROPS","freeze","sx","backgroundColor","height","TABS_SX","borderBottom","minHeight","textTransform","fontSize","fontWeight","color","padding","outline","outlineOffset","borderRadius","TAB_LABEL_INNER_SX","display","alignItems","gap","COUNT_BADGE_SX","background","lineHeight","TABS_SLOT_PROPS","indicator","Tabs","_ref","value","onChange","items","_ref$ariaLabel","ariaLabel","handle","_e","v","jsx","variant","scrollButtons","slotProps","children","map","t","countAria","countLabel","undefined","id","icon","iconPosition","label","jsxs","component","_default","exports"],"sources":["../../../src/lib/v2/components/Tabs.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport MuiTabs from \"@mui/material/Tabs\";\r\nimport MuiTab from \"@mui/material/Tab\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\n\r\n/**\r\n * Tabs - Portnet UI v2\r\n *\r\n * Charter §03 · Component \"Tabs\".\r\n *\r\n *   2-7 onglets max ; underline accent ; role=\"tablist\" ;\r\n *   ←→ keyboard nav ; persists in URL via the host (?tab=…).\r\n *\r\n *   R-Ar.6 - role=\"tablist\" / role=\"tab\" / aria-selected / aria-controls.\r\n *\r\n *   <Tabs\r\n *     value={tab}\r\n *     onChange={setTab}\r\n *     items={[\r\n *       { id: \"overview\", label: \"Vue d'ensemble\" },\r\n *       { id: \"history\",  label: \"Historique\", count: 12 },\r\n *       { id: \"files\",    label: \"Pièces jointes\" },\r\n *     ]}\r\n *     aria-label=\"Sections du dossier\"\r\n *   />\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   - `aria-label` is consumer-controlled (default \"Sections\").\r\n *   - Per-item numeric counts announce \"${count} éléments\" by default.\r\n *     Override per item with `countLabel` (string or fn(count)):\r\n *       items={[{\r\n *         id: \"history\",\r\n *         label: t(\"tabs.history\"),\r\n *         count: 12,\r\n *         countLabel: (n) => t(\"tabs.history.count\", { count: n }),\r\n *       }]}\r\n */\r\n\r\nexport interface TabItem {\r\n  id: string;\r\n  label: React.ReactNode;\r\n  icon?: string | React.ReactElement | undefined;\r\n  count?: number | undefined;\r\n  countLabel?: string | ((count: number) => string) | undefined;\r\n}\r\n\r\nexport interface TabsProps {\r\n  value?: string | undefined;\r\n  onChange?: ((value: string) => void) | undefined;\r\n  items: TabItem[];\r\n  \"aria-label\"?: string | undefined;\r\n}\r\n\r\n// Default count announcement. Kept FR for back-compat; consumers\r\n// localise per item via the `countLabel` slot.\r\nfunction defaultCountLabel(count: number): string {\r\n  return `${count} éléments`;\r\n}\r\n\r\n/* ── Hoisted static sx (D5) ─────────────────────────────────────────────\r\n * Frozen at module load. Each Tabs render reuses these references; emotion\r\n * skips serialization + cache lookup on identity.\r\n */\r\n\r\n// MUI v9: shape forwarded via slotProps.indicator (was TabIndicatorProps\r\n// in v5/v6/v7, deprecated v6, removed v9). The content { sx: {...} } is\r\n// unchanged — it's the same {sx} that the indicator slot consumes.\r\nconst TAB_INDICATOR_PROPS = Object.freeze({\r\n  // Indicator thickness (2 px) is a visual constant, not a spacing value.\r\n  // Charter §03 Tabs specifies 2 px underline.\r\n  sx: { backgroundColor: \"var(--accent)\", height: 2 },\r\n});\r\n\r\nconst TABS_SX = Object.freeze({\r\n  borderBottom: \"1px solid var(--border)\",\r\n  // Tabs use the secondary-nav 40 px row height (charter §03 Tabs).\r\n  // Below the 44 px tactile minimum; the underline indicator and the\r\n  // row's full clickable area together carry the affordance.\r\n  minHeight: 40,\r\n  \"& .MuiTab-root\": {\r\n    minHeight: 40,\r\n    textTransform: \"none\",\r\n    fontSize: \"var(--text-sm)\",\r\n    fontWeight: \"var(--fw-semibold)\",\r\n    color: \"var(--fg-muted)\",\r\n    padding: \"var(--s-2) var(--s-4)\",\r\n    \"&.Mui-selected\": { color: \"var(--accent)\" },\r\n    \"&:focus-visible\": {\r\n      outline: \"2px solid var(--accent)\",\r\n      // B4 — inset focus ring via tokenised offset (Batch 11). Visual\r\n      // choice for tabs so the ring doesn't extend past the tablist\r\n      // border. Flows through --pui-outline-offset-inset alongside\r\n      // DataGrid row focus.\r\n      outlineOffset: \"var(--pui-outline-offset-inset)\",\r\n      borderRadius: \"var(--r-sm)\",\r\n    },\r\n  },\r\n} satisfies SxProps<Theme>);\r\n\r\nconst TAB_LABEL_INNER_SX = Object.freeze({\r\n  display: \"inline-flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-2)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst COUNT_BADGE_SX = Object.freeze({\r\n  fontSize: \"var(--text-xs)\",\r\n  fontWeight: \"var(--fw-semibold)\",\r\n  padding: \"var(--s-1) var(--s-2)\",\r\n  borderRadius: \"var(--r-full)\",\r\n  background: \"var(--bg-subtle)\",\r\n  color: \"var(--fg-muted)\",\r\n  lineHeight: \"var(--lh-snug)\",\r\n});\r\n\r\n// MUI v9: slotProps wrapper for indicator. Hoisted alongside the rest of\r\n// the static-sx block so emotion / React skip re-allocation on every\r\n// render. The shape is { indicator: TAB_INDICATOR_PROPS }.\r\nconst TABS_SLOT_PROPS = Object.freeze({\r\n  indicator: TAB_INDICATOR_PROPS,\r\n});\r\n\r\nfunction Tabs({ value, onChange, items, \"aria-label\": ariaLabel = \"Sections\" }: TabsProps) {\r\n  const handle = (_e: React.SyntheticEvent, v: string) => onChange?.(v);\r\n  return (\r\n    <MuiTabs\r\n      value={value}\r\n      onChange={handle}\r\n      aria-label={ariaLabel}\r\n      variant=\"scrollable\"\r\n      scrollButtons={false}\r\n      slotProps={TABS_SLOT_PROPS}\r\n      sx={TABS_SX}\r\n    >\r\n      {items.map((t) => {\r\n        const countAria = t.count != null\r\n          ? (typeof t.countLabel === \"function\"\r\n              ? t.countLabel(t.count)\r\n              : t.countLabel != null\r\n                ? t.countLabel\r\n                : defaultCountLabel(t.count))\r\n          : undefined;\r\n\r\n        return (\r\n          <MuiTab\r\n            key={t.id}\r\n            value={t.id}\r\n            id={`pui-tab-${t.id}`}\r\n            aria-controls={`pui-panel-${t.id}`}\r\n            icon={t.icon}\r\n            iconPosition=\"start\"\r\n            label={\r\n              <Box sx={TAB_LABEL_INNER_SX}>\r\n                <span>{t.label}</span>\r\n                {t.count != null && (\r\n                  <Box\r\n                    component=\"span\"\r\n                    aria-label={countAria}\r\n                    sx={COUNT_BADGE_SX}\r\n                  >\r\n                    {t.count}\r\n                  </Box>\r\n                )}\r\n              </Box>\r\n            }\r\n          />\r\n        );\r\n      })}\r\n    </MuiTabs>\r\n  );\r\n}\r\n\r\nexport default Tabs;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Tabs.js","names":["React","_interopRequireWildcard","require","_Tabs","_interopRequireDefault","_Tab","_Box","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","tabDomId","id","exports","tabPanelDomId","defaultCountLabel","count","TAB_INDICATOR_PROPS","freeze","sx","backgroundColor","height","TABS_SX","borderBottom","minHeight","textTransform","fontSize","fontWeight","color","padding","outline","outlineOffset","borderRadius","TAB_LABEL_INNER_SX","display","alignItems","gap","COUNT_BADGE_SX","background","lineHeight","TABS_SLOT_PROPS","indicator","Tabs","value","onChange","items","ariaLabel","handle","_e","v","jsx","variant","scrollButtons","slotProps","children","map","countAria","countLabel","undefined","icon","iconPosition","label","jsxs","component","_default"],"sources":["../../../src/lib/v2/components/Tabs.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport MuiTabs from \"@mui/material/Tabs\";\r\nimport MuiTab from \"@mui/material/Tab\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\n\r\n/**\r\n * Tabs - Portnet UI v2\r\n *\r\n * Charter §03 · Component \"Tabs\".\r\n *\r\n *   2-7 onglets max ; underline accent ; role=\"tablist\" ;\r\n *   ←→ keyboard nav ; persists in URL via the host (?tab=…).\r\n *\r\n *   R-Ar.6 - role=\"tablist\" / role=\"tab\" / aria-selected / aria-controls.\r\n *\r\n *   <Tabs\r\n *     value={tab}\r\n *     onChange={setTab}\r\n *     items={[\r\n *       { id: \"overview\", label: \"Vue d'ensemble\" },\r\n *       { id: \"history\",  label: \"Historique\", count: 12 },\r\n *       { id: \"files\",    label: \"Pièces jointes\" },\r\n *     ]}\r\n *     aria-label=\"Sections du dossier\"\r\n *   />\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   - `aria-label` is consumer-controlled (default \"Sections\").\r\n *   - Per-item numeric counts announce \"${count} éléments\" by default.\r\n *     Override per item with `countLabel` (string or fn(count)):\r\n *       items={[{\r\n *         id: \"history\",\r\n *         label: t(\"tabs.history\"),\r\n *         count: 12,\r\n *         countLabel: (n) => t(\"tabs.history.count\", { count: n }),\r\n *       }]}\r\n */\r\n\r\nexport interface TabItem {\r\n  id: string;\r\n  label: React.ReactNode;\r\n  icon?: string | React.ReactElement | undefined;\r\n  count?: number | undefined;\r\n  countLabel?: string | ((count: number) => string) | undefined;\r\n}\r\n\r\nexport interface TabsProps {\r\n  value?: string | undefined;\r\n  onChange?: ((value: string) => void) | undefined;\r\n  items: TabItem[];\r\n  \"aria-label\"?: string | undefined;\r\n}\r\n\r\n/**\r\n * DOM id of a tab, and of the panel it controls.\r\n *\r\n * ─── POURQUOI CES DEUX FONCTIONS SONT EXPORTÉES (gap G-46) ─────────────\r\n *\r\n * `Tabs` émet la MOITIÉ du contrat R-Ar.6 : chaque onglet porte son `id` et un\r\n * `aria-controls` vers `pui-panel-<id>`. L'autre moitié — le panneau qui porte\r\n * ce même id, `role=\"tabpanel\"` et `aria-labelledby` — appartient à l'hôte, et\r\n * la library ne la fournissait pas.\r\n *\r\n * Le format des ids était donc une connaissance PRIVÉE que chaque hôte devait\r\n * redupliquer en chaîne littérale. Une faute de frappe y est invisible : le\r\n * balisage reste valide, l'onglet annonce simplement un élément contrôlé qui\r\n * n'existe pas — et un `aria-controls` cassé est PIRE que son absence, puisque\r\n * la technologie d'assistance propose à l'utilisateur une relation qu'elle ne\r\n * peut ensuite pas suivre.\r\n *\r\n * Relevé depuis `addm-fe` (Area 5), où `ConsultDemande` rendait ses panneaux en\r\n * `{tab === \"x\" && <…/>}` nus : les deux onglets pointaient dans le vide, sans\r\n * `role` ni nom accessible sur le contenu. Le module avait écrit son propre\r\n * `TabPanel` en relisant la convention dans CE fichier — preuve que la\r\n * connaissance était requise et non publiée.\r\n */\r\nexport const tabDomId = (id: string): string => `pui-tab-${id}`;\r\nexport const tabPanelDomId = (id: string): string => `pui-panel-${id}`;\r\n\r\n// Default count announcement. Kept FR for back-compat; consumers\r\n// localise per item via the `countLabel` slot.\r\nfunction defaultCountLabel(count: number): string {\r\n  return `${count} éléments`;\r\n}\r\n\r\n/* ── Hoisted static sx (D5) ─────────────────────────────────────────────\r\n * Frozen at module load. Each Tabs render reuses these references; emotion\r\n * skips serialization + cache lookup on identity.\r\n */\r\n\r\n// MUI v9: shape forwarded via slotProps.indicator (was TabIndicatorProps\r\n// in v5/v6/v7, deprecated v6, removed v9). The content { sx: {...} } is\r\n// unchanged — it's the same {sx} that the indicator slot consumes.\r\nconst TAB_INDICATOR_PROPS = Object.freeze({\r\n  // Indicator thickness (2 px) is a visual constant, not a spacing value.\r\n  // Charter §03 Tabs specifies 2 px underline.\r\n  sx: { backgroundColor: \"var(--accent)\", height: 2 },\r\n});\r\n\r\nconst TABS_SX = Object.freeze({\r\n  borderBottom: \"1px solid var(--border)\",\r\n  // Tabs use the secondary-nav 40 px row height (charter §03 Tabs).\r\n  // Below the 44 px tactile minimum; the underline indicator and the\r\n  // row's full clickable area together carry the affordance.\r\n  minHeight: 40,\r\n  \"& .MuiTab-root\": {\r\n    minHeight: 40,\r\n    textTransform: \"none\",\r\n    fontSize: \"var(--text-sm)\",\r\n    fontWeight: \"var(--fw-semibold)\",\r\n    color: \"var(--fg-muted)\",\r\n    padding: \"var(--s-2) var(--s-4)\",\r\n    \"&.Mui-selected\": { color: \"var(--accent)\" },\r\n    \"&:focus-visible\": {\r\n      outline: \"2px solid var(--accent)\",\r\n      // B4 — inset focus ring via tokenised offset (Batch 11). Visual\r\n      // choice for tabs so the ring doesn't extend past the tablist\r\n      // border. Flows through --pui-outline-offset-inset alongside\r\n      // DataGrid row focus.\r\n      outlineOffset: \"var(--pui-outline-offset-inset)\",\r\n      borderRadius: \"var(--r-sm)\",\r\n    },\r\n  },\r\n} satisfies SxProps<Theme>);\r\n\r\nconst TAB_LABEL_INNER_SX = Object.freeze({\r\n  display: \"inline-flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-2)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst COUNT_BADGE_SX = Object.freeze({\r\n  fontSize: \"var(--text-xs)\",\r\n  fontWeight: \"var(--fw-semibold)\",\r\n  padding: \"var(--s-1) var(--s-2)\",\r\n  borderRadius: \"var(--r-full)\",\r\n  background: \"var(--bg-subtle)\",\r\n  color: \"var(--fg-muted)\",\r\n  lineHeight: \"var(--lh-snug)\",\r\n});\r\n\r\n// MUI v9: slotProps wrapper for indicator. Hoisted alongside the rest of\r\n// the static-sx block so emotion / React skip re-allocation on every\r\n// render. The shape is { indicator: TAB_INDICATOR_PROPS }.\r\nconst TABS_SLOT_PROPS = Object.freeze({\r\n  indicator: TAB_INDICATOR_PROPS,\r\n});\r\n\r\nfunction Tabs({ value, onChange, items, \"aria-label\": ariaLabel = \"Sections\" }: TabsProps) {\r\n  const handle = (_e: React.SyntheticEvent, v: string) => onChange?.(v);\r\n  return (\r\n    <MuiTabs\r\n      value={value}\r\n      onChange={handle}\r\n      aria-label={ariaLabel}\r\n      variant=\"scrollable\"\r\n      scrollButtons={false}\r\n      slotProps={TABS_SLOT_PROPS}\r\n      sx={TABS_SX}\r\n    >\r\n      {items.map((t) => {\r\n        const countAria = t.count != null\r\n          ? (typeof t.countLabel === \"function\"\r\n              ? t.countLabel(t.count)\r\n              : t.countLabel != null\r\n                ? t.countLabel\r\n                : defaultCountLabel(t.count))\r\n          : undefined;\r\n\r\n        return (\r\n          <MuiTab\r\n            key={t.id}\r\n            value={t.id}\r\n            id={tabDomId(t.id)}\r\n            aria-controls={tabPanelDomId(t.id)}\r\n            icon={t.icon}\r\n            iconPosition=\"start\"\r\n            label={\r\n              <Box sx={TAB_LABEL_INNER_SX}>\r\n                <span>{t.label}</span>\r\n                {t.count != null && (\r\n                  <Box\r\n                    component=\"span\"\r\n                    aria-label={countAria}\r\n                    sx={COUNT_BADGE_SX}\r\n                  >\r\n                    {t.count}\r\n                  </Box>\r\n                )}\r\n              </Box>\r\n            }\r\n          />\r\n        );\r\n      })}\r\n    </MuiTabs>\r\n  );\r\n}\r\n\r\nexport default Tabs;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/v2/components/TelInput.js

@@ -1,17 +1,17 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _libphonenumberJs = require("libphonenumber-js");
 var _Combobox = _interopRequireDefault(require("./Combobox"));
 var _Input = _interopRequireDefault(require("./Input"));
 var _mergeLabels = require("../utils/mergeLabels");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["value", "onChange", "defaultCountry", "preferredCountries", "disabled", "readOnly", "error", "id", "placeholder", "fullWidth", "labels", "aria-describedby", "aria-invalid", "aria-required"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * TelInput — Portnet UI v2
  *
@@ -50,44 +50,26 @@ var _excluded = ["value", "onChange", "defaultCountry", "preferredCountries", "d
  * this component. They are routed to the national Input's <input> via inputProps
  * (the label-associated control where the hint/error must be announced); the
  * country Combobox additionally references the same describedby.
- */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _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; }
-var REGIONAL_INDICATOR_BASE = 0x1f1e6; // 🇦
-var A_CHAR = "A".charCodeAt(0);
+ */const REGIONAL_INDICATOR_BASE = 0x1f1e6; // 🇦
+const A_CHAR = "A".charCodeAt(0);
 
 // Emoji flag from an ISO-3166-1 alpha-2 country code (zero-dependency).
 function flagEmoji(country) {
   if (!country || country.length !== 2) return "";
-  var cc = country.toUpperCase();
+  const cc = country.toUpperCase();
   return String.fromCodePoint(REGIONAL_INDICATOR_BASE + (cc.charCodeAt(0) - A_CHAR)) + String.fromCodePoint(REGIONAL_INDICATOR_BASE + (cc.charCodeAt(1) - A_CHAR));
 }
 
 // Localized (French) region name, memoized, with a graceful fallback to the code.
-var regionNames = null;
+let regionNames = null;
 function countryName(country) {
   if (typeof Intl !== "undefined" && typeof Intl.DisplayNames === "function") {
     try {
-      var _regionNames;
-      var rn = (_regionNames = regionNames) !== null && _regionNames !== void 0 ? _regionNames : regionNames = new Intl.DisplayNames(["fr"], {
+      const rn = regionNames ?? (regionNames = new Intl.DisplayNames(["fr"], {
         type: "region"
-      });
+      }));
       return rn.of(country) || country;
-    } catch (_unused) {
+    } catch {
       return country;
     }
   }
@@ -97,44 +79,39 @@ function countryName(country) {
 // Every supported country as a Combobox option, sorted by FR name (preferred
 // countries floated to the top). Returns clean { value, label } objects.
 function buildCountryOptions(preferred) {
-  var preferredSet = new Set((preferred || []).map(function (c) {
-    return c.toUpperCase();
+  const preferredSet = new Set((preferred || []).map(c => c.toUpperCase()));
+  const rows = (0, _libphonenumberJs.getCountries)().map(c => ({
+    value: c,
+    label: `${flagEmoji(c)} ${countryName(c)} (+${(0, _libphonenumberJs.getCountryCallingCode)(c)})`,
+    name: countryName(c),
+    preferred: preferredSet.has(c)
   }));
-  var rows = (0, _libphonenumberJs.getCountries)().map(function (c) {
-    return {
-      value: c,
-      label: "".concat(flagEmoji(c), " ").concat(countryName(c), " (+").concat((0, _libphonenumberJs.getCountryCallingCode)(c), ")"),
-      name: countryName(c),
-      preferred: preferredSet.has(c)
-    };
-  });
-  rows.sort(function (a, b) {
+  rows.sort((a, b) => {
     if (a.preferred !== b.preferred) return a.preferred ? -1 : 1;
     return a.name.localeCompare(b.name, "fr");
   });
-  return rows.map(function (_ref) {
-    var value = _ref.value,
-      label = _ref.label;
-    return {
-      value: value,
-      label: label
-    };
-  });
+  return rows.map(({
+    value,
+    label
+  }) => ({
+    value,
+    label
+  }));
 }
 function callingCodeOf(country) {
   try {
     return (0, _libphonenumberJs.getCountryCallingCode)(country);
-  } catch (_unused2) {
+  } catch {
     return "";
   }
 }
 // Derive the E.164 + info object for a (country, national text) pair.
 function computeNumber(country, nationalText) {
-  var ayt = new _libphonenumberJs.AsYouType(country);
-  var formatted = ayt.input(nationalText || "");
-  var num = ayt.getNumber();
+  const ayt = new _libphonenumberJs.AsYouType(country);
+  const formatted = ayt.input(nationalText || "");
+  const num = ayt.getNumber();
   return {
-    formatted: formatted,
+    formatted,
     info: {
       countryCode: country,
       callingCode: callingCodeOf(country),
@@ -144,61 +121,46 @@ function computeNumber(country, nationalText) {
     }
   };
 }
-var DEFAULT_TEL_LABELS = Object.freeze({
+const DEFAULT_TEL_LABELS = Object.freeze({
   countryAriaLabel: "Indicatif pays",
   noCountryFound: "Aucun pays trouvé"
 });
-function TelInput(_ref2) {
-  var _ref2$value = _ref2.value,
-    value = _ref2$value === void 0 ? "" : _ref2$value,
-    onChange = _ref2.onChange,
-    _ref2$defaultCountry = _ref2.defaultCountry,
-    defaultCountry = _ref2$defaultCountry === void 0 ? "MA" : _ref2$defaultCountry,
-    preferredCountries = _ref2.preferredCountries,
-    _ref2$disabled = _ref2.disabled,
-    disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
-    _ref2$readOnly = _ref2.readOnly,
-    readOnly = _ref2$readOnly === void 0 ? false : _ref2$readOnly,
-    _ref2$error = _ref2.error,
-    error = _ref2$error === void 0 ? false : _ref2$error,
-    id = _ref2.id,
-    placeholder = _ref2.placeholder,
-    _ref2$fullWidth = _ref2.fullWidth,
-    fullWidth = _ref2$fullWidth === void 0 ? true : _ref2$fullWidth,
-    labels = _ref2.labels,
-    ariaDescribedBy = _ref2["aria-describedby"],
-    ariaInvalid = _ref2["aria-invalid"],
-    ariaRequired = _ref2["aria-required"],
-    rest = _objectWithoutProperties(_ref2, _excluded);
-  var safeDefault = defaultCountry && (0, _libphonenumberJs.isSupportedCountry)(defaultCountry) ? defaultCountry : "MA";
-  var L = (0, _mergeLabels.mergeLabels)(DEFAULT_TEL_LABELS, labels);
-  var _React$useState = React.useState(safeDefault),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    country = _React$useState2[0],
-    setCountry = _React$useState2[1];
-  var _React$useState3 = React.useState(""),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    national = _React$useState4[0],
-    setNational = _React$useState4[1];
-  var countryOptions = React.useMemo(function () {
-    return buildCountryOptions(preferredCountries);
-  }, [preferredCountries]);
-  var callingCode = React.useMemo(function () {
-    return callingCodeOf(country);
-  }, [country]);
+function TelInput({
+  value = "",
+  onChange,
+  defaultCountry = "MA",
+  preferredCountries,
+  disabled = false,
+  readOnly = false,
+  error = false,
+  id,
+  placeholder,
+  fullWidth = true,
+  labels,
+  "aria-describedby": ariaDescribedBy,
+  "aria-invalid": ariaInvalid,
+  "aria-required": ariaRequired,
+  ...rest
+}) {
+  const safeDefault = defaultCountry && (0, _libphonenumberJs.isSupportedCountry)(defaultCountry) ? defaultCountry : "MA";
+  const L = (0, _mergeLabels.mergeLabels)(DEFAULT_TEL_LABELS, labels);
+  const [country, setCountry] = React.useState(safeDefault);
+  const [national, setNational] = React.useState("");
+  const countryOptions = React.useMemo(() => buildCountryOptions(preferredCountries), [preferredCountries]);
+  const callingCode = React.useMemo(() => callingCodeOf(country), [country]);
 
   // Sync internal state from an external `value` (E.164). Guarded so our own
   // emitted updates don't clobber what the user is typing.
-  React.useEffect(function () {
-    var incoming = value || "";
-    var current = computeNumber(country, national).info.numberValue;
+  React.useEffect(() => {
+    const incoming = value || "";
+    const current = computeNumber(country, national).info.numberValue;
     if (incoming === current) return; // our own round-trip — nothing to do
     if (!incoming) {
       setNational("");
       return;
     }
     try {
-      var parsed = (0, _libphonenumberJs.parsePhoneNumber)(incoming);
+      const parsed = (0, _libphonenumberJs.parsePhoneNumber)(incoming);
       if (parsed) {
         if (parsed.country && parsed.country !== country) {
           setCountry(parsed.country);
@@ -206,41 +168,43 @@ function TelInput(_ref2) {
         setNational(parsed.formatNational());
         return;
       }
-    } catch (_unused3) {
+    } catch {
       /* unparseable — fall through */
     }
     setNational(incoming);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value]);
-  var emit = function emit(ctry, nationalText) {
-    var _computeNumber = computeNumber(ctry, nationalText),
-      formatted = _computeNumber.formatted,
-      info = _computeNumber.info;
+  const emit = (ctry, nationalText) => {
+    const {
+      formatted,
+      info
+    } = computeNumber(ctry, nationalText);
     setNational(formatted);
-    onChange === null || onChange === void 0 ? void 0 : onChange(info.numberValue, info);
+    onChange?.(info.numberValue, info);
   };
-  var handleCountryChange = function handleCountryChange(val) {
-    var next = val || safeDefault;
+  const handleCountryChange = val => {
+    const next = val || safeDefault;
     setCountry(next);
     emit(next, national);
   };
-  var handleNumberChange = function handleNumberChange(e) {
+  const handleNumberChange = e => {
     emit(country, e.target.value);
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    style: _objectSpread({
+    style: {
       display: "flex",
       gap: "var(--s-2)",
-      alignItems: "flex-start"
-    }, fullWidth ? {
-      width: "100%"
-    } : {}),
+      alignItems: "flex-start",
+      ...(fullWidth ? {
+        width: "100%"
+      } : {})
+    },
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       style: {
         flex: "0 0 40%",
         minWidth: "9rem"
       },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Combobox["default"], {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Combobox.default, {
         options: countryOptions,
         value: country,
         onChange: handleCountryChange,
@@ -256,7 +220,7 @@ function TelInput(_ref2) {
       style: {
         flex: "1 1 auto"
       },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input["default"], _objectSpread({
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
         id: id,
         type: "tel",
         value: national,
@@ -266,17 +230,18 @@ function TelInput(_ref2) {
         error: error,
         fullWidth: true,
         placeholder: placeholder,
-        prefix: callingCode ? "+".concat(callingCode) : undefined,
+        prefix: callingCode ? `+${callingCode}` : undefined,
         inputProps: {
           inputMode: "tel",
           autoComplete: "tel-national",
           "aria-describedby": ariaDescribedBy,
           "aria-invalid": ariaInvalid,
           "aria-required": ariaRequired
-        }
-      }, rest))
+        },
+        ...rest
+      })
     })]
   });
 }
-var _default = exports["default"] = TelInput;
+var _default = exports.default = TelInput;
 //# sourceMappingURL=TelInput.js.map