@portnet/ui 6.0.2 → 6.0.3

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

@@ -1 +1 @@
-{"version":3,"file":"FormGrid.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_jsxRuntime","_excluded","_excluded2","_excluded3","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","FormGrid","_ref","children","columns","minColumnWidth","gap","sx","rest","gridTemplateColumns","useMemo","xs","sm","concat","cols","md","jsx","display","alignItems","FormGridFull","_ref2","gridColumn","minWidth","FormGridItem","_ref3","_ref3$span","span","FormGridWithStatics","assign","Item","Full","_default","exports"],"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":[]}
+{"version":3,"file":"FormGrid.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormGrid","children","columns","minColumnWidth","gap","sx","rest","gridTemplateColumns","useMemo","xs","sm","cols","md","jsx","display","alignItems","FormGridFull","gridColumn","minWidth","FormGridItem","span","FormGridWithStatics","assign","Item","Full","_default","exports"],"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/v2/components/FormikDisplay.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
 import type { SxProps, Theme } from "@mui/material/styles";
+import type { FieldWidth } from "./Field";
 /**
  * FormikDisplay — Portnet UI v2
  *
@@ -14,15 +15,50 @@ import type { SxProps, Theme } from "@mui/material/styles";
  *     --fg-subtle (#6B7280) → 4.30:1 sur #F1F2F5  ❌ sous AA (4.5:1)
  *     (--fg-subtle est calibré "on white only" dans colors.js)
  *
+ *   NB : ces ratios sont calculés sur les valeurs du thème CLAIR. Le
+ *   mode sombre redéfinit --bg-subtle et --fg-muted ; l'appairage n'a
+ *   pas été re-vérifié là.
+ *
  * ── Fond ────────────────────────────────────────────────────────────
  *   --bg-subtle (#F1F2F5) est clairement visible sur les sections
  *   (#FFFFFF surface), contrairement à --bg (#F7F8FA ≈ blanc).
  *
+ * ── Sémantique (D-3) ────────────────────────────────────────────────
+ *   Le couple label/valeur est lié par `aria-labelledby`, comme dans
+ *   KV — donc annoncé comme une seule unité quand l'utilisateur
+ *   l'atteint. Ce bloc portait auparavant `role="status"`, ce qui en
+ *   faisait une région live : sur un écran de consultation à vingt
+ *   champs, vingt régions live polies. C'est précisément ce que le
+ *   composant Status refuse de faire, et pour la même raison.
+ *
+ * ── LARGEUR SEMANTIQUE (G-H) ───────────────────────────────────────
+ *
+ *   `width` rattache le champ a l'un des cinq gabarits de la section « Form
+ *   Field Width & Layout Standards », avec LE MEME plafond et LE MEME palier
+ *   que `Field` : `FIELD_MAX_WIDTH` est importe de `Field`, pas recopie. Deux
+ *   tables de largeurs finiraient par diverger, et le standard interdit
+ *   justement les largeurs arbitraires.
+ *
+ *   POURQUOI CE COMPOSANT EN AVAIT BESOIN. Il ne passe PAS par `Field` — il
+ *   rend sa propre boite, parce qu'un champ en lecture seule n'a ni controle
+ *   a nommer par `htmlFor` ni erreur a decrire. Il etait donc le seul champ
+ *   de la library a ne pas pouvoir porter de gabarit, et un formulaire
+ *   melant `FormikInput` borne et `FormikDisplay` non borne produit
+ *   exactement le « jagged right-side layout edge » que le standard
+ *   proscrit : les champs saisissables s'arretent a 400px, les champs
+ *   affiches remplissent toute la cellule.
+ *
+ *   Retrocompatible : sans `width`, aucun plafond n'est pose.
+ *
  * ── Usage ────────────────────────────────────────────────────────────
  *   <FormikDisplay name="donneesTI.etat" label="État"
  *     hint="Géré par le workflow" />
  *
  *   <FormikDisplay name="importateur.codePIN" label="Code PIN" mono />
+ *
+ *   <FormikDisplay name="observation" label="Observations" wrap />
+ *
+ *   <FormikDisplay name="raisonSociale" label="Raison sociale" width="l" />
  */
 export interface FormikDisplayProps {
     name: string;
@@ -31,8 +67,21 @@ export interface FormikDisplayProps {
     format?: ((raw: unknown) => React.ReactNode) | undefined;
     mono?: boolean | undefined;
     empty?: string | undefined;
+    /**
+     * Laisse la valeur passer à la ligne (jusqu'à 3 lignes) au lieu de
+     * la tronquer (D-4). Par défaut la valeur reste sur une ligne avec
+     * une ellipse — et un `title` natif porte le texte complet.
+     */
+    wrap?: boolean | undefined;
+    /**
+     * Gabarit de largeur semantique (G-H) : `xs` | `s` | `m` | `l` | `xl`,
+     * choisi d'apres la contrainte de CARACTERES du champ affiche. Meme table
+     * et meme palier que `Field.width`. Omis = aucun plafond, la cellule de
+     * grille decide seule.
+     */
+    width?: FieldWidth | undefined;
     sx?: SxProps<Theme> | undefined;
 }
-declare function FormikDisplay({ name, label, hint, format, mono, empty, sx, }: FormikDisplayProps): React.JSX.Element;
+declare function FormikDisplay({ name, label, hint, format, mono, empty, wrap, width, sx, }: FormikDisplayProps): React.JSX.Element;
 export default FormikDisplay;
 //# sourceMappingURL=FormikDisplay.d.ts.map

package/dist/v2/components/FormikDisplay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormikDisplay.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/FormikDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACzD,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;CACjC;AAED,iBAAS,aAAa,CAAC,EACrB,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,MAAM,EACN,IAAa,EACb,KAAgB,EAChB,EAAE,GACH,EAAE,kBAAkB,qBA2FpB;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"FormikDisplay.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/FormikDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AAEH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACzD,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC/B,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;CACjC;AAED,iBAAS,aAAa,CAAC,EACrB,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,MAAM,EACN,IAAa,EACb,KAAgB,EAChB,IAAa,EACb,KAAK,EACL,EAAE,GACH,EAAE,kBAAkB,qBA6HpB;AAED,eAAe,aAAa,CAAC"}

