@reltio/segmentation 1.4.316 → 1.4.320

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/main.css DELETED
@@ -1,632 +0,0 @@
1
- .rst__rowWrapper {
2
- height: 100%;
3
- box-sizing: border-box;
4
- }
5
-
6
- .rst__rtl.rst__rowWrapper {
7
- }
8
-
9
- .rst__row {
10
- height: 100%;
11
- display: flex;
12
- }
13
- .rst__row > * {
14
- box-sizing: border-box;
15
- }
16
-
17
- /**
18
- * The outline of where the element will go if dropped, displayed while dragging
19
- */
20
- .rst__rowLandingPad,
21
- .rst__rowCancelPad {
22
- border: none !important;
23
- box-shadow: none !important;
24
- outline: none !important;
25
- }
26
- .rst__rowLandingPad > *,
27
- .rst__rowCancelPad > * {
28
- opacity: 0 !important;
29
- }
30
- .rst__rowLandingPad::before,
31
- .rst__rowCancelPad::before {
32
- background-color: rgba(0, 114, 207, 0.12);
33
- border: 1px dashed #2184d4;
34
- content: '';
35
- position: absolute;
36
- top: 0;
37
- right: 23px;
38
- bottom: 0;
39
- left: 18px;
40
- z-index: 1;
41
- }
42
-
43
- /**
44
- * Alternate appearance of the landing pad when the dragged location is invalid
45
- */
46
- .rst__rowCancelPad::before {
47
- background-color: rgba(255, 102, 115, 0.12);
48
- border: 1px dashed #ff6673;
49
- }
50
-
51
- /**
52
- * Nodes matching the search conditions are highlighted
53
- */
54
- .rst__rowSearchMatch {
55
- outline: solid 3px #0080ff;
56
- }
57
-
58
- /**
59
- * The node that matches the search conditions and is currently focused
60
- */
61
- .rst__rowSearchFocus {
62
- outline: solid 3px #fc6421;
63
- }
64
-
65
- .rst__rowContents,
66
- .rst__rowLabel,
67
- .rst__rowToolbar,
68
- .rst__moveHandle,
69
- .rst__toolbarButton {
70
- display: inline-block;
71
- vertical-align: middle;
72
- }
73
-
74
- .rst__rowContents {
75
- position: relative;
76
- border-left: none;
77
- padding-left: 4px;
78
- flex: 1 1 auto;
79
- width: 0;
80
- display: flex;
81
- }
82
-
83
- .rst__rtl.rst__rowContents {
84
- border-right: none;
85
- border-left: solid #bbb 1px;
86
- padding: 0 10px 0 5px;
87
- }
88
-
89
- .rst__rowContentsDragDisabled {
90
- }
91
-
92
- .rst__rtl.rst__rowContentsDragDisabled {
93
- border-right: solid #bbb 1px;
94
- border-left: solid #bbb 1px;
95
- }
96
-
97
- .rst__rowLabel {
98
- flex: 1 1 auto;
99
- width: 0;
100
- padding-right: 11px;
101
- }
102
- .rst__rtl.rst__rowLabel {
103
- padding-left: 20px;
104
- padding-right: inherit;
105
- }
106
-
107
- .rst__rowToolbar {
108
- flex: 0 1 auto;
109
- display: flex;
110
- }
111
-
112
- .rst__moveHandle {
113
- display: flex;
114
- align-items: start;
115
- padding-top: 3px;
116
- cursor: move;
117
- color: rgba(0, 0, 0, 0.54);
118
- visibility: hidden;
119
- width: 17px;
120
- margin-left: -13px;
121
- }
122
- .rst__moveHandle svg {
123
- margin-left: 0px;
124
- }
125
- .rst__moveHandle + .rst__rowContents .rst__buttonWrapper {
126
- margin-left: -4px;
127
- }
128
-
129
- .rst__node:hover .rst__moveHandle {
130
- visibility: visible;
131
- }
132
- .rst_node_hover_disabled:hover .rst__moveHandle {
133
- visibility: hidden;
134
- }
135
- .rst__loadingHandle {
136
- height: 100%;
137
- width: 44px;
138
- background: #d9d9d9
139
- url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0MiI+PGcgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjIuOSIgPjxwYXRoIGQ9Ik0xNCAxNS43aDE0LjQiLz48cGF0aCBkPSJNMTQgMjEuNGgxNC40Ii8+PHBhdGggZD0iTTE0IDI3LjFoMTQuNCIvPjwvZz4KPC9zdmc+)
140
- no-repeat center;
141
- border: solid #aaa 1px;
142
- box-shadow: 0 2px 2px -2px;
143
- cursor: move;
144
- border-radius: 1px;
145
- z-index: 1;
146
- }
147
-
148
- .rst__loadingHandle {
149
- cursor: default;
150
- background: #d9d9d9;
151
- }
152
-
153
- @keyframes pointFade {
154
- 0%,
155
- 19.999%,
156
- 100% {
157
- opacity: 0;
158
- }
159
- 20% {
160
- opacity: 1;
161
- }
162
- }
163
-
164
- .rst__loadingCircle {
165
- width: 80%;
166
- height: 80%;
167
- margin: 10%;
168
- position: relative;
169
- }
170
-
171
- .rst__loadingCirclePoint {
172
- width: 100%;
173
- height: 100%;
174
- position: absolute;
175
- left: 0;
176
- top: 0;
177
- }
178
-
179
- .rst__rtl.rst__loadingCirclePoint {
180
- right: 0;
181
- left: initial;
182
- }
183
-
184
- .rst__loadingCirclePoint::before {
185
- content: '';
186
- display: block;
187
- margin: 0 auto;
188
- width: 11%;
189
- height: 30%;
190
- background-color: #fff;
191
- border-radius: 30%;
192
- animation: pointFade 800ms infinite ease-in-out both;
193
- }
194
- .rst__loadingCirclePoint:nth-of-type(1) {
195
- transform: rotate(0deg);
196
- }
197
- .rst__loadingCirclePoint:nth-of-type(7) {
198
- transform: rotate(180deg);
199
- }
200
- .rst__loadingCirclePoint:nth-of-type(1)::before,
201
- .rst__loadingCirclePoint:nth-of-type(7)::before {
202
- animation-delay: -800ms;
203
- }
204
- .rst__loadingCirclePoint:nth-of-type(2) {
205
- transform: rotate(30deg);
206
- }
207
- .rst__loadingCirclePoint:nth-of-type(8) {
208
- transform: rotate(210deg);
209
- }
210
- .rst__loadingCirclePoint:nth-of-type(2)::before,
211
- .rst__loadingCirclePoint:nth-of-type(8)::before {
212
- animation-delay: -666ms;
213
- }
214
- .rst__loadingCirclePoint:nth-of-type(3) {
215
- transform: rotate(60deg);
216
- }
217
- .rst__loadingCirclePoint:nth-of-type(9) {
218
- transform: rotate(240deg);
219
- }
220
- .rst__loadingCirclePoint:nth-of-type(3)::before,
221
- .rst__loadingCirclePoint:nth-of-type(9)::before {
222
- animation-delay: -533ms;
223
- }
224
- .rst__loadingCirclePoint:nth-of-type(4) {
225
- transform: rotate(90deg);
226
- }
227
- .rst__loadingCirclePoint:nth-of-type(10) {
228
- transform: rotate(270deg);
229
- }
230
- .rst__loadingCirclePoint:nth-of-type(4)::before,
231
- .rst__loadingCirclePoint:nth-of-type(10)::before {
232
- animation-delay: -400ms;
233
- }
234
- .rst__loadingCirclePoint:nth-of-type(5) {
235
- transform: rotate(120deg);
236
- }
237
- .rst__loadingCirclePoint:nth-of-type(11) {
238
- transform: rotate(300deg);
239
- }
240
- .rst__loadingCirclePoint:nth-of-type(5)::before,
241
- .rst__loadingCirclePoint:nth-of-type(11)::before {
242
- animation-delay: -266ms;
243
- }
244
- .rst__loadingCirclePoint:nth-of-type(6) {
245
- transform: rotate(150deg);
246
- }
247
- .rst__loadingCirclePoint:nth-of-type(12) {
248
- transform: rotate(330deg);
249
- }
250
- .rst__loadingCirclePoint:nth-of-type(6)::before,
251
- .rst__loadingCirclePoint:nth-of-type(12)::before {
252
- animation-delay: -133ms;
253
- }
254
- .rst__loadingCirclePoint:nth-of-type(7) {
255
- transform: rotate(180deg);
256
- }
257
- .rst__loadingCirclePoint:nth-of-type(13) {
258
- transform: rotate(360deg);
259
- }
260
- .rst__loadingCirclePoint:nth-of-type(7)::before,
261
- .rst__loadingCirclePoint:nth-of-type(13)::before {
262
- animation-delay: 0ms;
263
- }
264
-
265
- .rst__rowTitle {
266
- }
267
-
268
- .rst__rowTitleWithSubtitle {
269
- font-size: 85%;
270
- display: block;
271
- height: 0.8rem;
272
- }
273
-
274
- .rst__rowSubtitle {
275
- font-size: 70%;
276
- line-height: 1;
277
- }
278
-
279
- .rst__buttonWrapper {
280
- display: flex;
281
- padding-top: 13px;
282
- width: 12px;
283
- cursor: pointer;
284
- }
285
-
286
- .rst__buttonWrapper.rst__noButton {
287
- cursor: inherit;
288
- }
289
-
290
- .rst__root .rst__buttonWrapper {
291
- display: none;
292
- }
293
-
294
- .rst__collapseButton,
295
- .rst__expandButton {
296
- transition: transform 0.15s ease;
297
- width: 0;
298
- height: 0;
299
- border-left: 4px solid transparent;
300
- border-right: 4px solid transparent;
301
- border-top: 4px solid rgba(0, 0, 0, 0.54);
302
- }
303
-
304
- .rst__collapseButton {
305
- transform: rotate(0deg);
306
- }
307
-
308
- .rst__expandButton {
309
- transform: rotate(-90deg);
310
- }
311
-
312
- /**
313
- * Extra class applied to VirtualScroll through className prop
314
- */
315
- .rst__virtualScrollOverride {
316
- overflow: auto !important;
317
- }
318
-
319
- .ReactVirtualized__Grid__innerScrollContainer {
320
- overflow: visible !important;
321
- max-width: none !important;
322
- }
323
-
324
- .rst__rtl .ReactVirtualized__Grid__innerScrollContainer {
325
- direction: rtl;
326
- }
327
-
328
- .ReactVirtualized__Grid {
329
- outline: none;
330
- }
331
-
332
- .rst__node {
333
- min-width: 100%;
334
- position: relative;
335
- text-align: left;
336
- padding: 0 24px 0 18px;
337
- box-sizing: border-box;
338
- white-space: normal;
339
- }
340
- .rst__node:hover {
341
- background-color: rgba(0, 0, 0, 0.06);
342
- }
343
- .rst_node_hover_disabled:hover {
344
- background-color: transparent;
345
- }
346
- .rst__node.rst__root .rst__absoluteLineBlock,
347
- .rst__node.rst__root .rst__lineBlock {
348
- display: none;
349
- }
350
- .rst__node.rst__root .rst__nodeContent {
351
- width: 100% !important;
352
- left: 0 !important;
353
- }
354
-
355
- .rst__node.rst__rtl {
356
- text-align: right;
357
- }
358
-
359
- .rst__nodeContent {
360
- position: absolute;
361
- top: 0;
362
- bottom: 0;
363
- padding-left: 19px;
364
- box-sizing: border-box;
365
- }
366
-
367
- /* ==========================================================================
368
- Scaffold
369
- Line-overlaid blocks used for showing the tree structure
370
- ========================================================================== */
371
- .rst__lineBlock,
372
- .rst__absoluteLineBlock {
373
- height: 100%;
374
- position: relative;
375
- display: inline-block;
376
- }
377
-
378
- .rst__absoluteLineBlock {
379
- position: absolute;
380
- top: 0;
381
- margin-left: 18px;
382
- }
383
-
384
- .rst__lineHalfHorizontalRight::before,
385
- .rst__lineFullVertical::after,
386
- .rst__lineHalfVerticalTop::after,
387
- .rst__lineHalfVerticalBottom::after {
388
- position: absolute;
389
- content: '';
390
- background-color: rgba(0, 122, 193, 0.3);
391
- }
392
-
393
- /**
394
- * +-----+
395
- * | |
396
- * | +--+
397
- * | |
398
- * +-----+
399
- */
400
- .rst__lineHalfHorizontalRight::before {
401
- height: 1px;
402
- top: 14px;
403
- right: 19%; /*0*/
404
- width: 24%; /*50*/
405
- }
406
-
407
- .rst__rtl.rst__lineHalfHorizontalRight::before {
408
- left: 0;
409
- right: initial;
410
- }
411
-
412
- /**
413
- * +--+--+
414
- * | | |
415
- * | | |
416
- * | | |
417
- * +--+--+
418
- */
419
- .rst__lineFullVertical::after,
420
- .rst__lineHalfVerticalTop::after,
421
- .rst__lineHalfVerticalBottom::after {
422
- width: 1px;
423
- left: 50%;
424
- top: 0;
425
- height: 100%;
426
- }
427
-
428
- /**
429
- * +--+--+
430
- * | | |
431
- * | | |
432
- * | | |
433
- * +--+--+
434
- */
435
- .rst__rtl.rst__lineFullVertical::after,
436
- .rst__rtl.rst__lineHalfVerticalTop::after,
437
- .rst__rtl.rst__lineHalfVerticalBottom::after {
438
- right: 50%;
439
- left: initial;
440
- }
441
-
442
- /**
443
- * +-----+
444
- * | | |
445
- * | + |
446
- * | |
447
- * +-----+
448
- */
449
- .rst__lineHalfVerticalTop::after {
450
- height: 15px;
451
- }
452
-
453
- /**
454
- * +-----+
455
- * | |
456
- * | + |
457
- * | | |
458
- * +-----+
459
- */
460
- .rst__lineHalfVerticalBottom::after {
461
- top: auto;
462
- bottom: 0;
463
- height: 50%;
464
- }
465
-
466
- /* Highlight line for pointing to dragged row destination
467
- ========================================================================== */
468
- /**
469
- * +--+--+
470
- * | | |
471
- * | | |
472
- * | | |
473
- * +--+--+
474
- */
475
- .rst__highlightLineVertical {
476
- z-index: 3;
477
- }
478
- .rst__highlightLineVertical::before {
479
- position: absolute;
480
- content: '';
481
- background-color: #36c2f6;
482
- width: 6px;
483
- margin-left: -3px;
484
- left: 50%;
485
- top: 0;
486
- height: 100%;
487
- }
488
-
489
- .rst__rtl.rst__highlightLineVertical::before {
490
- margin-left: initial;
491
- margin-right: -4px;
492
- left: initial;
493
- right: 50%;
494
- }
495
-
496
- @keyframes arrow-pulse {
497
- 0% {
498
- transform: translate(0, 0);
499
- opacity: 0;
500
- }
501
- 30% {
502
- transform: translate(0, 300%);
503
- opacity: 1;
504
- }
505
- 70% {
506
- transform: translate(0, 700%);
507
- opacity: 1;
508
- }
509
- 100% {
510
- transform: translate(0, 1000%);
511
- opacity: 0;
512
- }
513
- }
514
- .rst__highlightLineVertical::after {
515
- content: '';
516
- position: absolute;
517
- height: 0;
518
- margin-left: -4px;
519
- left: 50%;
520
- top: 0;
521
- border-left: 4px solid transparent;
522
- border-right: 4px solid transparent;
523
- border-top: 4px solid white;
524
- animation: arrow-pulse 1s infinite linear both;
525
- }
526
-
527
- .rst__rtl.rst__highlightLineVertical::after {
528
- margin-left: initial;
529
- margin-right: -4px;
530
- right: 50%;
531
- left: initial;
532
- }
533
-
534
- /**
535
- * +-----+
536
- * | |
537
- * | +--+
538
- * | | |
539
- * +--+--+
540
- */
541
- .rst__highlightTopLeftCorner::before {
542
- z-index: 3;
543
- content: '';
544
- position: absolute;
545
- border-top: solid 6px #36c2f6;
546
- border-left: solid 6px #36c2f6;
547
- box-sizing: border-box;
548
- height: calc(50% + 4px);
549
- top: 50%;
550
- margin-top: -4px;
551
- right: 0;
552
- width: calc(50% + 3px);
553
- }
554
-
555
- .rst__rtl.rst__highlightTopLeftCorner::before {
556
- border-right: solid 8px #36c2f6;
557
- border-left: none;
558
- left: 0;
559
- right: initial;
560
- }
561
-
562
- /**
563
- * +--+--+
564
- * | | |
565
- * | | |
566
- * | +->|
567
- * +-----+
568
- */
569
- .rst__highlightBottomLeftCorner {
570
- z-index: 3;
571
- }
572
- .rst__highlightBottomLeftCorner::before {
573
- content: '';
574
- position: absolute;
575
- border-bottom: solid 6px #36c2f6;
576
- border-left: solid 6px #36c2f6;
577
- box-sizing: border-box;
578
- height: calc(100% + 4px);
579
- top: 0;
580
- right: 2px;
581
- width: calc(50% + 1px);
582
- }
583
-
584
- .rst__rtl.rst__highlightBottomLeftCorner::before {
585
- border-right: solid 8px #36c2f6;
586
- border-left: none;
587
- left: 12px;
588
- right: initial;
589
- }
590
-
591
- .rst__highlightBottomLeftCorner::after {
592
- content: '';
593
- position: absolute;
594
- height: 0;
595
- right: -7px;
596
- top: 100%;
597
- margin-top: -8px;
598
- border-top: 9px solid transparent;
599
- border-bottom: 9px solid transparent;
600
- border-left: 9px solid #36c2f6;
601
- }
602
-
603
- .rst__rtl.rst__highlightBottomLeftCorner::after {
604
- left: 0;
605
- right: initial;
606
- border-right: 12px solid #36c2f6;
607
- border-left: none;
608
- }
609
-
610
- /**
611
- * Line for under a node with children
612
- */
613
- .rst__lineChildren {
614
- height: 100%;
615
- display: inline-block;
616
- position: absolute;
617
- }
618
- .rst__lineChildren::after {
619
- content: '';
620
- position: absolute;
621
- background-color: rgba(0, 122, 193, 0.3);
622
- width: 1px;
623
- left: 50%;
624
- bottom: 0;
625
- height: calc(100% - 28px);
626
- }
627
-
628
- .rst__rtl.rst__lineChildren::after {
629
- right: 50%;
630
- left: initial;
631
- }
632
-