react-weekly-planning 1.0.38 → 1.0.40
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/README.md +219 -98
- package/dist/components/AddTask/index.js +1 -2
- package/dist/components/CalendarForWeek.js +25 -44
- package/dist/components/CalendarForday.js +14 -25
- package/dist/components/GroupsHeadContainer/index.js +1 -2
- package/dist/components/SumHoursContainer/index.js +1 -2
- package/dist/components/SumHoursHead/index.js +1 -2
- package/dist/components/TaskContainer/TaskVirtual.js +18 -0
- package/dist/components/TaskContainer/index.js +5 -4
- package/dist/components/VirtualGroupRow.js +64 -0
- package/dist/components/VirtualGroupRowDay.js +49 -0
- package/dist/components/index.js +3 -2
- package/dist/contexts/CalendarContext.js +3 -7
- package/dist/contexts/CalendarTaskContext.js +32 -0
- package/dist/hooks/useCalendarDateState.js +3 -3
- package/dist/hooks/useCalendarTask.js +191 -0
- package/dist/hooks/useContainerScroll.js +14 -0
- package/dist/hooks/useData.js +7 -0
- package/dist/hooks/useGridContainer.js +24 -0
- package/dist/hooks/useIntersectionObserver.js +19 -0
- package/dist/hooks/useMainContainerItemContent.js +16 -0
- package/dist/hooks/useWindowsSize.js +19 -0
- package/dist/index.js +13 -1
- package/dist/lib/utils.js +43 -31
- package/dist/types/components/AddTask/index.d.ts +2 -2
- package/dist/types/components/CalendarForWeek.d.ts +1 -2
- package/dist/types/components/GroupsHeadContainer/index.d.ts +2 -2
- package/dist/types/components/SumHoursContainer/index.d.ts +1 -1
- package/dist/types/components/SumHoursHead/index.d.ts +2 -2
- package/dist/types/components/TaskContainer/TaskVirtual.d.ts +4 -0
- package/dist/types/components/VirtualGroupRow.d.ts +18 -0
- package/dist/types/components/VirtualGroupRowDay.d.ts +19 -0
- package/dist/types/contexts/CalendarContext.d.ts +2 -10
- package/dist/types/contexts/CalendarTaskContext.d.ts +23 -0
- package/dist/types/definitions/index.d.ts +30 -8
- package/dist/types/hooks/useCalendarTask.d.ts +16 -0
- package/dist/types/hooks/useContainerScroll.d.ts +3 -0
- package/dist/types/hooks/useData.d.ts +4 -0
- package/dist/types/hooks/useGridContainer.d.ts +5 -0
- package/dist/types/hooks/useIntersectionObserver.d.ts +5 -0
- package/dist/types/hooks/useMainContainerItemContent.d.ts +4 -0
- package/dist/types/hooks/useWindowsSize.d.ts +4 -0
- package/dist/types/index.d.ts +13 -0
- package/dist/types/lib/utils.d.ts +8 -4
- package/package.json +49 -1
- package/dist/components/style.css +0 -123
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-weekly-planning",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.40",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"types": "dist/types/index.d.ts",
|
|
6
6
|
"exports": {
|
|
@@ -15,6 +15,54 @@
|
|
|
15
15
|
"./definitions": {
|
|
16
16
|
"types": "./dist/types/definitions/index.d.ts",
|
|
17
17
|
"default": "./dist/definitions/index.js"
|
|
18
|
+
},
|
|
19
|
+
"./hooks/useCalendarTask": {
|
|
20
|
+
"types": "./dist/types/hooks/useCalendarTask.d.ts",
|
|
21
|
+
"default": "./dist/hooks/useCalendarTask.js"
|
|
22
|
+
},
|
|
23
|
+
"./contexts/CalendarTaskContext": {
|
|
24
|
+
"types": "./dist/types/contexts/CalendarTaskContext.d.ts",
|
|
25
|
+
"default": "./dist/contexts/CalendarTaskContext.js"
|
|
26
|
+
},
|
|
27
|
+
"./contexts/CalendarContext": {
|
|
28
|
+
"types": "./dist/types/contexts/CalendarContext.d.ts",
|
|
29
|
+
"default": "./dist/contexts/CalendarContext.js"
|
|
30
|
+
},
|
|
31
|
+
"./components/TaskContainer": {
|
|
32
|
+
"types": "./dist/types/components/TaskContainer.d.ts",
|
|
33
|
+
"default": "./dist/components/TaskContainer.js"
|
|
34
|
+
},
|
|
35
|
+
"./components/DayContainer": {
|
|
36
|
+
"types": "./dist/types/components/DayContainer.d.ts",
|
|
37
|
+
"default": "./dist/components/DayContainer.js"
|
|
38
|
+
},
|
|
39
|
+
"./components/VirtualGroupRow": {
|
|
40
|
+
"types": "./dist/types/components/VirtualGroupRow.d.ts",
|
|
41
|
+
"default": "./dist/components/VirtualGroupRow.js"
|
|
42
|
+
},
|
|
43
|
+
"./components/VirtualGroupRowDay": {
|
|
44
|
+
"types": "./dist/types/components/VirtualGroupRowDay.d.ts",
|
|
45
|
+
"default": "./dist/components/VirtualGroupRowDay.js"
|
|
46
|
+
},
|
|
47
|
+
"./components/TaskContainer/TaskVirtualRow": {
|
|
48
|
+
"types": "./dist/types/components/TaskContainer/TaskVirtualRow.d.ts",
|
|
49
|
+
"default": "./dist/components/TaskContainer/TaskVirtualRow.js"
|
|
50
|
+
},
|
|
51
|
+
"./components/AddTask": {
|
|
52
|
+
"types": "./dist/types/components/AddTask.d.ts",
|
|
53
|
+
"default": "./dist/components/AddTask.js"
|
|
54
|
+
},
|
|
55
|
+
"./components/SumHoursContainer": {
|
|
56
|
+
"types": "./dist/types/components/SumHoursContainer.d.ts",
|
|
57
|
+
"default": "./dist/components/SumHoursContainer.js"
|
|
58
|
+
},
|
|
59
|
+
"./components/SumHoursHead": {
|
|
60
|
+
"types": "./dist/types/components/SumHoursHead.d.ts",
|
|
61
|
+
"default": "./dist/components/SumHoursHead.js"
|
|
62
|
+
},
|
|
63
|
+
"./components/GroupContainer": {
|
|
64
|
+
"types": "./dist/types/components/GroupContainer.d.ts",
|
|
65
|
+
"default": "./dist/components/GroupContainer.js"
|
|
18
66
|
}
|
|
19
67
|
},
|
|
20
68
|
"files": [
|
|
@@ -1,123 +0,0 @@
|
|
|
1
|
-
.addPlanStyle {
|
|
2
|
-
cursor: pointer;
|
|
3
|
-
display: flex;
|
|
4
|
-
align-items: center;
|
|
5
|
-
justify-content: center;
|
|
6
|
-
flex: 1;
|
|
7
|
-
background-color: #f2f8fb;
|
|
8
|
-
opacity: 0;
|
|
9
|
-
border-radius: 5px;
|
|
10
|
-
color: #0f5173;
|
|
11
|
-
transition: background-color 0.3s, opacity 0.3s;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.addPlanStyle:hover {
|
|
15
|
-
background-color: #c6dbe159;
|
|
16
|
-
opacity: 1;
|
|
17
|
-
}
|
|
18
|
-
.taskContainer {
|
|
19
|
-
box-shadow: 0px 7px 18px 0px rgba(15, 105, 115, 0.03),
|
|
20
|
-
0px 6px 10px 0px rgba(15, 105, 115, 0.04),
|
|
21
|
-
0px 3px 5px 0px rgba(15, 105, 115, 0.05);
|
|
22
|
-
display: flex;
|
|
23
|
-
justify-content: center;
|
|
24
|
-
column-gap: 10px;
|
|
25
|
-
flex-direction: column;
|
|
26
|
-
height: auto;
|
|
27
|
-
border-left: 5px solid #457993;
|
|
28
|
-
background-color: #f4ffff;
|
|
29
|
-
color: #457993;
|
|
30
|
-
cursor: pointer;
|
|
31
|
-
border-radius: 5px;
|
|
32
|
-
margin-bottom: 5px;
|
|
33
|
-
font-size: 13px;
|
|
34
|
-
overflow: auto;
|
|
35
|
-
padding: 2px;
|
|
36
|
-
z-index: 10;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.tasklabel {
|
|
40
|
-
color: #55585d;
|
|
41
|
-
font-size: 12px;
|
|
42
|
-
line-height: 16px;
|
|
43
|
-
font-weight: 400;
|
|
44
|
-
margin-left: 5px;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.taskhour {
|
|
48
|
-
font-size: 12px;
|
|
49
|
-
line-height: 16px;
|
|
50
|
-
font-weight: 600;
|
|
51
|
-
margin-left: 5px;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.planningCalendar {
|
|
55
|
-
width: 100%;
|
|
56
|
-
height: 150px;
|
|
57
|
-
border-radius: 0.5rem;
|
|
58
|
-
z-index: 10;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
.planningCalendar .dayTh {
|
|
62
|
-
color: #0f5173;
|
|
63
|
-
padding-left: 5px;
|
|
64
|
-
}
|
|
65
|
-
.planningCalendar .totalTh {
|
|
66
|
-
color: #0f5173;
|
|
67
|
-
width: 40px;
|
|
68
|
-
text-align: right;
|
|
69
|
-
padding-right: 2px;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.planningCalendar td {
|
|
73
|
-
-moz-box-sizing: border-box;
|
|
74
|
-
border-left: 0.74px solid rgba(198, 219, 225, 0.68);
|
|
75
|
-
border-right: 0.74px solid rgba(198, 219, 225, 0.68);
|
|
76
|
-
width: 8vw;
|
|
77
|
-
}
|
|
78
|
-
.planningCalendar tr {
|
|
79
|
-
border-bottom: 1.5px solid #0f52737e;
|
|
80
|
-
padding: 2px;
|
|
81
|
-
}
|
|
82
|
-
.planningCalendar tr:nth-child(1){
|
|
83
|
-
z-index: 200;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
.CalendarTableForDay {
|
|
87
|
-
display: flex;
|
|
88
|
-
gap: 10px;
|
|
89
|
-
width: 100vw;
|
|
90
|
-
height: auto;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.CalendarTableForDayTasksContainer {
|
|
94
|
-
flex: 1;
|
|
95
|
-
display: flex;
|
|
96
|
-
flex-direction: column;
|
|
97
|
-
height: auto;
|
|
98
|
-
padding: 10px;
|
|
99
|
-
position: relative;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
.CalendarTableForDayRow {
|
|
103
|
-
display: flex !important;
|
|
104
|
-
flex-direction: row !important;
|
|
105
|
-
gap: 15px;
|
|
106
|
-
align-items: flex-start;
|
|
107
|
-
padding: 15px !important;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.CalendarTableForDayGroupTasks {
|
|
111
|
-
flex: 1;
|
|
112
|
-
display: grid;
|
|
113
|
-
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
|
114
|
-
gap: 10px;
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
.CalendarTableForDayGroupTasks .taskContainer,
|
|
118
|
-
.CalendarTableForDayGroupTasks .addPlanStyle {
|
|
119
|
-
margin-bottom: 0px;
|
|
120
|
-
height: 100%;
|
|
121
|
-
min-height: 80px;
|
|
122
|
-
}
|
|
123
|
-
|