react-ui-basics 0.0.148 → 0.0.149

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/Tools.d.ts +1 -1
  2. package/Tools.js +3 -3
  3. package/Tools.js.map +1 -1
  4. package/bundle.css +567 -567
  5. package/package.json +1 -1
package/Tools.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export declare const WINDOW: any;
2
2
  export declare const DOCUMENT: any;
3
- export declare function classNames(): string;
3
+ export declare function classNames(...classes: Array<string | number | boolean | null>): string;
4
4
  export declare const NOOP: () => void;
5
5
  export declare const orNoop: <T>(f: (...a: any) => T) => (() => void) | ((...a: any) => T);
6
6
  export declare const getRandomId: (prefix: any) => any;
package/Tools.js CHANGED
@@ -1,11 +1,11 @@
1
1
  var global = global || window;
2
2
  const WINDOW = global;
3
3
  const DOCUMENT = WINDOW.document;
4
- function classNames() {
4
+ function classNames(...classes) {
5
5
  const filtered = [];
6
- const length = arguments.length;
6
+ const length = classes.length;
7
7
  for (let i = 0; i < length; i++) {
8
- let it = arguments[i];
8
+ let it = classes[i];
9
9
  !!it && filtered.push(it);
10
10
  }
11
11
  return filtered.join(' ');
package/Tools.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tools.js","sources":["../src/src/react-ui-basics/Tools.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Tools.js","sources":["../src/src/react-ui-basics/Tools.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
package/bundle.css CHANGED
@@ -1,3 +1,121 @@
1
+ .Checkbox {
2
+ position: relative;
3
+ white-space: pre;
4
+ }
5
+
6
+ .Checkbox *, .Checkbox *:before, .Checkbox *:after {
7
+ box-sizing: border-box;
8
+ }
9
+
10
+ .Checkbox label {
11
+ font-family: Roboto, sans-serif;
12
+ font-size: 14px;
13
+ color: #1e252d;
14
+ cursor: pointer;
15
+ }
16
+
17
+ .Checkbox label:before, .Checkbox label:after {
18
+ content: "";
19
+ position: absolute;
20
+ left: 0;
21
+ top: 0;
22
+ }
23
+
24
+ .Checkbox label:before {
25
+ width: 20px;
26
+ height: 20px;
27
+ background: #fff;
28
+ border: 2px solid #252525;
29
+ border-radius: 2px;
30
+ cursor: pointer;
31
+ transition: background 0.3s;
32
+ }
33
+
34
+ .Checkbox input[type=checkbox] {
35
+ outline: 0;
36
+ margin-right: 10px;
37
+ visibility: hidden;
38
+ }
39
+
40
+ .Checkbox input[type=checkbox]:checked + label:before {
41
+ background: #4AC263;
42
+ border: none;
43
+ }
44
+
45
+ .Checkbox input[type=checkbox]:checked + label:after {
46
+ transform: rotate(-45deg);
47
+ top: 6px;
48
+ left: 4px;
49
+ width: 12px;
50
+ height: 6px;
51
+ border: 2px solid #fff;
52
+ border-top-style: none;
53
+ border-right-style: none;
54
+ }
55
+
56
+ .Checkbox input[type=checkbox]:disabled + label {
57
+ color: gray;
58
+ }
59
+
60
+ .Checkbox input[type=checkbox]:disabled + label:before {
61
+ border-color: rgba(0, 0, 0, 0.26);
62
+ }
63
+
64
+ .Checkbox input[type=checkbox]:disabled:checked + label:before {
65
+ background: rgba(0, 0, 0, 0.26);
66
+ }
67
+
68
+ .animated {
69
+ transition: opacity 250ms ease;
70
+ opacity: 0;
71
+ }
72
+
73
+ .animated.mounting, .animated.mounted {
74
+ opacity: 1;
75
+ }
76
+
77
+ .DialogModal {
78
+ overflow: hidden;
79
+ }
80
+
81
+ .DialogModal .content {
82
+ top: 20vh;
83
+ }
84
+
85
+ .Dialog {
86
+ background-color: white;
87
+ min-width: 460px;
88
+ max-width: 40vw;
89
+ padding: 15px;
90
+ }
91
+
92
+ .Dialog .title {
93
+ margin-bottom: 15px;
94
+ padding: 20px 50px 0px 30px;
95
+ font-size: 1.25rem;
96
+ line-height: 2rem;
97
+ font-weight: 400;
98
+ letter-spacing: 0.0125em;
99
+ }
100
+
101
+ .Dialog .description {
102
+ color: rgba(0, 0, 0, 0.54);
103
+ font-size: 1rem;
104
+ line-height: 1.5rem;
105
+ font-weight: 400;
106
+ letter-spacing: 0.03125em;
107
+ margin-top: 20px;
108
+ padding: 0 24px 24px;
109
+ }
110
+
111
+ .Dialog > div.row {
112
+ margin-bottom: 15px;
113
+ }
114
+
115
+ .Dialog > div.row:last-child {
116
+ margin-bottom: 0;
117
+ }
118
+
1
119
  .AutocompleteSelect {
2
120
  display: inline-flex;
3
121
  flex-flow: column;
@@ -293,95 +411,6 @@
293
411
  position: absolute;
294
412
  }
295
413
 
296
- .CircleProgress {
297
- width: 48px;
298
- height: 48px;
299
- }
300
-
301
- .CircleProgress .line {
302
- stroke-width: 2px;
303
- stroke: black;
304
- stroke-linecap: square;
305
- fill: none;
306
- transition: stroke-dashoffset 0.2s ease;
307
- }
308
-
309
- .Checkbox {
310
- position: relative;
311
- white-space: pre;
312
- }
313
-
314
- .Checkbox *, .Checkbox *:before, .Checkbox *:after {
315
- box-sizing: border-box;
316
- }
317
-
318
- .Checkbox label {
319
- font-family: Roboto, sans-serif;
320
- font-size: 14px;
321
- color: #1e252d;
322
- cursor: pointer;
323
- }
324
-
325
- .Checkbox label:before, .Checkbox label:after {
326
- content: "";
327
- position: absolute;
328
- left: 0;
329
- top: 0;
330
- }
331
-
332
- .Checkbox label:before {
333
- width: 20px;
334
- height: 20px;
335
- background: #fff;
336
- border: 2px solid #252525;
337
- border-radius: 2px;
338
- cursor: pointer;
339
- transition: background 0.3s;
340
- }
341
-
342
- .Checkbox input[type=checkbox] {
343
- outline: 0;
344
- margin-right: 10px;
345
- visibility: hidden;
346
- }
347
-
348
- .Checkbox input[type=checkbox]:checked + label:before {
349
- background: #4AC263;
350
- border: none;
351
- }
352
-
353
- .Checkbox input[type=checkbox]:checked + label:after {
354
- transform: rotate(-45deg);
355
- top: 6px;
356
- left: 4px;
357
- width: 12px;
358
- height: 6px;
359
- border: 2px solid #fff;
360
- border-top-style: none;
361
- border-right-style: none;
362
- }
363
-
364
- .Checkbox input[type=checkbox]:disabled + label {
365
- color: gray;
366
- }
367
-
368
- .Checkbox input[type=checkbox]:disabled + label:before {
369
- border-color: rgba(0, 0, 0, 0.26);
370
- }
371
-
372
- .Checkbox input[type=checkbox]:disabled:checked + label:before {
373
- background: rgba(0, 0, 0, 0.26);
374
- }
375
-
376
- .animated {
377
- transition: opacity 250ms ease;
378
- opacity: 0;
379
- }
380
-
381
- .animated.mounting, .animated.mounted {
382
- opacity: 1;
383
- }
384
-
385
414
  .Button {
386
415
  position: relative;
387
416
  min-width: 64px;
@@ -579,28 +608,17 @@
579
608
  pointer-events: none;
580
609
  }
581
610
 
582
- .Button.FloatingActionButton {
583
- position: absolute;
584
- right: 16px;
585
- bottom: 16px;
586
- width: 56px;
587
- height: 56px;
588
- padding: 16px;
589
- transition: bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
590
- }
591
-
592
- .Button.FloatingActionButton.raised {
593
- transition: bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease-out, background-color 0.2s ease-out, box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
594
- }
595
-
596
- .Button.FloatingActionButton.mini {
597
- width: 40px;
598
- height: 40px;
599
- padding: 8px;
611
+ .CircleProgress {
612
+ width: 48px;
613
+ height: 48px;
600
614
  }
601
615
 
602
- .Button.FloatingActionButton.hidden {
603
- bottom: -100px;
616
+ .CircleProgress .line {
617
+ stroke-width: 2px;
618
+ stroke: black;
619
+ stroke-linecap: square;
620
+ fill: none;
621
+ transition: stroke-dashoffset 0.2s ease;
604
622
  }
605
623
 
606
624
  .FilteredList {
@@ -684,106 +702,101 @@
684
702
  margin-bottom: 8px;
685
703
  }
686
704
 
687
- .DialogModal {
688
- overflow: hidden;
705
+ .Modal {
706
+ display: block;
707
+ position: fixed;
708
+ top: 0;
709
+ left: 0;
710
+ right: 0;
711
+ bottom: 100%;
712
+ overflow-y: scroll;
713
+ transition: bottom 0ms linear;
714
+ transition-delay: 0.2s;
689
715
  }
690
716
 
691
- .DialogModal .content {
692
- top: 20vh;
717
+ .Modal.show {
718
+ transition-delay: 0s;
719
+ bottom: 0;
693
720
  }
694
721
 
695
- .Dialog {
696
- background-color: white;
697
- min-width: 460px;
698
- max-width: 40vw;
699
- padding: 15px;
722
+ .Modal > .overlay {
723
+ position: fixed;
724
+ top: 0;
725
+ bottom: 100%;
726
+ left: 0;
727
+ right: 0;
728
+ transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
729
+ opacity: 0;
730
+ background-color: black;
731
+ pointer-events: none;
700
732
  }
701
733
 
702
- .Dialog .title {
703
- margin-bottom: 15px;
704
- padding: 20px 50px 0px 30px;
705
- font-size: 1.25rem;
706
- line-height: 2rem;
707
- font-weight: 400;
708
- letter-spacing: 0.0125em;
734
+ .Modal > .overlay.show {
735
+ opacity: 0.5;
736
+ bottom: 0;
709
737
  }
710
738
 
711
- .Dialog .description {
712
- color: rgba(0, 0, 0, 0.54);
713
- font-size: 1rem;
714
- line-height: 1.5rem;
715
- font-weight: 400;
716
- letter-spacing: 0.03125em;
717
- margin-top: 20px;
718
- padding: 0 24px 24px;
739
+ .Modal > .content {
740
+ left: 50%;
741
+ top: 10vh;
742
+ margin-bottom: 10vh;
743
+ font-size: 16px;
744
+ padding: 0;
745
+ opacity: 0;
746
+ transition: opacity 0.25s ease, transform 0.25s ease;
747
+ transform: scaleY(0) translateY(-200px) translateX(-50%);
748
+ transform-origin: top;
749
+ position: absolute;
750
+ border-radius: 2px;
751
+ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
719
752
  }
720
753
 
721
- .Dialog > div.row {
722
- margin-bottom: 15px;
754
+ .Modal > .content.show {
755
+ opacity: 1;
756
+ transform: scaleY(1) translateY(0px) translateX(-50%);
723
757
  }
724
758
 
725
- .Dialog > div.row:last-child {
726
- margin-bottom: 0;
759
+ .Modal > .content > .Scrollable {
760
+ overflow: visible;
761
+ max-height: 80vh;
727
762
  }
728
763
 
729
- .Dropzone {
730
- position: relative;
764
+ .Modal > .content > .Scrollable > .viewport {
765
+ min-width: 10px;
766
+ min-height: 10px;
731
767
  }
732
768
 
733
- .Dropzone > .overlay {
769
+ .Modal > .content > .Button.close {
770
+ top: 10px;
771
+ right: 10px;
734
772
  position: absolute;
735
- left: 0;
736
- right: 0;
737
- top: 0;
738
- bottom: 0;
739
- background-color: #38ADC4;
740
- z-index: 1;
741
- opacity: 0;
742
- transition: all 0.2s ease;
743
- transition-delay: 100ms;
744
- visibility: hidden;
745
- display: flex;
746
- justify-content: center;
747
- align-items: center;
748
773
  }
749
774
 
750
- .Dropzone > .overlay .drop {
751
- border-radius: 4px;
752
- border: 1px dashed #FFFFFF;
753
- position: absolute;
754
- top: 18px;
755
- left: 18px;
756
- right: 18px;
757
- bottom: 18px;
775
+ .DropFileInput {
776
+ flex-grow: 1;
777
+ }
778
+
779
+ .DropFileInput .Dropzone {
780
+ border: 1px dashed #808080;
781
+ padding: 12px;
758
782
  display: flex;
783
+ flex-flow: row nowrap;
759
784
  justify-content: center;
760
785
  align-items: center;
761
- font-weight: 500;
762
- font-size: 18px;
763
- color: #FFFFFF;
764
- }
765
-
766
- .Dropzone.dragging > .overlay {
767
- opacity: 0.7;
768
- visibility: visible;
769
- transition-delay: 0s;
770
- }
771
-
772
- .Dropzone.dragging > * {
773
- pointer-events: none;
786
+ color: gray;
787
+ cursor: pointer;
788
+ border-radius: 3px;
789
+ font-weight: normal;
790
+ line-height: 22px;
791
+ font-size: 14px;
792
+ color: #7E7E7E;
793
+ max-width: 100%;
794
+ word-break: break-all;
795
+ word-break: break-word;
774
796
  }
775
797
 
776
- .Dropzone > input.file {
777
- position: absolute;
778
- left: 0;
779
- right: 0;
780
- top: 0;
781
- bottom: 0;
782
- width: 100%;
783
- height: 100%;
784
- opacity: 0;
785
- cursor: pointer;
786
- z-index: 1;
798
+ .DropFileInput .Dropzone .icon.withText {
799
+ margin-right: 10px;
787
800
  }
788
801
 
789
802
  .FormUploadProgress {
@@ -855,126 +868,305 @@
855
868
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
856
869
  }
857
870
 
858
- .DropFileInput {
859
- flex-grow: 1;
871
+ .Button.FloatingActionButton {
872
+ position: absolute;
873
+ right: 16px;
874
+ bottom: 16px;
875
+ width: 56px;
876
+ height: 56px;
877
+ padding: 16px;
878
+ transition: bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
860
879
  }
861
880
 
862
- .DropFileInput .Dropzone {
863
- border: 1px dashed #808080;
864
- padding: 12px;
865
- display: flex;
866
- flex-flow: row nowrap;
867
- justify-content: center;
881
+ .Button.FloatingActionButton.raised {
882
+ transition: bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease-out, background-color 0.2s ease-out, box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
883
+ }
884
+
885
+ .Button.FloatingActionButton.mini {
886
+ width: 40px;
887
+ height: 40px;
888
+ padding: 8px;
889
+ }
890
+
891
+ .Button.FloatingActionButton.hidden {
892
+ bottom: -100px;
893
+ }
894
+
895
+ .SpinningProgress {
896
+ width: 48px;
897
+ height: 48px;
898
+ position: relative;
899
+ margin: 0 auto;
900
+ }
901
+
902
+ .SpinningProgress:before {
903
+ content: "";
904
+ display: block;
905
+ padding-top: 100%;
906
+ }
907
+
908
+ .SpinningProgress .circular {
909
+ animation: rotate 2s linear infinite;
910
+ height: 100%;
911
+ transform-origin: center center;
912
+ width: 100%;
913
+ position: absolute;
914
+ top: 0;
915
+ bottom: 0;
916
+ left: 0;
917
+ right: 0;
918
+ margin: auto;
919
+ }
920
+
921
+ .SpinningProgress .line {
922
+ stroke: black;
923
+ stroke-width: 2px;
924
+ stroke-dasharray: 1, 96;
925
+ stroke-dashoffset: 0;
926
+ animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
927
+ }
928
+
929
+ @keyframes rotate {
930
+ 100% {
931
+ transform: rotate(360deg);
932
+ }
933
+ }
934
+ @keyframes dash {
935
+ 0% {
936
+ stroke-dasharray: 1, 96;
937
+ stroke-dashoffset: 0;
938
+ }
939
+ 50% {
940
+ stroke-dasharray: 43, 96;
941
+ stroke-dashoffset: -17px;
942
+ }
943
+ 100% {
944
+ stroke-dasharray: 43, 96;
945
+ stroke-dashoffset: -53px;
946
+ }
947
+ }
948
+ .Switch {
949
+ display: inline-flex;
950
+ padding-top: 5px;
951
+ }
952
+
953
+ .Switch .switch-input {
954
+ display: none;
955
+ }
956
+
957
+ .Switch .switch-label {
958
+ position: relative;
959
+ display: inline-flex;
868
960
  align-items: center;
869
- color: gray;
961
+ min-width: 38px;
962
+ height: 24px;
870
963
  cursor: pointer;
871
- border-radius: 3px;
872
- font-weight: normal;
873
- line-height: 22px;
874
- font-size: 14px;
875
- color: #7E7E7E;
876
- max-width: 100%;
877
- word-break: break-all;
878
- word-break: break-word;
964
+ font-weight: 500;
965
+ text-align: left;
966
+ user-select: none;
967
+ margin: 0;
968
+ padding: 0;
969
+ padding-left: 44px;
970
+ box-sizing: border-box;
879
971
  }
880
972
 
881
- .DropFileInput .Dropzone .icon.withText {
882
- margin-right: 10px;
973
+ .Switch .switch-label:before, .Switch .switch-label:after {
974
+ content: "";
975
+ box-sizing: border-box;
976
+ position: absolute;
977
+ margin: 0;
978
+ outline: 0;
979
+ top: 50%;
980
+ transform: translate(0, -50%);
981
+ transition: all 0.3s ease;
883
982
  }
884
983
 
885
- .Scrollable {
886
- max-height: 250px;
887
- max-width: 250px;
888
- padding-right: 5px;
889
- position: relative;
890
- display: flex;
891
- flex-flow: column;
892
- align-items: stretch;
893
- overflow: hidden;
984
+ .Switch .switch-label:before {
985
+ left: 1px;
986
+ width: 34px;
987
+ height: 14px;
988
+ background-color: #9E9E9E;
989
+ border-radius: 8px;
894
990
  }
895
991
 
896
- .Scrollable:hover > .scrollbar.auto {
897
- transition-delay: 0s;
898
- opacity: 1;
992
+ .Switch .switch-label:after {
993
+ left: 0;
994
+ width: 20px;
995
+ height: 20px;
996
+ background-color: #FAFAFA;
997
+ border-radius: 50%;
998
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
899
999
  }
900
1000
 
901
- .Scrollable .viewport {
902
- overflow-y: scroll;
903
- overflow-x: scroll;
904
- max-height: 100%;
905
- scroll-behavior: smooth;
906
- scrollbar-width: none;
1001
+ .Switch .switch-label .toggle--on {
1002
+ display: none;
907
1003
  }
908
1004
 
909
- .Scrollable .viewport::-webkit-scrollbar {
1005
+ .Switch .switch-label .toggle--off {
1006
+ display: inline-block;
1007
+ }
1008
+
1009
+ .Switch .switch-label .label {
1010
+ margin-right: 5px;
1011
+ }
1012
+
1013
+ .Switch .switch-input:checked + .switch-label:before {
1014
+ background-color: #A5D6A7;
1015
+ }
1016
+
1017
+ .Switch .switch-input:checked + .switch-label:after {
1018
+ background-color: #4CAF50;
1019
+ transform: translate(80%, -50%);
1020
+ }
1021
+
1022
+ .Switch .switch-input:checked + .switch-label .toggle--on {
1023
+ display: inline-block;
1024
+ }
1025
+
1026
+ .Switch .switch-input:checked + .switch-label .toggle--off {
910
1027
  display: none;
911
1028
  }
912
1029
 
913
- .Scrollable.without-scroll-horizontal {
914
- max-width: unset;
1030
+ .ModalMenu {
1031
+ position: absolute;
1032
+ top: 10px;
1033
+ right: 50px;
915
1034
  }
916
1035
 
917
- .Scrollable.without-scroll {
918
- padding-right: 0;
919
- max-height: unset;
1036
+ .ModalMenu .material-icons {
1037
+ color: #818181;
1038
+ }
1039
+
1040
+ .ModalMenu .Button.animated {
1041
+ position: absolute;
1042
+ transition: opacity 150ms ease-in, right 200ms ease-in;
1043
+ opacity: 0;
1044
+ right: 0;
1045
+ top: 0;
1046
+ }
1047
+
1048
+ .ModalMenu .Button.animated.mounting, .ModalMenu .Button.animated.mounted {
1049
+ opacity: 1;
1050
+ }
1051
+
1052
+ .ModalMenu .Button.animated.unmounting {
1053
+ transition: opacity 100ms ease-out, right 200ms ease-out;
1054
+ }
1055
+
1056
+ .ModalMenu .Button.active {
1057
+ background: #EBEBEB;
1058
+ }
1059
+
1060
+ .ModalMenu .separator {
1061
+ height: 24px;
1062
+ width: 1px;
1063
+ background-color: #D9D9D9;
1064
+ margin-left: 4px;
1065
+ }
1066
+
1067
+ .Dropzone {
1068
+ position: relative;
1069
+ }
1070
+
1071
+ .Dropzone > .overlay {
1072
+ position: absolute;
1073
+ left: 0;
1074
+ right: 0;
1075
+ top: 0;
1076
+ bottom: 0;
1077
+ background-color: #38ADC4;
1078
+ z-index: 1;
1079
+ opacity: 0;
1080
+ transition: all 0.2s ease;
1081
+ transition-delay: 100ms;
1082
+ visibility: hidden;
1083
+ display: flex;
1084
+ justify-content: center;
1085
+ align-items: center;
920
1086
  }
921
1087
 
922
- .Scrollable.without-scroll > .viewport {
923
- padding-right: 0;
924
- margin-right: 0;
1088
+ .Dropzone > .overlay .drop {
1089
+ border-radius: 4px;
1090
+ border: 1px dashed #FFFFFF;
1091
+ position: absolute;
1092
+ top: 18px;
1093
+ left: 18px;
1094
+ right: 18px;
1095
+ bottom: 18px;
1096
+ display: flex;
1097
+ justify-content: center;
1098
+ align-items: center;
1099
+ font-weight: 500;
1100
+ font-size: 18px;
1101
+ color: #FFFFFF;
925
1102
  }
926
1103
 
927
- .Scrollable.without-scroll > .scrollbar {
928
- visibility: hidden;
1104
+ .Dropzone.dragging > .overlay {
1105
+ opacity: 0.7;
1106
+ visibility: visible;
1107
+ transition-delay: 0s;
929
1108
  }
930
1109
 
931
- .Scrollable .scrollbar {
932
- position: absolute;
933
- right: 0px;
934
- top: 0px;
935
- width: 5px;
936
- transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
937
- transition-delay: 0.5s;
938
- z-index: 1;
1110
+ .Dropzone.dragging > * {
1111
+ pointer-events: none;
939
1112
  }
940
1113
 
941
- .Scrollable .scrollbar.auto, .Scrollable .scrollbar.hidden {
1114
+ .Dropzone > input.file {
1115
+ position: absolute;
1116
+ left: 0;
1117
+ right: 0;
1118
+ top: 0;
1119
+ bottom: 0;
1120
+ width: 100%;
1121
+ height: 100%;
942
1122
  opacity: 0;
1123
+ cursor: pointer;
1124
+ z-index: 1;
943
1125
  }
944
1126
 
945
- .Scrollable .scrollbar .thumb {
946
- background-color: rgba(0, 0, 0, 0.3);
947
- width: 5px;
948
- position: absolute;
949
- right: 0px;
950
- top: 0px;
951
- user-select: none;
952
- will-change: top;
953
- border-radius: 2px;
1127
+ .Snackbar {
1128
+ transform: translateX(-50%);
1129
+ overflow: hidden;
1130
+ background-color: #323232;
1131
+ padding: 14px 24px 14px 24px;
1132
+ color: #fff;
1133
+ min-width: 288px;
1134
+ max-width: 568px;
1135
+ position: fixed;
1136
+ bottom: -50px;
1137
+ left: 50%;
1138
+ display: flex;
1139
+ flex-wrap: nowrap;
1140
+ align-items: center;
1141
+ opacity: 0;
1142
+ transition: bottom 0.25s ease, opacity 0.2s ease;
1143
+ border-radius: 4px;
1144
+ box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
954
1145
  }
955
1146
 
956
- .Scrollable .scrollbar .thumb:hover {
957
- background-color: rgba(0, 0, 0, 0.5);
1147
+ .Snackbar.shown {
1148
+ bottom: 15px;
1149
+ opacity: 1;
958
1150
  }
959
1151
 
960
- .Scrollable .scrollbar .thumb:active {
961
- background-color: rgba(0, 0, 0, 0.7);
1152
+ .Snackbar .message {
1153
+ overflow: hidden;
1154
+ line-height: 1.2em;
1155
+ min-height: 1.2em;
1156
+ max-height: 2.4em;
1157
+ flex: 1;
962
1158
  }
963
1159
 
964
- .Scrollable .scrollbar.horizontal {
965
- left: 0px;
966
- right: 0px;
967
- height: 5px;
968
- bottom: 0;
969
- width: unset;
970
- top: unset;
1160
+ .Snackbar .action {
1161
+ text-transform: uppercase;
1162
+ font-weight: bold;
1163
+ margin-left: 48px;
1164
+ color: #bf3727;
971
1165
  }
972
1166
 
973
- .Scrollable .scrollbar.horizontal .thumb {
974
- height: 5px;
975
- left: 0px;
976
- bottom: 0px;
977
- will-change: left;
1167
+ .Snackbar .action a {
1168
+ text-decoration: none;
1169
+ color: #bf3727;
978
1170
  }
979
1171
 
980
1172
  .ImageGallery {
@@ -1165,240 +1357,77 @@
1165
1357
  transition: all 0.2s ease;
1166
1358
  position: absolute;
1167
1359
  }
1168
-
1169
- .ImageGallery .previews .preview:after {
1170
- content: "";
1171
- position: absolute;
1172
- top: 0;
1173
- right: 0;
1174
- bottom: 0;
1175
- left: 0;
1176
- background: rgba(0, 0, 0, 0.35);
1177
- transition: background 0.2s ease;
1178
- }
1179
-
1180
- .ImageGallery .previews .preview:hover:after {
1181
- background: rgba(0, 0, 0, 0.1);
1182
- }
1183
-
1184
- .ImageGallery .previews .preview.selected .border .line {
1185
- left: 0;
1186
- width: 100%;
1187
- }
1188
-
1189
- .ImageGallery .previews .preview.selected:after {
1190
- background: rgba(0, 0, 0, 0);
1191
- }
1192
-
1193
- .ImageGallery .previews > .arrow {
1194
- position: absolute;
1195
- top: 50%;
1196
- height: 30px;
1197
- width: 30px;
1198
- min-width: 30px;
1199
- min-height: 30px;
1200
- margin-top: -15px;
1201
- }
1202
-
1203
- .ImageGallery .previews > .arrow.left {
1204
- left: 0;
1205
- }
1206
-
1207
- .ImageGallery .previews > .arrow.right {
1208
- right: 0;
1209
- }
1210
-
1211
- .ImageGallery .previews > .arrow .material-icons {
1212
- font-size: 24px;
1213
- }
1214
-
1215
- .Modal {
1216
- display: block;
1217
- position: fixed;
1218
- top: 0;
1219
- left: 0;
1220
- right: 0;
1221
- bottom: 100%;
1222
- overflow-y: scroll;
1223
- transition: bottom 0ms linear;
1224
- transition-delay: 0.2s;
1225
- }
1226
-
1227
- .Modal.show {
1228
- transition-delay: 0s;
1229
- bottom: 0;
1230
- }
1231
-
1232
- .Modal > .overlay {
1233
- position: fixed;
1234
- top: 0;
1235
- bottom: 100%;
1236
- left: 0;
1237
- right: 0;
1238
- transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
1239
- opacity: 0;
1240
- background-color: black;
1241
- pointer-events: none;
1242
- }
1243
-
1244
- .Modal > .overlay.show {
1245
- opacity: 0.5;
1246
- bottom: 0;
1247
- }
1248
-
1249
- .Modal > .content {
1250
- left: 50%;
1251
- top: 10vh;
1252
- margin-bottom: 10vh;
1253
- font-size: 16px;
1254
- padding: 0;
1255
- opacity: 0;
1256
- transition: opacity 0.25s ease, transform 0.25s ease;
1257
- transform: scaleY(0) translateY(-200px) translateX(-50%);
1258
- transform-origin: top;
1259
- position: absolute;
1260
- border-radius: 2px;
1261
- box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
1262
- }
1263
-
1264
- .Modal > .content.show {
1265
- opacity: 1;
1266
- transform: scaleY(1) translateY(0px) translateX(-50%);
1267
- }
1268
-
1269
- .Modal > .content > .Scrollable {
1270
- overflow: visible;
1271
- max-height: 80vh;
1272
- }
1273
-
1274
- .Modal > .content > .Scrollable > .viewport {
1275
- min-width: 10px;
1276
- min-height: 10px;
1277
- }
1278
-
1279
- .Modal > .content > .Button.close {
1280
- top: 10px;
1281
- right: 10px;
1282
- position: absolute;
1283
- }
1284
-
1285
- .ModalMenu {
1286
- position: absolute;
1287
- top: 10px;
1288
- right: 50px;
1289
- }
1290
-
1291
- .ModalMenu .material-icons {
1292
- color: #818181;
1293
- }
1294
-
1295
- .ModalMenu .Button.animated {
1296
- position: absolute;
1297
- transition: opacity 150ms ease-in, right 200ms ease-in;
1298
- opacity: 0;
1299
- right: 0;
1300
- top: 0;
1301
- }
1302
-
1303
- .ModalMenu .Button.animated.mounting, .ModalMenu .Button.animated.mounted {
1304
- opacity: 1;
1305
- }
1306
-
1307
- .ModalMenu .Button.animated.unmounting {
1308
- transition: opacity 100ms ease-out, right 200ms ease-out;
1309
- }
1310
-
1311
- .ModalMenu .Button.active {
1312
- background: #EBEBEB;
1313
- }
1314
-
1315
- .ModalMenu .separator {
1316
- height: 24px;
1317
- width: 1px;
1318
- background-color: #D9D9D9;
1319
- margin-left: 4px;
1360
+
1361
+ .ImageGallery .previews .preview:after {
1362
+ content: "";
1363
+ position: absolute;
1364
+ top: 0;
1365
+ right: 0;
1366
+ bottom: 0;
1367
+ left: 0;
1368
+ background: rgba(0, 0, 0, 0.35);
1369
+ transition: background 0.2s ease;
1320
1370
  }
1321
1371
 
1322
- .Switch {
1323
- display: inline-flex;
1324
- padding-top: 5px;
1372
+ .ImageGallery .previews .preview:hover:after {
1373
+ background: rgba(0, 0, 0, 0.1);
1325
1374
  }
1326
1375
 
1327
- .Switch .switch-input {
1328
- display: none;
1376
+ .ImageGallery .previews .preview.selected .border .line {
1377
+ left: 0;
1378
+ width: 100%;
1329
1379
  }
1330
1380
 
1331
- .Switch .switch-label {
1332
- position: relative;
1333
- display: inline-flex;
1334
- align-items: center;
1335
- min-width: 38px;
1336
- height: 24px;
1337
- cursor: pointer;
1338
- font-weight: 500;
1339
- text-align: left;
1340
- user-select: none;
1341
- margin: 0;
1342
- padding: 0;
1343
- padding-left: 44px;
1344
- box-sizing: border-box;
1381
+ .ImageGallery .previews .preview.selected:after {
1382
+ background: rgba(0, 0, 0, 0);
1345
1383
  }
1346
1384
 
1347
- .Switch .switch-label:before, .Switch .switch-label:after {
1348
- content: "";
1349
- box-sizing: border-box;
1385
+ .ImageGallery .previews > .arrow {
1350
1386
  position: absolute;
1351
- margin: 0;
1352
- outline: 0;
1353
1387
  top: 50%;
1354
- transform: translate(0, -50%);
1355
- transition: all 0.3s ease;
1388
+ height: 30px;
1389
+ width: 30px;
1390
+ min-width: 30px;
1391
+ min-height: 30px;
1392
+ margin-top: -15px;
1356
1393
  }
1357
1394
 
1358
- .Switch .switch-label:before {
1359
- left: 1px;
1360
- width: 34px;
1361
- height: 14px;
1362
- background-color: #9E9E9E;
1363
- border-radius: 8px;
1395
+ .ImageGallery .previews > .arrow.left {
1396
+ left: 0;
1364
1397
  }
1365
1398
 
1366
- .Switch .switch-label:after {
1367
- left: 0;
1368
- width: 20px;
1369
- height: 20px;
1370
- background-color: #FAFAFA;
1371
- border-radius: 50%;
1372
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
1399
+ .ImageGallery .previews > .arrow.right {
1400
+ right: 0;
1373
1401
  }
1374
1402
 
1375
- .Switch .switch-label .toggle--on {
1376
- display: none;
1403
+ .ImageGallery .previews > .arrow .material-icons {
1404
+ font-size: 24px;
1377
1405
  }
1378
1406
 
1379
- .Switch .switch-label .toggle--off {
1380
- display: inline-block;
1407
+ .DNDContainer .DroppableList .Draggable {
1408
+ transform: unset;
1409
+ transition: unset;
1410
+ opacity: 1;
1381
1411
  }
1382
1412
 
1383
- .Switch .switch-label .label {
1384
- margin-right: 5px;
1413
+ .DNDContainer .DroppableList .Draggable.dragged {
1414
+ transition: unset !important;
1385
1415
  }
1386
1416
 
1387
- .Switch .switch-input:checked + .switch-label:before {
1388
- background-color: #A5D6A7;
1417
+ .DNDContainer .DroppableList.hover .Draggable {
1418
+ transition: transform 0.2s ease-in;
1389
1419
  }
1390
1420
 
1391
- .Switch .switch-input:checked + .switch-label:after {
1392
- background-color: #4CAF50;
1393
- transform: translate(80%, -50%);
1421
+ .DNDContainer .DroppableList.resetting .Draggable {
1422
+ transition: transform 0.1s ease-in;
1394
1423
  }
1395
1424
 
1396
- .Switch .switch-input:checked + .switch-label .toggle--on {
1397
- display: inline-block;
1425
+ .ScrollableTable .Scrollable .scrollbar {
1426
+ top: 56px;
1398
1427
  }
1399
1428
 
1400
- .Switch .switch-input:checked + .switch-label .toggle--off {
1401
- display: none;
1429
+ .ScrollableTable .Table {
1430
+ position: static;
1402
1431
  }
1403
1432
 
1404
1433
  .TextField {
@@ -1544,128 +1573,99 @@
1544
1573
  animation-name: shake;
1545
1574
  }
1546
1575
 
1547
- .DNDContainer .DroppableList .Draggable {
1548
- transform: unset;
1549
- transition: unset;
1550
- opacity: 1;
1576
+ .Scrollable {
1577
+ max-height: 250px;
1578
+ max-width: 250px;
1579
+ padding-right: 5px;
1580
+ position: relative;
1581
+ display: flex;
1582
+ flex-flow: column;
1583
+ align-items: stretch;
1584
+ overflow: hidden;
1551
1585
  }
1552
1586
 
1553
- .DNDContainer .DroppableList .Draggable.dragged {
1554
- transition: unset !important;
1587
+ .Scrollable:hover > .scrollbar.auto {
1588
+ transition-delay: 0s;
1589
+ opacity: 1;
1555
1590
  }
1556
1591
 
1557
- .DNDContainer .DroppableList.hover .Draggable {
1558
- transition: transform 0.2s ease-in;
1592
+ .Scrollable .viewport {
1593
+ overflow-y: scroll;
1594
+ overflow-x: scroll;
1595
+ max-height: 100%;
1596
+ scroll-behavior: smooth;
1597
+ scrollbar-width: none;
1559
1598
  }
1560
1599
 
1561
- .DNDContainer .DroppableList.resetting .Draggable {
1562
- transition: transform 0.1s ease-in;
1600
+ .Scrollable .viewport::-webkit-scrollbar {
1601
+ display: none;
1563
1602
  }
1564
1603
 
1565
- .SpinningProgress {
1566
- width: 48px;
1567
- height: 48px;
1568
- position: relative;
1569
- margin: 0 auto;
1604
+ .Scrollable.without-scroll-horizontal {
1605
+ max-width: unset;
1570
1606
  }
1571
1607
 
1572
- .SpinningProgress:before {
1573
- content: "";
1574
- display: block;
1575
- padding-top: 100%;
1608
+ .Scrollable.without-scroll {
1609
+ padding-right: 0;
1610
+ max-height: unset;
1576
1611
  }
1577
1612
 
1578
- .SpinningProgress .circular {
1579
- animation: rotate 2s linear infinite;
1580
- height: 100%;
1581
- transform-origin: center center;
1582
- width: 100%;
1583
- position: absolute;
1584
- top: 0;
1585
- bottom: 0;
1586
- left: 0;
1587
- right: 0;
1588
- margin: auto;
1613
+ .Scrollable.without-scroll > .viewport {
1614
+ padding-right: 0;
1615
+ margin-right: 0;
1589
1616
  }
1590
1617
 
1591
- .SpinningProgress .line {
1592
- stroke: black;
1593
- stroke-width: 2px;
1594
- stroke-dasharray: 1, 96;
1595
- stroke-dashoffset: 0;
1596
- animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
1618
+ .Scrollable.without-scroll > .scrollbar {
1619
+ visibility: hidden;
1597
1620
  }
1598
1621
 
1599
- @keyframes rotate {
1600
- 100% {
1601
- transform: rotate(360deg);
1602
- }
1603
- }
1604
- @keyframes dash {
1605
- 0% {
1606
- stroke-dasharray: 1, 96;
1607
- stroke-dashoffset: 0;
1608
- }
1609
- 50% {
1610
- stroke-dasharray: 43, 96;
1611
- stroke-dashoffset: -17px;
1612
- }
1613
- 100% {
1614
- stroke-dasharray: 43, 96;
1615
- stroke-dashoffset: -53px;
1616
- }
1617
- }
1618
- .ScrollableTable .Scrollable .scrollbar {
1619
- top: 56px;
1622
+ .Scrollable .scrollbar {
1623
+ position: absolute;
1624
+ right: 0px;
1625
+ top: 0px;
1626
+ width: 5px;
1627
+ transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
1628
+ transition-delay: 0.5s;
1629
+ z-index: 1;
1620
1630
  }
1621
1631
 
1622
- .ScrollableTable .Table {
1623
- position: static;
1632
+ .Scrollable .scrollbar.auto, .Scrollable .scrollbar.hidden {
1633
+ opacity: 0;
1624
1634
  }
1625
1635
 
1626
- .Snackbar {
1627
- transform: translateX(-50%);
1628
- overflow: hidden;
1629
- background-color: #323232;
1630
- padding: 14px 24px 14px 24px;
1631
- color: #fff;
1632
- min-width: 288px;
1633
- max-width: 568px;
1634
- position: fixed;
1635
- bottom: -50px;
1636
- left: 50%;
1637
- display: flex;
1638
- flex-wrap: nowrap;
1639
- align-items: center;
1640
- opacity: 0;
1641
- transition: bottom 0.25s ease, opacity 0.2s ease;
1642
- border-radius: 4px;
1643
- box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
1636
+ .Scrollable .scrollbar .thumb {
1637
+ background-color: rgba(0, 0, 0, 0.3);
1638
+ width: 5px;
1639
+ position: absolute;
1640
+ right: 0px;
1641
+ top: 0px;
1642
+ user-select: none;
1643
+ will-change: top;
1644
+ border-radius: 2px;
1644
1645
  }
1645
1646
 
1646
- .Snackbar.shown {
1647
- bottom: 15px;
1648
- opacity: 1;
1647
+ .Scrollable .scrollbar .thumb:hover {
1648
+ background-color: rgba(0, 0, 0, 0.5);
1649
1649
  }
1650
1650
 
1651
- .Snackbar .message {
1652
- overflow: hidden;
1653
- line-height: 1.2em;
1654
- min-height: 1.2em;
1655
- max-height: 2.4em;
1656
- flex: 1;
1651
+ .Scrollable .scrollbar .thumb:active {
1652
+ background-color: rgba(0, 0, 0, 0.7);
1657
1653
  }
1658
1654
 
1659
- .Snackbar .action {
1660
- text-transform: uppercase;
1661
- font-weight: bold;
1662
- margin-left: 48px;
1663
- color: #bf3727;
1655
+ .Scrollable .scrollbar.horizontal {
1656
+ left: 0px;
1657
+ right: 0px;
1658
+ height: 5px;
1659
+ bottom: 0;
1660
+ width: unset;
1661
+ top: unset;
1664
1662
  }
1665
1663
 
1666
- .Snackbar .action a {
1667
- text-decoration: none;
1668
- color: #bf3727;
1664
+ .Scrollable .scrollbar.horizontal .thumb {
1665
+ height: 5px;
1666
+ left: 0px;
1667
+ bottom: 0px;
1668
+ will-change: left;
1669
1669
  }
1670
1670
 
1671
1671
  .Table {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-ui-basics",
3
- "version": "0.0.148",
3
+ "version": "0.0.149",
4
4
  "description": "",
5
5
  "module": "index.js",
6
6
  "_main": "index.cjs.js",