package/dist/v2/components/FormikDisplay.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _formik = require("formik");
+var _Field = require("./Field");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } /**
+function _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); }
+/**
  * FormikDisplay — Portnet UI v2
  *
  * Affiche une valeur Formik en lecture seule avec un fond grisé
@@ -26,44 +26,100 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
  *     --fg-subtle (#6B7280) → 4.30:1 sur #F1F2F5  ❌ sous AA (4.5:1)
  *     (--fg-subtle est calibré "on white only" dans colors.js)
  *
+ *   NB : ces ratios sont calculés sur les valeurs du thème CLAIR. Le
+ *   mode sombre redéfinit --bg-subtle et --fg-muted ; l'appairage n'a
+ *   pas été re-vérifié là.
+ *
  * ── Fond ────────────────────────────────────────────────────────────
  *   --bg-subtle (#F1F2F5) est clairement visible sur les sections
  *   (#FFFFFF surface), contrairement à --bg (#F7F8FA ≈ blanc).
  *
+ * ── Sémantique (D-3) ────────────────────────────────────────────────
+ *   Le couple label/valeur est lié par `aria-labelledby`, comme dans
+ *   KV — donc annoncé comme une seule unité quand l'utilisateur
+ *   l'atteint. Ce bloc portait auparavant `role="status"`, ce qui en
+ *   faisait une région live : sur un écran de consultation à vingt
+ *   champs, vingt régions live polies. C'est précisément ce que le
+ *   composant Status refuse de faire, et pour la même raison.
+ *
+ * ── LARGEUR SEMANTIQUE (G-H) ───────────────────────────────────────
+ *
+ *   `width` rattache le champ a l'un des cinq gabarits de la section « Form
+ *   Field Width & Layout Standards », avec LE MEME plafond et LE MEME palier
+ *   que `Field` : `FIELD_MAX_WIDTH` est importe de `Field`, pas recopie. Deux
+ *   tables de largeurs finiraient par diverger, et le standard interdit
+ *   justement les largeurs arbitraires.
+ *
+ *   POURQUOI CE COMPOSANT EN AVAIT BESOIN. Il ne passe PAS par `Field` — il
+ *   rend sa propre boite, parce qu'un champ en lecture seule n'a ni controle
+ *   a nommer par `htmlFor` ni erreur a decrire. Il etait donc le seul champ
+ *   de la library a ne pas pouvoir porter de gabarit, et un formulaire
+ *   melant `FormikInput` borne et `FormikDisplay` non borne produit
+ *   exactement le « jagged right-side layout edge » que le standard
+ *   proscrit : les champs saisissables s'arretent a 400px, les champs
+ *   affiches remplissent toute la cellule.
+ *
+ *   Retrocompatible : sans `width`, aucun plafond n'est pose.
+ *
  * ── Usage ────────────────────────────────────────────────────────────
  *   <FormikDisplay name="donneesTI.etat" label="État"
  *     hint="Géré par le workflow" />
  *
  *   <FormikDisplay name="importateur.codePIN" label="Code PIN" mono />
+ *
+ *   <FormikDisplay name="observation" label="Observations" wrap />
+ *
+ *   <FormikDisplay name="raisonSociale" label="Raison sociale" width="l" />
  */
