data-primals-engine 1.5.2 → 1.6.1

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.
Files changed (70) hide show
  1. package/README.md +938 -915
  2. package/client/README.md +136 -136
  3. package/client/index.js +0 -1
  4. package/client/public/doc/API.postman_collection.json +213 -213
  5. package/client/public/react.svg +9 -9
  6. package/client/src/AddWidgetTypeModal.jsx +47 -47
  7. package/client/src/App.css +42 -42
  8. package/client/src/App.jsx +92 -150
  9. package/client/src/App.scss +6 -0
  10. package/client/src/AssistantChat.jsx +362 -363
  11. package/client/src/Button.jsx +12 -12
  12. package/client/src/Dashboard.jsx +480 -480
  13. package/client/src/DashboardHtmlViewItem.jsx +146 -146
  14. package/client/src/DashboardView.jsx +654 -654
  15. package/client/src/DataEditor.jsx +383 -383
  16. package/client/src/DataLayout.jsx +779 -808
  17. package/client/src/DataTable.jsx +782 -822
  18. package/client/src/DataTable.scss +186 -186
  19. package/client/src/GeolocationField.jsx +93 -93
  20. package/client/src/HistoryDialog.jsx +307 -307
  21. package/client/src/HistoryDialog.scss +319 -319
  22. package/client/src/HtmlViewBuilderModal.jsx +90 -90
  23. package/client/src/HtmlViewBuilderModal.scss +17 -17
  24. package/client/src/HtmlViewCard.jsx +43 -43
  25. package/client/src/ModelCreator.jsx +683 -686
  26. package/client/src/ModelCreator.scss +1 -1
  27. package/client/src/ModelCreatorField.jsx +950 -950
  28. package/client/src/ModelImporter.jsx +3 -0
  29. package/client/src/ModelList.jsx +280 -280
  30. package/client/src/Notification.jsx +136 -136
  31. package/client/src/PackGallery.jsx +391 -391
  32. package/client/src/PackGallery.scss +231 -231
  33. package/client/src/Pagination.jsx +143 -143
  34. package/client/src/RelationField.jsx +354 -354
  35. package/client/src/RelationSelectorWidget.jsx +172 -172
  36. package/client/src/RelationValue.jsx +2 -1
  37. package/client/src/contexts/CommandContext.jsx +260 -0
  38. package/client/src/contexts/ModelContext.jsx +4 -1
  39. package/client/src/contexts/UIContext.jsx +72 -72
  40. package/client/src/filter.js +263 -263
  41. package/client/src/index.css +90 -90
  42. package/package.json +6 -5
  43. package/perf/artillery-hooks.js +37 -37
  44. package/perf/setup.yml +25 -25
  45. package/src/constants.js +4 -0
  46. package/src/defaultModels.js +7 -0
  47. package/src/engine.js +335 -335
  48. package/src/events.js +232 -137
  49. package/src/filter.js +274 -274
  50. package/src/index.js +1 -0
  51. package/src/modules/assistant/assistant.js +225 -83
  52. package/src/modules/auth-google/index.js +50 -50
  53. package/src/modules/auth-microsoft/index.js +81 -81
  54. package/src/modules/data/data.core.js +118 -118
  55. package/src/modules/data/data.history.js +555 -555
  56. package/src/modules/data/data.operations.js +112 -9
  57. package/src/modules/data/data.relations.js +686 -686
  58. package/src/modules/data/data.routes.js +1879 -1879
  59. package/src/modules/data/data.validation.js +2 -2
  60. package/src/modules/file.js +247 -247
  61. package/src/modules/user.js +14 -9
  62. package/src/packs.js +2 -2
  63. package/src/providers.js +2 -2
  64. package/src/services/stripe.js +196 -196
  65. package/src/sso.js +193 -193
  66. package/test/data.history.integration.test.js +264 -264
  67. package/test/data.integration.test.js +1281 -1206
  68. package/test/events.test.js +108 -10
  69. package/test/model.integration.test.js +377 -377
  70. package/test/user.test.js +106 -1
