@cdc/editor 4.24.9 → 4.24.11
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/LICENSE +201 -0
- package/dist/cdceditor.js +85431 -219914
- package/package.json +9 -9
- package/src/CdcEditor.tsx +4 -1
- package/src/_stories/Editor.stories.tsx +19 -0
- package/src/components/ChooseTab.tsx +368 -273
- package/src/components/ConfigureTab.tsx +13 -8
- package/src/components/DataImport.tsx +134 -38
- package/src/components/PreviewDataTable.tsx +97 -45
- package/src/coreStyles_editor.scss +2 -0
- package/src/index.jsx +1 -0
- package/src/scss/_variables.scss +0 -2
- package/src/scss/choose-vis-tab.scss +14 -8
- package/src/scss/data-import.scss +31 -25
- package/src/scss/main.scss +4 -10
- package/src/scss/configure-tab.scss +0 -0
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
background: #fff;
|
|
8
8
|
padding: $gbl-padding;
|
|
9
9
|
width: 50%;
|
|
10
|
-
border-right:
|
|
10
|
+
border-right: var(--lightGray) 1px solid;
|
|
11
11
|
position: fixed;
|
|
12
12
|
bottom: 0;
|
|
13
13
|
left: 0;
|
|
@@ -36,25 +36,25 @@
|
|
|
36
36
|
list-style: none;
|
|
37
37
|
padding: 0.6rem 0;
|
|
38
38
|
flex-grow: 1;
|
|
39
|
-
border-bottom:
|
|
40
|
-
color:
|
|
39
|
+
border-bottom: var(--lightGray) 1px solid;
|
|
40
|
+
color: var(--mediumGray);
|
|
41
41
|
align-items: center;
|
|
42
42
|
svg {
|
|
43
43
|
margin-right: 0.3em;
|
|
44
44
|
}
|
|
45
45
|
&:hover {
|
|
46
|
-
border-bottom-color:
|
|
46
|
+
border-bottom-color: var(--mediumGray);
|
|
47
47
|
}
|
|
48
48
|
&.active {
|
|
49
49
|
border-bottom-width: 5px;
|
|
50
|
-
border-bottom-color:
|
|
51
|
-
color:
|
|
50
|
+
border-bottom-color: var(--mediumGray);
|
|
51
|
+
color: var(--darkGray);
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
|
|
55
55
|
.tab-content {
|
|
56
56
|
padding-top: $gbl-padding;
|
|
57
|
-
border-top: 1px solid
|
|
57
|
+
border-top: 1px solid var(--baseColor);
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
60
|
table {
|
|
@@ -69,29 +69,25 @@
|
|
|
69
69
|
white-space: nowrap;
|
|
70
70
|
text-overflow: ellipsis;
|
|
71
71
|
overflow: hidden;
|
|
72
|
-
max-width: 40px;
|
|
73
72
|
|
|
74
73
|
button {
|
|
75
74
|
font-size: 11pt;
|
|
76
75
|
}
|
|
77
76
|
}
|
|
78
|
-
td:last-child {
|
|
79
|
-
max-width: 10px;
|
|
80
|
-
}
|
|
81
77
|
}
|
|
82
78
|
.cdcdataviz-file-selector {
|
|
83
79
|
padding: 1rem 3rem;
|
|
84
80
|
text-align: center;
|
|
85
|
-
border:
|
|
81
|
+
border: var(--lightGray) 2px dashed;
|
|
86
82
|
border-radius: 0.2rem;
|
|
87
83
|
cursor: pointer;
|
|
88
84
|
font-size: 1em;
|
|
89
|
-
color:
|
|
85
|
+
color: var(--mediumGray);
|
|
90
86
|
transition: 0.1s all;
|
|
91
87
|
svg {
|
|
92
88
|
max-width: 35px;
|
|
93
89
|
margin: 0 auto 0.5em;
|
|
94
|
-
color:
|
|
90
|
+
color: var(--baseColor);
|
|
95
91
|
transition: 0.1s all;
|
|
96
92
|
path {
|
|
97
93
|
fill: currentColor;
|
|
@@ -106,7 +102,7 @@
|
|
|
106
102
|
}
|
|
107
103
|
span {
|
|
108
104
|
white-space: pre;
|
|
109
|
-
color:
|
|
105
|
+
color: var(--blue);
|
|
110
106
|
text-decoration: underline;
|
|
111
107
|
}
|
|
112
108
|
}
|
|
@@ -114,13 +110,10 @@
|
|
|
114
110
|
font-size: 0.8rem;
|
|
115
111
|
font-style: italic;
|
|
116
112
|
margin: 1em 0 2em 0;
|
|
117
|
-
color:
|
|
118
|
-
}
|
|
119
|
-
.btn {
|
|
120
|
-
display: inline-block;
|
|
121
|
-
margin: 1em 0;
|
|
113
|
+
color: var(--mediumGray);
|
|
122
114
|
}
|
|
123
115
|
.btn.active {
|
|
116
|
+
$primary: #005eaa;
|
|
124
117
|
background: darken($primary, 15%);
|
|
125
118
|
}
|
|
126
119
|
.input-group {
|
|
@@ -134,7 +127,7 @@
|
|
|
134
127
|
|
|
135
128
|
.keep-url {
|
|
136
129
|
font-size: 0.8rem;
|
|
137
|
-
color:
|
|
130
|
+
color: var(--mediumGray);
|
|
138
131
|
}
|
|
139
132
|
|
|
140
133
|
.sample-data-list {
|
|
@@ -142,7 +135,7 @@
|
|
|
142
135
|
list-style: none;
|
|
143
136
|
li {
|
|
144
137
|
margin-top: 0.3rem;
|
|
145
|
-
color:
|
|
138
|
+
color: var(--blue);
|
|
146
139
|
text-decoration: underline;
|
|
147
140
|
cursor: pointer;
|
|
148
141
|
}
|
|
@@ -184,7 +177,8 @@
|
|
|
184
177
|
display: block;
|
|
185
178
|
}
|
|
186
179
|
|
|
187
|
-
select,
|
|
180
|
+
select,
|
|
181
|
+
input {
|
|
188
182
|
width: 100%;
|
|
189
183
|
}
|
|
190
184
|
}
|
|
@@ -236,9 +230,21 @@
|
|
|
236
230
|
}
|
|
237
231
|
.right-col {
|
|
238
232
|
position: relative;
|
|
239
|
-
background-color:
|
|
233
|
+
background-color: var(--gray2);
|
|
240
234
|
padding: $gbl-padding;
|
|
241
235
|
width: 50% !important;
|
|
242
|
-
|
|
236
|
+
|
|
237
|
+
table {
|
|
238
|
+
width: 100%;
|
|
239
|
+
table-layout: unset;
|
|
240
|
+
border-collapse: collapse;
|
|
241
|
+
|
|
242
|
+
th,
|
|
243
|
+
td {
|
|
244
|
+
white-space: nowrap;
|
|
245
|
+
text-overflow: ellipsis;
|
|
246
|
+
overflow: hidden;
|
|
247
|
+
}
|
|
248
|
+
}
|
|
243
249
|
}
|
|
244
250
|
}
|
package/src/scss/main.scss
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
@import '@cdc/core/styles/base';
|
|
2
1
|
@import 'variables';
|
|
3
2
|
|
|
4
3
|
.cdc-open-viz-module.cdc-editor {
|
|
@@ -31,12 +30,12 @@
|
|
|
31
30
|
li {
|
|
32
31
|
background: #f2f2f2;
|
|
33
32
|
line-height: 3rem;
|
|
34
|
-
border-bottom: 1px solid
|
|
33
|
+
border-bottom: 1px solid var(--lightGray);
|
|
35
34
|
color: #333;
|
|
36
35
|
flex-grow: 1;
|
|
37
36
|
flex-shrink: 0;
|
|
38
37
|
width: 25%;
|
|
39
|
-
border-right: 1px solid
|
|
38
|
+
border-right: 1px solid var(--lightGray);
|
|
40
39
|
text-align: center;
|
|
41
40
|
&:last-child {
|
|
42
41
|
border-right: none;
|
|
@@ -70,7 +69,7 @@
|
|
|
70
69
|
}
|
|
71
70
|
}
|
|
72
71
|
.info-box {
|
|
73
|
-
border:
|
|
72
|
+
border: var(--lightGray) 1px solid;
|
|
74
73
|
padding: 1rem;
|
|
75
74
|
font-size: 0.9rem;
|
|
76
75
|
h4 {
|
|
@@ -94,7 +93,6 @@
|
|
|
94
93
|
|
|
95
94
|
.link.link-upload {
|
|
96
95
|
display: block;
|
|
97
|
-
color: #005eaa;
|
|
98
96
|
background: unset;
|
|
99
97
|
padding-left: unset;
|
|
100
98
|
margin-top: 0.3rem;
|
|
@@ -102,6 +100,7 @@
|
|
|
102
100
|
text-decoration: underline;
|
|
103
101
|
cursor: pointer;
|
|
104
102
|
font-size: 12px;
|
|
103
|
+
border: none;
|
|
105
104
|
}
|
|
106
105
|
|
|
107
106
|
.link.link-replace {
|
|
@@ -213,11 +212,6 @@
|
|
|
213
212
|
}
|
|
214
213
|
}
|
|
215
214
|
|
|
216
|
-
//TODO: Remove after refactor to wizard
|
|
217
|
-
.cdc-open-viz-module .cove-temp {
|
|
218
|
-
@import '@cdc/core/styles/v2/layout/_tooltip.scss';
|
|
219
|
-
}
|
|
220
|
-
|
|
221
215
|
section.introText {
|
|
222
216
|
padding: 15px;
|
|
223
217
|
}
|
|
File without changes
|