-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 = (0, _formik.useFormikContext)(),
-    values = _useFormikContext.values;
-  var raw = name ? (0, _formik.getIn)(values, name) : undefined;
-  var display;
+
+function FormikDisplay({
+  name,
+  label,
+  hint,
+  format,
+  mono = false,
+  empty = "\u2014",
+  wrap = false,
+  width,
+  sx
+}) {
+  const {
+    values
+  } = (0, _formik.useFormikContext)();
+  const raw = name ? (0, _formik.getIn)(values, name) : undefined;
+  const labelId = React.useId();
+  let 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;
+  } else if (typeof raw === "object") {
+    const obj = raw;
     display = obj.description || obj.libelle || obj.code || JSON.stringify(raw);
   } else {
     display = String(raw);
   }
-  var isEmpty = display === empty;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
-    sx: sx,
-    children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
+  const isEmpty = display === empty;
+
+  /* D-4 — the full text as a native tooltip, so a truncated value stays
+     recoverable. Only when the resolved display is a string: a `format`
+     returning a node has no meaningful title, and "[object Object]" would
+     be worse than nothing. */
+  const titleAttr = typeof display === "string" ? display : undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+    sx: {
+      /* G-H — plafond a partir de `sm` seulement : sur mobile le standard
+       * impose 100% de la largeur de grille. Identique a `Field`. */
+      ...(width ? {
+        maxWidth: {
+          xs: "100%",
+          sm: _Field.FIELD_MAX_WIDTH[width]
+        }
+      } : {}),
+      ...sx
+    },
+    children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      id: labelId,
       component: "span",
       sx: {
         display: "block",
@@ -75,9 +131,18 @@ function FormikDisplay(_ref) {
         userSelect: "none"
       },
       children: label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
-      role: "status",
-      "aria-label": label ? "".concat(label, " : ").concat(display) : "".concat(display),
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default
+    /* D-3 — plus de role="status". Le couple est lié par
+       aria-labelledby (motif KV) ; sans label, on retombe sur un
+       aria-label pour ne pas laisser la valeur anonyme. */, {
+      ...(label ? {
+        "aria-labelledby": labelId
+      } : {
+        "aria-label": typeof display === "string" ? display : undefined
+      }),
+      ...(titleAttr !== undefined ? {
+        title: titleAttr
+      } : {}),
       sx: {
         minHeight: 40,
         display: "flex",
@@ -90,7 +155,7 @@ function FormikDisplay(_ref) {
         userSelect: "text",
         overflow: "hidden"
       },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
         component: "span",
         sx: {
           fontSize: "var(--text-sm, 14px)",
@@ -104,12 +169,22 @@ function FormikDisplay(_ref) {
           color: "var(--fg-muted)",
           fontStyle: isEmpty ? "italic" : "normal",
           overflow: "hidden",
-          textOverflow: "ellipsis",
-          whiteSpace: "nowrap"
+          /* D-4 — `wrap` autorise jusqu'à 3 lignes (comportement KV) ;
+             sinon une seule ligne tronquée, récupérable via `title`. */
+          ...(wrap ? {
+            whiteSpace: "normal",
+            wordBreak: "break-word",
+            display: "-webkit-box",
+            WebkitBoxOrient: "vertical",
+            WebkitLineClamp: 3
+          } : {
+            whiteSpace: "nowrap",
+            textOverflow: "ellipsis"
+          })
         },
         children: display
       })
-    }), hint && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
+    }), hint && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
       component: "span",
       sx: {
         display: "block",
@@ -121,5 +196,5 @@ function FormikDisplay(_ref) {
     })]
   });
 }
