data-primals-engine 1.5.2 → 1.6.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.
Files changed (63) hide show
  1. package/README.md +924 -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/ModelCreatorField.jsx +950 -950
  26. package/client/src/ModelList.jsx +280 -280
  27. package/client/src/Notification.jsx +136 -136
  28. package/client/src/PackGallery.jsx +391 -391
  29. package/client/src/PackGallery.scss +231 -231
  30. package/client/src/Pagination.jsx +143 -143
  31. package/client/src/RelationField.jsx +354 -354
  32. package/client/src/RelationSelectorWidget.jsx +172 -172
  33. package/client/src/RelationValue.jsx +2 -1
  34. package/client/src/contexts/CommandContext.jsx +260 -0
  35. package/client/src/contexts/ModelContext.jsx +4 -1
  36. package/client/src/contexts/UIContext.jsx +72 -72
  37. package/client/src/filter.js +263 -263
  38. package/client/src/index.css +90 -90
  39. package/package.json +6 -5
  40. package/perf/artillery-hooks.js +37 -37
  41. package/perf/setup.yml +25 -25
  42. package/src/constants.js +4 -0
  43. package/src/engine.js +335 -335
  44. package/src/events.js +232 -137
  45. package/src/filter.js +274 -274
  46. package/src/modules/assistant/assistant.js +225 -83
  47. package/src/modules/auth-google/index.js +50 -50
  48. package/src/modules/auth-microsoft/index.js +81 -81
  49. package/src/modules/data/data.core.js +118 -118
  50. package/src/modules/data/data.history.js +555 -555
  51. package/src/modules/data/data.operations.js +3401 -3381
  52. package/src/modules/data/data.relations.js +686 -686
  53. package/src/modules/data/data.routes.js +1879 -1879
  54. package/src/modules/data/data.validation.js +2 -2
  55. package/src/modules/file.js +247 -247
  56. package/src/packs.js +2 -2
  57. package/src/providers.js +2 -2
  58. package/src/services/stripe.js +196 -196
  59. package/src/sso.js +193 -193
  60. package/test/data.history.integration.test.js +264 -264
  61. package/test/data.integration.test.js +1206 -1206
  62. package/test/events.test.js +108 -10
  63. package/test/model.integration.test.js +377 -377
@@ -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
+ }