react-ui-basics 0.0.249 → 0.0.250

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 (6) hide show
  1. package/Tools.d.ts +2 -2
  2. package/Tools.js +4 -4
  3. package/Tools.js.map +1 -1
  4. package/bundle.css +541 -541
  5. package/package.json +1 -1
  6. package/src/Tools.ts +5 -5
package/Tools.d.ts CHANGED
@@ -1,5 +1,7 @@
1
1
  export declare const WINDOW: Window;
2
2
  export declare const DOCUMENT: Document;
3
+ export declare const UNDEFINED: any;
4
+ export declare const isUndefined: (a: any) => boolean;
3
5
  export declare function classNames(...classes: Array<string | number | boolean | null | void>): string;
4
6
  export declare const NOOP: () => void;
5
7
  export declare const orNoop: <T>(f: (...a: any) => T) => (() => void) | ((...a: any) => T);
@@ -28,8 +30,6 @@ export declare const clearInterval: (id: any) => void;
28
30
  export declare const requestAnimationFrame: (cb: any) => number;
29
31
  export declare const addEventListener: (el: any, type: any, listener: any, options?: any) => void;
30
32
  export declare const removeEventListener: (el: any, type: any, listener: any, options?: any) => void;
31
- export declare const UNDEFINED: any;
32
- export declare const isUndefined: (a: any) => boolean;
33
33
  export type ComparatorFunction<T> = (a: T, b: T) => number;