@@ -1,214 +1,214 @@
1
- {
2
- "info": {
3
- "_postman_id": "4cafd155-48e1-4b6d-84a5-15290eee57af",
4
- "name": "PROD",
5
- "schema": "https://schema.getpostman.com/json/collection/v2.1.0/collection.json",
6
- "_exporter_id": "42951162"
7
- },
8
- "item": [
9
- {
10
- "name": "Create a model",
11
- "request": {
12
- "method": "POST",
13
- "header": [],
14
- "body": {
15
- "mode": "raw",
16
- "raw": "{\r\n \"name\": \"dashboard\",\r\n \"description\": \"Configuration d'un tableau de bord personnalisé par l'utilisateur.\",\r\n \"maxRequestData\": 50,\r\n \"fields\": [\r\n {\r\n \"name\": \"name\",\r\n \"type\": \"string\",\r\n \"required\": true,\r\n \"hint\": \"Nom affiché et personnalisable du tableau de bord.\",\r\n \"locked\": null\r\n },\r\n {\r\n \"name\": \"description\",\r\n \"type\": \"string\",\r\n \"hint\": \"Description facultative pour donner plus de contexte au tableau de bord.\",\r\n \"locked\": null\r\n },\r\n {\r\n \"name\": \"layout\",\r\n \"type\": \"code\",\r\n \"language\": \"json\",\r\n \"required\": true,\r\n \"default\": \"{ \\\"type\\\": \\\"columns\\\", \\\"columns\\\": [] }\",\r\n \"hint\": \"Structure JSON décrivant l'organisation des KPIs. Exemple : { \\\"type\\\": \\\"columns\\\", \\\"columns\\\": [ [\\\"kpi_id_1\\\"], [\\\"kpi_id_2\\\", \\\"kpi_id_3\\\"] ] }.\",\r\n \"locked\": null\r\n },\r\n {\r\n \"name\": \"settings\",\r\n \"type\": \"code\",\r\n \"language\": \"json\",\r\n \"default\": \"{ \\\"defaultTimeRange\\\": \\\"last_7_days\\\", \\\"refreshInterval\\\": null }\",\r\n \"hint\": \"Paramètres JSON pour le tableau de bord, comme la plage de temps par défaut ('defaultTimeRange') ou l'intervalle de rafraîchissement en secondes ('refreshInterval').\",\r\n \"locked\": null\r\n },\r\n {\r\n \"name\": \"isDefault\",\r\n \"type\": \"boolean\",\r\n \"default\": false,\r\n \"hint\": \"Si 'true', ce tableau de bord est affiché par défaut pour l'utilisateur.\",\r\n \"locked\": null\r\n }\r\n ]\r\n}",
17
- "options": {
18
- "raw": {
19
- "language": "json"
20
- }
21
- }
22
- },
23
- "url": {
24
- "raw": "https://data.primals.net/api/model?_user=demo",
25
- "protocol": "https",
26
- "host": [
27
- "data",
28
- "primals",
29
- "net"
30
- ],
31
- "path": [
32
- "api",
33
- "model"
34
- ],
35
- "query": [
36
- {
37
- "key": "_user",
38
- "value": "demo"
39
- }
40
- ]
41
- }
42
- },
43
- "response": []
44
- },
45
- {
46
- "name": "Import a list of models",
47
- "request": {
48
- "method": "POST",
49
- "header": [],
50
- "body": {
51
- "mode": "raw",
52
- "raw": "{ \"models\" : [ \"translation\" ]}",
53
- "options": {
54
- "raw": {
55
- "language": "json"
56
- }
57
- }
58
- },
59
- "url": {
60
- "raw": "https://data.primals.net/api/models/import?_user=demo",
61
- "protocol": "https",
62
- "host": [
63
- "data",
64
- "primals",
65
- "net"
66
- ],
67
- "path": [
68
- "api",
69
- "models",
70
- "import"
71
- ],
72
- "query": [
73
- {
74
- "key": "_user",
75
- "value": "demo"
76
- },
77
- {
78
- "key": "",
79
- "value": null,
80
- "disabled": true
81
- }
82
- ]
83
- }
84
- },
85
- "response": []
86
- },
87
- {
88
- "name": "Add data to a model",
89
- "request": {
90
- "method": "POST",
91
- "header": [],
92
- "body": {
93
- "mode": "raw",
94
- "raw": "{\r\n \"model\": \"dashboard\",\r\n \"data\": {\r\n \"name\": \"Dashboard 1\",\r\n \"layout\": {}\r\n }\r\n}",
95
- "options": {
96
- "raw": {
97
- "language": "json"
98
- }
99
- }
100
- },
101
- "url": {
102
- "raw": "https://data.primals.net/api/data?_user=demo",
103
- "protocol": "https",
104
- "host": [
105
- "data",
106
- "primals",
107
- "net"
108
- ],
109
- "path": [
110
- "api",
111
- "data"
112
- ],
113
- "query": [
114
- {
115
- "key": "_user",
116
- "value": "demo"
117
- }
118
- ]
119
- }
120
- },
121
- "response": []
122
- },
123
- {
124
- "name": "Raw filtering",
125
- "request": {
126
- "method": "POST",
127
- "header": [],
128
- "body": {
129
- "mode": "raw",
130
- "raw": "{\"filter\":{\r\n \"key\": \"createaccount.content\",\r\n \"lang\": {\"$find\":{\"$and\":[\r\n {\"$or\":[\r\n {\"$and\":[\r\n {\"$regexMatch\":{\"input\":\"$$this.name\",\"regex\":\"en\"}}\r\n ]},{\"$regexMatch\":{\"input\":\"$$this.code\",\"regex\":\"en\"}}\r\n ]}\r\n ]}} \r\n}}",
131
- "options": {
132
- "raw": {
133
- "language": "json"
134
- }
135
- }
136
- },
137
- "url": {
138
- "raw": "https://data.primals.net/api/data/search?model=translation&_user=demo&depth=1",
139
- "protocol": "https",
140
- "host": [
141
- "data",
142
- "primals",
143
- "net"
144
- ],
145
- "path": [
146
- "api",
147
- "data",
148
- "search"
149
- ],
150
- "query": [
151
- {
152
- "key": "model",
153
- "value": "translation"
154
- },
155
- {
156
- "key": "_user",
157
- "value": "demo"
158
- },
159
- {
160
- "key": "depth",
161
- "value": "1"
162
- }
163
- ]
164
- }
165
- },
166
- "response": []
167
- },
168
- {
169
- "name": "Big data filtering",
170
- "request": {
171
- "method": "POST",
172
- "header": [],
173
- "body": {
174
- "mode": "raw",
175
- "raw": "{\r\n \"filter\": {\r\n \"$find\": [\"recipient\", \r\n {\"$find\": [\"roles\", {\"$eq\": [\"$$this.name\", \"reg\"]}]}\r\n ]\r\n }\r\n}",
176
- "options": {
177
- "raw": {
178
- "language": "json"
179
- }
180
- }
181
- },
182
- "url": {
183
- "raw": "https://data.primals.net/api/data/search?model=message&_user=demo&depth=6",
184
- "protocol": "https",
185
- "host": [
186
- "data",
187
- "primals",
188
- "net"
189
- ],
190
- "path": [
191
- "api",
192
- "data",
193
- "search"
194
- ],
195
- "query": [
196
- {
197
- "key": "model",
198
- "value": "message"
199
- },
200
- {
201
- "key": "_user",
202
- "value": "demo"
203
- },
204
- {
205
- "key": "depth",
206
- "value": "6"
207
- }
208
- ]
209
- }
210
- },
211
- "response": []
212
- }
213
- ]
1
+ {
2
+ "info": {
3
+ "_postman_id": "4cafd155-48e1-4b6d-84a5-15290eee57af",
4
+ "name": "PROD",
5
+ "schema": "https://schema.getpostman.com/json/collection/v2.1.0/collection.json",
6
+ "_exporter_id": "42951162"
7
+ },
8
+ "item": [
9
+ {
10
+ "name": "Create a model",
11
+ "request": {
12
+ "method": "POST",
13
+ "header": [],
14
+ "body": {
15
+ "mode": "raw",
16
+ "raw": "{\r\n \"name\": \"dashboard\",\r\n \"description\": \"Configuration d'un tableau de bord personnalisé par l'utilisateur.\",\r\n \"maxRequestData\": 50,\r\n \"fields\": [\r\n {\r\n \"name\": \"name\",\r\n \"type\": \"string\",\r\n \"required\": true,\r\n \"hint\": \"Nom affiché et personnalisable du tableau de bord.\",\r\n \"locked\": null\r\n },\r\n {\r\n \"name\": \"description\",\r\n \"type\": \"string\",\r\n \"hint\": \"Description facultative pour donner plus de contexte au tableau de bord.\",\r\n \"locked\": null\r\n },\r\n {\r\n \"name\": \"layout\",\r\n \"type\": \"code\",\r\n \"language\": \"json\",\r\n \"required\": true,\r\n \"default\": \"{ \\\"type\\\": \\\"columns\\\", \\\"columns\\\": [] }\",\r\n \"hint\": \"Structure JSON décrivant l'organisation des KPIs. Exemple : { \\\"type\\\": \\\"columns\\\", \\\"columns\\\": [ [\\\"kpi_id_1\\\"], [\\\"kpi_id_2\\\", \\\"kpi_id_3\\\"] ] }.\",\r\n \"locked\": null\r\n },\r\n {\r\n \"name\": \"settings\",\r\n \"type\": \"code\",\r\n \"language\": \"json\",\r\n \"default\": \"{ \\\"defaultTimeRange\\\": \\\"last_7_days\\\", \\\"refreshInterval\\\": null }\",\r\n \"hint\": \"Paramètres JSON pour le tableau de bord, comme la plage de temps par défaut ('defaultTimeRange') ou l'intervalle de rafraîchissement en secondes ('refreshInterval').\",\r\n \"locked\": null\r\n },\r\n {\r\n \"name\": \"isDefault\",\r\n \"type\": \"boolean\",\r\n \"default\": false,\r\n \"hint\": \"Si 'true', ce tableau de bord est affiché par défaut pour l'utilisateur.\",\r\n \"locked\": null\r\n }\r\n ]\r\n}",
17
+ "options": {
18
+ "raw": {
19
+ "language": "json"
20
+ }
21
+ }
22
+ },
23
+ "url": {
24
+ "raw": "https://data.primals.net/api/model?_user=demo",
25
+ "protocol": "https",
26
+ "host": [
27
+ "data",
28
+ "primals",
29
+ "net"
30
+ ],
31
+ "path": [
32
+ "api",
33
+ "model"
34
+ ],
35
+ "query": [
36
+ {
37
+ "key": "_user",
38
+ "value": "demo"
39
+ }
40
+ ]
41
+ }
42
+ },
43
+ "response": []
44
+ },
45
+ {
46
+ "name": "Import a list of models",
47
+ "request": {
48
+ "method": "POST",
49
+ "header": [],
50
+ "body": {
51
+ "mode": "raw",
52
+ "raw": "{ \"models\" : [ \"translation\" ]}",
53
+ "options": {
54
+ "raw": {
55
+ "language": "json"
56
+ }
57
+ }
58
+ },
59
+ "url": {
60
+ "raw": "https://data.primals.net/api/models/import?_user=demo",
61
+ "protocol": "https",
62
+ "host": [
63
+ "data",
64
+ "primals",
65
+ "net"
66
+ ],
67
+ "path": [
68
+ "api",
69
+ "models",
70
+ "import"
71
+ ],
72
+ "query": [
73
+ {
74
+ "key": "_user",
75
+ "value": "demo"
76
+ },
77
+ {
78
+ "key": "",
79
+ "value": null,
80
+ "disabled": true
81
+ }
82
+ ]
83
+ }
84
+ },
85
+ "response": []
86
+ },
87
+ {
88
+ "name": "Add data to a model",
89
+ "request": {
90
+ "method": "POST",
91
+ "header": [],
92
+ "body": {
93
+ "mode": "raw",
94
+ "raw": "{\r\n \"model\": \"dashboard\",\r\n \"data\": {\r\n \"name\": \"Dashboard 1\",\r\n \"layout\": {}\r\n }\r\n}",
95
+ "options": {
96
+ "raw": {
97
+ "language": "json"
98
+ }
99
+ }
100
+ },
101
+ "url": {
102
+ "raw": "https://data.primals.net/api/data?_user=demo",
103
+ "protocol": "https",
104
+ "host": [
105
+ "data",
106
+ "primals",
107
+ "net"
108
+ ],
109
+ "path": [
110
+ "api",
111
+ "data"
112
+ ],
113
+ "query": [
114
+ {
115
+ "key": "_user",
116
+ "value": "demo"
117
+ }
118
+ ]
119
+ }
120
+ },
121
+ "response": []
122
+ },
123
+ {
124
+ "name": "Raw filtering",
125
+ "request": {
126
+ "method": "POST",
127
+ "header": [],
128
+ "body": {
129
+ "mode": "raw",
130
+ "raw": "{\"filter\":{\r\n \"key\": \"createaccount.content\",\r\n \"lang\": {\"$find\":{\"$and\":[\r\n {\"$or\":[\r\n {\"$and\":[\r\n {\"$regexMatch\":{\"input\":\"$$this.name\",\"regex\":\"en\"}}\r\n ]},{\"$regexMatch\":{\"input\":\"$$this.code\",\"regex\":\"en\"}}\r\n ]}\r\n ]}} \r\n}}",
131
+ "options": {
132
+ "raw": {
133
+ "language": "json"
134
+ }
135
+ }
136
+ },
137
+ "url": {
138
+ "raw": "https://data.primals.net/api/data/search?model=translation&_user=demo&depth=1",
139
+ "protocol": "https",
140
+ "host": [
141
+ "data",
142
+ "primals",
143
+ "net"
144
+ ],
145
+ "path": [
146
+ "api",
147
+ "data",
148
+ "search"
149
+ ],
150
+ "query": [
151
+ {
152
+ "key": "model",
153
+ "value": "translation"
154
+ },
155
+ {
156
+ "key": "_user",
157
+ "value": "demo"
158
+ },
159
+ {
160
+ "key": "depth",
161
+ "value": "1"
162
+ }
163
+ ]
164
+ }
165
+ },
166
+ "response": []
167
+ },
168
+ {
169
+ "name": "Big data filtering",
170
+ "request": {
171
+ "method": "POST",
172
+ "header": [],
173
+ "body": {
174
+ "mode": "raw",
175
+ "raw": "{\r\n \"filter\": {\r\n \"$find\": [\"recipient\", \r\n {\"$find\": [\"roles\", {\"$eq\": [\"$$this.name\", \"reg\"]}]}\r\n ]\r\n }\r\n}",
176
+ "options": {
177
+ "raw": {
178
+ "language": "json"
179
+ }
180
+ }
181
+ },
182
+ "url": {
183
+ "raw": "https://data.primals.net/api/data/search?model=message&_user=demo&depth=6",
184
+ "protocol": "https",
185
+ "host": [
186
+ "data",
187
+ "primals",
188
+ "net"
189
+ ],
190
+ "path": [
191
+ "api",
192
+ "data",
193
+ "search"
194
+ ],
195
+ "query": [
196
+ {
197
+ "key": "model",
198
+ "value": "message"
199
+ },
200
+ {
201
+ "key": "_user",
202
+ "value": "demo"
203
+ },
204
+ {
205
+ "key": "depth",
206
+ "value": "6"
207
+ }
208
+ ]
209
+ }
210
+ },
211
+ "response": []
212
+ }
213
+ ]
214
214
  }
@@ -1,9 +1,9 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="-11.5 -10.23174 23 20.46348">
2
- <title>React Logo</title>
3
- <circle cx="0" cy="0" r="2.05" fill="#61dafb"/>
4
- <g stroke="#61dafb" stroke-width="1" fill="none">
5
- <ellipse rx="11" ry="4.2"/>
6
- <ellipse rx="11" ry="4.2" transform="rotate(60)"/>
7
- <ellipse rx="11" ry="4.2" transform="rotate(120)"/>
8
- </g>
9
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="-11.5 -10.23174 23 20.46348">
2
+ <title>React Logo</title>
3
+ <circle cx="0" cy="0" r="2.05" fill="#61dafb"/>
4
+ <g stroke="#61dafb" stroke-width="1" fill="none">
5
+ <ellipse rx="11" ry="4.2"/>
6
+ <ellipse rx="11" ry="4.2" transform="rotate(60)"/>
7
+ <ellipse rx="11" ry="4.2" transform="rotate(120)"/>
8
+ </g>
9
+ </svg>
@@ -1,48 +1,48 @@
1
- // src/components/AddWidgetTypeModal.jsx
2
- import React from 'react';
3
- import PropTypes from 'prop-types';
4
- import { useTranslation } from 'react-i18next';
5
- import { FaChartBar, FaTachometerAlt, FaThLarge, FaFileCode } from 'react-icons/fa';
6
- import './AddWidgetTypeModal.scss';
7
- import {Dialog} from "./Dialog.jsx"; // Créez ce fichier SCSS
8
-
9
- const AddWidgetTypeModal = ({ onClose, onSelectType }) => {
10
- const { t } = useTranslation();
11
-
12
- return (
13
- <Dialog className={"add-widget-type-modal-content"} isModal={true} isClosable={true} onClose={onClose} title={t('dashboard.addWidgetTitle', 'Ajouter un élément au tableau de bord')}>
14
- <>
15
- <div className="flex widget-type-options">
16
- <button onClick={() => onSelectType('KPI')} className="widget-type-button">
17
- <FaTachometerAlt size={40} />
18
- <span>{t('dashboard.addKPI', 'Ajouter un KPI')}</span>
19
- </button>
20
- <button onClick={() => onSelectType('Chart')} className="widget-type-button">
21
- <FaChartBar size={40} />
22
- <span>{t('dashboard.addChart', 'Ajouter un Graphique')}</span>
23
- </button>
24
- <button disabled={false} onClick={() => onSelectType('FlexView')} className="widget-type-button">
25
- <FaThLarge size={40} />
26
- <span>{t('dashboard.addFlexView', 'Ajouter une Vue Flex')}</span>
27
- </button>
28
- <button onClick={() => onSelectType('HtmlView')} className="widget-type-button">
29
- <FaFileCode size={40} />
30
- <span>{t('dashboard.addHtmlView', 'Ajouter une Vue HTML')}</span>
31
- </button>
32
- </div>
33
- <div className={"flex actions center"}>
34
- <button onClick={onClose} className="btn-close-modal">
35
- {t('btns.cancel', 'Annuler')}
36
- </button>
37
- </div>
38
- </>
39
- </Dialog>
40
- );
41
- };
42
-
43
- AddWidgetTypeModal.propTypes = {
44
- onClose: PropTypes.func.isRequired,
45
- onSelectType: PropTypes.func.isRequired,
46
- };
47
-
1
+ // src/components/AddWidgetTypeModal.jsx
2
+ import React from 'react';
3
+ import PropTypes from 'prop-types';
4
+ import { useTranslation } from 'react-i18next';
5
+ import { FaChartBar, FaTachometerAlt, FaThLarge, FaFileCode } from 'react-icons/fa';
6
+ import './AddWidgetTypeModal.scss';
7
+ import {Dialog} from "./Dialog.jsx"; // Créez ce fichier SCSS
8
+
9
+ const AddWidgetTypeModal = ({ onClose, onSelectType }) => {
10
+ const { t } = useTranslation();
11
+
12
+ return (
13
+ <Dialog className={"add-widget-type-modal-content"} isModal={true} isClosable={true} onClose={onClose} title={t('dashboard.addWidgetTitle', 'Ajouter un élément au tableau de bord')}>
14
+ <>
15
+ <div className="flex widget-type-options">
16
+ <button onClick={() => onSelectType('KPI')} className="widget-type-button">
17
+ <FaTachometerAlt size={40} />
18
+ <span>{t('dashboard.addKPI', 'Ajouter un KPI')}</span>
19
+ </button>
20
+ <button onClick={() => onSelectType('Chart')} className="widget-type-button">
21
+ <FaChartBar size={40} />
22
+ <span>{t('dashboard.addChart', 'Ajouter un Graphique')}</span>
23
+ </button>
24
+ <button disabled={false} onClick={() => onSelectType('FlexView')} className="widget-type-button">
25
+ <FaThLarge size={40} />
26
+ <span>{t('dashboard.addFlexView', 'Ajouter une Vue Flex')}</span>
27
+ </button>
28
+ <button onClick={() => onSelectType('HtmlView')} className="widget-type-button">
29
+ <FaFileCode size={40} />
30
+ <span>{t('dashboard.addHtmlView', 'Ajouter une Vue HTML')}</span>
31
+ </button>
32
+ </div>
33
+ <div className={"flex actions center"}>
34
+ <button onClick={onClose} className="btn-close-modal">
35
+ {t('btns.cancel', 'Annuler')}
36
+ </button>
37
+ </div>
38
+ </>
39
+ </Dialog>
40
+ );
41
+ };
42
+
43
+ AddWidgetTypeModal.propTypes = {
44
+ onClose: PropTypes.func.isRequired,
45
+ onSelectType: PropTypes.func.isRequired,
46
+ };
47
+
48
48
  export default AddWidgetTypeModal;
@@ -1,42 +1,42 @@
1
- #root {
2
- max-width: 1280px;
3
- margin: 0 auto;
4
- padding: 2rem;
5
- text-align: center;
6
- }
7
-
8
- .logo {
9
- height: 6em;
10
- padding: 1.5em;
11
- will-change: filter;
12
- transition: filter 300ms;
13
- }
14
- .logo:hover {
15
- filter: drop-shadow(0 0 2em #646cffaa);
16
- }
17
- .logo.react:hover {
18
- filter: drop-shadow(0 0 2em #61dafbaa);
19
- }
20
-
21
- @keyframes logo-spin {
22
- from {
23
- transform: rotate(0deg);
24
- }
25
- to {
26
- transform: rotate(360deg);
27
- }
28
- }
29
-
30
- @media (prefers-reduced-motion: no-preference) {
31
- a:nth-of-type(2) .logo {
32
- animation: logo-spin infinite 20s linear;
33
- }
34
- }
35
-
36
- .card {
37
- padding: 2em;
38
- }
39
-
40
- .read-the-docs {
41
- color: #888;
42
- }
1
+ #root {
2
+ max-width: 1280px;
3
+ margin: 0 auto;
4
+ padding: 2rem;
5
+ text-align: center;
6
+ }
7
+
8
+ .logo {
9
+ height: 6em;
10
+ padding: 1.5em;
11
+ will-change: filter;
12
+ transition: filter 300ms;
13
+ }
14
+ .logo:hover {
15
+ filter: drop-shadow(0 0 2em #646cffaa);
16
+ }
17
+ .logo.react:hover {
18
+ filter: drop-shadow(0 0 2em #61dafbaa);
19
+ }
20
+
21
+ @keyframes logo-spin {
22
+ from {
23
+ transform: rotate(0deg);
24
+ }
25
+ to {
26
+ transform: rotate(360deg);
27
+ }
28
+ }
29
+
30
+ @media (prefers-reduced-motion: no-preference) {
31
+ a:nth-of-type(2) .logo {
32
+ animation: logo-spin infinite 20s linear;
33
+ }
34
+ }
35
+
36
+ .card {
37
+ padding: 2em;
38
+ }
39
+
40
+ .read-the-docs {
41
+ color: #888;
42
+ }