@sia-ui/react-web 0.7.1 → 0.8.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/CHANGELOG.md +44 -0
- package/README.md +59 -11
- package/dist/index.cjs +3735 -2011
- package/dist/index.css +5048 -3917
- package/dist/index.d.cts +1908 -955
- package/dist/index.d.ts +1908 -955
- package/dist/index.js +3711 -2001
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,49 @@
|
|
|
1
1
|
# @sia-ui/react-web
|
|
2
2
|
|
|
3
|
+
## 0.8.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- Français et anglais livrés, temps réel, calendrier réécrit, suivi d'opérations.
|
|
8
|
+
- **Deux langues** — `FRENCH` et `ENGLISH` (`@sia-ui/headless`), au format
|
|
9
|
+
`SiaLocale` : la langue de formatage (`language`), le vocabulaire commun et
|
|
10
|
+
un groupe typé par composant. Plus aucun texte en dur dans les composants,
|
|
11
|
+
`aria-label` compris ; dates, nombres et pluriels suivent `language`. Une
|
|
12
|
+
application qui a sa propre i18n remplit le même format. `formatMessage` et
|
|
13
|
+
`plural` (`{count}`, clés `_one` / `_other`). `ENGLISH_STATUS_MESSAGES`
|
|
14
|
+
(`@sia-ui/api`) à côté de `FRENCH_STATUS_MESSAGES`.
|
|
15
|
+
Seul changement de forme : `EventCalendarLabels.more`, qui était une
|
|
16
|
+
fonction, devient `more_one` / `more_other` avec `{count}`.
|
|
17
|
+
- **`SiaProvider` seul fournisseur** — il prend `locale` et `defaults`, et
|
|
18
|
+
s'imbrique pour une section. `SiaConfigProvider` est obsolète.
|
|
19
|
+
- **Temps réel** — `createRealtimeBinding`, `socketIoSource`,
|
|
20
|
+
`eventSourceSource` (`@sia-ui/api`), `useRealtimeStatus`, `LiveIndicator`.
|
|
21
|
+
- **`EventCalendar` réécrit** — vues mois, semaine, jour, agenda ; variantes ;
|
|
22
|
+
mode étroit. **`EventManager`** : créer, consulter, modifier, supprimer.
|
|
23
|
+
- **Nouveaux composants** — `AccountMenu`, `ColorModeToggle`, `LogStream`,
|
|
24
|
+
`JsonView`, `JobProgress`, `BrandIcon` ; `SunIcon`, `MoonIcon`.
|
|
25
|
+
- **Formulaires** — `validateAsync` par champ, `submitProps.disabled`
|
|
26
|
+
respecté ; `controlProps` sur une propriété de ressource.
|
|
27
|
+
- **Tons lisibles en mode sombre** — `--sia-<ton>-foreground`, calculés pour
|
|
28
|
+
le contraste ; noms de variables CSS en kebab-case.
|
|
29
|
+
- **Couches en portail** — menus, calendriers, boîtes et toasts, rendus hors
|
|
30
|
+
de `[data-sia-root]`, reprennent la police et la couleur de texte du
|
|
31
|
+
système au lieu de celles du navigateur.
|
|
32
|
+
- **`Drawer` et `Modal`** — la fermeture est signalée tout de suite ; un
|
|
33
|
+
double clic à l'ouverture ne referme plus.
|
|
34
|
+
- **Documentation** — la présentation décrit chaque brique métier (session,
|
|
35
|
+
greffons d'API, ressources, formulaires, temps réel, langues, utilitaires)
|
|
36
|
+
avec son scénario et un exemple.
|
|
37
|
+
- **Props des sous-composants** — chaque composant composé expose celles de
|
|
38
|
+
ce qu'il utilise (`…Props`) ; `pnpm check:slot-props` le vérifie.
|
|
39
|
+
|
|
40
|
+
### Patch Changes
|
|
41
|
+
|
|
42
|
+
- Updated dependencies
|
|
43
|
+
- @sia-ui/headless@0.8.0
|
|
44
|
+
- @sia-ui/react@0.8.0
|
|
45
|
+
- @sia-ui/tokens@0.8.0
|
|
46
|
+
|
|
3
47
|
## 0.7.1
|
|
4
48
|
|
|
5
49
|
### Patch Changes
|
package/README.md
CHANGED
|
@@ -13,23 +13,27 @@ import { Button, DataTable, DatePicker } from "@sia-ui/react-web";
|
|
|
13
13
|
import "@sia-ui/react-web/styles.css";
|
|
14
14
|
```
|
|
15
15
|
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
113 composants, pensés pour les applications de gestion : une page CRUD
|
|
17
|
+
dérivée d'une seule déclaration (`defineResource` + `CrudPage`), un tableau
|
|
18
|
+
synchronisé avec l'URL, des champs métier (montants, téléphone, référence),
|
|
19
|
+
la session et ses droits (`RequireSession`, `Can`), un calendrier
|
|
20
|
+
d'événements, le suivi d'opérations longues (`JobProgress`, `LogStream`) et
|
|
21
|
+
la coquille d'écran (`AppShell`, `AccountMenu`).
|
|
19
22
|
|
|
20
|
-
##
|
|
23
|
+
## Langues et valeurs par défaut
|
|
21
24
|
|
|
22
25
|
```tsx
|
|
23
|
-
import {
|
|
26
|
+
import { ENGLISH } from "@sia-ui/headless";
|
|
27
|
+
import { SiaProvider } from "@sia-ui/react";
|
|
24
28
|
|
|
25
|
-
<
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
>
|
|
29
|
+
<SiaProvider locale={ENGLISH} defaults={{ button: { variant: "outline" } }}>
|
|
30
|
+
<App />
|
|
31
|
+
</SiaProvider>
|
|
29
32
|
```
|
|
30
33
|
|
|
31
|
-
|
|
32
|
-
le
|
|
34
|
+
Français par défaut, anglais livré, et aucun texte en dur : une application
|
|
35
|
+
qui a sa propre i18n remplit le même format `SiaLocale`. Une prop passée à
|
|
36
|
+
l'appel gagne toujours.
|
|
33
37
|
|
|
34
38
|
## Ou copier le code
|
|
35
39
|
|
|
@@ -70,6 +74,50 @@ Le contenu ci-dessous reprend intégralement `CHANGELOG.md` pour rester visible
|
|
|
70
74
|
<!-- sia:changelog:start -->
|
|
71
75
|
# @sia-ui/react-web
|
|
72
76
|
|
|
77
|
+
## 0.8.0
|
|
78
|
+
|
|
79
|
+
### Minor Changes
|
|
80
|
+
|
|
81
|
+
- Français et anglais livrés, temps réel, calendrier réécrit, suivi d'opérations.
|
|
82
|
+
- **Deux langues** — `FRENCH` et `ENGLISH` (`@sia-ui/headless`), au format
|
|
83
|
+
`SiaLocale` : la langue de formatage (`language`), le vocabulaire commun et
|
|
84
|
+
un groupe typé par composant. Plus aucun texte en dur dans les composants,
|
|
85
|
+
`aria-label` compris ; dates, nombres et pluriels suivent `language`. Une
|
|
86
|
+
application qui a sa propre i18n remplit le même format. `formatMessage` et
|
|
87
|
+
`plural` (`{count}`, clés `_one` / `_other`). `ENGLISH_STATUS_MESSAGES`
|
|
88
|
+
(`@sia-ui/api`) à côté de `FRENCH_STATUS_MESSAGES`.
|
|
89
|
+
Seul changement de forme : `EventCalendarLabels.more`, qui était une
|
|
90
|
+
fonction, devient `more_one` / `more_other` avec `{count}`.
|
|
91
|
+
- **`SiaProvider` seul fournisseur** — il prend `locale` et `defaults`, et
|
|
92
|
+
s'imbrique pour une section. `SiaConfigProvider` est obsolète.
|
|
93
|
+
- **Temps réel** — `createRealtimeBinding`, `socketIoSource`,
|
|
94
|
+
`eventSourceSource` (`@sia-ui/api`), `useRealtimeStatus`, `LiveIndicator`.
|
|
95
|
+
- **`EventCalendar` réécrit** — vues mois, semaine, jour, agenda ; variantes ;
|
|
96
|
+
mode étroit. **`EventManager`** : créer, consulter, modifier, supprimer.
|
|
97
|
+
- **Nouveaux composants** — `AccountMenu`, `ColorModeToggle`, `LogStream`,
|
|
98
|
+
`JsonView`, `JobProgress`, `BrandIcon` ; `SunIcon`, `MoonIcon`.
|
|
99
|
+
- **Formulaires** — `validateAsync` par champ, `submitProps.disabled`
|
|
100
|
+
respecté ; `controlProps` sur une propriété de ressource.
|
|
101
|
+
- **Tons lisibles en mode sombre** — `--sia-<ton>-foreground`, calculés pour
|
|
102
|
+
le contraste ; noms de variables CSS en kebab-case.
|
|
103
|
+
- **Couches en portail** — menus, calendriers, boîtes et toasts, rendus hors
|
|
104
|
+
de `[data-sia-root]`, reprennent la police et la couleur de texte du
|
|
105
|
+
système au lieu de celles du navigateur.
|
|
106
|
+
- **`Drawer` et `Modal`** — la fermeture est signalée tout de suite ; un
|
|
107
|
+
double clic à l'ouverture ne referme plus.
|
|
108
|
+
- **Documentation** — la présentation décrit chaque brique métier (session,
|
|
109
|
+
greffons d'API, ressources, formulaires, temps réel, langues, utilitaires)
|
|
110
|
+
avec son scénario et un exemple.
|
|
111
|
+
- **Props des sous-composants** — chaque composant composé expose celles de
|
|
112
|
+
ce qu'il utilise (`…Props`) ; `pnpm check:slot-props` le vérifie.
|
|
113
|
+
|
|
114
|
+
### Patch Changes
|
|
115
|
+
|
|
116
|
+
- Updated dependencies
|
|
117
|
+
- @sia-ui/headless@0.8.0
|
|
118
|
+
- @sia-ui/react@0.8.0
|
|
119
|
+
- @sia-ui/tokens@0.8.0
|
|
120
|
+
|
|
73
121
|
## 0.7.1
|
|
74
122
|
|
|
75
123
|
### Patch Changes
|