-var _default = exports["default"] = FormikDisplay;
+var _default = exports.default = FormikDisplay;
 //# sourceMappingURL=FormikDisplay.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormikDisplay.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_Typography","_formik","_jsxRuntime","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Symbol","iterator","constructor","FormikDisplay","_ref","name","label","hint","format","_ref$mono","mono","_ref$empty","empty","sx","_useFormikContext","useFormikContext","values","raw","getIn","undefined","display","String","trim","description","libelle","code","JSON","stringify","isEmpty","jsxs","children","jsx","component","fontSize","fontWeight","color","marginBottom","userSelect","role","concat","minHeight","alignItems","padding","background","border","borderRadius","cursor","overflow","fontFamily","fontStyle","textOverflow","whiteSpace","marginTop","_default","exports"],"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":[]}
+{"version":3,"file":"FormikDisplay.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_Typography","_formik","_Field","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormikDisplay","name","label","hint","format","mono","empty","wrap","width","sx","values","useFormikContext","raw","getIn","undefined","labelId","useId","display","String","trim","obj","description","libelle","code","JSON","stringify","isEmpty","titleAttr","jsxs","maxWidth","xs","sm","FIELD_MAX_WIDTH","children","jsx","id","component","fontSize","fontWeight","color","marginBottom","userSelect","title","minHeight","alignItems","padding","background","border","borderRadius","cursor","overflow","fontFamily","fontStyle","whiteSpace","wordBreak","WebkitBoxOrient","WebkitLineClamp","textOverflow","marginTop","_default","exports"],"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\nimport { FIELD_MAX_WIDTH } from \"./Field\";\r\nimport type { FieldWidth } from \"./Field\";\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 *   NB : ces ratios sont calculés sur les valeurs du thème CLAIR. Le\r\n *   mode sombre redéfinit --bg-subtle et --fg-muted ; l'appairage n'a\r\n *   pas été re-vérifié là.\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 * ── Sémantique (D-3) ────────────────────────────────────────────────\r\n *   Le couple label/valeur est lié par `aria-labelledby`, comme dans\r\n *   KV — donc annoncé comme une seule unité quand l'utilisateur\r\n *   l'atteint. Ce bloc portait auparavant `role=\"status\"`, ce qui en\r\n *   faisait une région live : sur un écran de consultation à vingt\r\n *   champs, vingt régions live polies. C'est précisément ce que le\r\n *   composant Status refuse de faire, et pour la même raison.\r\n *\r\n * ── LARGEUR SEMANTIQUE (G-H) ───────────────────────────────────────\r\n *\r\n *   `width` rattache le champ a l'un des cinq gabarits de la section « Form\r\n *   Field Width & Layout Standards », avec LE MEME plafond et LE MEME palier\r\n *   que `Field` : `FIELD_MAX_WIDTH` est importe de `Field`, pas recopie. Deux\r\n *   tables de largeurs finiraient par diverger, et le standard interdit\r\n *   justement les largeurs arbitraires.\r\n *\r\n *   POURQUOI CE COMPOSANT EN AVAIT BESOIN. Il ne passe PAS par `Field` — il\r\n *   rend sa propre boite, parce qu'un champ en lecture seule n'a ni controle\r\n *   a nommer par `htmlFor` ni erreur a decrire. Il etait donc le seul champ\r\n *   de la library a ne pas pouvoir porter de gabarit, et un formulaire\r\n *   melant `FormikInput` borne et `FormikDisplay` non borne produit\r\n *   exactement le « jagged right-side layout edge » que le standard\r\n *   proscrit : les champs saisissables s'arretent a 400px, les champs\r\n *   affiches remplissent toute la cellule.\r\n *\r\n *   Retrocompatible : sans `width`, aucun plafond n'est pose.\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 *   <FormikDisplay name=\"observation\" label=\"Observations\" wrap />\r\n *\r\n *   <FormikDisplay name=\"raisonSociale\" label=\"Raison sociale\" width=\"l\" />\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  /**\r\n   * Laisse la valeur passer à la ligne (jusqu'à 3 lignes) au lieu de\r\n   * la tronquer (D-4). Par défaut la valeur reste sur une ligne avec\r\n   * une ellipse — et un `title` natif porte le texte complet.\r\n   */\r\n  wrap?: boolean | undefined;\r\n  /**\r\n   * Gabarit de largeur semantique (G-H) : `xs` | `s` | `m` | `l` | `xl`,\r\n   * choisi d'apres la contrainte de CARACTERES du champ affiche. Meme table\r\n   * et meme palier que `Field.width`. Omis = aucun plafond, la cellule de\r\n   * grille decide seule.\r\n   */\r\n  width?: FieldWidth | 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  wrap  = false,\r\n  width,\r\n  sx,\r\n}: FormikDisplayProps) {\r\n  const { values } = useFormikContext();\r\n  const raw: unknown = name ? getIn(values, name) : undefined;\r\n  const labelId = React.useId();\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  /* D-4 — the full text as a native tooltip, so a truncated value stays\r\n     recoverable. Only when the resolved display is a string: a `format`\r\n     returning a node has no meaningful title, and \"[object Object]\" would\r\n     be worse than nothing. */\r\n  const titleAttr = typeof display === \"string\" ? display : undefined;\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        /* G-H — plafond a partir de `sm` seulement : sur mobile le standard\r\n         * impose 100% de la largeur de grille. Identique a `Field`. */\r\n        ...(width\r\n          ? { maxWidth: { xs: \"100%\", sm: FIELD_MAX_WIDTH[width] } }\r\n          : {}),\r\n        ...sx,\r\n      }}\r\n    >\r\n      {/* Label — même style que Field.js */}\r\n      {label && (\r\n        <Typography\r\n          id={labelId}\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        /* D-3 — plus de role=\"status\". Le couple est lié par\r\n           aria-labelledby (motif KV) ; sans label, on retombe sur un\r\n           aria-label pour ne pas laisser la valeur anonyme. */\r\n        {...(label\r\n          ? { \"aria-labelledby\": labelId }\r\n          : { \"aria-label\": typeof display === \"string\" ? display : undefined })}\r\n        {...(titleAttr !== undefined ? { title: titleAttr } : {})}\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            /* D-4 — `wrap` autorise jusqu'à 3 lignes (comportement KV) ;\r\n               sinon une seule ligne tronquée, récupérable via `title`. */\r\n            ...(wrap\r\n              ? {\r\n                  whiteSpace: \"normal\",\r\n                  wordBreak: \"break-word\",\r\n                  display: \"-webkit-box\",\r\n                  WebkitBoxOrient: \"vertical\",\r\n                  WebkitLineClamp: 3,\r\n                }\r\n              : {\r\n                  whiteSpace: \"nowrap\",\r\n                  textOverflow: \"ellipsis\",\r\n                }),\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;"],"mappings":"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","ignoreList":[]}

