@portnet/ui 3.1.1 → 3.1.3
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/dist/components/buttons/PuiButton.js +78 -15
- package/dist/components/common/StyledMuiTextField.js +34 -15
- package/dist/components/inputs/PuiSelect.js +42 -26
- package/dist/components/providers/PuiAntdProvider.js +70 -0
- package/dist/components/providers/PuiThemeProvider.js +230 -0
- package/dist/components/table/PuiModernTable.js +546 -0
- package/dist/components-antd-optional/PuiAntdForm.js +328 -0
- package/dist/components-antd-optional/PuiAntdStepper.js +317 -0
- package/dist/components-antd-optional/PuiAntdTable.js +352 -0
- package/dist/config/antdTheme.js +227 -0
- package/dist/config/apperance.js +67 -38
- package/dist/index.js +21 -0
- package/package.json +3 -1
package/dist/config/apperance.js
CHANGED
|
@@ -6,64 +6,93 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.palette = void 0;
|
|
7
7
|
const palette = exports.palette = {
|
|
8
8
|
inherit: "inherit",
|
|
9
|
-
// Couleurs principales
|
|
10
|
-
primary: "#
|
|
11
|
-
// Bleu
|
|
12
|
-
secondary: "#
|
|
13
|
-
// Gris clair pour les backgrounds
|
|
14
|
-
tertiary: "#
|
|
9
|
+
// Couleurs principales extraites des maquettes
|
|
10
|
+
primary: "#1976D2",
|
|
11
|
+
// Bleu principal des maquettes
|
|
12
|
+
secondary: "#F5F5F5",
|
|
13
|
+
// Gris très clair pour les backgrounds
|
|
14
|
+
tertiary: "#757575",
|
|
15
15
|
// Gris moyen pour les textes secondaires
|
|
16
16
|
|
|
17
|
-
// Status colors
|
|
18
|
-
error: "#
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
17
|
+
// Status colors des maquettes
|
|
18
|
+
error: "#F44336",
|
|
19
|
+
// Rouge des maquettes
|
|
20
|
+
warning: "#FF9800",
|
|
21
|
+
// Orange des maquettes
|
|
22
|
+
success: "#4CAF50",
|
|
23
|
+
// Vert des maquettes
|
|
24
|
+
info: "#2196F3",
|
|
25
|
+
// Bleu info des maquettes
|
|
26
|
+
|
|
22
27
|
// Colors neutres
|
|
23
28
|
white: "#FFFFFF",
|
|
24
|
-
dark: "#
|
|
29
|
+
dark: "#212121",
|
|
25
30
|
black: "#000000",
|
|
26
|
-
//
|
|
27
|
-
accent: "#
|
|
28
|
-
// Orange
|
|
31
|
+
// Palette complète basée sur l'analyse des maquettes
|
|
32
|
+
accent: "#FF5722",
|
|
33
|
+
// Orange accent des maquettes
|
|
29
34
|
blue: {
|
|
30
35
|
light: "#E3F2FD",
|
|
31
|
-
main: "#
|
|
32
|
-
|
|
33
|
-
|
|
36
|
+
main: "#1976D2",
|
|
37
|
+
// Bleu principal
|
|
38
|
+
dark: "#1565C0",
|
|
39
|
+
darker: "#0D47A1"
|
|
34
40
|
},
|
|
35
41
|
gray: {
|
|
36
|
-
50: "#
|
|
37
|
-
100: "#
|
|
38
|
-
200: "#
|
|
39
|
-
300: "#
|
|
40
|
-
400: "#
|
|
41
|
-
500: "#
|
|
42
|
-
600: "#
|
|
43
|
-
700: "#
|
|
44
|
-
800: "#
|
|
45
|
-
900: "#
|
|
42
|
+
50: "#FAFAFA",
|
|
43
|
+
100: "#F5F5F5",
|
|
44
|
+
200: "#EEEEEE",
|
|
45
|
+
300: "#E0E0E0",
|
|
46
|
+
400: "#BDBDBD",
|
|
47
|
+
500: "#9E9E9E",
|
|
48
|
+
600: "#757575",
|
|
49
|
+
700: "#616161",
|
|
50
|
+
800: "#424242",
|
|
51
|
+
900: "#212121"
|
|
46
52
|
},
|
|
47
53
|
background: {
|
|
48
|
-
default: "#
|
|
54
|
+
default: "#FAFAFA",
|
|
55
|
+
// Background principal des maquettes
|
|
49
56
|
paper: "#FFFFFF",
|
|
50
57
|
card: "#FFFFFF",
|
|
51
|
-
sidebar: "#
|
|
52
|
-
required: "#
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
58
|
+
sidebar: "#F5F5F5",
|
|
59
|
+
required: "#FFF3E0",
|
|
60
|
+
// Orange très clair
|
|
61
|
+
error: "#FFEBEE",
|
|
62
|
+
// Rouge très clair
|
|
63
|
+
success: "#E8F5E8",
|
|
64
|
+
// Vert très clair
|
|
65
|
+
warning: "#FFF3E0",
|
|
66
|
+
// Orange très clair
|
|
67
|
+
info: "#E3F2FD" // Bleu très clair
|
|
57
68
|
},
|
|
58
69
|
border: {
|
|
59
|
-
light: "#
|
|
60
|
-
|
|
61
|
-
|
|
70
|
+
light: "#E0E0E0",
|
|
71
|
+
// Bordures claires des maquettes
|
|
72
|
+
main: "#BDBDBD",
|
|
73
|
+
// Bordures moyennes des maquettes
|
|
74
|
+
dark: "#757575" // Bordures foncées des maquettes
|
|
62
75
|
},
|
|
63
76
|
shadow: {
|
|
64
77
|
light: "0px 1px 3px rgba(0, 0, 0, 0.1)",
|
|
65
78
|
medium: "0px 4px 6px rgba(0, 0, 0, 0.1)",
|
|
66
79
|
strong: "0px 10px 25px rgba(0, 0, 0, 0.15)",
|
|
67
80
|
card: "0px 2px 8px rgba(0, 0, 0, 0.08)"
|
|
81
|
+
},
|
|
82
|
+
// Couleurs spécifiques des boutons d'actions des maquettes
|
|
83
|
+
actions: {
|
|
84
|
+
validate: "#4CAF50",
|
|
85
|
+
// Vert "Validé" des maquettes
|
|
86
|
+
expire: "#F44336",
|
|
87
|
+
// Rouge "Expiré" des maquettes
|
|
88
|
+
renew: "#FF9800",
|
|
89
|
+
// Orange "Renouveler" des maquettes
|
|
90
|
+
download: "#2196F3",
|
|
91
|
+
// Bleu "Télécharger" des maquettes
|
|
92
|
+
processing: "#9C27B0",
|
|
93
|
+
// Violet "En cours" des maquettes
|
|
94
|
+
souscrit: "#607D8B",
|
|
95
|
+
// Gris bleu "Souscrit" des maquettes
|
|
96
|
+
default: "#757575" // Gris par défaut
|
|
68
97
|
}
|
|
69
98
|
};
|
package/dist/index.js
CHANGED
|
@@ -9,6 +9,12 @@ Object.defineProperty(exports, "PuiAlertProvider", {
|
|
|
9
9
|
return _PuiAlertProvider.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
+
Object.defineProperty(exports, "PuiAntdProvider", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _PuiAntdProvider.default;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
12
18
|
Object.defineProperty(exports, "PuiAutocomplete", {
|
|
13
19
|
enumerable: true,
|
|
14
20
|
get: function get() {
|
|
@@ -153,6 +159,12 @@ Object.defineProperty(exports, "PuiMainTitle", {
|
|
|
153
159
|
return _PuiMainTitle.default;
|
|
154
160
|
}
|
|
155
161
|
});
|
|
162
|
+
Object.defineProperty(exports, "PuiModernTable", {
|
|
163
|
+
enumerable: true,
|
|
164
|
+
get: function get() {
|
|
165
|
+
return _PuiModernTable.default;
|
|
166
|
+
}
|
|
167
|
+
});
|
|
156
168
|
Object.defineProperty(exports, "PuiNavigation", {
|
|
157
169
|
enumerable: true,
|
|
158
170
|
get: function get() {
|
|
@@ -285,6 +297,12 @@ Object.defineProperty(exports, "PuiTextField", {
|
|
|
285
297
|
return _PuiTextField.default;
|
|
286
298
|
}
|
|
287
299
|
});
|
|
300
|
+
Object.defineProperty(exports, "PuiThemeProvider", {
|
|
301
|
+
enumerable: true,
|
|
302
|
+
get: function get() {
|
|
303
|
+
return _PuiThemeProvider.default;
|
|
304
|
+
}
|
|
305
|
+
});
|
|
288
306
|
Object.defineProperty(exports, "PuiTooltip", {
|
|
289
307
|
enumerable: true,
|
|
290
308
|
get: function get() {
|
|
@@ -328,6 +346,8 @@ var _PuiNavigation = _interopRequireDefault(require("./components/others/PuiNavi
|
|
|
328
346
|
var _PuiSection = _interopRequireDefault(require("./components/others/PuiSection"));
|
|
329
347
|
var _PuiTooltip = _interopRequireDefault(require("./components/others/PuiTooltip"));
|
|
330
348
|
var _PuiAlertProvider = _interopRequireDefault(require("./components/providers/PuiAlertProvider"));
|
|
349
|
+
var _PuiAntdProvider = _interopRequireDefault(require("./components/providers/PuiAntdProvider"));
|
|
350
|
+
var _PuiThemeProvider = _interopRequireDefault(require("./components/providers/PuiThemeProvider"));
|
|
331
351
|
var _PuiLocalizationProvider = _interopRequireDefault(require("./components/providers/PuiLocalizationProvider"));
|
|
332
352
|
var _PuiCustomPopupReferentielField = _interopRequireDefault(require("./components/referentiel/components/PuiCustomPopupReferentielField"));
|
|
333
353
|
var _PuiSimplePopupReferentielField = _interopRequireDefault(require("./components/referentiel/components/PuiSimplePopupReferentielField"));
|
|
@@ -337,6 +357,7 @@ var _PuiReferentielProvider = _interopRequireDefault(require("./components/refer
|
|
|
337
357
|
var _PuiTab = _interopRequireDefault(require("./components/tab/PuiTab"));
|
|
338
358
|
var _PuiTabs = _interopRequireDefault(require("./components/tab/PuiTabs"));
|
|
339
359
|
var _PuiTable = _interopRequireDefault(require("./components/table/PuiTable"));
|
|
360
|
+
var _PuiModernTable = _interopRequireDefault(require("./components/table/PuiModernTable"));
|
|
340
361
|
var _PuiTableAction = _interopRequireDefault(require("./components/table/PuiTableAction"));
|
|
341
362
|
var _PuiDefinition = _interopRequireDefault(require("./components/typography/PuiDefinition"));
|
|
342
363
|
var _PuiIndication = _interopRequireDefault(require("./components/typography/PuiIndication"));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@portnet/ui",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.3",
|
|
4
4
|
"description": "Portnet UI",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -14,6 +14,8 @@
|
|
|
14
14
|
"README.md"
|
|
15
15
|
],
|
|
16
16
|
"dependencies": {
|
|
17
|
+
"@ant-design/icons": "^4.8.3",
|
|
18
|
+
"antd": "^4.24.16",
|
|
17
19
|
"@emotion/react": "^11.10.5",
|
|
18
20
|
"@emotion/styled": "^11.10.5",
|
|
19
21
|
"@mui/icons-material": "^5.10.16",
|