@portnet/ui 3.0.7 → 3.1.2
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 +104 -13
- package/dist/components/common/StyledMuiButton.js +5 -3
- package/dist/components/common/StyledMuiTextField.js +52 -22
- package/dist/components/inputs/PuiSelect.js +68 -28
- package/dist/components/providers/PuiAntdProvider.js +70 -0
- package/dist/components/providers/PuiThemeProvider.js +230 -0
- package/dist/components/stepper/PuiStepContent.js +66 -0
- package/dist/components/stepper/PuiStepper.js +184 -0
- package/dist/components/stepper/PuiStepperActions.js +105 -0
- package/dist/components/table/PuiModernTable.js +427 -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/hooks/useAxios.js +1 -2
- package/dist/index.js +42 -0
- package/package.json +110 -101
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/hooks/useAxios.js
CHANGED
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() {
|
|
@@ -237,6 +249,24 @@ Object.defineProperty(exports, "PuiSpecificReferentielField", {
|
|
|
237
249
|
return _PuiSpecificReferentielField.default;
|
|
238
250
|
}
|
|
239
251
|
});
|
|
252
|
+
Object.defineProperty(exports, "PuiStepContent", {
|
|
253
|
+
enumerable: true,
|
|
254
|
+
get: function get() {
|
|
255
|
+
return _PuiStepContent.default;
|
|
256
|
+
}
|
|
257
|
+
});
|
|
258
|
+
Object.defineProperty(exports, "PuiStepper", {
|
|
259
|
+
enumerable: true,
|
|
260
|
+
get: function get() {
|
|
261
|
+
return _PuiStepper.default;
|
|
262
|
+
}
|
|
263
|
+
});
|
|
264
|
+
Object.defineProperty(exports, "PuiStepperActions", {
|
|
265
|
+
enumerable: true,
|
|
266
|
+
get: function get() {
|
|
267
|
+
return _PuiStepperActions.default;
|
|
268
|
+
}
|
|
269
|
+
});
|
|
240
270
|
Object.defineProperty(exports, "PuiTab", {
|
|
241
271
|
enumerable: true,
|
|
242
272
|
get: function get() {
|
|
@@ -267,6 +297,12 @@ Object.defineProperty(exports, "PuiTextField", {
|
|
|
267
297
|
return _PuiTextField.default;
|
|
268
298
|
}
|
|
269
299
|
});
|
|
300
|
+
Object.defineProperty(exports, "PuiThemeProvider", {
|
|
301
|
+
enumerable: true,
|
|
302
|
+
get: function get() {
|
|
303
|
+
return _PuiThemeProvider.default;
|
|
304
|
+
}
|
|
305
|
+
});
|
|
270
306
|
Object.defineProperty(exports, "PuiTooltip", {
|
|
271
307
|
enumerable: true,
|
|
272
308
|
get: function get() {
|
|
@@ -310,6 +346,8 @@ var _PuiNavigation = _interopRequireDefault(require("./components/others/PuiNavi
|
|
|
310
346
|
var _PuiSection = _interopRequireDefault(require("./components/others/PuiSection"));
|
|
311
347
|
var _PuiTooltip = _interopRequireDefault(require("./components/others/PuiTooltip"));
|
|
312
348
|
var _PuiAlertProvider = _interopRequireDefault(require("./components/providers/PuiAlertProvider"));
|
|
349
|
+
var _PuiAntdProvider = _interopRequireDefault(require("./components/providers/PuiAntdProvider"));
|
|
350
|
+
var _PuiThemeProvider = _interopRequireDefault(require("./components/providers/PuiThemeProvider"));
|
|
313
351
|
var _PuiLocalizationProvider = _interopRequireDefault(require("./components/providers/PuiLocalizationProvider"));
|
|
314
352
|
var _PuiCustomPopupReferentielField = _interopRequireDefault(require("./components/referentiel/components/PuiCustomPopupReferentielField"));
|
|
315
353
|
var _PuiSimplePopupReferentielField = _interopRequireDefault(require("./components/referentiel/components/PuiSimplePopupReferentielField"));
|
|
@@ -319,6 +357,7 @@ var _PuiReferentielProvider = _interopRequireDefault(require("./components/refer
|
|
|
319
357
|
var _PuiTab = _interopRequireDefault(require("./components/tab/PuiTab"));
|
|
320
358
|
var _PuiTabs = _interopRequireDefault(require("./components/tab/PuiTabs"));
|
|
321
359
|
var _PuiTable = _interopRequireDefault(require("./components/table/PuiTable"));
|
|
360
|
+
var _PuiModernTable = _interopRequireDefault(require("./components/table/PuiModernTable"));
|
|
322
361
|
var _PuiTableAction = _interopRequireDefault(require("./components/table/PuiTableAction"));
|
|
323
362
|
var _PuiDefinition = _interopRequireDefault(require("./components/typography/PuiDefinition"));
|
|
324
363
|
var _PuiIndication = _interopRequireDefault(require("./components/typography/PuiIndication"));
|
|
@@ -332,4 +371,7 @@ var _PuiDefaultPage = _interopRequireDefault(require("./components/ui/pages/gene
|
|
|
332
371
|
var _PuiSearchPage = _interopRequireDefault(require("./components/ui/pages/general/PuiSearchPage"));
|
|
333
372
|
var _useAlert = _interopRequireDefault(require("./hooks/useAlert"));
|
|
334
373
|
var _useQuery = _interopRequireDefault(require("./hooks/useQuery"));
|
|
374
|
+
var _PuiStepper = _interopRequireDefault(require("./components/stepper/PuiStepper"));
|
|
375
|
+
var _PuiStepContent = _interopRequireDefault(require("./components/stepper/PuiStepContent"));
|
|
376
|
+
var _PuiStepperActions = _interopRequireDefault(require("./components/stepper/PuiStepperActions"));
|
|
335
377
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
package/package.json
CHANGED
|
@@ -1,101 +1,110 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@portnet/ui",
|
|
3
|
-
"version": "3.
|
|
4
|
-
"description": "Portnet UI",
|
|
5
|
-
"keywords": [
|
|
6
|
-
"react",
|
|
7
|
-
"components",
|
|
8
|
-
"ui"
|
|
9
|
-
],
|
|
10
|
-
"main": "dist/index.js",
|
|
11
|
-
"private": false,
|
|
12
|
-
"files": [
|
|
13
|
-
"dist",
|
|
14
|
-
"README.md"
|
|
15
|
-
],
|
|
16
|
-
"dependencies": {
|
|
17
|
-
"@
|
|
18
|
-
"
|
|
19
|
-
"@
|
|
20
|
-
"@
|
|
21
|
-
"@mui/material": "^5.10.16",
|
|
22
|
-
"@mui/
|
|
23
|
-
"@mui/
|
|
24
|
-
"@mui/x-
|
|
25
|
-
"@
|
|
26
|
-
"@
|
|
27
|
-
"@testing-library/
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"react
|
|
36
|
-
"react-
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
"
|
|
61
|
-
"
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
"
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
"@babel/
|
|
83
|
-
"@
|
|
84
|
-
"@
|
|
85
|
-
"@
|
|
86
|
-
"@storybook/addon-
|
|
87
|
-
"@storybook/
|
|
88
|
-
"@storybook/
|
|
89
|
-
"@storybook/
|
|
90
|
-
"@storybook/
|
|
91
|
-
"@storybook/
|
|
92
|
-
"
|
|
93
|
-
"
|
|
94
|
-
"
|
|
95
|
-
"
|
|
96
|
-
"
|
|
97
|
-
"
|
|
98
|
-
"
|
|
99
|
-
"
|
|
100
|
-
|
|
101
|
-
|
|
1
|
+
{
|
|
2
|
+
"name": "@portnet/ui",
|
|
3
|
+
"version": "3.1.2",
|
|
4
|
+
"description": "Portnet UI",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"react",
|
|
7
|
+
"components",
|
|
8
|
+
"ui"
|
|
9
|
+
],
|
|
10
|
+
"main": "dist/index.js",
|
|
11
|
+
"private": false,
|
|
12
|
+
"files": [
|
|
13
|
+
"dist",
|
|
14
|
+
"README.md"
|
|
15
|
+
],
|
|
16
|
+
"dependencies": {
|
|
17
|
+
"@ant-design/icons": "^4.8.3",
|
|
18
|
+
"antd": "^4.24.16",
|
|
19
|
+
"@emotion/react": "^11.10.5",
|
|
20
|
+
"@emotion/styled": "^11.10.5",
|
|
21
|
+
"@mui/icons-material": "^5.10.16",
|
|
22
|
+
"@mui/lab": "^5.0.0-alpha.60",
|
|
23
|
+
"@mui/material": "^5.10.16",
|
|
24
|
+
"@mui/x-data-grid": "^5.17.26",
|
|
25
|
+
"@mui/x-data-grid-pro": "^5.17.26",
|
|
26
|
+
"@mui/x-date-pickers": "^5.0.4",
|
|
27
|
+
"@testing-library/jest-dom": "^5.16.5",
|
|
28
|
+
"@testing-library/react": "^13.4.0",
|
|
29
|
+
"@testing-library/user-event": "^13.5.0",
|
|
30
|
+
"axios": "^0.27.2",
|
|
31
|
+
"formik": "^2.2.9",
|
|
32
|
+
"lodash": "^4.17.21",
|
|
33
|
+
"moment": "^2.29.4",
|
|
34
|
+
"moment-timezone": "^0.5.45",
|
|
35
|
+
"react": "^18.2.0",
|
|
36
|
+
"react-dom": "^18.2.0",
|
|
37
|
+
"react-scripts": "^5.0.1",
|
|
38
|
+
"react-transition-group": "^4.4.5",
|
|
39
|
+
"styled-components": "^6.1.3",
|
|
40
|
+
"uuid": "^9.0.0",
|
|
41
|
+
"web-vitals": "^2.1.4",
|
|
42
|
+
"yup": "^0.32.11"
|
|
43
|
+
},
|
|
44
|
+
"scripts": {
|
|
45
|
+
"start": "react-scripts start",
|
|
46
|
+
"build": "rimraf dist && cross-env NODE_ENV=production babel src/lib --out-dir dist --copy-files",
|
|
47
|
+
"test": "react-scripts test",
|
|
48
|
+
"eject": "react-scripts eject",
|
|
49
|
+
"storybook": "storybook dev -p 6006",
|
|
50
|
+
"build-storybook": "storybook build"
|
|
51
|
+
},
|
|
52
|
+
"eslintConfig": {
|
|
53
|
+
"extends": [
|
|
54
|
+
"react-app",
|
|
55
|
+
"react-app/jest",
|
|
56
|
+
"plugin:storybook/recommended"
|
|
57
|
+
],
|
|
58
|
+
"overrides": [
|
|
59
|
+
{
|
|
60
|
+
"files": [
|
|
61
|
+
"**/*.stories.*"
|
|
62
|
+
],
|
|
63
|
+
"rules": {
|
|
64
|
+
"import/no-anonymous-default-export": "off"
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
]
|
|
68
|
+
},
|
|
69
|
+
"browserslist": {
|
|
70
|
+
"production": [
|
|
71
|
+
">0.2%",
|
|
72
|
+
"not dead",
|
|
73
|
+
"not op_mini all"
|
|
74
|
+
],
|
|
75
|
+
"development": [
|
|
76
|
+
"last 1 chrome version",
|
|
77
|
+
"last 1 firefox version",
|
|
78
|
+
"last 1 safari version"
|
|
79
|
+
]
|
|
80
|
+
},
|
|
81
|
+
"devDependencies": {
|
|
82
|
+
"@babel/cli": "^7.19.3",
|
|
83
|
+
"@babel/core": "^7.20.5",
|
|
84
|
+
"@babel/preset-env": "^7.20.2",
|
|
85
|
+
"@babel/preset-react": "^7.18.6",
|
|
86
|
+
"@storybook/addon-actions": "^7.6.20",
|
|
87
|
+
"@storybook/addon-docs": "^7.6.20",
|
|
88
|
+
"@storybook/addon-essentials": "^7.6.20",
|
|
89
|
+
"@storybook/addon-interactions": "^7.6.20",
|
|
90
|
+
"@storybook/addon-links": "^7.6.20",
|
|
91
|
+
"@storybook/jest": "^0.2.2",
|
|
92
|
+
"@storybook/node-logger": "^7.6.20",
|
|
93
|
+
"@storybook/preset-create-react-app": "^7.6.20",
|
|
94
|
+
"@storybook/react": "^7.6.20",
|
|
95
|
+
"@storybook/react-webpack5": "^7.6.20",
|
|
96
|
+
"@storybook/testing-library": "^0.2.2",
|
|
97
|
+
"ajv": "^8.17.1",
|
|
98
|
+
"ajv-keywords": "^5.1.0",
|
|
99
|
+
"cross-env": "^7.0.3",
|
|
100
|
+
"css-minimizer-webpack-plugin": "^7.0.2",
|
|
101
|
+
"eslint-plugin-storybook": "^0.6.15",
|
|
102
|
+
"fork-ts-checker-webpack-plugin": "^8.0.0",
|
|
103
|
+
"husky": "^4.3.8",
|
|
104
|
+
"prop-types": "^15.8.1",
|
|
105
|
+
"react-refresh": "^0.17.0",
|
|
106
|
+
"rimraf": "^5.0.5",
|
|
107
|
+
"storybook": "^7.6.20",
|
|
108
|
+
"webpack": "^5.75.0"
|
|
109
|
+
}
|
|
110
|
+
}
|