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.
Files changed (46) hide show
  1. package/README.md +219 -98
  2. package/dist/components/AddTask/index.js +1 -2
  3. package/dist/components/CalendarForWeek.js +25 -44
  4. package/dist/components/CalendarForday.js +14 -25
  5. package/dist/components/GroupsHeadContainer/index.js +1 -2
  6. package/dist/components/SumHoursContainer/index.js +1 -2
  7. package/dist/components/SumHoursHead/index.js +1 -2
  8. package/dist/components/TaskContainer/TaskVirtual.js +18 -0
  9. package/dist/components/TaskContainer/index.js +5 -4
  10. package/dist/components/VirtualGroupRow.js +64 -0
  11. package/dist/components/VirtualGroupRowDay.js +49 -0
  12. package/dist/components/index.js +3 -2
  13. package/dist/contexts/CalendarContext.js +3 -7
  14. package/dist/contexts/CalendarTaskContext.js +32 -0
  15. package/dist/hooks/useCalendarDateState.js +3 -3
  16. package/dist/hooks/useCalendarTask.js +191 -0
  17. package/dist/hooks/useContainerScroll.js +14 -0
  18. package/dist/hooks/useData.js +7 -0
  19. package/dist/hooks/useGridContainer.js +24 -0
  20. package/dist/hooks/useIntersectionObserver.js +19 -0
  21. package/dist/hooks/useMainContainerItemContent.js +16 -0
  22. package/dist/hooks/useWindowsSize.js +19 -0
  23. package/dist/index.js +13 -1
  24. package/dist/lib/utils.js +43 -31
  25. package/dist/types/components/AddTask/index.d.ts +2 -2
  26. package/dist/types/components/CalendarForWeek.d.ts +1 -2
  27. package/dist/types/components/GroupsHeadContainer/index.d.ts +2 -2
  28. package/dist/types/components/SumHoursContainer/index.d.ts +1 -1
  29. package/dist/types/components/SumHoursHead/index.d.ts +2 -2
  30. package/dist/types/components/TaskContainer/TaskVirtual.d.ts +4 -0
  31. package/dist/types/components/VirtualGroupRow.d.ts +18 -0
  32. package/dist/types/components/VirtualGroupRowDay.d.ts +19 -0
  33. package/dist/types/contexts/CalendarContext.d.ts +2 -10
  34. package/dist/types/contexts/CalendarTaskContext.d.ts +23 -0
  35. package/dist/types/definitions/index.d.ts +30 -8
  36. package/dist/types/hooks/useCalendarTask.d.ts +16 -0
  37. package/dist/types/hooks/useContainerScroll.d.ts +3 -0
  38. package/dist/types/hooks/useData.d.ts +4 -0
  39. package/dist/types/hooks/useGridContainer.d.ts +5 -0
  40. package/dist/types/hooks/useIntersectionObserver.d.ts +5 -0
  41. package/dist/types/hooks/useMainContainerItemContent.d.ts +4 -0
  42. package/dist/types/hooks/useWindowsSize.d.ts +4 -0
  43. package/dist/types/index.d.ts +13 -0
  44. package/dist/types/lib/utils.d.ts +8 -4
  45. package/package.json +49 -1
  46. 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.38",
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
-