@oddle.me/react-calendar-timeline 0.28.1-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.
Files changed (46) hide show
  1. package/LICENSE.md +8 -0
  2. package/README.md +1298 -0
  3. package/lib/Timeline.css +110 -0
  4. package/lib/index.js +77 -0
  5. package/lib/lib/Timeline.js +966 -0
  6. package/lib/lib/columns/Columns.js +137 -0
  7. package/lib/lib/default-config.js +73 -0
  8. package/lib/lib/headers/CustomDateHeader.js +48 -0
  9. package/lib/lib/headers/CustomHeader.js +276 -0
  10. package/lib/lib/headers/DateHeader.js +206 -0
  11. package/lib/lib/headers/HeadersContext.js +94 -0
  12. package/lib/lib/headers/Interval.js +131 -0
  13. package/lib/lib/headers/SidebarHeader.js +130 -0
  14. package/lib/lib/headers/TimelineHeaders.js +180 -0
  15. package/lib/lib/headers/constants.js +10 -0
  16. package/lib/lib/interaction/PreventClickOnDrag.js +99 -0
  17. package/lib/lib/items/Item.js +627 -0
  18. package/lib/lib/items/Items.js +178 -0
  19. package/lib/lib/items/defaultItemRenderer.js +40 -0
  20. package/lib/lib/items/styles.js +65 -0
  21. package/lib/lib/layout/Sidebar.js +138 -0
  22. package/lib/lib/markers/MarkerCanvas.js +164 -0
  23. package/lib/lib/markers/MarkerCanvasContext.js +28 -0
  24. package/lib/lib/markers/TimelineMarkersContext.js +157 -0
  25. package/lib/lib/markers/TimelineMarkersRenderer.js +69 -0
  26. package/lib/lib/markers/implementations/CursorMarker.js +137 -0
  27. package/lib/lib/markers/implementations/CustomMarker.js +79 -0
  28. package/lib/lib/markers/implementations/TodayMarker.js +123 -0
  29. package/lib/lib/markers/implementations/shared.js +51 -0
  30. package/lib/lib/markers/markerType.js +12 -0
  31. package/lib/lib/markers/public/CursorMarker.js +97 -0
  32. package/lib/lib/markers/public/CustomMarker.js +116 -0
  33. package/lib/lib/markers/public/TimelineMarkers.js +27 -0
  34. package/lib/lib/markers/public/TodayMarker.js +121 -0
  35. package/lib/lib/row/GroupRow.js +94 -0
  36. package/lib/lib/row/GroupRows.js +117 -0
  37. package/lib/lib/scroll/ScrollElement.js +285 -0
  38. package/lib/lib/timeline/TimelineStateContext.js +155 -0
  39. package/lib/lib/utility/calendar.js +672 -0
  40. package/lib/lib/utility/dom-helpers.js +62 -0
  41. package/lib/lib/utility/events.js +23 -0
  42. package/lib/lib/utility/generic.js +44 -0
  43. package/lib/resize-detector/container.js +36 -0
  44. package/lib/resize-detector/window.js +25 -0
  45. package/package.json +162 -0
  46. package/src/global.d.ts +373 -0
