@zevra/ui 0.30.0 → 0.32.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/DECISIONS.md +42 -0
- package/dist/catalogue.d.ts.map +1 -1
- package/dist/catalogue.js +35 -2
- package/dist/catalogue.js.map +1 -1
- package/dist/content.d.ts +30 -0
- package/dist/content.d.ts.map +1 -1
- package/dist/content.js +12 -0
- package/dist/content.js.map +1 -1
- package/dist/css-inline.d.ts.map +1 -1
- package/dist/css-inline.js +1 -1
- package/dist/css-inline.js.map +1 -1
- package/dist/data.d.ts +11 -1
- package/dist/data.d.ts.map +1 -1
- package/dist/data.js +2 -2
- package/dist/data.js.map +1 -1
- package/package.json +1 -1
- package/react/catalogue.tsx +78 -2
- package/react/content.tsx +57 -0
- package/react/css-inline.ts +1 -1
- package/react/data.tsx +16 -2
- package/src/components.css +121 -0
- package/src/data.css +44 -0
package/dist/css-inline.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css-inline.js","sourceRoot":"","sources":["../react/css-inline.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,0EAA0E;AAE1E;;;iEAGiE;AACjE,MAAM,CAAC,MAAM,WAAW,GAAW,
|
|
1
|
+
{"version":3,"file":"css-inline.js","sourceRoot":"","sources":["../react/css-inline.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,0EAA0E;AAE1E;;;iEAGiE;AACjE,MAAM,CAAC,MAAM,WAAW,GAAW,22tRAA22tR,CAAA;AAE94tR;;;yBAGyB;AACzB,MAAM,CAAC,MAAM,WAAW,GAAW,03BAA03B,CAAA"}
|
package/dist/data.d.ts
CHANGED
|
@@ -5,11 +5,21 @@ export interface TableProps extends Div {
|
|
|
5
5
|
/** Gabarit de colonnes, en syntaxe `grid-template-columns`
|
|
6
6
|
* (ex. `'minmax(0,2fr) 120px 90px'`). Hérité par l'en-tête et les lignes. */
|
|
7
7
|
gabarit?: string;
|
|
8
|
+
/** Tableau de PROSE : les cellules reviennent à la ligne au lieu de
|
|
9
|
+
* tronquer, et les colonnes s'alignent en haut.
|
|
10
|
+
*
|
|
11
|
+
* ⚠️ À employer dès qu'une cellule porte une phrase plutôt qu'une donnée —
|
|
12
|
+
* une clause de contrat, un fondement juridique, une garantie de
|
|
13
|
+
* transfert. Tronquer une clause ne la raccourcit pas, ça la CACHE, et le
|
|
14
|
+
* lecteur n'a aucun moyen de savoir qu'il manque quelque chose. Le défaut
|
|
15
|
+
* (troncature) reste le bon choix pour une ligne de données, qui se balaye
|
|
16
|
+
* du regard et dont les colonnes ne doivent pas danser. */
|
|
17
|
+
prose?: boolean;
|
|
8
18
|
className?: string;
|
|
9
19
|
}
|
|
10
20
|
/** Le tableau défile DANS son cadre : sans ce confinement, une colonne trop
|
|
11
21
|
* large fait défiler la page entière et le rail de navigation part avec. */
|
|
12
|
-
export declare function Table({ gabarit, className, style, ...reste }: TableProps): import("react").JSX.Element;
|
|
22
|
+
export declare function Table({ gabarit, prose, className, style, ...reste }: TableProps): import("react").JSX.Element;
|
|
13
23
|
export interface TableHeadProps extends Div {
|
|
14
24
|
/** En-tête en retrait, pour un tableau posé dans une carte. */
|
|
15
25
|
inset?: boolean;
|
package/dist/data.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../react/data.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAGV,qBAAqB,EACrB,cAAc,EACd,SAAS,EACV,MAAM,OAAO,CAAA;AAGd,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAAA;AAC5D,KAAK,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,WAAW,CAAC,CAAA;AAa9D,MAAM,WAAW,UAAW,SAAQ,GAAG;IACrC;kFAC8E;IAC9E,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;6EAC6E;AAC7E,wBAAgB,KAAK,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+
|
|
1
|
+
{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../react/data.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAGV,qBAAqB,EACrB,cAAc,EACd,SAAS,EACV,MAAM,OAAO,CAAA;AAGd,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAAA;AAC5D,KAAK,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,WAAW,CAAC,CAAA;AAa9D,MAAM,WAAW,UAAW,SAAQ,GAAG;IACrC;kFAC8E;IAC9E,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;;;;;;gEAQ4D;IAC5D,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;6EAC6E;AAC7E,wBAAgB,KAAK,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAQ/E;AAED,MAAM,WAAW,cAAe,SAAQ,GAAG;IACzC,+DAA+D;IAC/D,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAOvE;AAED,MAAM,WAAW,QAAS,SAAQ,GAAG;IACnC;;kCAE8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,+BAW1D;AAED,MAAM,WAAW,SAAU,SAAQ,GAAG;IACpC;kEAC8D;IAC9D,QAAQ,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACxB,yEAAyE;IACzE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAgBxF;AAED;;;0DAG0D;AAC1D,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAE3E;AAID,wBAAgB,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAEzE;AAED,MAAM,WAAW,YAAa,SAAQ,GAAG;IACvC,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,+BAOpE;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAE7E;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,IAAI,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAE9E;AAID,MAAM,WAAW,SAAU,SAAQ,IAAI;IACrC,MAAM,CAAC,EAAE,IAAI,GAAG,QAAQ,GAAG,IAAI,CAAA;IAC/B,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;iBAGiB;AACjB,wBAAgB,IAAI,CAAC,EAAE,MAAiB,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAalF;AAED,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAE5E;AAID,MAAM,WAAW,OAAQ,SAAQ,GAAG;IAClC,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,EAAE,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,OAAO,+BAI5D;AAED,MAAM,WAAW,UAAW,SAAQ,GAAG;IACrC;;mEAE+D;IAC/D,GAAG,EAAE,SAAS,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,KAAK,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAOvE;AAID,MAAM,WAAW,WAAY,SAAQ,IAAI;IACvC;6CACyC;IACzC,GAAG,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAA;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;kCACkC;AAClC,wBAAgB,MAAM,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAatE;AAID;4CAC4C;AAC5C,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,IAAI,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAE3E;AAED,qEAAqE;AACrE,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,IAAI,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAE3E;AAID,MAAM,WAAW,SAAU,SAAQ,IAAI;IACrC,qEAAqE;IACrE,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;iDAEiD;AACjD,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAOhE;AAED,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAE5E;AAID,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,WAAW,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAE/E;AAED,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAE5E;AAID,MAAM,WAAW,aAAc,SAAQ,IAAI;IACzC;;8CAE0C;IAC1C,MAAM,EAAE,KAAK,GAAG,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,QAAQ,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAMtE;AAID,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,qBAAqB,CAAC,kBAAkB,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAC7E,KAAK,EAAE,SAAS,CAAA;IAChB;;;+EAG2E;IAC3E,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;8DAG8D;AAC9D,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAqB/E;AAID;;eAEe;AACf,wBAAgB,GAAG,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAEzE;AAID;yEACyE;AACzE,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAEzE;AAED;;;sEAGsE;AACtE,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAM5E"}
|
package/dist/data.js
CHANGED
|
@@ -10,8 +10,8 @@ function cols(gabarit, style) {
|
|
|
10
10
|
}
|
|
11
11
|
/** Le tableau défile DANS son cadre : sans ce confinement, une colonne trop
|
|
12
12
|
* large fait défiler la page entière et le rail de navigation part avec. */
|
|
13
|
-
export function Table({ gabarit, className, style, ...reste }) {
|
|
14
|
-
return (_jsx("div", { className: cx('zv-table', className), style: cols(gabarit, style), ...reste }));
|
|
13
|
+
export function Table({ gabarit, prose, className, style, ...reste }) {
|
|
14
|
+
return (_jsx("div", { className: cx('zv-table', prose && 'zv-table--prose', className), style: cols(gabarit, style), ...reste }));
|
|
15
15
|
}
|
|
16
16
|
export function TableHead({ inset, className, ...reste }) {
|
|
17
17
|
return (_jsx("div", { className: cx('zv-table__head', inset && 'zv-table__head--inset', className), ...reste }));
|
package/dist/data.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data.js","sourceRoot":"","sources":["../react/data.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAK5B;;;;0CAI0C;AAC1C,SAAS,IAAI,CAAC,OAA2B,EAAE,KAAgC;IACzE,OAAO,OAAO,CAAC,CAAC,CAAE,EAAE,GAAG,KAAK,EAAE,CAAC,WAAW,CAAC,EAAE,OAAO,EAAoB,CAAC,CAAC,CAAC,KAAK,CAAA;AAClF,CAAC;
|
|
1
|
+
{"version":3,"file":"data.js","sourceRoot":"","sources":["../react/data.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/react/catalogue.tsx
CHANGED
|
@@ -20,7 +20,7 @@ import {
|
|
|
20
20
|
Callout, Card, Check, Divider, Ent, EntText, Faq, FaqItem, Flow, FlowStep,
|
|
21
21
|
LegalPage,
|
|
22
22
|
Glass, IndexItem, IndexList, Inset, Media, MediaCoin, MediaVoile, MiniStat,
|
|
23
|
-
MiniStatItem, Pill, Price,
|
|
23
|
+
MiniStatItem, PageErreur, Pill, Price,
|
|
24
24
|
Quote, Rows, RowsItem, Src, SrcRow, StatCard, Tag, UiPreview,
|
|
25
25
|
} from './content.js'
|
|
26
26
|
import {
|
|
@@ -1022,8 +1022,49 @@ export const CATALOGUE: GroupeCatalogue[] = [
|
|
|
1022
1022
|
couche: 'commun',
|
|
1023
1023
|
css: 'components.css',
|
|
1024
1024
|
resume:
|
|
1025
|
-
'Surfaces, encarts, étiquettes éditoriales
|
|
1025
|
+
'Surfaces, encarts, étiquettes éditoriales, blocs de preuve et la page d’erreur. ⚠️ Deux règles de charte y sont opposables : jamais de fausse citation, jamais de lorem dans un aperçu produit.',
|
|
1026
1026
|
exemples: [
|
|
1027
|
+
{
|
|
1028
|
+
id: 'page-erreur',
|
|
1029
|
+
nom: 'Page d’erreur',
|
|
1030
|
+
resume:
|
|
1031
|
+
'404, 403, 410, 500. ⚠️ Le composant ne porte AUCUN texte : une plaisanterie câblée dans un design system part dans les sept apps, dans une seule langue, et n’en revient jamais. La copie ci-dessous est la RÉFÉRENCE, à copier et à adapter. Elle plaisante en vocabulaire juridique — un mot juste employé de travers, pas une blague sur un ton qu’Encre & Papier n’a pas — et l’ordre est fixe : le titre dit la panne en clair, l’esprit vient ensuite et se dédit lui-même. Une page d’erreur qui fait rire avant d’informer est ratée.',
|
|
1032
|
+
code: `<PageErreur
|
|
1033
|
+
code="404"
|
|
1034
|
+
glyphe={GLYPHES.zevra}
|
|
1035
|
+
titre="Page introuvable"
|
|
1036
|
+
reference={<>Réf. 404 · GET /dossier/2019</>}
|
|
1037
|
+
actions={<>
|
|
1038
|
+
<ButtonLink href="/">Retour à l'accueil</ButtonLink>
|
|
1039
|
+
<ButtonLink href="/contact" variante="fantome">Nous signaler le lien</ButtonLink>
|
|
1040
|
+
</>}
|
|
1041
|
+
>
|
|
1042
|
+
Elle a peut-être exercé son droit à l'effacement.{' '}
|
|
1043
|
+
<strong>Plus sérieusement</strong> : le lien est mort, l'adresse a changé,
|
|
1044
|
+
ou cette page n'a jamais été versée au dossier.
|
|
1045
|
+
</PageErreur>`,
|
|
1046
|
+
rendu: (
|
|
1047
|
+
<PageErreur
|
|
1048
|
+
code="404"
|
|
1049
|
+
glyphe={GLYPHES.zevra}
|
|
1050
|
+
titre="Page introuvable"
|
|
1051
|
+
reference={<>Réf. 404 · GET /dossier/2019</>}
|
|
1052
|
+
style={{ minHeight: 0, padding: '40px 24px' }}
|
|
1053
|
+
actions={
|
|
1054
|
+
<>
|
|
1055
|
+
<ButtonLink href="#">Retour à l’accueil</ButtonLink>
|
|
1056
|
+
<ButtonLink href="#" variante="fantome">
|
|
1057
|
+
Nous signaler le lien
|
|
1058
|
+
</ButtonLink>
|
|
1059
|
+
</>
|
|
1060
|
+
}
|
|
1061
|
+
>
|
|
1062
|
+
Elle a peut-être exercé son droit à l’effacement.{' '}
|
|
1063
|
+
<strong>Plus sérieusement</strong> : le lien est mort, l’adresse a changé, ou
|
|
1064
|
+
cette page n’a jamais été versée au dossier.
|
|
1065
|
+
</PageErreur>
|
|
1066
|
+
),
|
|
1067
|
+
},
|
|
1027
1068
|
{
|
|
1028
1069
|
id: 'cartes',
|
|
1029
1070
|
nom: 'Cartes',
|
|
@@ -1326,6 +1367,41 @@ export const CATALOGUE: GroupeCatalogue[] = [
|
|
|
1326
1367
|
</Table>
|
|
1327
1368
|
),
|
|
1328
1369
|
},
|
|
1370
|
+
{
|
|
1371
|
+
id: 'tableau-prose',
|
|
1372
|
+
nom: 'Tableau de prose',
|
|
1373
|
+
resume:
|
|
1374
|
+
'Les cellules reviennent à la ligne au lieu de tronquer. ⚠️ Dès qu’une cellule porte une PHRASE et non une donnée — une clause, un fondement juridique, une durée et son motif —, tronquer ne raccourcit pas : ça cache, et le lecteur n’a aucun moyen de savoir qu’il manque quelque chose. La troncature reste juste pour une ligne de données, qui se balaye du regard.',
|
|
1375
|
+
code: `<Table prose gabarit="minmax(0,1fr) minmax(0,2fr)">
|
|
1376
|
+
<TableHead><Cell>Donnée</Cell><Cell>Durée et fondement</Cell></TableHead>
|
|
1377
|
+
<Row>
|
|
1378
|
+
<Cell registre="nom">Données de facturation</Cell>
|
|
1379
|
+
<Cell label="Durée et fondement">10 ans à compter de la clôture…</Cell>
|
|
1380
|
+
</Row>
|
|
1381
|
+
</Table>`,
|
|
1382
|
+
rendu: (
|
|
1383
|
+
<Table prose gabarit="minmax(0,1fr) minmax(0,2fr)">
|
|
1384
|
+
<TableHead>
|
|
1385
|
+
<Cell>Donnée</Cell>
|
|
1386
|
+
<Cell>Durée et fondement</Cell>
|
|
1387
|
+
</TableHead>
|
|
1388
|
+
<Row>
|
|
1389
|
+
<Cell registre="nom">Données de facturation</Cell>
|
|
1390
|
+
<Cell label="Durée et fondement">
|
|
1391
|
+
10 ans à compter de la clôture de l’exercice, en application de
|
|
1392
|
+
l’article L. 123-22 du code de commerce.
|
|
1393
|
+
</Cell>
|
|
1394
|
+
</Row>
|
|
1395
|
+
<Row>
|
|
1396
|
+
<Cell registre="nom">Journaux de connexion</Cell>
|
|
1397
|
+
<Cell label="Durée et fondement">
|
|
1398
|
+
12 mois, durée prévue par la LCEN pour les données de nature à
|
|
1399
|
+
permettre l’identification.
|
|
1400
|
+
</Cell>
|
|
1401
|
+
</Row>
|
|
1402
|
+
</Table>
|
|
1403
|
+
),
|
|
1404
|
+
},
|
|
1329
1405
|
{
|
|
1330
1406
|
id: 'unwrap',
|
|
1331
1407
|
nom: 'Dégroupage',
|
package/react/content.tsx
CHANGED
|
@@ -726,3 +726,60 @@ export function LegalPage({
|
|
|
726
726
|
</article>
|
|
727
727
|
)
|
|
728
728
|
}
|
|
729
|
+
|
|
730
|
+
/* ─── Page d'erreur ─────────────────────────────────────────────────── */
|
|
731
|
+
|
|
732
|
+
export interface PageErreurProps extends Div {
|
|
733
|
+
/** Le code, tel qu'il s'affiche dans le kicker (`404`, `403`, `500`). */
|
|
734
|
+
code: string
|
|
735
|
+
/** L'URL du glyphe Zevra — `GLYPHES.zevra` de `@zevra/ui/glyphes`. Sur une
|
|
736
|
+
* page qui n'a plus de contenu, c'est le seul repère qui dise encore où
|
|
737
|
+
* l'on se trouve. */
|
|
738
|
+
glyphe?: string
|
|
739
|
+
/** Le titre. ⚠️ Il dit la panne EN CLAIR : « Page introuvable », pas un
|
|
740
|
+
* jeu de mots. L'esprit vient dans le texte, jamais avant l'information. */
|
|
741
|
+
titre: ReactNode
|
|
742
|
+
/** Les actions : un bouton plein pour la sortie, un fantôme pour le
|
|
743
|
+
* recours. Deux au plus — au-delà, la page d'erreur devient un menu. */
|
|
744
|
+
actions?: ReactNode
|
|
745
|
+
/** La cote de l'incident (`GET /dossier/2019`). Elle donne au visiteur de
|
|
746
|
+
* quoi signaler la panne et au support de quoi la retrouver. */
|
|
747
|
+
reference?: ReactNode
|
|
748
|
+
className?: string
|
|
749
|
+
/** L'explication. C'est ici, et seulement ici, que l'esprit a sa place. */
|
|
750
|
+
children?: ReactNode
|
|
751
|
+
}
|
|
752
|
+
|
|
753
|
+
/**
|
|
754
|
+
* Une page entière d'erreur — 404, 403, 410, 500, maintenance.
|
|
755
|
+
*
|
|
756
|
+
* ⚠️ ELLE NE PORTE AUCUN TEXTE PAR DÉFAUT, et c'est délibéré : une
|
|
757
|
+
* plaisanterie câblée dans un design system part dans les sept apps, dans
|
|
758
|
+
* une seule langue, et n'en revient jamais. La copie de référence — celle
|
|
759
|
+
* qui plaisante en vocabulaire juridique — vit dans l'exemple du catalogue,
|
|
760
|
+
* là où on la lit avant de la copier.
|
|
761
|
+
*/
|
|
762
|
+
export function PageErreur({
|
|
763
|
+
code,
|
|
764
|
+
glyphe,
|
|
765
|
+
titre,
|
|
766
|
+
actions,
|
|
767
|
+
reference,
|
|
768
|
+
className,
|
|
769
|
+
children,
|
|
770
|
+
...reste
|
|
771
|
+
}: PageErreurProps) {
|
|
772
|
+
return (
|
|
773
|
+
<div className={cx('zv-errpage', className)} {...reste}>
|
|
774
|
+
{glyphe && <img src={glyphe} alt="Zevra" className="zv-errpage__glyphe" />}
|
|
775
|
+
<p className="zv-errpage__kicker">
|
|
776
|
+
<span className="zv-spec" aria-hidden="true" />
|
|
777
|
+
<span className="zv-mono zv-mono--label">Erreur {code}</span>
|
|
778
|
+
</p>
|
|
779
|
+
<h1 className="zv-errpage__titre">{titre}</h1>
|
|
780
|
+
{children && <p className="zv-errpage__texte">{children}</p>}
|
|
781
|
+
{actions && <div className="zv-errpage__actions">{actions}</div>}
|
|
782
|
+
{reference && <p className="zv-errpage__ref">{reference}</p>}
|
|
783
|
+
</div>
|
|
784
|
+
)
|
|
785
|
+
}
|