34
34
  export interface Comparator<T> extends ComparatorFunction<T> {
35
35
  inverse: <T>() => Comparator<T>;
package/Tools.js CHANGED
@@ -1,6 +1,8 @@
1
1
  import ReactConstants from "./ReactConstants"; import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields"; import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers"; import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers"; import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers"; var global = global || window;
2
2
  const WINDOW = global;
3
3
  const DOCUMENT = WINDOW.document;
4
+ const UNDEFINED = undefined;
5
+ const isUndefined = a => a === UNDEFINED;
4
6
  function classNames(...classes) {
5
7
  const filtered = [];
6
8
  const length = __length(classes);
@@ -21,13 +23,13 @@ const ref = (name, component) => {
21
23
  const createRef = (initialValue) => {
22
24
  let v = initialValue;
23
25
  return (value) => {
24
- if (value != UNDEFINED)
26
+ if (!isUndefined(value))
25
27
  v = value;
26
28
  return v;
27
29
  };
28
30
  };
29
31
  const createAccessor = (field) => (o, value) => {
30
- return !o ? null : value != UNDEFINED ? o[field] = value : o[field];
32
+ return !o ? null : isUndefined(value) ? o[field] : o[field] = value;
31
33
  };
32
34
  const setOf = (list) => (list || []).reduce((map, key) => {
33
35
  map[key] = TRUE;
@@ -151,8 +153,6 @@ const addEventListener = (el, type, listener, options) => {
151
153
  const removeEventListener = (el, type, listener, options) => {
152
154
  el && el.removeEventListener(type, listener, options);
153
155
  };
154
- const UNDEFINED = undefined;
155
- const isUndefined = a => a === UNDEFINED;
156
156
  class Comparators {
157
157
  static SORT_ASC = 'ASC';
158
158
  static SORT_DESC = 'DESC';
package/Tools.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tools.js","sources":["./src/Tools.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Tools.js","sources":["./src/Tools.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
package/bundle.css CHANGED
@@ -293,6 +293,24 @@
293
293
  position: absolute;
294
294
  }
295
295
 
296
+ .DNDContainer .DroppableList .Draggable {
297
+ transform: unset;
298
+ transition: unset;
299
+ opacity: 1;
300
+ }
301
+
302
+ .DNDContainer .DroppableList .Draggable.dragged {
303
+ transition: unset !important;
304
+ }
305
+
306
+ .DNDContainer .DroppableList.hover .Draggable {
307
+ transition: transform 0.2s ease-in;
308
+ }
309
+
310
+ .DNDContainer .DroppableList.resetting .Draggable {
311
+ transition: transform 0.1s ease-in;
312
+ }
313
+
296
314
  .ImageGallery {
297
315
  position: fixed;
298
316
  top: 0;
@@ -528,31 +546,162 @@
528
546
  font-size: 24px;
529
547
  }
530
548
 
531
- .DNDContainer .DroppableList .Draggable {
532
- transform: unset;
533
- transition: unset;
549
+ .animated {
550
+ transition: opacity 250ms ease;
551
+ opacity: 0;
552
+ }
553
+
554
+ .animated.mounting, .animated.mounted {
534
555
  opacity: 1;
535
556
  }
536
557
 
537
- .DNDContainer .DroppableList .Draggable.dragged {
538
- transition: unset !important;
558
+ .DatePicker {
559
+ position: relative;
539
560
  }
540
561
 
541
- .DNDContainer .DroppableList.hover .Draggable {
542
- transition: transform 0.2s ease-in;
562
+ .DatePicker > .TextField {
563
+ width: 200px;
564
+ margin-bottom: 0px;
543
565
  }
544
566
 
545
- .DNDContainer .DroppableList.resetting .Draggable {
546
- transition: transform 0.1s ease-in;
567
+ .DatePicker > .TextField input {
568
+ text-align: center;
547
569
  }
548
570
 
549
- .animated {
550
- transition: opacity 250ms ease;
571
+ .calendar {
572
+ user-select: none;
573
+ position: absolute;
574
+ top: 33px;
575
+ z-index: 10;
576
+ box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
577
+ border-radius: 4px;
578
+ overflow: hidden;
579
+ transition: 0.2s all ease;
551
580
  opacity: 0;
581
+ visibility: hidden;
552
582
  }
553
583
 
554
- .animated.mounting, .animated.mounted {
584
+ .calendar.focused {
555
585
  opacity: 1;
586
+ visibility: visible;
587
+ }
588
+
589
+ .calendar .monthSelect {
590
+ align-items: center;
591
+ margin-bottom: 0;
592
+ background: white;
593
+ font-size: 12px;
594
+ color: rgb(170, 170, 170);
595
+ padding-right: 16px;
596
+ padding-left: 16px;
597
+ height: 40px;
598
+ }
599
+
600
+ .calendar .monthSelect span {
601
+ margin-right: auto;
602
+ }
603
+
604
+ .calendar .monthSelect .Button {
605
+ min-width: 25px;
606
+ min-height: 25px;
607
+ }
608
+
609
+ .calendar .monthSelect .Button .material-icons {
610
+ font-size: 16px;
611
+ }
612
+
613
+ .calendar .monthSelect .Button.disabled {
614
+ background: transparent;
615
+ }
616
+
617
+ .calendar .CalendarMonthView {
618
+ background: white;
619
+ }
620
+
621
+ .calendar .CalendarMonthView .headers, .calendar .CalendarMonthView .days {
622
+ margin-bottom: 0;
623
+ }
624
+
625
+ .calendar .CalendarMonthView .header {
626
+ font-size: 12px;
627
+ font-weight: bold;
628
+ text-align: center;
629
+ text-transform: uppercase;
630
+ margin: 5px;
631
+ }
632
+
633
+ .calendar .CalendarMonthView .day {
634
+ font-size: 10px;
635
+ }
636
+
637
+ .calendar .CalendarMonthView .day.notSelectedMonth {
638
+ color: #969696;
639
+ }
640
+
641
+ .calendar .CalendarMonthView .day span {
642
+ display: inline-flex;
643
+ justify-content: center;
644
+ align-items: center;
645
+ border-radius: 50%;
646
+ width: 25px;
647
+ height: 25px;
648
+ margin: 5px;
649
+ transition: 0.2s all ease;
650
+ cursor: pointer;
651
+ }
652
+
653
+ .calendar .CalendarMonthView .day span:hover {
654
+ background-color: #e6e6e6;
655
+ }
656
+
657
+ .calendar .CalendarMonthView .day span.inactive {
658
+ color: lightgray;
659
+ cursor: unset;
660
+ }
661
+
662
+ .calendar .CalendarMonthView .day span.inactive:hover {
663
+ background: unset;
664
+ }
665
+
666
+ .calendar .CalendarMonthView .day span.selected {
667
+ color: white;
668
+ background-color: #2196F3;
669
+ }
670
+
671
+ .calendar .CalendarMonthView .day span.selected:hover {
672
+ background-color: #51adf6;
673
+ }
674
+
675
+ .DNDContainer {
676
+ position: relative;
677
+ }
678
+
679
+ .DNDContainer .Draggable[draggable=true], .DNDContainer .Draggable [draggable=true] {
680
+ cursor: pointer;
681
+ }
682
+
683
+ .DNDContainer .Draggable.placeholder {
684
+ opacity: 0.2;
685
+ }
686
+
687
+ .DNDContainer .Draggable.copy {
688
+ position: absolute;
689
+ box-sizing: border-box;
690
+ will-change: transform;
691
+ opacity: 0;
692
+ }
693
+
694
+ .DNDContainer .Draggable.dragged {
695
+ z-index: 10;
696
+ }
697
+
698
+ .DNDContainer .overlay {
699
+ position: absolute;
700
+ top: 0;
701
+ left: 0;
702
+ right: 0;
703
+ bottom: 0;
704
+ pointer-events: none;
556
705
  }
557
706
 
558
707
  .Button {
@@ -721,258 +870,119 @@
721
870
  border: 0;
722
871
  }
723
872
 
724
- .CalendarMonthView {
725
- display: flex;
726
- flex-flow: column nowrap;
727
- height: 100%;
873
+ .CircleProgress {
874
+ width: 48px;
875
+ height: 48px;
728
876
  }
729
877
 
730
- .CalendarMonthView > .row {
731
- display: flex;
732
- flex-flow: row nowrap;
878
+ .CircleProgress .line {
879
+ stroke-width: 2px;
880
+ stroke: black;
881
+ stroke-linecap: square;
882
+ fill: none;
883
+ transition: stroke-dashoffset 0.2s ease;
733
884
  }
734
885
 
735
- .CalendarMonthView .days {
736
- flex-grow: 1;
737
- position: relative;
886
+ .DialogModal {
887
+ overflow: hidden;
738
888
  }
739
889
 
740
- .CalendarMonthView .day, .CalendarMonthView .header {
741
- flex-grow: 1;
742
- flex-basis: 1px;
890
+ .DialogModal .content {
891
+ top: 20vh;
743
892
  }
744
893
 
745
- .CalendarMonthView .day {
746
- height: 100%;
894
+ .Dialog {
895
+ background-color: white;
896
+ min-width: 460px;
897
+ max-width: 40vw;
898
+ padding: 15px;
747
899
  }
748
900
 
749
- .Checkbox {
750
- position: relative;
751
- white-space: pre;
901
+ .Dialog .title {
902
+ margin-bottom: 15px;
903
+ padding: 20px 50px 0px 30px;
904
+ font-size: 1.25rem;
905
+ line-height: 2rem;
906
+ font-weight: 400;
907
+ letter-spacing: 0.0125em;
752
908
  }
753
909
 
754
- .Checkbox *, .Checkbox *:before, .Checkbox *:after {
755
- box-sizing: border-box;
910
+ .Dialog .description {
911
+ color: rgba(0, 0, 0, 0.54);
912
+ font-size: 1rem;
913
+ line-height: 1.5rem;
914
+ font-weight: 400;
915
+ letter-spacing: 0.03125em;
916
+ margin-top: 20px;
917
+ padding: 0 24px 24px;
756
918
  }
757
919
 
758
- .Checkbox label {
759
- font-family: Roboto, sans-serif;
760
- font-size: 14px;
761
- color: #1e252d;
762
- cursor: pointer;
920
+ .Dialog > div.row {
921
+ margin-bottom: 15px;
763
922
  }
764
923
 
765
- .Checkbox label:before, .Checkbox label:after {
766
- content: "";
924
+ .Dialog > div.row:last-child {
925
+ margin-bottom: 0;
926
+ }
927
+
928
+ .Dropzone {
929
+ position: relative;
930
+ }
931
+
932
+ .Dropzone > .overlay {
767
933
  position: absolute;
768
934
  left: 0;
935
+ right: 0;
769
936
  top: 0;
937
+ bottom: 0;
938
+ background-color: #38ADC4;
939
+ z-index: 1;
940
+ opacity: 0;
941
+ transition: all 0.2s ease;
942
+ transition-delay: 100ms;
943
+ visibility: hidden;
944
+ display: flex;
945
+ justify-content: center;
946
+ align-items: center;
770
947
  }
771
948
 
772
- .Checkbox label:before {
773
- width: 20px;
774
- height: 20px;
775
- background: #fff;
776
- border: 2px solid #252525;
777
- border-radius: 2px;
778
- cursor: pointer;
779
- transition: background 0.3s;
780
- }
781
-
782
- .Checkbox input[type=checkbox] {
783
- outline: 0;
784
- margin-right: 10px;
785
- visibility: hidden;
786
- }
787
-
788
- .Checkbox input[type=checkbox]:checked + label:before {
789
- background: #4AC263;
790
- border: none;
791
- }
792
-
793
- .Checkbox input[type=checkbox]:checked + label:after {
794
- transform: rotate(-45deg);
795
- top: 6px;
796
- left: 4px;
797
- width: 12px;
798
- height: 6px;
799
- border: 2px solid #fff;
800
- border-top-style: none;
801
- border-right-style: none;
802
- }
803
-
804
- .Checkbox input[type=checkbox]:disabled + label {
805
- color: gray;
806
- }
807
-
808
- .Checkbox input[type=checkbox]:disabled + label:before {
809
- border-color: rgba(0, 0, 0, 0.26);
810
- }
811
-
812
- .Checkbox input[type=checkbox]:disabled:checked + label:before {
813
- background: rgba(0, 0, 0, 0.26);
814
- }
815
-
816
- .DatePicker {
817
- position: relative;
818
- }
819
-
820
- .DatePicker > .TextField {
821
- width: 200px;
822
- margin-bottom: 0px;
823
- }
824
-
825
- .DatePicker > .TextField input {
826
- text-align: center;
827
- }
828
-
829
- .calendar {
830
- user-select: none;
831
- position: absolute;
832
- top: 33px;
833
- z-index: 10;
834
- box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
949
+ .Dropzone > .overlay .drop {
835
950
  border-radius: 4px;
836
- overflow: hidden;
837
- transition: 0.2s all ease;
838
- opacity: 0;
839
- visibility: hidden;
840
- }
841
-
842
- .calendar.focused {
843
- opacity: 1;
844
- visibility: visible;
845
- }
846
-
847
- .calendar .monthSelect {
848
- align-items: center;
849
- margin-bottom: 0;
850
- background: white;
851
- font-size: 12px;
852
- color: rgb(170, 170, 170);
853
- padding-right: 16px;
854
- padding-left: 16px;
855
- height: 40px;
856
- }
857
-
858
- .calendar .monthSelect span {
859
- margin-right: auto;
860
- }
861
-
862
- .calendar .monthSelect .Button {
863
- min-width: 25px;
864
- min-height: 25px;
865
- }
866
-
867
- .calendar .monthSelect .Button .material-icons {
868
- font-size: 16px;
869
- }
870
-
871
- .calendar .monthSelect .Button.disabled {
872
- background: transparent;
873
- }
874
-
875
- .calendar .CalendarMonthView {
876
- background: white;
877
- }
878
-
879
- .calendar .CalendarMonthView .headers, .calendar .CalendarMonthView .days {
880
- margin-bottom: 0;
881
- }
882
-
883
- .calendar .CalendarMonthView .header {
884
- font-size: 12px;
885
- font-weight: bold;
886
- text-align: center;
887
- text-transform: uppercase;
888
- margin: 5px;
889
- }
890
-
891
- .calendar .CalendarMonthView .day {
892
- font-size: 10px;
893
- }
894
-
895
- .calendar .CalendarMonthView .day.notSelectedMonth {
896
- color: #969696;
897
- }
898
-
899
- .calendar .CalendarMonthView .day span {
900
- display: inline-flex;
951
+ border: 1px dashed #FFFFFF;
952
+ position: absolute;
953
+ top: 18px;
954
+ left: 18px;
955
+ right: 18px;
956
+ bottom: 18px;
957
+ display: flex;
901
958
  justify-content: center;
902
959
  align-items: center;
903
- border-radius: 50%;
904
- width: 25px;
905
- height: 25px;
906
- margin: 5px;
907
- transition: 0.2s all ease;
908
- cursor: pointer;
909
- }
910
-
911
- .calendar .CalendarMonthView .day span:hover {
912
- background-color: #e6e6e6;
913
- }
914
-
915
- .calendar .CalendarMonthView .day span.inactive {
916
- color: lightgray;
917
- cursor: unset;
918
- }
919
-
920
- .calendar .CalendarMonthView .day span.inactive:hover {
921
- background: unset;
922
- }
923
-
924
- .calendar .CalendarMonthView .day span.selected {
925
- color: white;
926
- background-color: #2196F3;
927
- }
928
-
929
- .calendar .CalendarMonthView .day span.selected:hover {
930
- background-color: #51adf6;
931
- }
932
-
933
- .DNDContainer {
934
- position: relative;
935
- }
936
-
937
- .DNDContainer .Draggable[draggable=true], .DNDContainer .Draggable [draggable=true] {
938
- cursor: pointer;
939
- }
940
-
941
- .DNDContainer .Draggable.placeholder {
942
- opacity: 0.2;
960
+ font-weight: 500;
961
+ font-size: 18px;
962
+ color: #FFFFFF;
943
963
  }
944
964
 
945
- .DNDContainer .Draggable.copy {
946
- position: absolute;
947
- box-sizing: border-box;
948
- will-change: transform;
949
- opacity: 0;
965
+ .Dropzone.dragging > .overlay {
966
+ opacity: 0.7;
967
+ visibility: visible;
968
+ transition-delay: 0s;
950
969
  }
951
970
 
952
- .DNDContainer .Draggable.dragged {
953
- z-index: 10;
971
+ .Dropzone.dragging > * {
972
+ pointer-events: none;
954
973
  }
955
974
 
956
- .DNDContainer .overlay {
975
+ .Dropzone > input.file {
957
976
  position: absolute;
958
- top: 0;
959
977
  left: 0;
960
978
  right: 0;
979
+ top: 0;
961
980
  bottom: 0;
962
- pointer-events: none;
963
- }
964
-
965
- .CircleProgress {
966
- width: 48px;
967
- height: 48px;
968
- }
969
-
970
- .CircleProgress .line {
971
- stroke-width: 2px;
972
- stroke: black;
973
- stroke-linecap: square;
974
- fill: none;
975
- transition: stroke-dashoffset 0.2s ease;
981
+ width: 100%;
982
+ height: 100%;
983
+ opacity: 0;
984
+ cursor: pointer;
985
+ z-index: 1;
976
986
  }
977
987
 
978
988
  .FilteredList {
@@ -1059,194 +1069,140 @@
1059
1069
  margin-bottom: 8px;
1060
1070
  }
1061
1071
 
1062
- .DialogModal {
1063
- overflow: hidden;
1064
- }
1065
-
1066
- .DialogModal .content {
1067
- top: 20vh;
1072
+ .Checkbox {
1073
+ position: relative;
1074
+ white-space: pre;
1068
1075
  }
1069
1076
 
1070
- .Dialog {
1071
- background-color: white;
1072
- min-width: 460px;
1073
- max-width: 40vw;
1074
- padding: 15px;
1077
+ .Checkbox *, .Checkbox *:before, .Checkbox *:after {
1078
+ box-sizing: border-box;
1075
1079
  }
1076
1080
 
1077
- .Dialog .title {
1078
- margin-bottom: 15px;
1079
- padding: 20px 50px 0px 30px;
1080
- font-size: 1.25rem;
1081
- line-height: 2rem;
1082
- font-weight: 400;
1083
- letter-spacing: 0.0125em;
1081
+ .Checkbox label {
1082
+ font-family: Roboto, sans-serif;
1083
+ font-size: 14px;
1084
+ color: #1e252d;
1085
+ cursor: pointer;
1084
1086
  }
1085
1087
 
1086
- .Dialog .description {
1087
- color: rgba(0, 0, 0, 0.54);
1088
- font-size: 1rem;
1089
- line-height: 1.5rem;
1090
- font-weight: 400;
1091
- letter-spacing: 0.03125em;
1092
- margin-top: 20px;
1093
- padding: 0 24px 24px;
1088
+ .Checkbox label:before, .Checkbox label:after {
1089
+ content: "";
1090
+ position: absolute;
1091
+ left: 0;
1092
+ top: 0;
1094
1093
  }
1095
1094
 
1096
- .Dialog > div.row {
1097
- margin-bottom: 15px;
1095
+ .Checkbox label:before {
1096
+ width: 20px;
1097
+ height: 20px;
1098
+ background: #fff;
1099
+ border: 2px solid #252525;
1100
+ border-radius: 2px;
1101
+ cursor: pointer;
1102
+ transition: background 0.3s;
1098
1103
  }
1099
1104
 
1100
- .Dialog > div.row:last-child {
1101
- margin-bottom: 0;
1105
+ .Checkbox input[type=checkbox] {
1106
+ outline: 0;
1107
+ margin-right: 10px;
1108
+ visibility: hidden;
1102
1109
  }
1103
1110
 
1104
- .Dropzone {
1105
- position: relative;
1111
+ .Checkbox input[type=checkbox]:checked + label:before {
1112
+ background: #4AC263;
1113
+ border: none;
1106
1114
  }
1107
1115
 
1108
- .Dropzone > .overlay {
1109
- position: absolute;
1110
- left: 0;
1111
- right: 0;
1112
- top: 0;
1113
- bottom: 0;
1114
- background-color: #38ADC4;
1115
- z-index: 1;
1116
- opacity: 0;
1117
- transition: all 0.2s ease;
1118
- transition-delay: 100ms;
1119
- visibility: hidden;
1120
- display: flex;
1121
- justify-content: center;
1122
- align-items: center;
1116
+ .Checkbox input[type=checkbox]:checked + label:after {
1117
+ transform: rotate(-45deg);
1118
+ top: 6px;
1119
+ left: 4px;
1120
+ width: 12px;
1121
+ height: 6px;
1122
+ border: 2px solid #fff;
1123
+ border-top-style: none;
1124
+ border-right-style: none;
1123
1125
  }
1124
1126
 
1125
- .Dropzone > .overlay .drop {
1126
- border-radius: 4px;
1127
- border: 1px dashed #FFFFFF;
1128
- position: absolute;
1129
- top: 18px;
1130
- left: 18px;
1131
- right: 18px;
1132
- bottom: 18px;
1133
- display: flex;
1134
- justify-content: center;
1135
- align-items: center;
1136
- font-weight: 500;
1137
- font-size: 18px;
1138
- color: #FFFFFF;
1127
+ .Checkbox input[type=checkbox]:disabled + label {
1128
+ color: gray;
1139
1129
  }
1140
1130
 
1141
- .Dropzone.dragging > .overlay {
1142
- opacity: 0.7;
1143
- visibility: visible;
1144
- transition-delay: 0s;
1131
+ .Checkbox input[type=checkbox]:disabled + label:before {
1132
+ border-color: rgba(0, 0, 0, 0.26);
1145
1133
  }
1146
1134
 
1147
- .Dropzone.dragging > * {
1148
- pointer-events: none;
1135
+ .Checkbox input[type=checkbox]:disabled:checked + label:before {
1136
+ background: rgba(0, 0, 0, 0.26);
1149
1137
  }
1150
1138
 
1151
- .Dropzone > input.file {
1139
+ .FormUploadProgress {
1152
1140
  position: absolute;
1153
1141
  left: 0;
1154
1142
  right: 0;
1155
1143
  top: 0;
1156
1144
  bottom: 0;
1157
- width: 100%;
1158
- height: 100%;
1159
- opacity: 0;
1160
- cursor: pointer;
1161
- z-index: 1;
1145
+ background-color: rgba(255, 255, 255, 0.6);
1146
+ z-index: 2;
1162
1147
  }
1163
1148
 
1164
- .DropFileInput {
1165
- flex-grow: 1;
1149
+ .FormUploadProgress.animated.mounting, .FormUploadProgress.animated.mounted {
1150
+ transition-delay: 500ms;
1166
1151
  }
1167
1152
 
1168
- .DropFileInput .Dropzone {
1169
- border: 1px dashed #808080;
1170
- padding: 12px;
1153
+ .FormUploadProgress .wrapper {
1154
+ position: sticky;
1155
+ top: 40%;
1156
+ margin-top: 40%;
1157
+ margin-left: 50%;
1158
+ transform: translateX(-50%);
1171
1159
  display: flex;
1172
- flex-flow: row nowrap;
1160
+ flex-flow: column;
1173
1161
  justify-content: center;
1174
1162
  align-items: center;
1175
- color: gray;
1176
- cursor: pointer;
1177
- border-radius: 3px;
1178
- font-weight: normal;
1179
- line-height: 22px;
1180
- font-size: 14px;
1181
- color: #7E7E7E;
1182
- max-width: 100%;
1183
- word-break: break-all;
1184
- word-break: break-word;
1185
- }
1186
-
1187
- .DropFileInput .Dropzone .icon.withText {
1188
- margin-right: 10px;
1189
- }
1190
-
1191
- .ModalMenu {
1192
- position: absolute;
1193
- top: 10px;
1194
- right: 50px;
1195
1163
  }
1196
1164
 
1197
- .ModalMenu .material-icons {
1198
- color: #818181;
1199
- }
1200
-
1201
- .ModalMenu .Button.animated {
1165
+ .FormUploadProgress .wrapper .CircleProgress, .FormUploadProgress .wrapper .SpinningProgress {
1202
1166
  position: absolute;
1203
- transition: opacity 150ms ease-in, right 200ms ease-in;
1204
- opacity: 0;
1205
- right: 0;
1167
+ width: 107px;
1168
+ height: 107px;
1206
1169
  top: 0;
1170
+ left: 0;
1207
1171
  }
1208
1172
 
1209
- .ModalMenu .Button.animated.mounting, .ModalMenu .Button.animated.mounted {
1210
- opacity: 1;
1211
- }
1212
-
1213
- .ModalMenu .Button.animated.unmounting {
1214
- transition: opacity 100ms ease-out, right 200ms ease-out;
1215
- }
1216
-
1217
- .ModalMenu .Button.active {
1218
- background: #EBEBEB;
1219
- }
1220
-
1221
- .ModalMenu .separator {
1222
- height: 24px;
1223
- width: 1px;
1224
- background-color: #D9D9D9;
1225
- margin-left: 4px;
1226
- }
1227
-
1228
- .Button.FloatingActionButton {
1229
- position: absolute;
1230
- right: 16px;
1231
- bottom: 16px;
1232
- width: 56px;
1233
- height: 56px;
1234
- padding: 16px;
1235
- transition: bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
1173
+ .FormUploadProgress .wrapper .CircleProgress .line, .FormUploadProgress .wrapper .SpinningProgress .line {
1174
+ stroke: #2196F3;
1236
1175
  }
1237
1176
 
1238
- .Button.FloatingActionButton.raised {
1239
- 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);
1177
+ .FormUploadProgress .wrapper > .progress {
1178
+ width: 107px;
1179
+ height: 107px;
1180
+ min-height: 107px;
1181
+ display: flex;
1182
+ justify-content: center;
1183
+ align-items: center;
1184
+ box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
1185
+ border-radius: 50%;
1186
+ background: white;
1187
+ position: relative;
1240
1188
  }
1241
1189
 
1242
- .Button.FloatingActionButton.mini {
1243
- width: 40px;
1244
- height: 40px;
1245
- padding: 8px;
1190
+ .FormUploadProgress .wrapper > .progress > .value {
1191
+ display: inline-block;
1192
+ margin-top: 5px;
1193
+ font-weight: bold;
1194
+ line-height: 16px;
1195
+ font-size: 13px;
1196
+ text-align: center;
1197
+ color: #818181;
1246
1198
  }
1247
1199
 
1248
- .Button.FloatingActionButton.hidden {
1249
- bottom: -100px;
1200
+ .FormUploadProgress .wrapper .cancel {
1201
+ min-width: 107px;
1202
+ margin-top: 20px;
1203
+ background-color: white;
1204
+ color: #F96B5C;
1205
+ box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
1250
1206
  }
1251
1207
 
1252
1208
  .Modal {
@@ -1319,118 +1275,55 @@
1319
1275
  position: absolute;
1320
1276
  }
1321
1277
 
1322
- .Snackbar {
1323
- transform: translateX(-50%);
1324
- overflow: hidden;
1325
- background-color: #323232;
1326
- padding: 14px 24px 14px 24px;
1327
- color: #fff;
1328
- min-width: 288px;
1329
- max-width: 568px;
1330
- position: fixed;
1331
- bottom: -50px;
1332
- left: 50%;
1333
- display: flex;
1334
- flex-wrap: nowrap;
1335
- align-items: center;
1336
- opacity: 0;
1337
- transition: bottom 0.25s ease, opacity 0.2s ease;
1338
- border-radius: 4px;
1339
- box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
1340
- }
1341
-
1342
- .Snackbar.shown {
1343
- bottom: 15px;
1344
- opacity: 1;
1345
- }
1346
-
1347
- .Snackbar .message {
1348
- overflow: hidden;
1349
- line-height: 1.2em;
1350
- min-height: 1.2em;
1351
- max-height: 2.4em;
1352
- flex: 1;
1353
- }
1354
-
1355
- .Snackbar .action {
1356
- text-transform: uppercase;
1357
- font-weight: bold;
1358
- margin-left: 48px;
1359
- color: #bf3727;
1360
- }
1361
-
1362
- .Snackbar .action a {
1363
- text-decoration: none;
1364
- color: #bf3727;
1365
- }
1366
-
1367
- .FormUploadProgress {
1278
+ .Button.FloatingActionButton {
1368
1279
  position: absolute;
1369
- left: 0;
1370
- right: 0;
1371
- top: 0;
1372
- bottom: 0;
1373
- background-color: rgba(255, 255, 255, 0.6);
1374
- z-index: 2;
1280
+ right: 16px;
1281
+ bottom: 16px;
1282
+ width: 56px;
1283
+ height: 56px;
1284
+ padding: 16px;
1285
+ transition: bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
1375
1286
  }
1376
1287
 
1377
- .FormUploadProgress.animated.mounting, .FormUploadProgress.animated.mounted {
1378
- transition-delay: 500ms;
1288
+ .Button.FloatingActionButton.raised {
1289
+ 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);
1379
1290
  }
1380
1291
 
1381
- .FormUploadProgress .wrapper {
1382
- position: sticky;
1383
- top: 40%;
1384
- margin-top: 40%;
1385
- margin-left: 50%;
1386
- transform: translateX(-50%);
1387
- display: flex;
1388
- flex-flow: column;
1389
- justify-content: center;
1390
- align-items: center;
1292
+ .Button.FloatingActionButton.mini {
1293
+ width: 40px;
1294
+ height: 40px;
1295
+ padding: 8px;
1391
1296
  }
1392
1297
 
1393
- .FormUploadProgress .wrapper .CircleProgress, .FormUploadProgress .wrapper .SpinningProgress {
1394
- position: absolute;
1395
- width: 107px;
1396
- height: 107px;
1397
- top: 0;
1398
- left: 0;
1298
+ .Button.FloatingActionButton.hidden {
1299
+ bottom: -100px;
1399
1300
  }
1400
1301
 
1401
- .FormUploadProgress .wrapper .CircleProgress .line, .FormUploadProgress .wrapper .SpinningProgress .line {
1402
- stroke: #2196F3;
1302
+ .DropFileInput {
1303
+ flex-grow: 1;
1403
1304
  }
1404
1305
 
1405
- .FormUploadProgress .wrapper > .progress {
1406
- width: 107px;
1407
- height: 107px;
1408
- min-height: 107px;
1306
+ .DropFileInput .Dropzone {
1307
+ border: 1px dashed #808080;
1308
+ padding: 12px;
1409
1309
  display: flex;
1310
+ flex-flow: row nowrap;
1410
1311
  justify-content: center;
1411
1312
  align-items: center;
1412
- box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
1413
- border-radius: 50%;
1414
- background: white;
1415
- position: relative;
1416
- }
1417
-
1418
- .FormUploadProgress .wrapper > .progress > .value {
1419
- display: inline-block;
1420
- margin-top: 5px;
1421
- font-weight: bold;
1422
- line-height: 16px;
1423
- font-size: 13px;
1424
- text-align: center;
1425
- color: #818181;
1426
- }
1427
-
1428
- .FormUploadProgress .wrapper .cancel {
1429
- min-width: 107px;
1430
- margin-top: 20px;
1431
- background-color: white;
1432
- color: #F96B5C;
1433
- box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
1313
+ color: gray;
1314
+ cursor: pointer;
1315
+ border-radius: 3px;
1316
+ font-weight: normal;
1317
+ line-height: 22px;
1318
+ font-size: 14px;
1319
+ color: #7E7E7E;
1320
+ max-width: 100%;
1321
+ word-break: break-all;
1322
+ word-break: break-word;
1323
+ }
1324
+
1325
+ .DropFileInput .Dropzone .icon.withText {
1326
+ margin-right: 10px;
1434
1327
  }
1435
1328
 
1436
1329
  .Scrollable {
@@ -1531,6 +1424,68 @@
1531
1424
  will-change: left;
1532
1425
  }
1533
1426
 
1427
+ .ModalMenu {
1428
+ position: absolute;
1429
+ top: 10px;
1430
+ right: 50px;
1431
+ }
1432
+
1433
+ .ModalMenu .material-icons {
1434
+ color: #818181;
1435
+ }
1436
+
1437
+ .ModalMenu .Button.animated {
1438
+ position: absolute;
1439
+ transition: opacity 150ms ease-in, right 200ms ease-in;
1440
+ opacity: 0;
1441
+ right: 0;
1442
+ top: 0;
1443
+ }
1444
+
1445
+ .ModalMenu .Button.animated.mounting, .ModalMenu .Button.animated.mounted {
1446
+ opacity: 1;
1447
+ }
1448
+
1449
+ .ModalMenu .Button.animated.unmounting {
1450
+ transition: opacity 100ms ease-out, right 200ms ease-out;
1451
+ }
1452
+
1453
+ .ModalMenu .Button.active {
1454
+ background: #EBEBEB;
1455
+ }
1456
+
1457
+ .ModalMenu .separator {
1458
+ height: 24px;
1459
+ width: 1px;
1460
+ background-color: #D9D9D9;
1461
+ margin-left: 4px;
1462
+ }
1463
+
1464
+ .CalendarMonthView {
1465
+ display: flex;
1466
+ flex-flow: column nowrap;
1467
+ height: 100%;
1468
+ }
1469
+
1470
+ .CalendarMonthView > .row {
1471
+ display: flex;
1472
+ flex-flow: row nowrap;
1473
+ }
1474
+
1475
+ .CalendarMonthView .days {
1476
+ flex-grow: 1;
1477
+ position: relative;
1478
+ }
1479
+
1480
+ .CalendarMonthView .day, .CalendarMonthView .header {
1481
+ flex-grow: 1;
1482
+ flex-basis: 1px;
1483
+ }
1484
+
1485
+ .CalendarMonthView .day {
1486
+ height: 100%;
1487
+ }
1488
+
1534
1489
  .SpinningProgress {
1535
1490
  width: 48px;
1536
1491
  height: 48px;
@@ -1584,86 +1539,57 @@
1584
1539
  stroke-dashoffset: -53px;
1585
1540
  }
1586
1541
  }
1587
- .Switch {
1588
- display: inline-flex;
1589
- padding-top: 5px;
1590
- }
1591
-
1592
- .Switch .switch-input {
1593
- display: none;
1594
- }
1595
-
1596
- .Switch .switch-label {
1597
- position: relative;
1598
- display: inline-flex;
1542
+ .Snackbar {
1543
+ transform: translateX(-50%);
1544
+ overflow: hidden;
1545
+ background-color: #323232;
1546
+ padding: 14px 24px 14px 24px;
1547
+ color: #fff;
1548
+ min-width: 288px;
1549
+ max-width: 568px;
1550
+ position: fixed;
1551
+ bottom: -50px;
1552
+ left: 50%;
1553
+ display: flex;
1554
+ flex-wrap: nowrap;
1599
1555
  align-items: center;
1600
- min-width: 38px;
1601
- height: 24px;
1602
- cursor: pointer;
1603
- font-weight: 500;
1604
- text-align: left;
1605
- user-select: none;
1606
- margin: 0;
1607
- padding: 0;
1608
- padding-left: 44px;
1609
- box-sizing: border-box;
1610
- }
1611
-
1612
- .Switch .switch-label:before, .Switch .switch-label:after {
1613
- content: "";
1614
- box-sizing: border-box;
1615
- position: absolute;
1616
- margin: 0;
1617
- outline: 0;
1618
- top: 50%;
1619
- transform: translate(0, -50%);
1620
- transition: all 0.3s ease;
1621
- }
1622
-
1623
- .Switch .switch-label:before {
1624
- left: 1px;
1625
- width: 34px;
1626
- height: 14px;
1627
- background-color: #9E9E9E;
1628
- border-radius: 8px;
1629
- }
1630
-
1631
- .Switch .switch-label:after {
1632
- left: 0;
1633
- width: 20px;
1634
- height: 20px;
1635
- background-color: #FAFAFA;
1636
- border-radius: 50%;
1637
- 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);
1638
- }
1639
-
1640
- .Switch .switch-label .toggle--on {
1641
- display: none;
1556
+ opacity: 0;
1557
+ transition: bottom 0.25s ease, opacity 0.2s ease;
1558
+ border-radius: 4px;
1559
+ box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
1642
1560
  }
1643
1561
 
1644
- .Switch .switch-label .toggle--off {
1645
- display: inline-block;
1562
+ .Snackbar.shown {
1563
+ bottom: 15px;
1564
+ opacity: 1;
1646
1565
  }
1647
1566
 
1648
- .Switch .switch-label .label {
1649
- margin-right: 5px;
1567
+ .Snackbar .message {
1568
+ overflow: hidden;
1569
+ line-height: 1.2em;
1570
+ min-height: 1.2em;
1571
+ max-height: 2.4em;
1572
+ flex: 1;
1650
1573
  }
1651
1574
 
1652
- .Switch .switch-input:checked + .switch-label:before {
1653
- background-color: #A5D6A7;
1575
+ .Snackbar .action {
1576
+ text-transform: uppercase;
1577
+ font-weight: bold;
1578
+ margin-left: 48px;
1579
+ color: #bf3727;
1654
1580
  }
1655
1581
 
1656
- .Switch .switch-input:checked + .switch-label:after {
1657
- background-color: #4CAF50;
1658
- transform: translate(80%, -50%);
1582
+ .Snackbar .action a {
1583
+ text-decoration: none;
1584
+ color: #bf3727;
1659
1585
  }
1660
1586
 
1661
- .Switch .switch-input:checked + .switch-label .toggle--on {
1662
- display: inline-block;
1587
+ .ScrollableTable .Scrollable .scrollbar {
1588
+ top: 56px;
1663
1589
  }
1664
1590
 
1665
- .Switch .switch-input:checked + .switch-label .toggle--off {
1666
- display: none;
1591
+ .ScrollableTable .Table {
1592
+ position: static;
1667
1593
  }
1668
1594
 
1669
1595
  .TextField {
@@ -1931,10 +1857,84 @@
1931
1857
  margin: 0;
1932
1858
  }
1933
1859
 
1934
- .ScrollableTable .Scrollable .scrollbar {
1935
- top: 56px;
1860
+ .Switch {
1861
+ display: inline-flex;
1862
+ padding-top: 5px;
1936
1863
  }
1937
1864
 
1938
- .ScrollableTable .Table {
1939
- position: static;
1865
+ .Switch .switch-input {
1866
+ display: none;
1867
+ }
1868
+
1869
+ .Switch .switch-label {
1870
+ position: relative;
1871
+ display: inline-flex;
1872
+ align-items: center;
1873
+ min-width: 38px;
1874
+ height: 24px;
1875
+ cursor: pointer;
1876
+ font-weight: 500;
1877
+ text-align: left;
1878
+ user-select: none;
1879
+ margin: 0;
1880
+ padding: 0;
1881
+ padding-left: 44px;
1882
+ box-sizing: border-box;
1883
+ }
1884
+
1885
+ .Switch .switch-label:before, .Switch .switch-label:after {
1886
+ content: "";
1887
+ box-sizing: border-box;
1888
+ position: absolute;
1889
+ margin: 0;
1890
+ outline: 0;
1891
+ top: 50%;
1892
+ transform: translate(0, -50%);
1893
+ transition: all 0.3s ease;
1894
+ }
1895
+
1896
+ .Switch .switch-label:before {
1897
+ left: 1px;
1898
+ width: 34px;
1899
+ height: 14px;
1900
+ background-color: #9E9E9E;
1901
+ border-radius: 8px;
1902
+ }
1903
+
1904
+ .Switch .switch-label:after {
1905
+ left: 0;
1906
+ width: 20px;
1907
+ height: 20px;
1908
+ background-color: #FAFAFA;
1909
+ border-radius: 50%;
1910
+ 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);
1911
+ }
1912
+
1913
+ .Switch .switch-label .toggle--on {
1914
+ display: none;
1915
+ }
1916
+
1917
+ .Switch .switch-label .toggle--off {
1918
+ display: inline-block;
1919
+ }
1920
+
1921
+ .Switch .switch-label .label {
1922
+ margin-right: 5px;
1923
+ }
1924
+
1925
+ .Switch .switch-input:checked + .switch-label:before {
1926
+ background-color: #A5D6A7;
1927
+ }
1928
+
1929
+ .Switch .switch-input:checked + .switch-label:after {
1930
+ background-color: #4CAF50;
1931
+ transform: translate(80%, -50%);
1932
+ }
1933
+
1934
+ .Switch .switch-input:checked + .switch-label .toggle--on {
1935
+ display: inline-block;
1936
+ }
1937
+
1938
+ .Switch .switch-input:checked + .switch-label .toggle--off {
1939
+ display: none;
1940
1940
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-ui-basics",
3
- "version": "0.0.249",
3
+ "version": "0.0.250",
4
4
  "description": "",
5
5
  "module": "index.js",
6
6
  "_main": "index.cjs.js",
package/src/Tools.ts CHANGED
@@ -2,6 +2,9 @@ var global = global || window;
2
2
  export const WINDOW: Window = global as Window;
3
3
  export const DOCUMENT = WINDOW.document;
4
4
 
5
+ export const UNDEFINED = undefined;
6
+ export const isUndefined = a => a === UNDEFINED;
7
+
5
8
  export function classNames(...classes: Array<string | number | boolean | null | void>) {
6
9
  const filtered = [];
7
10
  const length = classes.length;
@@ -27,14 +30,14 @@ export const ref = (name, component) => {
27
30
  export const createRef = <T>(initialValue?: T) => {
28
31
  let v = initialValue;
29
32
  return (value?: any) => {
30
- if (value != UNDEFINED)
33
+ if (!isUndefined(value))
31
34
  v = value
32
35
  return v;
33
36
  };
34
37
  };
35
38
 
36
39
  export const createAccessor = (field: string) => (o: any, value?: any) => {
37
- return !o ? null : value != UNDEFINED ? o[field] = value : o[field]
40
+ return !o ? null : isUndefined(value) ? o[field] : o[field] = value
38
41
  }
39
42
 
40
43
  export const setOf = (list) => (list || []).reduce((map, key) => {
@@ -167,9 +170,6 @@ export const removeEventListener = (el, type, listener, options?) => {
167
170
  el && el.removeEventListener(type, listener, options);
168
171
  };
169
172
 
170
- export const UNDEFINED = undefined;
171
- export const isUndefined = a => a === UNDEFINED;
172
-
173
173
  export type ComparatorFunction<T> = (a: T, b: T) => number;
174
174
  export interface Comparator<T> extends ComparatorFunction<T>{
175
175
  inverse : <T>() => Comparator<T>