@@ -0,0 +1,110 @@
1
+ .react-calendar-timeline {
2
+ overflow: hidden;
3
+ display: flex;
4
+ flex-direction: column; }
5
+ .react-calendar-timeline * {
6
+ box-sizing: border-box; }
7
+ .react-calendar-timeline .rct-outer {
8
+ display: block;
9
+ overflow: hidden;
10
+ white-space: nowrap;
11
+ flex: 1;
12
+ height: 0;
13
+ overflow: hidden; }
14
+ .react-calendar-timeline .rct-scroll {
15
+ display: inline-block;
16
+ white-space: normal;
17
+ vertical-align: top;
18
+ overflow-x: hidden;
19
+ overflow-y: scroll;
20
+ -ms-touch-action: none;
21
+ touch-action: none;
22
+ height: 100% !important; }
23
+ .react-calendar-timeline .rct-item:hover {
24
+ z-index: 88; }
25
+ .react-calendar-timeline .rct-item .rct-item-content {
26
+ position: sticky;
27
+ position: -webkit-sticky;
28
+ left: 0px;
29
+ overflow: hidden;
30
+ display: inline-block;
31
+ border-radius: 2px;
32
+ padding: 0 6px;
33
+ height: 100%; }
34
+ .react-calendar-timeline .rct-sidebar {
35
+ overflow: hidden;
36
+ white-space: normal;
37
+ display: inline-block;
38
+ vertical-align: top;
39
+ position: relative;
40
+ box-sizing: border-box;
41
+ border-right: 1px solid #bbb;
42
+ overflow-x: hidden;
43
+ overflow-y: scroll;
44
+ height: 100% !important;
45
+ -ms-overflow-style: none;
46
+ /* IE and Edge */
47
+ scrollbar-width: none;
48
+ /* Firefox */ }
49
+ .react-calendar-timeline .rct-sidebar::-webkit-scrollbar {
50
+ display: none; }
51
+ .react-calendar-timeline .rct-sidebar.rct-sidebar-right {
52
+ border-right: 0;
53
+ border-left: 1px solid #bbb; }
54
+ .react-calendar-timeline .rct-sidebar .rct-sidebar-row {
55
+ padding: 0 4px;
56
+ overflow: hidden;
57
+ white-space: nowrap;
58
+ text-overflow: ellipsis;
59
+ box-sizing: border-box;
60
+ margin: 0;
61
+ border-bottom: 1px solid #bbb; }
62
+ .react-calendar-timeline .rct-sidebar .rct-sidebar-row.rct-sidebar-row-odd {
63
+ background: rgba(0, 0, 0, 0.05); }
64
+ .react-calendar-timeline .rct-sidebar .rct-sidebar-row.rct-sidebar-row-even {
65
+ background: transparent; }
66
+ .react-calendar-timeline .rct-vertical-lines .rct-vl {
67
+ position: absolute;
68
+ border-left: 1px solid #bbb;
69
+ z-index: 30; }
70
+ .react-calendar-timeline .rct-vertical-lines .rct-vl.rct-vl-first {
71
+ border-left-width: 2px; }
72
+ .react-calendar-timeline .rct-horizontal-lines {
73
+ -webkit-user-select: none;
74
+ -moz-user-select: -moz-none;
75
+ -ms-user-select: none;
76
+ user-select: none; }
77
+ .react-calendar-timeline .rct-horizontal-lines .rct-hl-even,
78
+ .react-calendar-timeline .rct-horizontal-lines .rct-hl-odd {
79
+ border-bottom: 1px solid #bbb;
80
+ box-sizing: border-box;
81
+ z-index: 40; }
82
+ .react-calendar-timeline .rct-horizontal-lines .rct-hl-odd {
83
+ background: rgba(0, 0, 0, 0.05); }
84
+ .react-calendar-timeline .rct-horizontal-lines .rct-hl-even {
85
+ background: transparent; }
86
+ .react-calendar-timeline .rct-cursor-line {
87
+ position: absolute;
88
+ width: 2px;
89
+ background: #2196f3;
90
+ z-index: 51; }
91
+ .react-calendar-timeline .rct-dateHeader {
92
+ display: flex;
93
+ align-items: center;
94
+ justify-content: center;
95
+ height: 100%;
96
+ border-bottom: 1px solid #bbb;
97
+ cursor: pointer;
98
+ font-size: 14px;
99
+ background-color: #f0f0f0;
100
+ border-left: 2px solid #bbb; }
101
+ .react-calendar-timeline .rct-dateHeader-primary {
102
+ background-color: initial;
103
+ border-left: 1px solid #bbb;
104
+ border-right: 1px solid #bbb;
105
+ color: #fff; }
106
+ .react-calendar-timeline .rct-header-root {
107
+ background: #c52020;
108
+ border-bottom: 1px solid #bbb; }
109
+ .react-calendar-timeline .rct-calendar-header {
110
+ border: 1px solid #bbb; }
package/lib/index.js ADDED
@@ -0,0 +1,77 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "TimelineMarkers", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _TimelineMarkers["default"];
10
+ }
11
+ });
12
+ Object.defineProperty(exports, "TodayMarker", {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _TodayMarker["default"];
16
+ }
17
+ });
18
+ Object.defineProperty(exports, "CustomMarker", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _CustomMarker["default"];
22
+ }
23
+ });
24
+ Object.defineProperty(exports, "CursorMarker", {
25
+ enumerable: true,
26
+ get: function get() {
27
+ return _CursorMarker["default"];
28
+ }
29
+ });
30
+ Object.defineProperty(exports, "TimelineHeaders", {
31
+ enumerable: true,
32
+ get: function get() {
33
+ return _TimelineHeaders["default"];
34
+ }
35
+ });
36
+ Object.defineProperty(exports, "SidebarHeader", {
37
+ enumerable: true,
38
+ get: function get() {
39
+ return _SidebarHeader["default"];
40
+ }
41
+ });
42
+ Object.defineProperty(exports, "CustomHeader", {
43
+ enumerable: true,
44
+ get: function get() {
45
+ return _CustomHeader["default"];
46
+ }
47
+ });
48
+ Object.defineProperty(exports, "DateHeader", {
49
+ enumerable: true,
50
+ get: function get() {
51
+ return _DateHeader["default"];
52
+ }
53
+ });
54
+ exports["default"] = void 0;
55
+
56
+ var _Timeline = _interopRequireDefault(require("./lib/Timeline"));
57
+
58
+ var _TimelineMarkers = _interopRequireDefault(require("./lib/markers/public/TimelineMarkers"));
59
+
60
+ var _TodayMarker = _interopRequireDefault(require("./lib/markers/public/TodayMarker"));
61
+
62
+ var _CustomMarker = _interopRequireDefault(require("./lib/markers/public/CustomMarker"));
63
+
64
+ var _CursorMarker = _interopRequireDefault(require("./lib/markers/public/CursorMarker"));
65
+
66
+ var _TimelineHeaders = _interopRequireDefault(require("./lib/headers/TimelineHeaders"));
67
+
68
+ var _SidebarHeader = _interopRequireDefault(require("./lib/headers/SidebarHeader"));
69
+
70
+ var _CustomHeader = _interopRequireDefault(require("./lib/headers/CustomHeader"));
71
+
72
+ var _DateHeader = _interopRequireDefault(require("./lib/headers/DateHeader"));
73
+
74
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
75
+
76
+ var _default = _Timeline["default"];
77
+ exports["default"] = _default;