@mongodb-js/compass-aggregations 8.21.0 → 8.22.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.
package/lib/index.css CHANGED
@@ -1,1140 +1,849 @@
1
- .resize-handle-module-resize-handle__1rugm {
2
- position: absolute;
3
- background: #dee0e3;
4
- width: 1.1px;
5
- height: 100%;
1
+ .restore-pipeline-button-module-restore-pipeline__NGnMs {
2
+ margin-right: 2px;
3
+ flex-grow: 0;
4
+ visibility: hidden;
6
5
  }
7
6
 
8
- .delete-stage-module-delete-stage__3PyCJ {
9
- margin-right: 6px;
10
- }
11
- .delete-stage-module-delete-stage__3PyCJ button {
12
- width: 30px;
7
+ .delete-pipeline-button-module-delete-pipeline__Ch_2o {
8
+ margin: 0px 10px 0px 0px;
9
+ flex-grow: 0;
10
+ visibility: hidden;
13
11
  }
14
12
 
15
- .add-after-stage-module-add-after-stage__1xZf9 {
13
+ .save-pipeline-card-module-save-pipeline-card__2EPNA {
14
+ border: 1px solid #dee0e3;
15
+ box-shadow: 0 0 3px #dee0e3;
16
+ margin: 10px;
16
17
  display: flex;
17
- justify-content: flex-end;
18
+ align-items: center;
19
+ background: #fff;
18
20
  }
19
- .add-after-stage-module-add-after-stage__1xZf9 button {
20
- width: 30px;
21
- margin-right: 6px;
21
+ .save-pipeline-card-module-save-pipeline-card__2EPNA:hover button {
22
+ visibility: visible;
23
+ }
24
+ .save-pipeline-card-module-save-pipeline-card-title__272aN {
25
+ font-size: 12px;
26
+ padding: 8px;
27
+ line-height: 20px;
28
+ font-weight: bold;
29
+ flex-grow: 5;
30
+ color: #494747;
31
+ overflow-wrap: break-word;
32
+ overflow: auto;
22
33
  }
23
34
 
24
- .toggle-stage-module-toggle-stage__2JZ-6 {
25
- margin: 0px 0px 0px 5px;
35
+ .save-pipeline-module-save-pipeline__1r5sb {
36
+ border-right: 1px solid #dee0e3;
37
+ box-shadow: 1px 1px 1px #dee0e3;
38
+ background: #f8f8f8;
39
+ position: absolute;
40
+ width: 400px;
41
+ height: 100%;
42
+ top: 0;
43
+ left: -401px;
44
+ transition: left 0.2s ease-in-out;
45
+ font-size: 1em;
46
+ z-index: 500;
47
+ }
48
+ .save-pipeline-module-save-pipeline-is-visible__3bNUE {
49
+ left: 0px;
50
+ transition: left 0.2s ease-in-out;
51
+ }
52
+ .save-pipeline-module-save-pipeline-header__1G3Ck {
53
+ height: 34px;
26
54
  display: flex;
55
+ padding: 10px;
56
+ font-size: 12px;
57
+ line-height: 20px;
58
+ font-weight: bold;
59
+ color: #494747;
27
60
  align-items: center;
28
- justify-content: flex-end;
29
- }
30
- .toggle-stage-module-toggle-stage-button__1ILJ7 {
31
- height: 22px;
32
- width: 40px;
61
+ justify-content: space-between;
62
+ border-bottom: 1px solid #dee0e3;
63
+ box-shadow: 1px 1px 1px #dee0e3;
33
64
  }
34
-
35
- .stage-grabber-module-stage-grabber__1-8cr {
36
- color: #dee0e3;
37
- margin: 3px 2px 0px 4px;
38
- position: relative;
65
+ .save-pipeline-module-save-pipeline-cards__2__gs {
66
+ overflow-y: scroll;
39
67
  }
40
-
41
- .stage-collapser-module-stage-collapser__3xs2F {
42
- position: relative;
68
+ .save-pipeline-module-save-pipeline-close__2mTMD {
69
+ cursor: pointer;
43
70
  }
44
- .stage-collapser-module-stage-collapser__3xs2F button {
45
- width: 30px;
71
+ .save-pipeline-module-save-pipeline-cards__2__gs::-webkit-scrollbar {
72
+ display: none;
46
73
  }
47
74
 
48
- .select-option-with-tooltip-module-tooltip__3SVxp {
49
- max-width: 340px !important;
75
+ .settings-module-container__3sWua {
76
+ border-left: 1px solid #dee0e3;
77
+ box-shadow: 1px 1px 1px #dee0e3;
78
+ background: #f8f8f8;
79
+ position: absolute;
80
+ width: 580px;
81
+ height: 100%;
82
+ top: 0;
83
+ right: 0px;
84
+ transition: right 0.2s ease-in-out;
85
+ font-size: 1em;
86
+ z-index: 500;
50
87
  }
51
- .select-option-with-tooltip-module-option__K2UZL {
88
+ .settings-module-header__1rot3 {
89
+ height: 32px;
52
90
  display: flex;
91
+ padding: 5px;
92
+ font-size: 12px;
93
+ line-height: 20px;
94
+ font-weight: bold;
95
+ color: #494747;
53
96
  align-items: center;
97
+ justify-content: space-between;
98
+ border-bottom: 1px solid #dee0e3;
99
+ box-shadow: 1px 1px 1px #dee0e3;
54
100
  }
55
- .select-option-with-tooltip-module-optionIcon__os9Dz {
56
- margin-left: auto;
101
+ .settings-module-header-title__xCvBM {
102
+ color: #424242;
103
+ font-size: 12px;
104
+ font-weight: bold;
105
+ flex-grow: 2;
57
106
  }
58
-
59
- .stage-operator-select-module-stage-operator-select__1eiQN {
60
- position: relative;
61
- width: 120px;
62
- height: 22px;
63
- margin: 0px 0px 0px 5px;
107
+ .settings-module-header-btn-group__1NySd {
108
+ display: inline-block;
64
109
  }
65
- .stage-operator-select-module-stage-operator-select-control__LjhSK {
66
- position: relative;
67
- font-size: 12px !important;
68
- cursor: pointer;
110
+ .settings-module-header-btn-group__1NySd button {
111
+ margin-right: 5px;
69
112
  }
70
- .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-control {
71
- height: 22px;
113
+ .settings-module-header-btn-group__1NySd:last-child {
114
+ margin-right: 0px;
72
115
  }
73
- .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-placeholder {
74
- line-height: 25px;
116
+ .settings-module-input-group__3OjXF {
117
+ margin: 8px;
118
+ padding: 8px 16px;
119
+ background-color: #FFFFFF;
120
+ display: flex;
121
+ align-items: center;
75
122
  }
76
- .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-input {
77
- height: 18px;
123
+ .settings-module-input-control__3kNAF {
124
+ min-width: 90px;
78
125
  }
79
- .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-arrow-zone {
80
- height: 22px;
126
+ .settings-module-input-control__3kNAF input {
127
+ border-radius: 3px;
128
+ border-color: #BFBFBE;
129
+ border-style: solid;
130
+ border-width: 1px;
131
+ padding: 1px;
132
+ text-align: right;
133
+ float: right;
81
134
  }
82
- .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-arrow {
83
- margin-top: 8px;
135
+ .settings-module-input-control__3kNAF input[type="text"],
136
+ .settings-module-input-control__3kNAF input[type="number"] {
137
+ width: 70px;
138
+ color: #464C4F;
84
139
  }
85
- .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-value {
86
- line-height: 22px !important;
87
- font-weight: bold;
140
+ .settings-module-input-control__3kNAF input[type="text"]::placeholder,
141
+ .settings-module-input-control__3kNAF input[type="number"]::placeholder {
142
+ font-size: 13px;
143
+ color: #AAAAAA;
88
144
  }
89
- .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-menu {
90
- height: 200px;
145
+ .settings-module-input-meta__2H8QK {
146
+ flex-grow: 1;
91
147
  }
92
- .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-menu-outer {
93
- z-index: 2000 !important;
148
+ .settings-module-input-meta__2H8QK p {
149
+ margin-top: 8px;
94
150
  }
95
151
 
96
- .stage-editor-toolbar-module-stage-editor-toolbar__2cwCK {
97
- width: 100%;
98
- border-bottom: 1px solid #dee0e3;
99
- border-radius: 4px 4px 0 0;
100
- padding: 10px 0;
101
- padding-right: 10px;
102
- flex-shrink: 0;
103
- display: flex;
104
- flex-direction: row;
105
- align-items: center;
152
+ .overview-toggler-module-overview-toggler__253em {
106
153
  position: relative;
107
- height: 30px;
108
- cursor: move;
109
- cursor: grab;
154
+ margin-right: 3px;
110
155
  }
111
- .stage-editor-toolbar-module-stage-editor-toolbar__2cwCK:active {
112
- cursor: grabbing;
156
+ .overview-toggler-module-overview-toggler__253em button {
157
+ width: 30px;
113
158
  }
114
- .stage-editor-toolbar-module-stage-editor-toolbar-right__3NPrk {
159
+
160
+ .collation-collapser-module-collation-collapser__2fVom {
161
+ position: relative;
162
+ margin-right: 3px;
163
+ }
164
+ .collation-collapser-module-collation-collapser__2fVom button {
165
+ white-space: nowrap;
166
+ }
167
+
168
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar__oXcex {
169
+ align-items: center;
115
170
  display: flex;
116
- justify-content: flex-end;
117
- flex-grow: 4;
171
+ flex-shrink: 0;
172
+ height: 34px;
173
+ padding: 0px 10px 0px 15px;
174
+ flex-grow: 1;
175
+ z-index: 100;
118
176
  }
119
- .stage-editor-toolbar-module-stage-editor-toolbar-errored__siGjE {
120
- background: #FCEBE2;
177
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar__oXcex .dropdown {
178
+ margin-left: 3px;
179
+ padding-right: 6px;
180
+ height: 22px;
121
181
  }
122
- .stage-editor-toolbar-module-stage-editor-toolbar__2cwCK i.info-sprinkle {
123
- display: inline-block;
124
- font: normal normal normal 14px/1 FontAwesome;
125
- font-size: inherit;
126
- text-rendering: auto;
127
- -webkit-font-smoothing: antialiased;
128
- -moz-osx-font-smoothing: grayscale;
129
- margin: 0 5px;
130
- cursor: pointer;
131
- color: #bfbfbe;
182
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar__oXcex .dropdown i {
183
+ top: 1px;
132
184
  }
133
- .stage-editor-toolbar-module-stage-editor-toolbar__2cwCK i.info-sprinkle:before {
134
- content: "\f05a";
185
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar__oXcex .dropdown-toggle {
186
+ height: 22px;
187
+ padding: 0 7px 0px 5px;
188
+ font-size: 11px;
189
+ border-radius: 0px 3px 3px 0px;
135
190
  }
136
-
137
- .stage-editor-module-stage-editor-container__1XwN_ {
138
- position: relative;
139
- padding: 6px 8px;
140
- text-align: center;
191
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar__oXcex .dropdown-menu {
192
+ font-size: 12px;
141
193
  }
142
- .stage-editor-module-stage-editor__3F-oQ {
143
- flex-shrink: 0;
144
- margin: 0;
145
- padding: 10px 0px 10px 0px;
146
- overflow: hidden;
147
- background: #f5f6f7;
148
- border-left: 2px solid #E4E4E4;
149
- width: 100%;
150
- min-height: 180px;
194
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar-update-view__32VEf {
195
+ margin-right: 5px;
151
196
  }
152
- .stage-editor-module-stage-editor-errormsg__3Le7I {
153
- flex-shrink: 0;
154
- position: relative;
155
- margin: 10px;
156
- padding: 5px 10px;
197
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar-add-wrapper__3OJjU {
198
+ margin: 0px 3px 0px 3px;
199
+ margin-right: 3px;
200
+ background-color: rgba(70, 76, 79, 0.1);
201
+ display: flex;
157
202
  border-radius: 3px;
158
- overflow: hidden;
159
- background: #FCEBE2;
160
- border: 1px solid #F9D3C5;
161
- min-height: 20px;
162
- word-break: break-all;
163
- color: #8F221B;
164
- font-size: x-small;
165
- font-weight: bold;
203
+ font-size: 12px;
204
+ padding: 2px 6px 2px 6px;
166
205
  }
167
- .stage-editor-module-stage-editor-syntax-error__3qEJX {
168
- flex-shrink: 0;
169
- position: relative;
170
- margin: 10px;
171
- padding: 5px 10px;
172
- border-radius: 3px;
173
- overflow: hidden;
174
- background: #FEF7E3;
175
- border: 1px solid #FEF2C8;
176
- min-height: 20px;
177
- word-break: break-all;
178
- color: #86681D;
179
- font-size: x-small;
206
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar-name__2yDjz {
207
+ font-size: 12px;
180
208
  font-weight: bold;
209
+ white-space: nowrap;
181
210
  }
182
-
183
- .insert-json-document-module-editor__a90Xy {
184
- padding: 10px 10px 10px 0;
185
- background: #f5f6f7;
186
- border-left: 3px solid #E4E4E4;
187
- height: 300px;
188
- overflow: auto;
189
- flex-basis: auto;
190
- flex-shrink: 1;
191
- flex-grow: 1;
211
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar-open-saved-pipelines-button__L6l0H {
212
+ margin-right: 3px;
213
+ white-space: nowrap;
192
214
  }
193
-
194
- .content-container {
195
- display: flex;
196
- width: 100%;
197
- height: 100%;
215
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar-new-button__3Mf5F {
216
+ white-space: nowrap;
217
+ border-radius: 3px 0px 0px 3px;
218
+ border-right: 0;
198
219
  }
199
- .compass-documents {
200
- display: flex;
201
- flex-direction: column;
202
- align-items: stretch;
203
- width: 100%;
204
- flex-grow: 1;
220
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar-new-button__3Mf5F:hover {
221
+ border-right: 0;
205
222
  }
206
- .compass-documents .column-container {
207
- position: relative;
208
- flex-grow: 1;
209
- flex-shrink: 1;
210
- flex-basis: auto;
211
- flex-direction: column;
212
- display: flex;
213
- overflow: auto;
214
- background: #f5f6f7;
223
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar-save-pipeline-button__3YzN8 {
224
+ white-space: nowrap;
225
+ border-radius: 3px 0px 0px 3px;
226
+ border-right: 0;
215
227
  }
216
- .compass-documents .column.main {
217
- position: absolute;
218
- top: 0;
219
- left: 0;
220
- right: 0;
221
- bottom: 0;
222
- margin-bottom: 0;
223
- padding: 0;
228
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar-save-pipeline-button__3YzN8:hover + button {
229
+ border-left: 0;
224
230
  }
225
- .document-list {
226
- padding: 0 15px;
227
- list-style: none;
228
- position: relative;
231
+ .pipeline-builder-toolbar-module-pipeline-builder-toolbar-export-to-language__1TZRT {
232
+ display: flex;
229
233
  }
230
- .document-list-item {
231
- position: relative;
232
- font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
233
- font-size: 11px;
234
- margin-bottom: 5px;
235
- background: #FFFFFF;
234
+ .pipeline-builder-toolbar-module-is-modified__2nfaK {
235
+ padding-top: 1px;
236
+ font-style: italic;
236
237
  }
237
- .document-list-item:last-child {
238
- margin-bottom: 0;
239
- border-bottom: 0 solid transparent;
238
+ .pipeline-builder-toolbar-module-export-icon__vOPzJ {
239
+ height: 12px;
240
+ width: 12px;
241
+ display: block;
242
+ background-image: url("data:image/svg+xml,%3Csvg width='12px' height='12px' viewBox='0 0 12 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Symbols' stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'%3E%3Cg id='Icons-/-Export' transform='translate(-4.000000, -3.000000)' fill='%23494747'%3E%3Cg id='Icon' transform='translate(4.000000, 3.500000)'%3E%3Cpath d='M6.2777,0 L8.8,2.5223 C8.8,3.2415132 8.8,3.78074648 8.8,4.13999987 C8.8,4.3593827 8.8,5.03623299 8.8,5.7224982 C8.8,6.35273364 8.8,6.99090941 8.8,7.28999996 C8.8,7.80644 8.8,8.67644001 8.8,9.9 C8.8,10.5072 8.3072,11 7.7,11 L1.1,11 C0.49335,11 0,10.5072 0,9.9 L0,1.1 C0,0.4939 0.49335,0 1.1,0 L6.2777,0 Z M7.70005545,4 C7.70003697,3.77478974 7.70001848,3.54145641 7.7,3.3 L5.5,3.3 L5.5,1.1 L1.1,1.1 L1.1,9.9 L7.70055,9.9 L7.70035031,7.5 L8.79999983,7.5 L8.79999983,4 L7.70005491,4 Z M7.70005545,4 C7.70005931,4.04702072 7.70006317,4.09368734 7.70006703,4.13999987 C7.70009571,4.48417772 7.70014216,5.03201886 7.70019082,5.60623096 C7.70024165,6.20608089 7.7002949,6.83470922 7.70033284,7.28999996 L7.70035031,7.5 L7.69999981,4 Z' id='File' /%3E%3Cg id='Arrow' transform='translate(4.000000, 3.000000)'%3E%3Crect id='Rectangle' x='0.5' y='2.25' width='6' height='1' /%3E%3Cpolygon id='Triangle' transform='translate(7.000000, 2.750000) rotate(-270.000000) translate(-7.000000, -2.750000)' points='7 1.875 9 3.625 5 3.625' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
240
243
  }
241
- .document-list-zero-state {
242
- height: 100%;
244
+
245
+ /**
246
+ * Mixins
247
+ */
248
+ .pipeline-preview-toolbar-module-container-right__1z6gl {
243
249
  display: flex;
244
- flex-direction: column;
245
250
  align-items: center;
246
- text-align: center;
247
- background-color: #f5f6f7;
248
- padding-top: 135px;
251
+ justify-content: flex-end;
252
+ box-shadow: 2px 0px #ebebed;
253
+ height: 33px;
254
+ padding-right: 15px;
249
255
  }
250
- .document-list-zero-state-action {
256
+ .pipeline-preview-toolbar-module-toggle-sample__3rJ-k,
257
+ .pipeline-preview-toolbar-module-toggle-auto-preview__3AXmf {
258
+ margin-left: 15px;
251
259
  display: flex;
252
- flex-direction: column;
253
260
  }
254
- .document-list-zero-state-graphic {
255
- width: 75px;
261
+ .pipeline-preview-toolbar-module-toggle-sample__3rJ-k label,
262
+ .pipeline-preview-toolbar-module-toggle-auto-preview__3AXmf label {
263
+ margin: auto 0;
264
+ margin-left: 5px;
256
265
  }
257
- .document-list-action-bar {
266
+ .pipeline-preview-toolbar-module-toggle__24mzf {
267
+ height: 14px;
268
+ width: 26px;
269
+ margin: auto 0;
270
+ }
271
+ .pipeline-preview-toolbar-module-toggle-sample-label__1Q11v,
272
+ .pipeline-preview-toolbar-module-toggle-auto-preview-label__1_7oc {
258
273
  display: flex;
259
- flex-direction: row;
260
- justify-content: space-between;
261
- align-items: center;
262
- background: #f5f6f7;
263
- border-bottom: 1px solid #ebebed;
264
- padding: 5px 15px;
265
- min-width: max-content;
274
+ white-space: nowrap;
275
+ font-size: 12px;
276
+ text-transform: uppercase;
277
+ color: #807f7f;
278
+ font-weight: bold;
266
279
  }
267
- .document-list-action-bar-container {
280
+ .pipeline-preview-toolbar-module-settings__1kWxH {
281
+ margin-left: 15px;
268
282
  display: flex;
269
283
  }
270
- .document-list-action-bar-container .document-list-action-bar-export-collection {
271
- padding: 0 5px;
284
+ .pipeline-preview-toolbar-module-fullscreen__3ms6P {
285
+ margin-left: 15px;
286
+ display: flex;
287
+ margin-left: 5px;
272
288
  }
273
- .document-list-action-bar-insert-data-title {
289
+ .pipeline-preview-toolbar-module-is-modified__18dkX {
290
+ margin-left: 15px;
274
291
  display: flex;
275
292
  }
276
- .document-list-action-bar-insert-data-title .fa-download {
277
- margin-top: 3px;
293
+ .pipeline-preview-toolbar-module-is-modified__18dkX i {
294
+ color: #13AA52;
278
295
  }
279
- .document-list-action-bar-insert-data-title div {
280
- padding: 0 5px;
296
+ .pipeline-preview-toolbar-module-is-modified-on__2aYV4 i {
297
+ color: #fbb129;
281
298
  }
282
- .document-list-action-bar-view-switcher {
283
- margin-left: 18px;
299
+ .pipeline-preview-toolbar-module-is-modified-on__2aYV4 span {
300
+ padding-right: 5px;
301
+ color: #fbb129;
302
+ font-size: 13px;
284
303
  }
285
- .document-list-action-bar-view-switcher .view-switcher-label {
286
- text-transform: uppercase;
287
- padding: 0 8px 0 0px;
288
- font-weight: bold;
289
- font-size: 11px;
290
- margin: 8px 0;
291
- color: #AAAAAA;
304
+
305
+ .pipeline-toolbar-module-pipeline-toolbar__2eSZz {
306
+ display: flex;
307
+ width: 100%;
308
+ flex-shrink: 0;
309
+ height: 33px;
292
310
  }
293
- .document-list-action-bar-view-switcher .btn-group > .btn:nth-child(2) {
294
- border-radius: 0;
311
+ .pipeline-toolbar-module-pipeline-toolbar-border__2u5Qi {
312
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
313
+ box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
295
314
  }
296
- .document-list-action-bar-view-switcher .curly-bracket {
297
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23464C4F' d='M1 8.91748047L1 7.15966797C1.53222922 7.15478513 1.93261584 6.997316 2.20117188 6.68725586 2.46972791 6.37719572 2.60400391 5.68262258 2.60400391 4.60351562 2.60400391 3.77343335 2.63452118 3.15942582 2.69555664 2.76147461 2.7565921 2.3635234 2.9042957 2.03027478 3.13867188 1.76171875 3.37304805 1.49316272 3.67577939 1.29907286 4.046875 1.17944336 4.41797061 1.05981385 4.9428677 1 5.62158203 1L6.00976562 1 6.00976562 2.7578125C5.30175427 2.7578125 4.87817452 2.82983326 4.73901367 2.97387695 4.59985282 3.11792064 4.52539067 3.40234163 4.515625 3.82714844 4.48632798 5.00391213 4.44848656 5.76684396 4.40209961 6.1159668 4.35571266 6.46508964 4.24829186 6.80077964 4.07983398 7.12304688 3.91137611 7.44531411 3.59765854 7.75048684 3.13867188 8.03857422 3.57324436 8.30224741 3.88940331 8.61718567 4.0871582 8.98339844 4.2849131 9.34961121 4.40087874 9.87694968 4.43505859 10.5654297L4.54492188 12.7041016C4.58886741 12.9042979 4.69384683 13.0581049 4.85986328 13.1655273 5.02587974 13.2729498 5.4067353 13.3266602 6.00244141 13.3266602L6.00244141 15.0771484 5.62158203 15.0771484C4.84032812 15.0771484 4.23730681 14.988038 3.8125 14.8098145 3.38769319 14.6315909 3.08007908 14.3398458 2.88964844 13.9345703 2.6992178 13.5292948 2.60400391 12.8750045 2.60400391 11.9716797 2.60400391 10.975581 2.56982456 10.3383803 2.50146484 10.0600586 2.43310513 9.78173689 2.30127051 9.52661249 2.10595703 9.29467773 1.91064355 9.06274298 1.5419949 8.93701182 1 8.91748047zM15.0097656 8.91748047C14.4775364 8.92724614 14.0771498 9.08715665 13.8085938 9.3972168 13.5400377 9.70727694 13.4057617 10.4018501 13.4057617 11.480957 13.4057617 12.3061565 13.3764651 12.9177226 13.3178711 13.3156738 13.2592771 13.713625 13.1127941 14.0468737 12.878418 14.3154297 12.6440418 14.5839857 12.3413104 14.7780756 11.9702148 14.8977051 11.5991192 15.0173346 11.0742221 15.0771484 10.3955078 15.0771484L10.0073242 15.0771484 10.0073242 13.3266602C10.6860385 13.3266602 11.1022942 13.2546394 11.2561035 13.1105957 11.4099129 12.966552 11.4916992 12.6796896 11.5014648 12.25 11.5307619 10.9951109 11.5759274 10.1918963 11.6369629 9.84033203 11.6979984 9.48876777 11.8200674 9.15918123 12.0031738 8.8515625 12.1862802 8.54394377 12.475584 8.27295039 12.8710938 8.03857422 12.4511698 7.76513535 12.158204 7.49780404 11.9921875 7.23657227 11.826171 6.97534049 11.7138675 6.68847813 11.6552734 6.37597656 11.5966794 6.063475 11.5527345 5.4860882 11.5234375 4.64379883 11.4941405 3.80150946 11.4599611 3.31933655 11.4208984 3.19726562 11.3818357 3.0751947 11.2878425 2.97143597 11.138916 2.88598633 10.9899895 2.80053668 10.6103546 2.7578125 10 2.7578125L10 1 10.3881836 1C11.1694375 1 11.7724588 1.08911044 12.1972656 1.26733398 12.6220724 1.44555753 12.9296865 1.73730266 13.1201172 2.14257812 13.3105478 2.54785359 13.4057617 3.20214392 13.4057617 4.10546875 13.4057617 5.00879358 13.4399411 5.64477355 13.5083008 6.01342773 13.5766605 6.38208192 13.7292469 6.65917876 13.9660645 6.84472656 14.202882 7.03027437 14.550779 7.13525378 15.0097656 7.15966797L15.0097656 8.91748047z'/%3E%3C/g%3E%3C/svg%3E");
298
- background-repeat: no-repeat;
299
- background-position: center center;
300
- background-size: 10px 10px;
301
- width: 11px;
302
- height: 11px;
303
- display: inline-block;
315
+
316
+ .collation-toolbar-module-collation-toolbar__31baA {
317
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
318
+ box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
319
+ display: flex;
320
+ width: 100%;
321
+ flex-shrink: 0;
322
+ height: 43px;
323
+ align-items: center;
324
+ padding: 0px 10px 0px 15px;
304
325
  }
305
- .document-list-action-bar-message {
306
- margin-left: 8px;
326
+ .collation-toolbar-module-collation-toolbar-in-new-toolbar__1MHu_ {
327
+ padding: 0;
328
+ box-shadow: none;
329
+ border: none;
307
330
  }
308
- .document-list-action-bar-message .info-sprinkle {
309
- margin-right: 5px;
310
- margin-left: 5px;
311
- cursor: pointer;
312
- font-size: 14px;
331
+ .collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq {
332
+ width: 100%;
333
+ height: 30px;
313
334
  position: relative;
314
- top: 1px;
315
- opacity: 0.5;
316
- }
317
- .document-list-action-bar-message .info-sprinkle:hover {
318
- color: #fbb129;
319
- }
320
- .document-list-action-bar-pagination {
321
- margin: 0 5px;
335
+ display: flex;
336
+ border-radius: 14px;
337
+ border: 1px #bfbfbe solid;
338
+ background: #fff;
339
+ overflow: hidden;
340
+ padding: 4px;
341
+ margin-right: 5px;
322
342
  }
323
- .document-list-action-bar-pagination-button {
324
- padding: 0 7px;
325
- color: #006CBC;
326
- }
327
- .document-list-action-bar-pagination-button-left {
328
- border-top-right-radius: 0;
329
- border-bottom-right-radius: 0;
330
- }
331
- .document-list-action-bar-pagination-button-right {
332
- border-top-left-radius: 0;
333
- border-bottom-left-radius: 0;
334
- }
335
- .document-list-action-bar-refresh i {
336
- margin-right: 5px;
337
- }
338
- .option-selector {
343
+ .collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq .collation-toolbar-module-collation-toolbar-input-label__qPzXB {
344
+ background: #bfbfbe;
345
+ color: #fff;
346
+ white-space: nowrap;
347
+ border-radius: 14px;
348
+ padding: 2px 1px;
339
349
  margin-right: 5px;
350
+ text-transform: uppercase;
351
+ font-weight: bold;
352
+ font-family: "Akzidenz", "Helvetica Neue", Helvetica, Arial, sans-serif;
353
+ font-size: 11px;
354
+ flex-grow: 0;
355
+ width: 117px;
340
356
  }
341
- .option-selector #insert-data-dropdown {
342
- display: flex;
343
- padding: 0 12px;
344
- color: #fff;
345
- width: max-content;
357
+ .collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq .collation-toolbar-module-collation-toolbar-input-label__qPzXB i {
358
+ margin-right: 3px;
346
359
  }
347
- .option-selector #insert-data-dropdown .caret {
348
- position: relative;
349
- top: 7px;
360
+ .collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq .collation-toolbar-module-has-error__1DJu7 {
361
+ background: #ef4c4c;
350
362
  }
351
- .element {
363
+ .collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq input {
364
+ border: 0;
352
365
  width: 100%;
353
- display: block;
354
- font-size: 11px;
355
- }
356
- .element-field {
357
- display: inline-block;
358
- font-weight: bold;
359
- vertical-align: top;
360
- -webkit-user-select: text;
361
366
  }
362
- .element-separator {
363
- padding-right: 2px;
364
- vertical-align: top;
365
- -webkit-user-select: text;
367
+ .collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq input:focus {
368
+ outline-width: 0;
366
369
  }
367
- .element-value {
368
- display: inline-block;
369
- vertical-align: top;
370
- -webkit-user-select: text;
371
- flex-grow: 3;
372
- position: relative;
370
+ .collation-toolbar-module-has-focus__3yMBL {
371
+ border-color: #43b1e5;
373
372
  }
374
- .element-value-is-string {
373
+
374
+ .import-pipeline-module-import-pipeline-note__vDPrD {
375
375
  color: steelblue;
376
- white-space: pre-wrap;
377
- word-break: break-all;
378
- }
379
- .element-value-is-int32 {
380
- color: #145a32;
381
- }
382
- .element-value-is-int64 {
383
- color: #196f3d;
384
- }
385
- .element-value-is-double {
386
- color: #1e8449;
387
- }
388
- .element-value-is-decimal128 {
389
- color: #229954;
390
- }
391
- .element-value-is-date {
392
- color: firebrick;
376
+ background-color: #B0E0E6;
377
+ border-radius: 5px;
378
+ padding: 10px;
379
+ margin-bottom: 10px;
393
380
  }
394
- .element-value-is-boolean {
395
- color: purple;
381
+ .import-pipeline-module-import-pipeline-editor__2L-TC {
382
+ flex-shrink: 0;
383
+ position: relative;
384
+ padding: 10px 0px 10px 0px;
385
+ overflow: scroll;
386
+ background: #f5f6f7;
387
+ border-left: 2px solid #E4E4E4;
388
+ min-height: 180px;
389
+ max-height: 300px;
396
390
  }
397
- .element-value-is-objectid {
398
- color: orangered;
391
+ .import-pipeline-module-import-pipeline-error__92RZw {
392
+ flex-shrink: 0;
393
+ position: relative;
394
+ margin: 10px 0px;
395
+ padding: 10px;
396
+ border-radius: 3px;
397
+ overflow: auto;
398
+ background: #ff473a;
399
+ max-height: 100px;
400
+ color: #f5f6f7;
401
+ font-size: x-small;
402
+ font-weight: bold;
399
403
  }
400
- .element-value-is-objectid::before {
401
- content: 'ObjectId("';
404
+
405
+ .confirm-import-pipeline-module-confirm-import-pipeline-note__3qDU3 {
406
+ padding: 0px;
402
407
  }
403
- .element-value-is-objectid::after {
404
- content: '")';
408
+
409
+ .confirm-new-pipeline-module-confirm-new-pipeline-note__2n2EL {
410
+ padding: 0px;
405
411
  }
406
- .expandable-element {
412
+
413
+ .pipeline-module-pipeline__1nWUF {
414
+ display: flex;
415
+ flex-grow: 1;
416
+ flex-direction: column;
407
417
  width: 100%;
408
- display: block;
409
- font-size: 11px;
410
- }
411
- .expandable-element-header {
412
- cursor: pointer;
413
- }
414
- .expandable-element-header-field {
415
- display: inline-block;
416
- font-weight: bold;
418
+ height: 100%;
419
+ min-height: 0;
420
+ position: relative;
417
421
  }
418
- .expandable-element-header-separator {
419
- padding-right: 2px;
422
+ .pipeline-module-pipeline-fullscreen__2QlA5 {
423
+ position: absolute;
424
+ top: 0;
425
+ right: 0;
426
+ left: 0;
427
+ bottom: 0;
420
428
  }
421
- .expandable-element-header-label {
422
- display: inline-block;
429
+
430
+ .resize-handle-module-resize-handle__1rugm {
431
+ position: absolute;
432
+ background: #dee0e3;
433
+ width: 1.1px;
434
+ height: 100%;
423
435
  }
424
- .expandable-element-header-toggle {
425
- display: inline-block;
426
- width: 0;
427
- height: 0;
428
- vertical-align: middle;
429
- border-left: 4px solid;
430
- border-right: 0;
431
- border-top: 4px solid transparent;
432
- border-bottom: 4px solid transparent;
433
- margin-left: -10px;
436
+
437
+ .delete-stage-module-delete-stage__3PyCJ {
434
438
  margin-right: 6px;
435
439
  }
436
- .expandable-element-header-is-expanded .expandable-element-header-toggle {
437
- border-top: 4px solid;
438
- border-right: 4px solid transparent;
439
- border-left: 4px solid transparent;
440
- margin-left: -14px;
440
+ .delete-stage-module-delete-stage__3PyCJ button {
441
+ width: 30px;
441
442
  }
442
- .expandable-element-children {
443
- display: none;
444
- padding-left: 15px;
443
+
444
+ .add-after-stage-module-add-after-stage__1xZf9 {
445
+ display: flex;
446
+ justify-content: flex-end;
445
447
  }
446
- .expandable-element-children-is-expanded {
447
- display: block;
448
+ .add-after-stage-module-add-after-stage__1xZf9 button {
449
+ width: 30px;
450
+ margin-right: 6px;
448
451
  }
449
- .document-actions {
450
- position: absolute;
451
- width: 100%;
452
- top: 15px;
453
- padding: 0px 20px 0px 20px;
454
- pointer-events: none;
452
+
453
+ .toggle-stage-module-toggle-stage__2JZ-6 {
454
+ margin: 0px 0px 0px 5px;
455
+ display: flex;
456
+ align-items: center;
457
+ justify-content: flex-end;
455
458
  }
456
- .document-actions-left,
457
- .document-actions-right {
458
- pointer-events: all;
459
+ .toggle-stage-module-toggle-stage-button__1ILJ7 {
460
+ height: 22px;
461
+ width: 40px;
459
462
  }
460
- .document-actions-button {
461
- visibility: hidden;
462
- transition: none;
463
+
464
+ .stage-grabber-module-stage-grabber__1-8cr {
465
+ color: #dee0e3;
466
+ margin: 3px 2px 0px 4px;
463
467
  position: relative;
464
- padding: 0 !important;
465
- width: 24px;
466
- margin-left: 3px;
467
- }
468
- .document-actions-button-copy:focus:after {
469
- position: absolute;
470
- z-index: 5;
471
- margin-left: -35px;
472
- margin-top: 30px;
473
- border-radius: 3px;
474
- color: white;
475
- padding: 2px 10px 2px 10px;
476
- background: rgba(0, 0, 0, 0.75);
477
- content: "Copied!";
478
- text-transform: none;
479
- font-weight: normal;
480
468
  }
481
- .document-actions-expand-button .fa {
482
- height: 12px;
483
- width: 12px;
469
+
470
+ .stage-collapser-module-stage-collapser__3xs2F {
471
+ position: relative;
484
472
  }
485
- .document-actions-right {
486
- float: right;
473
+ .stage-collapser-module-stage-collapser__3xs2F button {
474
+ width: 30px;
487
475
  }
488
- .document-actions-left {
489
- float: left;
476
+
477
+ .select-option-with-tooltip-module-tooltip__3SVxp {
478
+ max-width: 340px !important;
490
479
  }
491
- .document {
492
- font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
493
- font-size: 11px;
494
- list-style: none;
495
- text-overflow: ellipsis;
496
- white-space: nowrap;
497
- max-width: 100%;
480
+ .select-option-with-tooltip-module-option__K2UZL {
481
+ display: flex;
482
+ align-items: center;
498
483
  }
499
- .document-contents {
500
- padding-top: 20px;
501
- padding-bottom: 20px;
484
+ .select-option-with-tooltip-module-optionIcon__os9Dz {
485
+ margin-left: auto;
502
486
  }
503
- .document-elements {
487
+
488
+ .stage-operator-select-module-stage-operator-select__1eiQN {
504
489
  position: relative;
490
+ width: 120px;
491
+ height: 22px;
492
+ margin: 0px 0px 0px 5px;
505
493
  }
506
- .document-is-deleting {
507
- box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.2);
508
- border: 1px solid #ef4c4c;
494
+ .stage-operator-select-module-stage-operator-select-control__LjhSK {
495
+ position: relative;
496
+ font-size: 12px !important;
497
+ cursor: pointer;
509
498
  }
510
- .document-is-editing {
511
- box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.2);
499
+ .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-control {
500
+ height: 22px;
512
501
  }
513
- .document:hover .document-actions-button {
514
- visibility: visible;
502
+ .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-placeholder {
503
+ line-height: 25px;
515
504
  }
516
- .document-elements {
517
- padding-left: 40px;
518
- counter-reset: document-line-number;
519
- display: block;
520
- list-style: none;
521
- text-overflow: ellipsis;
522
- white-space: nowrap;
523
- max-width: 100%;
505
+ .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-input {
506
+ height: 18px;
524
507
  }
525
- .document-elements .line-number {
526
- position: absolute;
527
- left: 21px;
508
+ .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-arrow-zone {
509
+ height: 22px;
528
510
  }
529
- .document-elements .editable-element-types-label {
530
- position: absolute;
531
- right: 0px;
532
- display: inline-block;
533
- width: 120px;
534
- color: #807f7f;
535
- height: 17px;
536
- padding-left: 12px;
511
+ .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-arrow {
512
+ margin-top: 8px;
537
513
  }
538
- .document-elements editable-expandable-element-header:hover {
539
- background-color: #ebebed !important;
514
+ .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-value {
515
+ line-height: 22px !important;
516
+ font-weight: bold;
540
517
  }
541
- .document-elements editable-expandable-element-header:hover input {
542
- background-color: #ebebed !important;
518
+ .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-menu {
519
+ height: 200px;
543
520
  }
544
- .document-elements editable-expandable-element-header:hover .editable-element-actions {
545
- opacity: 1;
521
+ .stage-operator-select-module-stage-operator-select-control__LjhSK .Select-menu-outer {
522
+ z-index: 2000 !important;
546
523
  }
547
- .document-elements editable-expandable-element-header:hover .editable-element-types .btn {
548
- border-color: #8c8c8c;
524
+
525
+ .stage-editor-toolbar-module-stage-editor-toolbar__2cwCK {
526
+ width: 100%;
527
+ border-bottom: 1px solid #dee0e3;
528
+ border-radius: 4px 4px 0 0;
529
+ padding: 10px 0;
530
+ padding-right: 10px;
531
+ flex-shrink: 0;
532
+ display: flex;
533
+ flex-direction: row;
534
+ align-items: center;
535
+ position: relative;
536
+ height: 30px;
537
+ cursor: move;
538
+ cursor: grab;
549
539
  }
550
- .document-elements editable-expandable-element-header:hover .editable-element-types .caret {
551
- visibility: visible;
540
+ .stage-editor-toolbar-module-stage-editor-toolbar__2cwCK:active {
541
+ cursor: grabbing;
552
542
  }
553
- .document-elements editable-expandable-element-header:hover .editable-element-types-is-edited .btn {
554
- color: #000000;
555
- font-weight: bold;
543
+ .stage-editor-toolbar-module-stage-editor-toolbar-right__3NPrk {
544
+ display: flex;
545
+ justify-content: flex-end;
546
+ flex-grow: 4;
556
547
  }
557
- .document-json {
558
- list-style: none;
559
- padding: 0 15px;
548
+ .stage-editor-toolbar-module-stage-editor-toolbar-errored__siGjE {
549
+ background: #FCEBE2;
550
+ }
551
+ .stage-editor-toolbar-module-stage-editor-toolbar__2cwCK i.info-sprinkle {
552
+ display: inline-block;
553
+ font: normal normal normal 14px/1 FontAwesome;
554
+ font-size: inherit;
555
+ text-rendering: auto;
556
+ -webkit-font-smoothing: antialiased;
557
+ -moz-osx-font-smoothing: grayscale;
558
+ margin: 0 5px;
559
+ cursor: pointer;
560
+ color: #bfbfbe;
561
+ }
562
+ .stage-editor-toolbar-module-stage-editor-toolbar__2cwCK i.info-sprinkle:before {
563
+ content: "\f05a";
564
+ }
565
+
566
+ .stage-editor-module-stage-editor-container__1XwN_ {
560
567
  position: relative;
568
+ padding: 6px 8px;
569
+ text-align: center;
561
570
  }
562
- .document-json .document-json-item {
571
+ .stage-editor-module-stage-editor__3F-oQ {
572
+ flex-shrink: 0;
573
+ margin: 0;
574
+ padding: 10px 0px 10px 0px;
575
+ overflow: hidden;
576
+ background: #f5f6f7;
577
+ border-left: 2px solid #E4E4E4;
578
+ width: 100%;
579
+ min-height: 180px;
580
+ }
581
+ .stage-editor-module-stage-editor-errormsg__3Le7I {
582
+ flex-shrink: 0;
563
583
  position: relative;
564
- font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
565
- margin-bottom: 5px;
584
+ margin: 10px;
585
+ padding: 5px 10px;
586
+ border-radius: 3px;
587
+ overflow: hidden;
588
+ background: #FCEBE2;
589
+ border: 1px solid #F9D3C5;
590
+ min-height: 20px;
591
+ word-break: break-all;
592
+ color: #8F221B;
593
+ font-size: x-small;
594
+ font-weight: bold;
566
595
  }
567
- .document-json .document-json-item .json-document-is-editing {
568
- box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.2);
596
+ .stage-editor-module-stage-editor-syntax-error__3qEJX {
597
+ flex-shrink: 0;
598
+ position: relative;
599
+ margin: 10px;
600
+ padding: 5px 10px;
601
+ border-radius: 3px;
602
+ overflow: hidden;
603
+ background: #FEF7E3;
604
+ border: 1px solid #FEF2C8;
605
+ min-height: 20px;
606
+ word-break: break-all;
607
+ color: #86681D;
608
+ font-size: x-small;
609
+ font-weight: bold;
569
610
  }
570
- .document-json .document-json-item .json-ace-editor {
611
+ .stage-editor-module-stage-editor-ace-editor__eRQyZ {
612
+ min-height: 160px;
613
+ }
614
+
615
+ .insert-json-document-module-editor__a90Xy {
571
616
  padding: 10px 10px 10px 0;
572
- background: #ffffff;
617
+ background: #f5f6f7;
618
+ border-left: 3px solid #E4E4E4;
619
+ height: 300px;
573
620
  overflow: auto;
574
621
  flex-basis: auto;
575
622
  flex-shrink: 1;
576
623
  flex-grow: 1;
577
624
  }
578
- .document-json .document-json-item .json-ace-editor .ace-mongodb {
579
- background: #ffffff;
580
- }
581
- .document-json .document-json-item .json-ace-editor .ace-mongodb .ace_gutter {
582
- background: #ffffff;
583
- z-index: 0;
584
- }
585
- .document-json .document-json-item:last-child {
586
- margin-bottom: 0;
587
- border-bottom: 0 solid transparent;
588
- }
589
- .document-json .document-json-item:hover .document-actions-button {
590
- visibility: visible;
625
+
626
+ .content-container {
627
+ display: flex;
628
+ width: 100%;
629
+ height: 100%;
591
630
  }
592
- .editable-expandable-element {
631
+ .compass-documents {
632
+ display: flex;
633
+ flex-direction: column;
634
+ align-items: stretch;
593
635
  width: 100%;
594
- display: block;
595
- font-size: 11px;
636
+ flex-grow: 1;
596
637
  }
597
- .editable-expandable-element-is-edited {
598
- background-color: #fff4dc;
638
+ .compass-documents .column-container {
639
+ position: relative;
640
+ flex-grow: 1;
641
+ flex-shrink: 1;
642
+ flex-basis: auto;
643
+ flex-direction: column;
644
+ display: flex;
645
+ overflow: auto;
646
+ background: #f5f6f7;
599
647
  }
600
- .editable-expandable-element-is-edited .line-number {
601
- background-color: #fbb129;
602
- color: #FFFFFF;
603
- border: 1px solid #FFFFFF;
648
+ .compass-documents .column.main {
649
+ position: absolute;
650
+ top: 0;
651
+ left: 0;
652
+ right: 0;
653
+ bottom: 0;
654
+ margin-bottom: 0;
655
+ padding: 0;
604
656
  }
605
- .editable-expandable-element-is-edited .line-number-is-selected {
606
- border: 1px solid #FFFFFF;
607
- border-radius: 2px;
657
+ .document-list {
658
+ padding: 15px;
659
+ list-style: none;
660
+ position: relative;
608
661
  }
609
- .editable-expandable-element-is-edited input {
610
- background-color: #fff4dc;
662
+ .document-list-item {
663
+ position: relative;
664
+ font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
665
+ font-size: 11px;
666
+ margin-bottom: 5px;
667
+ background: #FFFFFF;
611
668
  }
612
- .editable-expandable-element-is-edited .editable-element-field {
613
- background-color: #fff4dc;
669
+ .document-list-item:last-child {
670
+ margin-bottom: 0;
671
+ border-bottom: 0 solid transparent;
614
672
  }
615
- .editable-expandable-element-is-edited .editable-element-field:focus {
616
- background-color: #FFFFFF;
673
+ .document-list-zero-state {
674
+ height: 100%;
675
+ display: flex;
676
+ flex-direction: column;
677
+ align-items: center;
678
+ text-align: center;
679
+ background-color: #f5f6f7;
680
+ padding-top: 135px;
617
681
  }
618
- .editable-expandable-element-is-edited .editable-element-field::before {
619
- background-color: #fff4dc;
682
+ .document-list-zero-state-action {
683
+ display: flex;
684
+ flex-direction: column;
620
685
  }
621
- .editable-expandable-element-is-added {
622
- background-color: #e9f2e3;
686
+ .document-list-zero-state-graphic {
687
+ width: 75px;
623
688
  }
624
- .editable-expandable-element-is-added .editable-element-field {
625
- background-color: #e9f2e3;
689
+ .document-list-action-bar {
690
+ display: flex;
691
+ flex-direction: row;
692
+ justify-content: space-between;
693
+ align-items: center;
694
+ background: #f5f6f7;
695
+ border-bottom: 1px solid #ebebed;
696
+ padding: 5px 15px;
697
+ min-width: max-content;
626
698
  }
627
- .editable-expandable-element-is-added .editable-element-field:focus {
628
- background-color: #FFFFFF;
699
+ .document-list-action-bar-container {
700
+ display: flex;
629
701
  }
630
- .editable-expandable-element-is-added .line-number {
631
- background-color: #67b144;
632
- color: #FFFFFF;
633
- border: 1px solid #FFFFFF;
702
+ .document-list-action-bar-container .document-list-action-bar-export-collection {
703
+ padding: 0 5px;
634
704
  }
635
- .editable-expandable-element-is-added .line-number-is-selected {
636
- border: 1px solid #FFFFFF;
637
- border-radius: 2px;
705
+ .document-list-action-bar-insert-data-title {
706
+ display: flex;
638
707
  }
639
- .editable-expandable-element-is-added input {
640
- background-color: #e9f2e3;
708
+ .document-list-action-bar-insert-data-title .fa-download {
709
+ margin-top: 3px;
641
710
  }
642
- .editable-expandable-element-is-removed {
643
- background-color: #feeded;
711
+ .document-list-action-bar-insert-data-title div {
712
+ padding: 0 5px;
644
713
  }
645
- .editable-expandable-element-is-removed .editable-element-field {
646
- background-color: #feeded;
714
+ .document-list-action-bar-view-switcher {
715
+ margin-left: 18px;
647
716
  }
648
- .editable-expandable-element-is-removed .editable-element-field:focus {
649
- background-color: #FFFFFF;
717
+ .document-list-action-bar-view-switcher .view-switcher-label {
718
+ text-transform: uppercase;
719
+ padding: 0 8px 0 0px;
720
+ font-weight: bold;
721
+ font-size: 11px;
722
+ margin: 8px 0;
723
+ color: #AAAAAA;
650
724
  }
651
- .editable-expandable-element-is-removed .line-number {
652
- background-color: #ef4c4c;
653
- color: #FFFFFF;
654
- border: 1px solid #FFFFFF;
725
+ .document-list-action-bar-view-switcher .btn-group > .btn:nth-child(2) {
726
+ border-radius: 0;
655
727
  }
656
- .editable-expandable-element-is-removed .line-number-is-selected {
657
- border: 1px solid #FFFFFF;
658
- border-radius: 2px;
728
+ .document-list-action-bar-view-switcher .curly-bracket {
729
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23464C4F' d='M1 8.91748047L1 7.15966797C1.53222922 7.15478513 1.93261584 6.997316 2.20117188 6.68725586 2.46972791 6.37719572 2.60400391 5.68262258 2.60400391 4.60351562 2.60400391 3.77343335 2.63452118 3.15942582 2.69555664 2.76147461 2.7565921 2.3635234 2.9042957 2.03027478 3.13867188 1.76171875 3.37304805 1.49316272 3.67577939 1.29907286 4.046875 1.17944336 4.41797061 1.05981385 4.9428677 1 5.62158203 1L6.00976562 1 6.00976562 2.7578125C5.30175427 2.7578125 4.87817452 2.82983326 4.73901367 2.97387695 4.59985282 3.11792064 4.52539067 3.40234163 4.515625 3.82714844 4.48632798 5.00391213 4.44848656 5.76684396 4.40209961 6.1159668 4.35571266 6.46508964 4.24829186 6.80077964 4.07983398 7.12304688 3.91137611 7.44531411 3.59765854 7.75048684 3.13867188 8.03857422 3.57324436 8.30224741 3.88940331 8.61718567 4.0871582 8.98339844 4.2849131 9.34961121 4.40087874 9.87694968 4.43505859 10.5654297L4.54492188 12.7041016C4.58886741 12.9042979 4.69384683 13.0581049 4.85986328 13.1655273 5.02587974 13.2729498 5.4067353 13.3266602 6.00244141 13.3266602L6.00244141 15.0771484 5.62158203 15.0771484C4.84032812 15.0771484 4.23730681 14.988038 3.8125 14.8098145 3.38769319 14.6315909 3.08007908 14.3398458 2.88964844 13.9345703 2.6992178 13.5292948 2.60400391 12.8750045 2.60400391 11.9716797 2.60400391 10.975581 2.56982456 10.3383803 2.50146484 10.0600586 2.43310513 9.78173689 2.30127051 9.52661249 2.10595703 9.29467773 1.91064355 9.06274298 1.5419949 8.93701182 1 8.91748047zM15.0097656 8.91748047C14.4775364 8.92724614 14.0771498 9.08715665 13.8085938 9.3972168 13.5400377 9.70727694 13.4057617 10.4018501 13.4057617 11.480957 13.4057617 12.3061565 13.3764651 12.9177226 13.3178711 13.3156738 13.2592771 13.713625 13.1127941 14.0468737 12.878418 14.3154297 12.6440418 14.5839857 12.3413104 14.7780756 11.9702148 14.8977051 11.5991192 15.0173346 11.0742221 15.0771484 10.3955078 15.0771484L10.0073242 15.0771484 10.0073242 13.3266602C10.6860385 13.3266602 11.1022942 13.2546394 11.2561035 13.1105957 11.4099129 12.966552 11.4916992 12.6796896 11.5014648 12.25 11.5307619 10.9951109 11.5759274 10.1918963 11.6369629 9.84033203 11.6979984 9.48876777 11.8200674 9.15918123 12.0031738 8.8515625 12.1862802 8.54394377 12.475584 8.27295039 12.8710938 8.03857422 12.4511698 7.76513535 12.158204 7.49780404 11.9921875 7.23657227 11.826171 6.97534049 11.7138675 6.68847813 11.6552734 6.37597656 11.5966794 6.063475 11.5527345 5.4860882 11.5234375 4.64379883 11.4941405 3.80150946 11.4599611 3.31933655 11.4208984 3.19726562 11.3818357 3.0751947 11.2878425 2.97143597 11.138916 2.88598633 10.9899895 2.80053668 10.6103546 2.7578125 10 2.7578125L10 1 10.3881836 1C11.1694375 1 11.7724588 1.08911044 12.1972656 1.26733398 12.6220724 1.44555753 12.9296865 1.73730266 13.1201172 2.14257812 13.3105478 2.54785359 13.4057617 3.20214392 13.4057617 4.10546875 13.4057617 5.00879358 13.4399411 5.64477355 13.5083008 6.01342773 13.5766605 6.38208192 13.7292469 6.65917876 13.9660645 6.84472656 14.202882 7.03027437 14.550779 7.13525378 15.0097656 7.15966797L15.0097656 8.91748047z'/%3E%3C/g%3E%3C/svg%3E");
730
+ background-repeat: no-repeat;
731
+ background-position: center center;
732
+ background-size: 10px 10px;
733
+ width: 11px;
734
+ height: 11px;
735
+ display: inline-block;
659
736
  }
660
- .editable-expandable-element-is-removed input {
661
- background-color: #feeded;
737
+ .document-list-action-bar-message {
738
+ margin-left: 8px;
662
739
  }
663
- .editable-expandable-element-header {
664
- display: flex;
665
- flex-direction: row;
666
- flex-wrap: nowrap;
667
- align-items: center;
740
+ .document-list-action-bar-message .info-sprinkle {
741
+ margin-right: 5px;
742
+ margin-left: 5px;
668
743
  cursor: pointer;
744
+ font-size: 14px;
745
+ position: relative;
746
+ top: 1px;
747
+ opacity: 0.5;
669
748
  }
670
- .editable-expandable-element-header-label {
671
- display: inline-block;
672
- flex-grow: 3;
749
+ .document-list-action-bar-message .info-sprinkle:hover {
750
+ color: #fbb129;
673
751
  }
674
- .editable-expandable-element-header-is-editing .line-number:focus {
675
- outline: 0;
676
- color: #494747;
677
- font-weight: bold;
678
- border: 1px solid #494747;
679
- border-radius: 2px;
752
+ .document-list-action-bar-pagination {
753
+ margin: 0 5px;
680
754
  }
681
- .editable-expandable-element-header-is-editing .line-number:focus:before {
682
- content: '+';
755
+ .document-list-action-bar-pagination-button {
756
+ padding: 0 7px;
757
+ color: #006CBC;
683
758
  }
684
- .editable-expandable-element-header-is-editing .line-number:focus-is-selected:before {
685
- content: '-';
759
+ .document-list-action-bar-pagination-button-left {
760
+ border-top-right-radius: 0;
761
+ border-bottom-right-radius: 0;
686
762
  }
687
- .editable-expandable-element-header-is-editing:hover {
688
- background-color: #f5f6f7;
763
+ .document-list-action-bar-pagination-button-right {
764
+ border-top-left-radius: 0;
765
+ border-bottom-left-radius: 0;
689
766
  }
690
- .editable-expandable-element-header-is-editing:hover::before {
691
- background-color: #f5f6f7;
767
+ .document-list-action-bar-refresh i {
768
+ margin-right: 5px;
692
769
  }
693
- .editable-expandable-element-header-is-editing:hover .line-number {
694
- color: #494747;
695
- font-weight: bold;
696
- border: 1px solid #494747;
697
- border-radius: 2px;
770
+ .option-selector {
771
+ margin-right: 5px;
698
772
  }
699
- .editable-expandable-element-header-is-editing:hover .line-number:before {
700
- content: '+';
773
+ .option-selector #insert-data-dropdown {
774
+ display: flex;
775
+ padding: 0 12px;
776
+ color: #fff;
777
+ width: max-content;
701
778
  }
702
- .editable-expandable-element-header-is-editing:hover .line-number-is-selected:before {
703
- content: '-';
779
+ .option-selector #insert-data-dropdown .caret {
780
+ position: relative;
781
+ top: 7px;
704
782
  }
705
- .editable-expandable-element-header-is-editing:hover input {
706
- background-color: #f5f6f7;
783
+ .document {
784
+ position: relative;
785
+ font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
786
+ font-size: 11px;
787
+ list-style: none;
788
+ text-overflow: ellipsis;
789
+ white-space: nowrap;
790
+ max-width: 100%;
791
+ overflow-y: auto;
707
792
  }
708
- .editable-expandable-element-header-is-editing:hover input:focus {
709
- background-color: #FFFFFF;
793
+ .document::-webkit-scrollbar {
794
+ display: none;
710
795
  }
711
- .editable-expandable-element-header-is-editing:hover .editable-element-actions {
712
- opacity: 1;
796
+ .document-contents {
797
+ padding-top: 20px;
798
+ padding-bottom: 20px;
713
799
  }
714
- .editable-expandable-element-header-is-editing:hover .editable-element-types .btn {
715
- background-color: #dee0e3;
716
- color: #313030;
800
+ .document-elements {
801
+ position: relative;
717
802
  }
718
- .editable-expandable-element-header-is-editing:hover .editable-element-types .caret {
719
- visibility: visible;
720
- }
721
- .editable-expandable-element-header-is-editing:hover .editable-element-types-is-edited .btn {
722
- color: #000000;
723
- font-weight: bold;
724
- }
725
- .editable-expandable-element-header-is-edited:hover .line-number {
726
- color: #FFFFFF;
727
- border: 1px solid #FFFFFF;
728
- }
729
- .editable-expandable-element-header-is-edited:hover .line-number-is-selected {
730
- border: 1px solid #FFFFFF;
731
- }
732
- .editable-expandable-element-header-is-added:hover .line-number {
733
- color: #FFFFFF;
734
- border: 1px solid #FFFFFF;
735
- }
736
- .editable-expandable-element-header-is-added:hover .line-number-is-selected {
737
- border: 1px solid #FFFFFF;
738
- }
739
- .editable-expandable-element-header-is-removed:hover .line-number {
740
- color: #FFFFFF;
741
- border: 1px solid #FFFFFF;
742
- }
743
- .editable-expandable-element-header-is-removed:hover .line-number-is-selected {
744
- border: 1px solid #FFFFFF;
745
- }
746
- .editable-expandable-element-children {
747
- display: none;
748
- padding-left: 0px;
749
- }
750
- .editable-expandable-element-children-is-expanded {
751
- display: block;
752
- }
753
- .editable-element {
754
- width: 100%;
755
- display: flex;
756
- flex-direction: row;
757
- flex-wrap: nowrap;
758
- align-items: center;
759
- font-size: inherit;
760
- }
761
- .editable-element-field {
762
- display: inline-block;
763
- vertical-align: top;
764
- margin-left: 22px;
765
- }
766
- .editable-element-expand-button {
767
- position: absolute;
768
- padding: 2px 6px 0px 5px;
769
- }
770
- .editable-element-separator {
771
- padding-right: 2px;
772
- vertical-align: top;
773
- }
774
- .editable-element-is-editing .line-number:focus {
775
- outline: 0;
776
- color: #494747;
777
- font-weight: bold;
778
- border: 1px solid #494747;
779
- border-radius: 2px;
780
- }
781
- .editable-element-is-editing .line-number:focus:before {
782
- content: '+';
783
- }
784
- .editable-element-is-editing .line-number:focus-is-selected:before {
785
- content: '-';
786
- }
787
- .editable-element-is-editing:hover {
788
- background-color: #f5f6f7;
789
- }
790
- .editable-element-is-editing:hover::before {
791
- background-color: #f5f6f7;
792
- }
793
- .editable-element-is-editing:hover input {
794
- background-color: #f5f6f7;
795
- }
796
- .editable-element-is-editing:hover input:focus {
797
- background-color: #FFFFFF;
798
- }
799
- .editable-element-is-editing:hover .line-number {
800
- color: #494747;
801
- font-weight: bold;
802
- border: 1px solid #494747;
803
- border-radius: 2px;
804
- }
805
- .editable-element-is-editing:hover .line-number:before {
806
- content: '+';
807
- }
808
- .editable-element-is-editing:hover .line-number-is-selected:before {
809
- content: '-';
810
- }
811
- .editable-element-is-editing:hover .editable-element-actions {
812
- opacity: 1;
803
+ .document-is-deleting {
804
+ box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.2);
805
+ border: 1px solid #ef4c4c;
813
806
  }
814
- .editable-element-is-editing:hover .editable-element-types .btn {
815
- background-color: #dee0e3;
816
- color: #313030;
807
+ .document-is-editing {
808
+ box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.2);
817
809
  }
818
- .editable-element-is-editing:hover .editable-element-types .caret {
810
+ .document:hover .document-actions-button {
819
811
  visibility: visible;
820
812
  }
821
- .editable-element-is-editing:hover .editable-element-types-is-edited .btn {
822
- font-weight: bold;
823
- color: #000000;
824
- }
825
- .editable-element-is-edited {
826
- background-color: #FEF7E3;
827
- }
828
- .editable-element-is-edited:hover .line-number {
829
- color: #FFFFFF;
830
- border: 1px solid #FFFFFF;
831
- }
832
- .editable-element-is-edited:hover .line-number-is-selected {
833
- border: 1px solid #FFFFFF;
834
- }
835
- .editable-element-is-edited .line-number {
836
- background-color: #FFDD49;
837
- color: #86681D;
838
- border: 1px solid #FFFFFF;
839
- }
840
- .editable-element-is-edited .line-number-is-selected {
841
- border: 1px solid #FFFFFF;
842
- }
843
- .editable-element-is-edited input {
844
- background-color: #FEF7E3;
845
- }
846
- .editable-element-is-edited .editable-element-field {
847
- background-color: #FEF7E3;
848
- }
849
- .editable-element-is-edited .editable-element-field:focus {
850
- background-color: #FFFFFF;
851
- }
852
- .editable-element-is-edited .editable-element-field::before {
853
- background-color: #FEF7E3;
854
- }
855
- .editable-element-is-added {
856
- background-color: #E4F4E4;
857
- }
858
- .editable-element-is-added .editable-element-field {
859
- background-color: #E4F4E4;
860
- }
861
- .editable-element-is-added .editable-element-field:focus {
862
- background-color: #FFFFFF;
863
- }
864
- .editable-element-is-added:hover .line-number {
865
- color: #FFFFFF;
866
- border: 1px solid #FFFFFF;
867
- }
868
- .editable-element-is-added:hover .line-number-is-selected {
869
- border: 1px solid #FFFFFF;
870
- }
871
- .editable-element-is-added .line-number {
872
- background-color: #13AA52;
873
- color: #FFFFFF;
874
- border: 1px solid #FFFFFF;
875
- }
876
- .editable-element-is-added .line-number-is-selected {
877
- border: 1px solid #FFFFFF;
878
- }
879
- .editable-element-is-added input {
880
- background-color: #E4F4E4;
881
- }
882
- .editable-element-is-removed {
883
- background-color: #FCEBE2;
884
- }
885
- .editable-element-is-removed .editable-element-field {
886
- background-color: #FCEBE2;
887
- }
888
- .editable-element-is-removed .editable-element-field:focus {
889
- background-color: #FFFFFF;
890
- }
891
- .editable-element-is-removed:hover .line-number {
892
- color: #FFFFFF;
893
- border: 1px solid #FFFFFF;
894
- }
895
- .editable-element-is-removed:hover .line-number-is-selected {
896
- border: 1px solid #FFFFFF;
897
- }
898
- .editable-element-is-removed .line-number {
899
- background-color: #CF4A22;
900
- color: #FFFFFF;
901
- border: 1px solid #FFFFFF;
902
- }
903
- .editable-element-is-removed .line-number-is-selected {
904
- border: 1px solid #FFFFFF;
905
- }
906
- .editable-element-is-removed input {
907
- background-color: #FCEBE2;
908
- }
909
- .editable-element-actions {
910
- display: inline-block;
911
- opacity: 0;
912
- width: 18px;
913
- font-size: 13px;
914
- line-height: 11px;
915
- margin-top: 1px;
916
- text-align: center;
917
- color: #807f7f;
918
- position: absolute;
919
- left: 3px;
920
- }
921
- .editable-element-actions i:hover {
922
- cursor: pointer;
923
- }
924
- .editable-element-types {
925
- display: inline-block;
926
- width: 120px;
927
- color: #807f7f;
928
- height: 17px;
929
- flex-shrink: 0;
930
- }
931
- .editable-element-types .closed > .dropdown-menu {
932
- display: none;
933
- }
934
- .editable-element-types .type-label {
935
- padding: 1px 12px;
936
- }
937
- .editable-element-types .btn {
938
- background-color: transparent;
939
- color: #a09f9e;
940
- border: none;
941
- text-transform: none;
942
- font-size: 11px;
943
- border-radius: 8px;
944
- padding: 1px 12px;
945
- }
946
- .editable-element-types .caret {
947
- visibility: hidden;
948
- }
949
- .editable-element-types-is-edited .btn {
950
- color: #000000;
951
- font-weight: bold;
952
- }
953
- .editable-element-types .dropdown-menu {
954
- min-width: 120px;
955
- }
956
- .editable-element-types .dropdown-menu li span {
957
- display: block;
958
- padding: 3px 20px;
959
- clear: both;
960
- font-weight: normal;
961
- font-size: 11px;
962
- color: #333333;
963
- white-space: nowrap;
964
- }
965
- .editable-element-types .dropdown-menu li span:hover {
966
- color: #313030;
967
- text-decoration: none;
968
- background: #e6e6e6;
969
- }
970
- .editable-element-value {
813
+ .document-json {
814
+ list-style: none;
815
+ padding: 0 15px;
971
816
  position: relative;
972
- vertical-align: top;
973
- z-index: 1;
974
817
  }
975
- .editable-element-field {
818
+ .document-json .document-json-item {
976
819
  position: relative;
977
- z-index: 1;
978
- }
979
- .editable-element-field {
980
- font-weight: bold;
981
- border: none;
982
- padding-left: 1px;
983
- -webkit-user-select: text;
984
- max-width: 70%;
985
- text-overflow: ellipsis;
986
- white-space: nowrap;
987
- overflow: hidden;
988
- }
989
- .editable-element-field-is-editing {
990
- border: 1px solid #807f7f;
991
- box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
992
- z-index: 200;
993
- margin-top: -1px;
994
- margin-bottom: -1px;
995
- }
996
- .editable-element-field-is-duplicate {
997
- border: 1px solid red;
998
- color: red;
999
- }
1000
- .editable-element-value {
1001
- display: inline-block;
1002
- border: none;
1003
- padding-left: 1px;
1004
- text-overflow: ellipsis;
1005
- white-space: nowrap;
1006
- max-width: calc(100% - 6px);
820
+ font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
821
+ margin-bottom: 5px;
1007
822
  }
1008
- .editable-element-value-tooltip {
1009
- height: 20px !important;
1010
- font-size: 11px !important;
1011
- opacity: 1 !important;
1012
- padding: 3px 6px !important;
823
+ .document-json .document-json-item .json-document-is-editing {
824
+ box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.2);
1013
825
  }
1014
- .editable-element-value-is-string {
1015
- padding: 0px 2px;
1016
- height: 17px;
826
+ .document-json .document-json-item .json-ace-editor {
827
+ padding: 10px 10px 10px 0;
828
+ background: #ffffff;
1017
829
  overflow: auto;
1018
- max-height: 50vh;
1019
- }
1020
- .editable-element-value-is-int32 {
1021
- color: #145a32;
1022
- }
1023
- .editable-element-value-is-int64 {
1024
- color: #196f3d;
1025
- }
1026
- .editable-element-value-is-double {
1027
- color: #1e8449;
1028
- }
1029
- .editable-element-value-is-decimal128 {
1030
- color: #229954;
1031
- }
1032
- .editable-element-value-is-date {
1033
- color: firebrick;
1034
- }
1035
- .editable-element-value-is-boolean {
1036
- color: purple;
1037
- }
1038
- .editable-element-value-is-objectid {
1039
- color: orangered;
1040
- }
1041
- .editable-element-value-is-objectid::before {
1042
- content: 'ObjectId("';
1043
- }
1044
- .editable-element-value-is-objectid::after {
1045
- content: '")';
1046
- }
1047
- .editable-element-value-is-editing {
1048
- border: 1px solid #807f7f;
1049
- box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
1050
- z-index: 200;
1051
- margin-top: -1px;
1052
- margin-bottom: -1px;
1053
- }
1054
- .editable-element-value-is-invalid-type {
1055
- background-color: #F9D3C5 !important;
1056
- color: #CF4A22 !important;
1057
- }
1058
- .editable-element-value-wrapper {
830
+ flex-basis: auto;
831
+ flex-shrink: 1;
1059
832
  flex-grow: 1;
1060
- overflow: hidden;
1061
- }
1062
- .editable-element-value-wrapper-is-string {
1063
- color: steelblue;
1064
- }
1065
- .editable-element-value-wrapper-is-string::before {
1066
- content: "\"";
1067
- }
1068
- .editable-element-value-wrapper-is-string::after {
1069
- content: "\"";
1070
- }
1071
- .editable-element-value-wrapper-is-objectid {
1072
- color: orangered;
1073
- }
1074
- .editable-element-value-wrapper-is-objectid::before {
1075
- content: 'ObjectId("';
1076
- }
1077
- .editable-element-value-wrapper-is-objectid::after {
1078
- content: '")';
1079
- }
1080
- .expansion-bar .btn {
1081
- margin: 10px 0 0 22px;
1082
- }
1083
- .expansion-bar .btn i {
1084
- margin-right: 5px;
1085
- }
1086
- .line-number {
1087
- display: inline-block;
1088
- color: #a09f9e;
1089
- width: 18px;
1090
- height: 17px;
1091
- text-align: center;
1092
- cursor: pointer;
1093
- }
1094
- .line-number::before {
1095
- counter-increment: document-line-number;
1096
- content: counter(document-line-number);
1097
- }
1098
- .line-number-is-selected {
1099
- color: #494747;
1100
- font-weight: bold;
1101
- border: 1px solid #494747;
1102
- border-radius: 2px;
1103
- }
1104
- .line-number-is-selected:before {
1105
- content: '-';
1106
- }
1107
- .line-number-menu {
1108
- display: none;
1109
- color: #807f7f;
1110
- }
1111
- .line-number-menu li span {
1112
- display: block;
1113
- padding: 3px 20px;
1114
- clear: both;
1115
- font-weight: normal;
1116
- font-size: 11px;
1117
- color: #333333;
1118
- white-space: nowrap;
1119
- }
1120
- .line-number-menu li span .fa-level-down {
1121
- margin-right: 12px;
1122
833
  }
1123
- .line-number-menu li span .fa-plus-square-o {
1124
- margin-right: 10px;
834
+ .document-json .document-json-item .json-ace-editor .ace-mongodb {
835
+ background: #ffffff;
1125
836
  }
1126
- .line-number-menu li span:hover {
1127
- color: #313030;
1128
- text-decoration: none;
1129
- background: #e6e6e6;
837
+ .document-json .document-json-item .json-ace-editor .ace-mongodb .ace_gutter {
838
+ background: #ffffff;
839
+ z-index: 0;
1130
840
  }
1131
- .line-number-menu-field {
1132
- display: inline-block !important;
1133
- padding: 0px !important;
1134
- font-weight: bold !important;
841
+ .document-json .document-json-item:last-child {
842
+ margin-bottom: 0;
843
+ border-bottom: 0 solid transparent;
1135
844
  }
1136
- .line-number-menu-is-visible {
1137
- display: block !important;
845
+ .document-json .document-json-item:hover .document-actions-button {
846
+ visibility: visible;
1138
847
  }
1139
848
  .loading-indicator {
1140
849
  display: none;
@@ -1280,109 +989,30 @@
1280
989
  .insert-document-dialog .editable-element-value {
1281
990
  max-width: 20vw;
1282
991
  }
1283
- .document .document-elements {
1284
- padding-left: 40px;
1285
- width: 100%;
992
+ /* Styles for individual cells in the table-view */
993
+ .table-view-cell {
994
+ padding: 0px 5px;
995
+ margin: 1px;
996
+ line-height: 26px;
1286
997
  }
1287
- .document .document-elements .editable-element-actions {
1288
- display: inline-block;
998
+ .table-view-cell-circle-button {
999
+ position: absolute;
1000
+ z-index: 100;
1001
+ display: flex;
1002
+ justify-content: center;
1003
+ align-items: center;
1289
1004
  opacity: 0;
1005
+ right: 0;
1290
1006
  width: 18px;
1291
- line-height: 11px;
1292
- margin-right: 35px;
1293
- text-align: center;
1007
+ height: 18px;
1008
+ border-radius: 50%;
1009
+ margin: 4px 5px;
1010
+ background: white;
1011
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), inset 0 2px 5px 0 rgba(0, 0, 0, 0.05);
1294
1012
  cursor: pointer;
1295
- color: #807f7f;
1296
- }
1297
- .document .document-elements .editable-element-is-added,
1298
- .document .document-elements .editable-expandable-element-header-is-added {
1299
- background-color: #ffffff;
1300
- }
1301
- .document .document-elements .editable-element-is-added input,
1302
- .document .document-elements .editable-expandable-element-header-is-added input {
1303
- background-color: #ffffff;
1304
1013
  }
1305
- .document .document-elements .editable-element-is-added input:focus,
1306
- .document .document-elements .editable-expandable-element-header-is-added input:focus {
1307
- background-color: #ffffff;
1308
- }
1309
- .document .document-elements .editable-element-is-added .line-number,
1310
- .document .document-elements .editable-expandable-element-header-is-added .line-number {
1311
- background-color: #ffffff;
1312
- color: #807f7f;
1313
- }
1314
- .document .document-elements .editable-element:hover {
1315
- background-color: #f5f6f7;
1316
- }
1317
- .document .document-elements .editable-element:hover::before {
1318
- background-color: #f5f6f7;
1319
- }
1320
- .document .document-elements .editable-element:hover input {
1321
- background-color: #f5f6f7;
1322
- }
1323
- .document .document-elements .editable-element:hover input:focus {
1324
- background-color: #ffffff;
1325
- }
1326
- .document .document-elements .editable-element:hover .editable-element-actions {
1327
- opacity: 1;
1328
- }
1329
- .document .document-elements .editable-element:hover .editable-element-types .btn {
1330
- background-color: #dee0e3;
1331
- color: #313030;
1332
- }
1333
- .document .document-elements .editable-element:hover .editable-element-types .caret {
1334
- visibility: visible;
1335
- }
1336
- .document .document-elements .editable-element:hover .editable-element-types-is-edited .btn {
1337
- color: #000000;
1338
- font-weight: bold;
1339
- }
1340
- .document .document-elements .editable-expandable-element-header:hover {
1341
- background-color: #f5f6f7;
1342
- }
1343
- .document .document-elements .editable-expandable-element-header:hover::before {
1344
- background-color: #f5f6f7;
1345
- }
1346
- .document .document-elements .editable-expandable-element-header:hover input {
1347
- background-color: #f5f6f7;
1348
- }
1349
- .document .document-elements .editable-expandable-element-header:hover input:focus {
1350
- background-color: #ffffff;
1351
- }
1352
- .document .document-elements .editable-expandable-element-header:hover .editable-element-actions {
1353
- opacity: 1;
1354
- }
1355
- .document .document-elements .editable-expandable-element-header:hover .editable-element-types .btn {
1356
- background-color: #dee0e3;
1357
- color: #313030;
1358
- }
1359
- .document .document-elements .editable-expandable-element-header:hover .editable-element-types .caret {
1360
- visibility: visible;
1361
- }
1362
- /* Styles for individual cells in the table-view */
1363
- .table-view-cell {
1364
- padding: 0px 5px;
1365
- margin: 1px;
1366
- line-height: 26px;
1367
- }
1368
- .table-view-cell-circle-button {
1369
- position: absolute;
1370
- z-index: 100;
1371
- display: flex;
1372
- justify-content: center;
1373
- align-items: center;
1374
- opacity: 0;
1375
- right: 0;
1376
- width: 18px;
1377
- height: 18px;
1378
- border-radius: 50%;
1379
- margin: 4px 5px;
1380
- background: white;
1381
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), inset 0 2px 5px 0 rgba(0, 0, 0, 0.05);
1382
- cursor: pointer;
1383
- }
1384
- .table-view-cell-circle-button-left {
1385
- right: 20px;
1014
+ .table-view-cell-circle-button-left {
1015
+ right: 20px;
1386
1016
  }
1387
1017
  .table-view-cell .editable-element {
1388
1018
  text-overflow: ellipsis;
@@ -3660,825 +3290,371 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
3660
3290
  align-items: center;
3661
3291
  justify-content: center;
3662
3292
  padding: 10px;
3663
- margin: auto;
3664
- }
3665
- .stage-preview-module-stage-preview-missing-search-support-text__1XKhH {
3666
- text-align: center;
3667
- margin-top: 10px;
3668
- margin-bottom: 20px;
3669
- max-width: 400px;
3670
- }
3671
- .stage-preview-module-stage-preview-out__2kjVI {
3672
- display: flex;
3673
- flex-direction: column;
3674
- align-items: center;
3675
- width: 100%;
3676
- }
3677
- .stage-preview-module-stage-preview-out-text__FwDzO {
3678
- padding: 0px 15px 2px 15px;
3679
- text-align: center;
3680
- }
3681
- .stage-preview-module-stage-preview-out-button__bnXRJ {
3682
- margin-top: 3px;
3683
- }
3684
- .stage-preview-module-stage-preview-out-link__1uCqW {
3685
- border: none;
3686
- padding: 0;
3687
- margin: 0;
3688
- background: none;
3689
- }
3690
- .stage-preview-module-stage-preview-documents__uF1qq {
3691
- display: flex;
3692
- align-items: stretch;
3693
- overflow-x: scroll;
3694
- margin: 10px;
3695
- }
3696
- .stage-preview-module-stage-preview-documents__uF1qq .document {
3697
- background-color: #fff;
3698
- margin: 10px;
3699
- padding: 0;
3700
- border: 1px solid #dee0e3;
3701
- border-radius: 4px;
3702
- box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
3703
- width: 350px;
3704
- min-height: 150px;
3705
- overflow: scroll;
3706
- flex-shrink: 0;
3707
- display: flex;
3708
- flex-direction: column;
3709
- }
3710
- .stage-preview-module-stage-preview-documents__uF1qq .document-contents {
3711
- flex-basis: 150px;
3712
- flex-grow: 1;
3713
- flex-shrink: 0;
3714
- overflow: auto;
3715
- padding: 20px;
3716
- }
3717
- .stage-preview-module-stage-preview-documents__uF1qq .document-elements {
3718
- padding: 0px;
3719
- margin-bottom: 0px;
3720
- }
3721
- .stage-preview-module-stage-preview-documents__uF1qq .document::-webkit-scrollbar {
3722
- display: none;
3723
- }
3724
- .stage-preview-module-stage-preview-documents__uF1qq .document-contents::-webkit-scrollbar {
3725
- display: none;
3726
- }
3727
- .stage-preview-module-stage-preview-documents__uF1qq .element-value-is-string {
3728
- word-break: normal;
3729
- }
3730
- .stage-preview-module-stage-preview__37FlK::-webkit-scrollbar {
3731
- display: none;
3732
- }
3733
-
3734
- .stage-preview-toolbar-module-stage-preview-toolbar__2o0am {
3735
- width: 100%;
3736
- font-size: 12px;
3737
- white-space: nowrap;
3738
- overflow: hidden;
3739
- text-overflow: ellipsis;
3740
- height: 30px;
3741
- padding: 10px 0;
3742
- padding-left: 25px;
3743
- display: flex;
3744
- align-items: center;
3745
- border-bottom: 1px solid #dee0e3;
3746
- border-radius: 4px 4px 0 0;
3747
- }
3748
- .stage-preview-toolbar-module-stage-preview-toolbar-link__q2ehc {
3749
- border: none;
3750
- padding: 0;
3751
- margin: 0;
3752
- background: none;
3753
- }
3754
- .stage-preview-toolbar-module-stage-preview-toolbar-errored__1JajO {
3755
- background: #FCEBE2;
3756
- }
3757
- .stage-preview-toolbar-module-stage-preview-toolbar__2o0am i.info-sprinkle {
3758
- display: inline-block;
3759
- font: normal normal normal 14px/1 FontAwesome;
3760
- font-size: inherit;
3761
- text-rendering: auto;
3762
- -webkit-font-smoothing: antialiased;
3763
- -moz-osx-font-smoothing: grayscale;
3764
- margin: 0 5px;
3765
- cursor: pointer;
3766
- color: #bfbfbe;
3767
- }
3768
- .stage-preview-toolbar-module-stage-preview-toolbar__2o0am i.info-sprinkle:before {
3769
- content: "\f05a";
3770
- }
3771
- .stage-preview-toolbar-module-stage-preview-toolbar__2o0am #stage-tooltip {
3772
- width: 300px;
3773
- white-space: pre-wrap;
3774
- }
3775
-
3776
- .stage-module-stage-container__ZDTxh {
3777
- margin: 0px 10px 0px;
3778
- padding-bottom: 15px;
3779
- border-left: 2px solid #dee0e3;
3780
- position: relative;
3781
- }
3782
- .stage-module-stage-container__ZDTxh:before {
3783
- position: absolute;
3784
- left: -3px;
3785
- top: 10px;
3786
- content: '';
3787
- width: 4px;
3788
- height: 16px;
3789
- background-color: #f5f6f7;
3790
- }
3791
- .stage-module-stage-container__ZDTxh:after {
3792
- position: absolute;
3793
- left: -7px;
3794
- top: 12px;
3795
- content: '';
3796
- width: 12px;
3797
- height: 12px;
3798
- border-radius: 50%;
3799
- border: 2px solid #dee0e3;
3800
- }
3801
- .stage-module-stage-container-is-first__C7RFF:before {
3802
- position: absolute;
3803
- left: -3px;
3804
- top: 0px;
3805
- content: '';
3806
- width: 4px;
3807
- height: 26px;
3808
- background-color: #f5f6f7;
3809
- }
3810
- .stage-module-stage-container__ZDTxh .stage-module-stage__1YPPq {
3811
- position: relative;
3812
- margin: 0px 8px 0px;
3813
- border: 1px solid #dee0e3;
3814
- border-radius: 4px;
3815
- box-shadow: 1px 1px 1px #dee0e3;
3816
- background: #fff;
3817
- display: flex;
3818
- flex-direction: row;
3819
- }
3820
- .stage-module-stage-container__ZDTxh .stage-module-stage-errored__mbJmP {
3821
- border-color: #CF4A22;
3822
- }
3823
- .stage-module-stage-editor-container__1LvRF {
3824
- display: flex;
3825
- flex-direction: column;
3826
- position: relative;
3827
- overflow: auto;
3828
- }
3829
- .stage-module-stage-preview-container__2xO44 {
3830
- display: flex;
3831
- flex-direction: column;
3832
- position: relative;
3833
- width: 100%;
3834
- overflow: auto;
3835
- }
3836
- .stage-module-stage-resize-handle-wrapper__1UhOK:hover div div,
3837
- .stage-module-stage-resize-handle-wrapper__1UhOK:active div div {
3838
- background-color: #bfbfbe;
3839
- }
3840
- .stage-module-stage-workspace__9LrbT {
3841
- display: flex;
3842
- align-items: stretch;
3843
- border-radius: 0 0 4px 4px;
3844
- }
3845
-
3846
- .input-collapser-module-input-collapser__2CIHy {
3847
- position: relative;
3848
- }
3849
- .input-collapser-module-input-collapser__2CIHy button {
3850
- width: 30px;
3851
- }
3852
-
3853
- .input-documents-count-module-input-documents-count__2sCxl {
3854
- height: 30px;
3855
- display: flex;
3856
- align-items: center;
3857
- flex-grow: 4;
3858
- }
3859
- .input-documents-count-module-input-documents-count-db__2xqQF {
3860
- font-size: 12px;
3861
- padding-left: 10px;
3862
- color: #494747;
3863
- }
3864
- .input-documents-count-module-input-documents-count-label__Q3Y3L {
3865
- font-size: 12px;
3866
- padding-left: 5px;
3867
- color: #494747;
3868
- }
3869
-
3870
- .input-refresh-module-input-refresh__1jTIT {
3871
- flex-grow: 0;
3872
- }
3873
-
3874
- .input-builder-toolbar-module-input-builder-toolbar__1H2sc {
3875
- width: 350px;
3876
- margin: 0px 15px 0px 18px;
3877
- flex-shrink: 0;
3878
- display: flex;
3879
- flex-direction: row;
3880
- justify-content: space-between;
3881
- position: relative;
3882
- height: 30px;
3883
- align-items: center;
3884
- }
3885
-
3886
- .input-preview-toolbar-module-input-preview-toolbar__34ttN {
3887
- width: 100%;
3888
- overflow: hidden;
3889
- text-overflow: ellipsis;
3890
- border-left: 1px solid #dee0e3;
3891
- }
3892
- .input-preview-toolbar-module-input-preview-toolbar-text__3gBhM {
3893
- font-size: 12px;
3894
- padding-left: 10px;
3895
- color: #494747;
3896
- white-space: nowrap;
3897
- overflow: hidden;
3898
- text-overflow: ellipsis;
3899
- }
3900
-
3901
- .input-toolbar-module-input-toolbar__32jT7 {
3902
- border-bottom: 1px solid #dee0e3;
3903
- display: flex;
3904
- align-items: center;
3905
- position: relative;
3906
- height: 40px;
3907
- width: 100%;
3908
- }
3909
-
3910
- .input-builder-module-input-builder__KDDTC {
3911
- flex-grow: 1;
3912
- position: relative;
3913
- margin: 15px 18px 15px 18px;
3914
- padding: 10px 0px 10px 0px;
3915
- min-height: 54px;
3916
- text-align: center;
3917
- }
3918
-
3919
- .input-preview-module-input-preview__2di5A {
3920
- display: flex;
3921
- align-items: center;
3922
- overflow: auto;
3923
- flex-grow: 1;
3924
- width: 100%;
3925
- position: relative;
3926
- }
3927
- .input-preview-module-input-preview-documents__1878X {
3928
- display: flex;
3929
- align-items: flex-start;
3930
- overflow-x: scroll;
3931
- margin: 10px;
3932
- }
3933
- .input-preview-module-input-preview-documents__1878X .document {
3934
- background-color: #fff;
3935
- margin: 10px;
3936
- padding: 0px 20px;
3937
- border: 1px solid #dee0e3;
3938
- border-radius: 4px;
3939
- box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
3940
- width: 350px;
3941
- height: 150px;
3942
- overflow: scroll;
3943
- flex-shrink: 0;
3944
- }
3945
- .input-preview-module-input-preview-documents__1878X .document-elements {
3946
- padding: 0px;
3947
- margin-bottom: 0px;
3948
- }
3949
- .input-preview-module-input-preview-documents__1878X .document::-webkit-scrollbar {
3950
- display: none;
3951
- }
3952
- .input-preview-module-input-preview-documents__1878X .element-value-is-string {
3953
- word-break: normal;
3954
- }
3955
- .input-preview-module-input-preview__2di5A::-webkit-scrollbar {
3956
- display: none;
3957
- }
3958
-
3959
- .input-workspace-module-input-workspace__1ivct {
3960
- display: flex;
3961
- align-items: center;
3962
- }
3963
-
3964
- .input-module-input__2mTmO {
3965
- position: relative;
3966
- margin: 18px;
3967
- margin-left: 20px;
3968
- border: 1px solid #dee0e3;
3969
- border-radius: 4px;
3970
- box-shadow: 1px 1px 1px #dee0e3;
3971
- background: #fff;
3972
- }
3973
-
3974
- .add-stage-module-add-stage-container__L3KcT {
3975
- margin: 0px;
3976
- padding-bottom: 15px;
3977
- position: relative;
3978
- }
3979
- .add-stage-module-add-stage-container__L3KcT:after {
3980
- position: absolute;
3981
- left: 6px;
3982
- top: 2px;
3983
- content: '';
3984
- width: 10px;
3985
- height: 10px;
3986
- border-radius: 50%;
3987
- border: 5px solid #dee0e3;
3988
- }
3989
- .add-stage-module-add-stage-container__L3KcT .add-stage-module-add-stage__3hDT6 {
3990
- flex-shrink: 0;
3991
- display: flex;
3992
- justify-content: center;
3993
- position: relative;
3994
- margin: 0px 20px 0px;
3995
- border: 1px solid #dee0e3;
3996
- border-radius: 4px;
3997
- box-shadow: 1px 1px 1px #dee0e3;
3998
- background: #fff;
3999
- width: 370px;
4000
- }
4001
- .add-stage-module-add-stage-container__L3KcT .add-stage-module-add-stage__3hDT6 button {
4002
- margin: 10px 0px 10px 0px;
4003
- }
4004
-
4005
- .custom-drag-layer-module-custom-drag-layer__oy-5R {
4006
- position: fixed;
4007
- pointer-events: none;
4008
- z-index: 500;
4009
- left: 5px;
4010
- top: 0;
4011
- width: 100%;
4012
- height: 100%;
4013
- }
4014
- .custom-drag-layer-module-custom-drag-layer-container__s3SZv {
4015
- border-radius: 5px;
4016
- background-color: rgba(13, 50, 79, 0.6);
4017
- color: #C5E4F2;
4018
- width: calc(80% - 260px);
4019
- height: 180px;
4020
- display: flex;
4021
- align-items: center;
4022
- justify-content: center;
4023
- font-style: italic;
4024
- font-size: 24px;
4025
- font-weight: bold;
4026
- }
4027
-
4028
- .modify-source-banner-module-modify-source-banner__zkRAk {
4029
- text-align: center;
4030
- margin: 5px auto;
4031
- margin-top: 20px;
4032
- z-index: 500;
4033
- }
4034
-
4035
- .pipeline-workspace-module-pipeline-workspace-container__3IpOe {
4036
- position: relative;
4037
- width: 100%;
4038
- height: 100%;
4039
- }
4040
- .pipeline-workspace-module-pipeline-workspace__380z9 {
4041
- display: flex;
4042
- flex-direction: column;
4043
- overflow-y: scroll;
4044
- width: 100%;
4045
- height: 100%;
4046
- flex-grow: 1;
4047
- }
4048
- .pipeline-workspace-module-pipeline-workspace-container-container__36jIN {
4049
- flex-grow: 1;
4050
- width: 100%;
4051
- position: relative;
4052
- overflow-y: scroll;
4053
- }
4054
-
4055
- .restore-pipeline-button-module-restore-pipeline__NGnMs {
4056
- margin-right: 2px;
4057
- flex-grow: 0;
4058
- visibility: hidden;
4059
- }
4060
-
4061
- .delete-pipeline-button-module-delete-pipeline__Ch_2o {
4062
- margin: 0px 10px 0px 0px;
4063
- flex-grow: 0;
4064
- visibility: hidden;
4065
- }
4066
-
4067
- .save-pipeline-card-module-save-pipeline-card__2EPNA {
4068
- border: 1px solid #dee0e3;
4069
- box-shadow: 0 0 3px #dee0e3;
4070
- margin: 10px;
4071
- display: flex;
4072
- align-items: center;
4073
- background: #fff;
4074
- }
4075
- .save-pipeline-card-module-save-pipeline-card__2EPNA:hover button {
4076
- visibility: visible;
4077
- }
4078
- .save-pipeline-card-module-save-pipeline-card-title__272aN {
4079
- font-size: 12px;
4080
- padding: 8px;
4081
- line-height: 20px;
4082
- font-weight: bold;
4083
- flex-grow: 5;
4084
- color: #494747;
4085
- overflow-wrap: break-word;
4086
- overflow: auto;
4087
- }
4088
-
4089
- .save-pipeline-module-save-pipeline__1r5sb {
4090
- border-right: 1px solid #dee0e3;
4091
- box-shadow: 1px 1px 1px #dee0e3;
4092
- background: #f8f8f8;
4093
- position: absolute;
4094
- width: 400px;
4095
- height: 100%;
4096
- top: 0;
4097
- left: -401px;
4098
- transition: left 0.2s ease-in-out;
4099
- font-size: 1em;
4100
- z-index: 500;
4101
- }
4102
- .save-pipeline-module-save-pipeline-is-visible__3bNUE {
4103
- left: 0px;
4104
- transition: left 0.2s ease-in-out;
4105
- }
4106
- .save-pipeline-module-save-pipeline-header__1G3Ck {
4107
- height: 34px;
4108
- display: flex;
4109
- padding: 10px;
4110
- font-size: 12px;
4111
- line-height: 20px;
4112
- font-weight: bold;
4113
- color: #494747;
4114
- align-items: center;
4115
- justify-content: space-between;
4116
- border-bottom: 1px solid #dee0e3;
4117
- box-shadow: 1px 1px 1px #dee0e3;
4118
- }
4119
- .save-pipeline-module-save-pipeline-cards__2__gs {
4120
- overflow-y: scroll;
4121
- }
4122
- .save-pipeline-module-save-pipeline-close__2mTMD {
4123
- cursor: pointer;
4124
- }
4125
- .save-pipeline-module-save-pipeline-cards__2__gs::-webkit-scrollbar {
4126
- display: none;
4127
- }
4128
-
4129
- .settings-module-container__3sWua {
4130
- border-left: 1px solid #dee0e3;
4131
- box-shadow: 1px 1px 1px #dee0e3;
4132
- background: #f8f8f8;
4133
- position: absolute;
4134
- width: 580px;
4135
- height: 100%;
4136
- top: 0;
4137
- right: 0px;
4138
- transition: right 0.2s ease-in-out;
4139
- font-size: 1em;
4140
- z-index: 500;
4141
- }
4142
- .settings-module-header__1rot3 {
4143
- height: 32px;
4144
- display: flex;
4145
- padding: 5px;
4146
- font-size: 12px;
4147
- line-height: 20px;
4148
- font-weight: bold;
4149
- color: #494747;
4150
- align-items: center;
4151
- justify-content: space-between;
4152
- border-bottom: 1px solid #dee0e3;
4153
- box-shadow: 1px 1px 1px #dee0e3;
4154
- }
4155
- .settings-module-header-title__xCvBM {
4156
- color: #424242;
4157
- font-size: 12px;
4158
- font-weight: bold;
4159
- flex-grow: 2;
4160
- }
4161
- .settings-module-header-btn-group__1NySd {
4162
- display: inline-block;
4163
- }
4164
- .settings-module-header-btn-group__1NySd button {
4165
- margin-right: 5px;
3293
+ margin: auto;
4166
3294
  }
4167
- .settings-module-header-btn-group__1NySd:last-child {
4168
- margin-right: 0px;
3295
+ .stage-preview-module-stage-preview-missing-search-support-text__1XKhH {
3296
+ text-align: center;
3297
+ margin-top: 10px;
3298
+ margin-bottom: 20px;
3299
+ max-width: 400px;
4169
3300
  }
4170
- .settings-module-input-group__3OjXF {
4171
- margin: 10px;
4172
- padding: 4px 10px 4px 10px;
4173
- background-color: #FFFFFF;
3301
+ .stage-preview-module-stage-preview-out__2kjVI {
4174
3302
  display: flex;
3303
+ flex-direction: column;
4175
3304
  align-items: center;
3305
+ width: 100%;
4176
3306
  }
4177
- .settings-module-input-control__3kNAF {
4178
- min-width: 90px;
4179
- }
4180
- .settings-module-input-control__3kNAF input {
4181
- border-radius: 3px;
4182
- border-color: #BFBFBE;
4183
- border-style: solid;
4184
- border-width: 1px;
4185
- padding: 1px;
4186
- text-align: right;
4187
- float: right;
3307
+ .stage-preview-module-stage-preview-out-text__FwDzO {
3308
+ padding: 0px 15px 2px 15px;
3309
+ text-align: center;
4188
3310
  }
4189
- .settings-module-input-control__3kNAF input[type="text"],
4190
- .settings-module-input-control__3kNAF input[type="number"] {
4191
- width: 70px;
4192
- color: #464C4F;
3311
+ .stage-preview-module-stage-preview-out-button__bnXRJ {
3312
+ margin-top: 3px;
4193
3313
  }
4194
- .settings-module-input-control__3kNAF input[type="text"]::placeholder,
4195
- .settings-module-input-control__3kNAF input[type="number"]::placeholder {
4196
- font-size: 13px;
4197
- color: #AAAAAA;
3314
+ .stage-preview-module-stage-preview-out-link__1uCqW {
3315
+ border: none;
3316
+ padding: 0;
3317
+ margin: 0;
3318
+ background: none;
4198
3319
  }
4199
- .settings-module-input-meta__2H8QK {
4200
- flex-grow: 1;
3320
+ .stage-preview-module-stage-preview-documents__uF1qq {
3321
+ display: flex;
3322
+ align-items: stretch;
3323
+ overflow-x: scroll;
3324
+ margin: 10px;
3325
+ padding: 10px;
4201
3326
  }
4202
- .settings-module-input-meta__2H8QK label {
4203
- font-size: 13px;
4204
- color: #464C4F;
3327
+ .stage-preview-module-stage-preview-document-card__21xbY {
3328
+ flex: none;
3329
+ border: 1px solid #dee0e3;
3330
+ border-radius: 4px;
3331
+ box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
3332
+ width: 350px;
3333
+ height: 150px;
3334
+ overflow: scroll;
4205
3335
  }
4206
- .settings-module-input-meta__2H8QK p {
4207
- font-size: 12px;
4208
- color: #777A7F;
3336
+ .stage-preview-module-stage-preview-document-card__21xbY:not(:first-child) {
3337
+ margin-left: 20px;
4209
3338
  }
4210
-
4211
- .overview-toggler-module-overview-toggler__253em {
4212
- position: relative;
4213
- margin-right: 3px;
3339
+ .stage-preview-module-stage-preview-document-card__21xbY::-webkit-scrollbar {
3340
+ display: none;
4214
3341
  }
4215
- .overview-toggler-module-overview-toggler__253em button {
4216
- width: 30px;
3342
+ .stage-preview-module-stage-preview__37FlK::-webkit-scrollbar {
3343
+ display: none;
4217
3344
  }
4218
3345
 
4219
- .collation-collapser-module-collation-collapser__2fVom {
4220
- position: relative;
4221
- margin-right: 3px;
4222
- }
4223
- .collation-collapser-module-collation-collapser__2fVom button {
3346
+ .stage-preview-toolbar-module-stage-preview-toolbar__2o0am {
3347
+ width: 100%;
3348
+ font-size: 12px;
4224
3349
  white-space: nowrap;
4225
- }
4226
-
4227
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar__oXcex {
4228
- align-items: center;
3350
+ overflow: hidden;
3351
+ text-overflow: ellipsis;
3352
+ height: 30px;
3353
+ padding: 10px 0;
3354
+ padding-left: 25px;
4229
3355
  display: flex;
4230
- flex-shrink: 0;
4231
- height: 34px;
4232
- padding: 0px 10px 0px 15px;
4233
- flex-grow: 1;
4234
- z-index: 100;
4235
- }
4236
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar__oXcex .dropdown {
4237
- margin-left: 3px;
4238
- padding-right: 6px;
4239
- height: 22px;
4240
- }
4241
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar__oXcex .dropdown i {
4242
- top: 1px;
4243
- }
4244
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar__oXcex .dropdown-toggle {
4245
- height: 22px;
4246
- padding: 0 7px 0px 5px;
4247
- font-size: 11px;
4248
- border-radius: 0px 3px 3px 0px;
3356
+ align-items: center;
3357
+ border-bottom: 1px solid #dee0e3;
3358
+ border-radius: 4px 4px 0 0;
4249
3359
  }
4250
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar__oXcex .dropdown-menu {
4251
- font-size: 12px;
3360
+ .stage-preview-toolbar-module-stage-preview-toolbar-link__q2ehc {
3361
+ border: none;
3362
+ padding: 0;
3363
+ margin: 0;
3364
+ background: none;
4252
3365
  }
4253
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar-update-view__32VEf {
4254
- margin-right: 5px;
3366
+ .stage-preview-toolbar-module-stage-preview-toolbar-errored__1JajO {
3367
+ background: #FCEBE2;
4255
3368
  }
4256
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar-add-wrapper__3OJjU {
4257
- margin: 0px 3px 0px 3px;
4258
- margin-right: 3px;
4259
- background-color: rgba(70, 76, 79, 0.1);
4260
- display: flex;
4261
- border-radius: 3px;
4262
- font-size: 12px;
4263
- padding: 2px 6px 2px 6px;
3369
+ .stage-preview-toolbar-module-stage-preview-toolbar__2o0am i.info-sprinkle {
3370
+ display: inline-block;
3371
+ font: normal normal normal 14px/1 FontAwesome;
3372
+ font-size: inherit;
3373
+ text-rendering: auto;
3374
+ -webkit-font-smoothing: antialiased;
3375
+ -moz-osx-font-smoothing: grayscale;
3376
+ margin: 0 5px;
3377
+ cursor: pointer;
3378
+ color: #bfbfbe;
4264
3379
  }
4265
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar-name__2yDjz {
4266
- font-size: 12px;
4267
- font-weight: bold;
4268
- white-space: nowrap;
3380
+ .stage-preview-toolbar-module-stage-preview-toolbar__2o0am i.info-sprinkle:before {
3381
+ content: "\f05a";
4269
3382
  }
4270
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar-open-saved-pipelines-button__L6l0H {
4271
- margin-right: 3px;
4272
- white-space: nowrap;
3383
+ .stage-preview-toolbar-module-stage-preview-toolbar__2o0am #stage-tooltip {
3384
+ width: 300px;
3385
+ white-space: pre-wrap;
4273
3386
  }
4274
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar-new-button__3Mf5F {
4275
- white-space: nowrap;
4276
- border-radius: 3px 0px 0px 3px;
4277
- border-right: 0;
3387
+
3388
+ .stage-module-stage-container__ZDTxh {
3389
+ margin: 0px 10px 0px;
3390
+ padding-bottom: 15px;
3391
+ border-left: 2px solid #dee0e3;
3392
+ position: relative;
4278
3393
  }
4279
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar-new-button__3Mf5F:hover {
4280
- border-right: 0;
3394
+ .stage-module-stage-container__ZDTxh:before {
3395
+ position: absolute;
3396
+ left: -3px;
3397
+ top: 10px;
3398
+ content: '';
3399
+ width: 4px;
3400
+ height: 16px;
3401
+ background-color: #f5f6f7;
4281
3402
  }
4282
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar-save-pipeline-button__3YzN8 {
4283
- white-space: nowrap;
4284
- border-radius: 3px 0px 0px 3px;
4285
- border-right: 0;
3403
+ .stage-module-stage-container__ZDTxh:after {
3404
+ position: absolute;
3405
+ left: -7px;
3406
+ top: 12px;
3407
+ content: '';
3408
+ width: 12px;
3409
+ height: 12px;
3410
+ border-radius: 50%;
3411
+ border: 2px solid #dee0e3;
4286
3412
  }
4287
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar-save-pipeline-button__3YzN8:hover + button {
4288
- border-left: 0;
3413
+ .stage-module-stage-container-is-first__C7RFF:before {
3414
+ position: absolute;
3415
+ left: -3px;
3416
+ top: 0px;
3417
+ content: '';
3418
+ width: 4px;
3419
+ height: 26px;
3420
+ background-color: #f5f6f7;
4289
3421
  }
4290
- .pipeline-builder-toolbar-module-pipeline-builder-toolbar-export-to-language__1TZRT {
3422
+ .stage-module-stage-container__ZDTxh .stage-module-stage__1YPPq {
3423
+ position: relative;
3424
+ margin: 0px 8px 0px;
3425
+ border: 1px solid #dee0e3;
3426
+ border-radius: 4px;
3427
+ box-shadow: 1px 1px 1px #dee0e3;
3428
+ background: #fff;
4291
3429
  display: flex;
3430
+ flex-direction: row;
4292
3431
  }
4293
- .pipeline-builder-toolbar-module-is-modified__2nfaK {
4294
- padding-top: 1px;
4295
- font-style: italic;
3432
+ .stage-module-stage-container__ZDTxh .stage-module-stage-errored__mbJmP {
3433
+ border-color: #CF4A22;
4296
3434
  }
4297
- .pipeline-builder-toolbar-module-export-icon__vOPzJ {
4298
- height: 12px;
4299
- width: 12px;
4300
- display: block;
4301
- background-image: url("data:image/svg+xml,%3Csvg width='12px' height='12px' viewBox='0 0 12 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Symbols' stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'%3E%3Cg id='Icons-/-Export' transform='translate(-4.000000, -3.000000)' fill='%23494747'%3E%3Cg id='Icon' transform='translate(4.000000, 3.500000)'%3E%3Cpath d='M6.2777,0 L8.8,2.5223 C8.8,3.2415132 8.8,3.78074648 8.8,4.13999987 C8.8,4.3593827 8.8,5.03623299 8.8,5.7224982 C8.8,6.35273364 8.8,6.99090941 8.8,7.28999996 C8.8,7.80644 8.8,8.67644001 8.8,9.9 C8.8,10.5072 8.3072,11 7.7,11 L1.1,11 C0.49335,11 0,10.5072 0,9.9 L0,1.1 C0,0.4939 0.49335,0 1.1,0 L6.2777,0 Z M7.70005545,4 C7.70003697,3.77478974 7.70001848,3.54145641 7.7,3.3 L5.5,3.3 L5.5,1.1 L1.1,1.1 L1.1,9.9 L7.70055,9.9 L7.70035031,7.5 L8.79999983,7.5 L8.79999983,4 L7.70005491,4 Z M7.70005545,4 C7.70005931,4.04702072 7.70006317,4.09368734 7.70006703,4.13999987 C7.70009571,4.48417772 7.70014216,5.03201886 7.70019082,5.60623096 C7.70024165,6.20608089 7.7002949,6.83470922 7.70033284,7.28999996 L7.70035031,7.5 L7.69999981,4 Z' id='File' /%3E%3Cg id='Arrow' transform='translate(4.000000, 3.000000)'%3E%3Crect id='Rectangle' x='0.5' y='2.25' width='6' height='1' /%3E%3Cpolygon id='Triangle' transform='translate(7.000000, 2.750000) rotate(-270.000000) translate(-7.000000, -2.750000)' points='7 1.875 9 3.625 5 3.625' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
3435
+ .stage-module-stage-editor-container__1LvRF {
3436
+ display: flex;
3437
+ flex-direction: column;
3438
+ position: relative;
3439
+ overflow: auto;
4302
3440
  }
4303
-
4304
- /**
4305
- * Mixins
4306
- */
4307
- .pipeline-preview-toolbar-module-container-right__1z6gl {
3441
+ .stage-module-stage-preview-container__2xO44 {
4308
3442
  display: flex;
4309
- align-items: center;
4310
- justify-content: flex-end;
4311
- box-shadow: 2px 0px #ebebed;
4312
- height: 33px;
4313
- padding-right: 15px;
3443
+ flex-direction: column;
3444
+ position: relative;
3445
+ width: 100%;
3446
+ overflow: auto;
4314
3447
  }
4315
- .pipeline-preview-toolbar-module-toggle-sample__3rJ-k,
4316
- .pipeline-preview-toolbar-module-toggle-auto-preview__3AXmf {
4317
- margin-left: 15px;
3448
+ .stage-module-stage-resize-handle-wrapper__1UhOK:hover div div,
3449
+ .stage-module-stage-resize-handle-wrapper__1UhOK:active div div {
3450
+ background-color: #bfbfbe;
3451
+ }
3452
+ .stage-module-stage-workspace__9LrbT {
4318
3453
  display: flex;
3454
+ align-items: stretch;
3455
+ border-radius: 0 0 4px 4px;
4319
3456
  }
4320
- .pipeline-preview-toolbar-module-toggle-sample__3rJ-k label,
4321
- .pipeline-preview-toolbar-module-toggle-auto-preview__3AXmf label {
4322
- margin: auto 0;
4323
- margin-left: 5px;
3457
+
3458
+ .input-collapser-module-input-collapser__2CIHy {
3459
+ position: relative;
4324
3460
  }
4325
- .pipeline-preview-toolbar-module-toggle__24mzf {
4326
- height: 14px;
4327
- width: 26px;
4328
- margin: auto 0;
3461
+ .input-collapser-module-input-collapser__2CIHy button {
3462
+ width: 30px;
4329
3463
  }
4330
- .pipeline-preview-toolbar-module-toggle-sample-label__1Q11v,
4331
- .pipeline-preview-toolbar-module-toggle-auto-preview-label__1_7oc {
3464
+
3465
+ .input-documents-count-module-input-documents-count__2sCxl {
3466
+ height: 30px;
4332
3467
  display: flex;
4333
- white-space: nowrap;
3468
+ align-items: center;
3469
+ flex-grow: 4;
3470
+ }
3471
+ .input-documents-count-module-input-documents-count-db__2xqQF {
4334
3472
  font-size: 12px;
4335
- text-transform: uppercase;
4336
- color: #807f7f;
4337
- font-weight: bold;
3473
+ padding-left: 10px;
3474
+ color: #494747;
4338
3475
  }
4339
- .pipeline-preview-toolbar-module-settings__1kWxH {
4340
- margin-left: 15px;
4341
- display: flex;
3476
+ .input-documents-count-module-input-documents-count-label__Q3Y3L {
3477
+ font-size: 12px;
3478
+ padding-left: 5px;
3479
+ color: #494747;
4342
3480
  }
4343
- .pipeline-preview-toolbar-module-fullscreen__3ms6P {
4344
- margin-left: 15px;
4345
- display: flex;
4346
- margin-left: 5px;
3481
+
3482
+ .input-refresh-module-input-refresh__1jTIT {
3483
+ flex-grow: 0;
4347
3484
  }
4348
- .pipeline-preview-toolbar-module-is-modified__18dkX {
4349
- margin-left: 15px;
3485
+
3486
+ .input-builder-toolbar-module-input-builder-toolbar__1H2sc {
3487
+ width: 350px;
3488
+ margin: 0px 15px 0px 18px;
3489
+ flex-shrink: 0;
4350
3490
  display: flex;
3491
+ flex-direction: row;
3492
+ justify-content: space-between;
3493
+ position: relative;
3494
+ height: 30px;
3495
+ align-items: center;
4351
3496
  }
4352
- .pipeline-preview-toolbar-module-is-modified__18dkX i {
4353
- color: #13AA52;
4354
- }
4355
- .pipeline-preview-toolbar-module-is-modified-on__2aYV4 i {
4356
- color: #fbb129;
3497
+
3498
+ .input-preview-toolbar-module-input-preview-toolbar__34ttN {
3499
+ width: 100%;
3500
+ overflow: hidden;
3501
+ text-overflow: ellipsis;
3502
+ border-left: 1px solid #dee0e3;
4357
3503
  }
4358
- .pipeline-preview-toolbar-module-is-modified-on__2aYV4 span {
4359
- padding-right: 5px;
4360
- color: #fbb129;
4361
- font-size: 13px;
3504
+ .input-preview-toolbar-module-input-preview-toolbar-text__3gBhM {
3505
+ font-size: 12px;
3506
+ padding-left: 10px;
3507
+ color: #494747;
3508
+ white-space: nowrap;
3509
+ overflow: hidden;
3510
+ text-overflow: ellipsis;
4362
3511
  }
4363
3512
 
4364
- .pipeline-toolbar-module-pipeline-toolbar__2eSZz {
3513
+ .input-toolbar-module-input-toolbar__32jT7 {
3514
+ border-bottom: 1px solid #dee0e3;
4365
3515
  display: flex;
3516
+ align-items: center;
3517
+ position: relative;
3518
+ height: 40px;
4366
3519
  width: 100%;
4367
- flex-shrink: 0;
4368
- height: 33px;
4369
3520
  }
4370
- .pipeline-toolbar-module-pipeline-toolbar-border__2u5Qi {
4371
- border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4372
- box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
3521
+
3522
+ .input-builder-module-input-builder__KDDTC {
3523
+ flex-grow: 1;
3524
+ position: relative;
3525
+ margin: 15px 18px 15px 18px;
3526
+ padding: 10px 0px 10px 0px;
3527
+ min-height: 54px;
3528
+ text-align: center;
4373
3529
  }
4374
3530
 
4375
- .collation-toolbar-module-collation-toolbar__31baA {
4376
- border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4377
- box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
3531
+ .input-preview-module-input-preview__2di5A {
4378
3532
  display: flex;
4379
- width: 100%;
4380
- flex-shrink: 0;
4381
- height: 43px;
4382
3533
  align-items: center;
4383
- padding: 0px 10px 0px 15px;
4384
- }
4385
- .collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq {
3534
+ overflow: auto;
3535
+ flex-grow: 1;
4386
3536
  width: 100%;
4387
- height: 30px;
4388
3537
  position: relative;
4389
- display: flex;
4390
- border-radius: 14px;
4391
- border: 1px #bfbfbe solid;
4392
- background: #fff;
4393
- overflow: hidden;
4394
- padding: 4px;
4395
- margin-right: 5px;
4396
3538
  }
4397
- .collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq .collation-toolbar-module-collation-toolbar-input-label__qPzXB {
4398
- background: #bfbfbe;
4399
- color: #fff;
4400
- white-space: nowrap;
4401
- border-radius: 14px;
4402
- padding: 2px 1px;
4403
- margin-right: 5px;
4404
- text-transform: uppercase;
4405
- font-weight: bold;
4406
- font-family: "Akzidenz", "Helvetica Neue", Helvetica, Arial, sans-serif;
4407
- font-size: 11px;
4408
- flex-grow: 0;
4409
- width: 117px;
3539
+ .input-preview-module-input-preview-documents__1878X {
3540
+ display: flex;
3541
+ align-items: flex-start;
3542
+ overflow-x: scroll;
3543
+ margin: 10px;
3544
+ padding: 10px;
4410
3545
  }
4411
- .collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq .collation-toolbar-module-collation-toolbar-input-label__qPzXB i {
4412
- margin-right: 3px;
3546
+ .input-preview-module-input-preview-document-card__ZvCA5 {
3547
+ flex: none;
3548
+ border: 1px solid #dee0e3;
3549
+ border-radius: 4px;
3550
+ box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
3551
+ width: 350px;
3552
+ height: 150px;
3553
+ overflow: scroll;
4413
3554
  }
4414
- .collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq .collation-toolbar-module-has-error__1DJu7 {
4415
- background: #ef4c4c;
3555
+ .input-preview-module-input-preview-document-card__ZvCA5:not(:first-child) {
3556
+ margin-left: 20px;
4416
3557
  }
4417
- .collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq input {
4418
- border: 0;
4419
- width: 100%;
3558
+ .input-preview-module-input-preview-document-card__ZvCA5::-webkit-scrollbar {
3559
+ display: none;
4420
3560
  }
4421
- .collation-toolbar-module-collation-toolbar-input-wrapper__3Y4Kq input:focus {
4422
- outline-width: 0;
3561
+ .input-preview-module-input-preview__2di5A::-webkit-scrollbar {
3562
+ display: none;
4423
3563
  }
4424
- .collation-toolbar-module-has-focus__3yMBL {
4425
- border-color: #43b1e5;
3564
+
3565
+ .input-workspace-module-input-workspace__1ivct {
3566
+ display: flex;
3567
+ align-items: center;
4426
3568
  }
4427
3569
 
4428
- .import-pipeline-module-import-pipeline-note__vDPrD {
4429
- color: steelblue;
4430
- background-color: #B0E0E6;
4431
- border-radius: 5px;
4432
- padding: 10px;
4433
- margin-bottom: 10px;
3570
+ .input-module-input__2mTmO {
3571
+ position: relative;
3572
+ margin: 18px;
3573
+ margin-left: 20px;
3574
+ border: 1px solid #dee0e3;
3575
+ border-radius: 4px;
3576
+ box-shadow: 1px 1px 1px #dee0e3;
3577
+ background: #fff;
4434
3578
  }
4435
- .import-pipeline-module-import-pipeline-editor__2L-TC {
4436
- flex-shrink: 0;
3579
+
3580
+ .add-stage-module-add-stage-container__L3KcT {
3581
+ margin: 0px;
3582
+ padding-bottom: 15px;
4437
3583
  position: relative;
4438
- padding: 10px 0px 10px 0px;
4439
- overflow: scroll;
4440
- background: #f5f6f7;
4441
- border-left: 2px solid #E4E4E4;
4442
- min-height: 180px;
4443
- max-height: 300px;
4444
3584
  }
4445
- .import-pipeline-module-import-pipeline-error__92RZw {
3585
+ .add-stage-module-add-stage-container__L3KcT:after {
3586
+ position: absolute;
3587
+ left: 6px;
3588
+ top: 2px;
3589
+ content: '';
3590
+ width: 10px;
3591
+ height: 10px;
3592
+ border-radius: 50%;
3593
+ border: 5px solid #dee0e3;
3594
+ }
3595
+ .add-stage-module-add-stage-container__L3KcT .add-stage-module-add-stage__3hDT6 {
4446
3596
  flex-shrink: 0;
3597
+ display: flex;
3598
+ justify-content: center;
4447
3599
  position: relative;
4448
- margin: 10px 0px;
4449
- padding: 10px;
4450
- border-radius: 3px;
4451
- overflow: auto;
4452
- background: #ff473a;
4453
- max-height: 100px;
4454
- color: #f5f6f7;
4455
- font-size: x-small;
4456
- font-weight: bold;
3600
+ margin: 0px 20px 0px;
3601
+ border: 1px solid #dee0e3;
3602
+ border-radius: 4px;
3603
+ box-shadow: 1px 1px 1px #dee0e3;
3604
+ background: #fff;
3605
+ width: 370px;
3606
+ }
3607
+ .add-stage-module-add-stage-container__L3KcT .add-stage-module-add-stage__3hDT6 button {
3608
+ margin: 10px 0px 10px 0px;
4457
3609
  }
4458
3610
 
4459
- .confirm-import-pipeline-module-confirm-import-pipeline-note__3qDU3 {
4460
- padding: 0px;
3611
+ .custom-drag-layer-module-custom-drag-layer__1KLrK {
3612
+ position: fixed;
3613
+ pointer-events: none;
3614
+ z-index: 500;
3615
+ left: 5px;
3616
+ top: 0;
3617
+ width: 100%;
3618
+ height: 100%;
3619
+ }
3620
+ .custom-drag-layer-module-custom-drag-layer-container__285JI {
3621
+ border-radius: 5px;
3622
+ background-color: rgba(13, 50, 79, 0.6);
3623
+ color: #C5E4F2;
3624
+ width: calc(80% - 260px);
3625
+ height: 180px;
3626
+ display: flex;
3627
+ align-items: center;
3628
+ justify-content: center;
3629
+ font-style: italic;
3630
+ font-size: 24px;
3631
+ font-weight: bold;
4461
3632
  }
4462
3633
 
4463
- .confirm-new-pipeline-module-confirm-new-pipeline-note__2n2EL {
4464
- padding: 0px;
3634
+ .modify-source-banner-module-modify-source-banner__zkRAk {
3635
+ text-align: center;
3636
+ margin: 5px auto;
3637
+ margin-top: 20px;
3638
+ z-index: 500;
4465
3639
  }
4466
3640
 
4467
- .pipeline-module-pipeline__1nWUF {
3641
+ .pipeline-builder-workspace-module-pipeline-workspace-container__2j1ec {
3642
+ position: relative;
3643
+ width: 100%;
3644
+ height: 100%;
3645
+ }
3646
+ .pipeline-builder-workspace-module-pipeline-workspace__2aYaj {
4468
3647
  display: flex;
4469
- flex-grow: 1;
4470
3648
  flex-direction: column;
3649
+ overflow-y: scroll;
4471
3650
  width: 100%;
4472
- height: 100%;
4473
- min-height: 0;
4474
- position: relative;
3651
+ flex-grow: 1;
4475
3652
  }
4476
- .pipeline-module-pipeline-fullscreen__2QlA5 {
4477
- position: absolute;
4478
- top: 0;
4479
- right: 0;
4480
- left: 0;
4481
- bottom: 0;
3653
+ .pipeline-builder-workspace-module-pipeline-workspace-container-container__1y8gu {
3654
+ flex-grow: 1;
3655
+ width: 100%;
3656
+ position: relative;
3657
+ overflow-y: scroll;
4482
3658
  }
4483
3659
 
4484
3660
  .aggregations-module-aggregations__12xcN {
@@ -4488,5 +3664,6 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
4488
3664
  position: relative;
4489
3665
  width: 100%;
4490
3666
  z-index: 0;
3667
+ height: 100%;
4491
3668
  }
4492
3669