package/dist/v2/components/Input.d.ts

@@ -58,5 +58,45 @@ export interface InputProps extends Omit<OutlinedInputProps, "type" | "value" |
     suffix?: React.ReactNode | undefined;
 }
 declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<unknown>>;
+/**
+ * ── A11Y-1 — WHY `aria-required` IS EXTRACTED ───────────────────────────
+ *
+ * `Field` injects `aria-required` into its child to satisfy R-I.2 MUST
+ * (« Champ requis : astérisque rouge dans le label + aria-required »). Left in
+ * `...rest`, that attribute reached `OutlinedInput`, and MUI spreads unknown
+ * props onto its ROOT WRAPPER — so it landed on
+ * `div.MuiInputBase-root` and NEVER on the native `<input>`.
+ *
+ * Two consequences, the second worse than the first:
+ *
+ *   1. `aria-required` on a plain `div` with no role is invalid ARIA. axe
+ *      reports `aria-allowed-attr`; WCAG 4.1.2.
+ *   2. The input itself was never marked required, so a screen reader did not
+ *      announce it. R-I.2 LOOKED satisfied — the asterisk was there, the
+ *      attribute was in the DOM — while the thing the rule exists to produce
+ *      never happened. Every required field, in every module.
+ *
+ * This is the same failure this file's sibling documents for naming: « MUI
+ * spreads unknown props onto its ROOT wrapper, so the attribute landed on
+ * div.MuiInputBase-root — never on the inner control » (`Field`, R-I.1), and
+ * the same one `Combobox` fixed as COMBO-1 by threading the aria attributes
+ * onto its input slot. `Input` was simply never given the same treatment.
+ *
+ * `slotProps.input` and NOT `slotProps.htmlInput`, which is the opposite of
+ * `Combobox`: this component renders `OutlinedInput` DIRECTLY, and on an
+ * InputBase the `input` slot IS the native element. `htmlInput` is the
+ * `TextField` spelling, where `input` means the InputBase itself. Getting this
+ * backwards puts the attribute one level up again and reintroduces the bug in
+ * a form that still passes review.
+ *
+ * NOT extracted here: `aria-describedby`, which MUI's `InputBase` destructures
+ * itself and applies to the native input, and `aria-invalid`, which MUI derives
+ * from the `error` prop `Field` already forwards. Both were verified before
+ * being left alone — extracting them would have duplicated behaviour rather
+ * than fixed it.
+ *
+ * Found by the axe suite of `produit-artisanat-fe` (Area 10), failing
+ * `aria-allowed-attr` on the first `<Field required>` rendered.
+ */
 export default Input;
 //# sourceMappingURL=Input.d.ts.map

package/dist/v2/components/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAGtE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;AAErF,MAAM,WAAW,UACf,SAAQ,IAAI,CACV,kBAAkB,EAIlB,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CACjD;IACD,sBAAsB;IACtB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACpC,8BAA8B;IAC9B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACxC,+BAA+B;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACtC,uCAAuC;IACvC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC,wCAAwC;IACxC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;CACtC;AAED,QAAA,MAAM,KAAK,yFAuDT,CAAC;AAEH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAGtE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;AAErF,MAAM,WAAW,UACf,SAAQ,IAAI,CACV,kBAAkB,EAIlB,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CACjD;IACD,sBAAsB;IACtB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACpC,8BAA8B;IAC9B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACxC,+BAA+B;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACtC,uCAAuC;IACvC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC,wCAAwC;IACxC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;CACtC;AAED,QAAA,MAAM,KAAK,yFAqET,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAEH,eAAe,KAAK,CAAC"}