@lafarmer28/densitycalendarnative 0.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.
- package/LICENSE +20 -0
- package/README.md +37 -0
- package/lib/module/components/density-calendar/context/ks-density-calendar-context.js +5 -0
- package/lib/module/components/density-calendar/context/ks-density-calendar-context.js.map +1 -0
- package/lib/module/components/density-calendar/context/ks-density-calendar-provider.js +68 -0
- package/lib/module/components/density-calendar/context/ks-density-calendar-provider.js.map +1 -0
- package/lib/module/components/density-calendar/context/use-ks-density-calendar-context.js +12 -0
- package/lib/module/components/density-calendar/context/use-ks-density-calendar-context.js.map +1 -0
- package/lib/module/components/density-calendar/day-view/day-navigation.js +172 -0
- package/lib/module/components/density-calendar/day-view/day-navigation.js.map +1 -0
- package/lib/module/components/density-calendar/day-view/ks-density-calendar-day-view.js +183 -0
- package/lib/module/components/density-calendar/day-view/ks-density-calendar-day-view.js.map +1 -0
- package/lib/module/components/density-calendar/ks-density-calendar-root.js +201 -0
- package/lib/module/components/density-calendar/ks-density-calendar-root.js.map +1 -0
- package/lib/module/components/density-calendar/ks-density-calendar.js +24 -0
- package/lib/module/components/density-calendar/ks-density-calendar.js.map +1 -0
- package/lib/module/components/density-calendar/ks-error-popup/ks-error-tooltip.js +74 -0
- package/lib/module/components/density-calendar/ks-error-popup/ks-error-tooltip.js.map +1 -0
- package/lib/module/components/density-calendar/ks-slider/ks-slider.js +174 -0
- package/lib/module/components/density-calendar/ks-slider/ks-slider.js.map +1 -0
- package/lib/module/components/density-calendar/ks-toggler/ks-toggler.js +72 -0
- package/lib/module/components/density-calendar/ks-toggler/ks-toggler.js.map +1 -0
- package/lib/module/components/density-calendar/month-view/days-of-week.js +51 -0
- package/lib/module/components/density-calendar/month-view/days-of-week.js.map +1 -0
- package/lib/module/components/density-calendar/month-view/ks-density-calendar-month-view.js +212 -0
- package/lib/module/components/density-calendar/month-view/ks-density-calendar-month-view.js.map +1 -0
- package/lib/module/components/density-calendar/month-view/top-navigation.js +118 -0
- package/lib/module/components/density-calendar/month-view/top-navigation.js.map +1 -0
- package/lib/module/components/density-calendar/utility-functions.js +50 -0
- package/lib/module/components/density-calendar/utility-functions.js.map +1 -0
- package/lib/module/components/density-calendar/week-view/ks-density-calendar-week-view.js +152 -0
- package/lib/module/components/density-calendar/week-view/ks-density-calendar-week-view.js.map +1 -0
- package/lib/module/components/density-calendar/week-view/top.js +53 -0
- package/lib/module/components/density-calendar/week-view/top.js.map +1 -0
- package/lib/module/index.js +4 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/package.json +1 -0
- package/lib/typescript/package.json +1 -0
- package/lib/typescript/src/components/density-calendar/context/ks-density-calendar-context.d.ts +17 -0
- package/lib/typescript/src/components/density-calendar/context/ks-density-calendar-context.d.ts.map +1 -0
- package/lib/typescript/src/components/density-calendar/context/ks-density-calendar-provider.d.ts +19 -0
- package/lib/typescript/src/components/density-calendar/context/ks-density-calendar-provider.d.ts.map +1 -0
- package/lib/typescript/src/components/density-calendar/context/use-ks-density-calendar-context.d.ts +2 -0
- package/lib/typescript/src/components/density-calendar/context/use-ks-density-calendar-context.d.ts.map +1 -0
- package/lib/typescript/src/components/density-calendar/day-view/day-navigation.d.ts +17 -0
- package/lib/typescript/src/components/density-calendar/day-view/day-navigation.d.ts.map +1 -0
- package/lib/typescript/src/components/density-calendar/day-view/ks-density-calendar-day-view.d.ts +21 -0
- package/lib/typescript/src/components/density-calendar/day-view/ks-density-calendar-day-view.d.ts.map +1 -0
- package/lib/typescript/src/components/density-calendar/ks-density-calendar-root.d.ts +14 -0
- package/lib/typescript/src/components/density-calendar/ks-density-calendar-root.d.ts.map +1 -0
- package/lib/typescript/src/components/density-calendar/ks-density-calendar.d.ts +43 -0
- package/lib/typescript/src/components/density-calendar/ks-density-calendar.d.ts.map +1 -0
- package/lib/typescript/src/components/density-calendar/ks-error-popup/ks-error-tooltip.d.ts +8 -0
- package/lib/typescript/src/components/density-calendar/ks-error-popup/ks-error-tooltip.d.ts.map +1 -0
- package/lib/typescript/src/components/density-calendar/ks-slider/ks-slider.d.ts +8 -0
- package/lib/typescript/src/components/density-calendar/ks-slider/ks-slider.d.ts.map +1 -0
- package/lib/typescript/src/components/density-calendar/ks-toggler/ks-toggler.d.ts +3 -0
- package/lib/typescript/src/components/density-calendar/ks-toggler/ks-toggler.d.ts.map +1 -0
- package/lib/typescript/src/components/density-calendar/month-view/days-of-week.d.ts +3 -0
- package/lib/typescript/src/components/density-calendar/month-view/days-of-week.d.ts.map +1 -0
- package/lib/typescript/src/components/density-calendar/month-view/ks-density-calendar-month-view.d.ts +17 -0
- package/lib/typescript/src/components/density-calendar/month-view/ks-density-calendar-month-view.d.ts.map +1 -0
- package/lib/typescript/src/components/density-calendar/month-view/top-navigation.d.ts +11 -0
- package/lib/typescript/src/components/density-calendar/month-view/top-navigation.d.ts.map +1 -0
- package/lib/typescript/src/components/density-calendar/utility-functions.d.ts +9 -0
- package/lib/typescript/src/components/density-calendar/utility-functions.d.ts.map +1 -0
- package/lib/typescript/src/components/density-calendar/week-view/ks-density-calendar-week-view.d.ts +12 -0
- package/lib/typescript/src/components/density-calendar/week-view/ks-density-calendar-week-view.d.ts.map +1 -0
- package/lib/typescript/src/components/density-calendar/week-view/top.d.ts +6 -0
- package/lib/typescript/src/components/density-calendar/week-view/top.d.ts.map +1 -0
- package/lib/typescript/src/index.d.ts +2 -0
- package/lib/typescript/src/index.d.ts.map +1 -0
- package/package.json +166 -0
- package/src/components/density-calendar/context/ks-density-calendar-context.tsx +23 -0
- package/src/components/density-calendar/context/ks-density-calendar-provider.tsx +96 -0
- package/src/components/density-calendar/context/use-ks-density-calendar-context.tsx +15 -0
- package/src/components/density-calendar/day-view/day-navigation.tsx +199 -0
- package/src/components/density-calendar/day-view/ks-density-calendar-day-view.tsx +245 -0
- package/src/components/density-calendar/ks-density-calendar-root.tsx +215 -0
- package/src/components/density-calendar/ks-density-calendar.tsx +74 -0
- package/src/components/density-calendar/ks-error-popup/ks-error-tooltip.tsx +71 -0
- package/src/components/density-calendar/ks-slider/ks-slider.tsx +185 -0
- package/src/components/density-calendar/ks-toggler/ks-toggler.tsx +69 -0
- package/src/components/density-calendar/month-view/days-of-week.tsx +47 -0
- package/src/components/density-calendar/month-view/ks-density-calendar-month-view.tsx +289 -0
- package/src/components/density-calendar/month-view/top-navigation.tsx +137 -0
- package/src/components/density-calendar/utility-functions.ts +67 -0
- package/src/components/density-calendar/week-view/ks-density-calendar-week-view.tsx +189 -0
- package/src/components/density-calendar/week-view/top.tsx +54 -0
- package/src/index.tsx +1 -0
|
@@ -0,0 +1,212 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useMemo } from 'react';
|
|
4
|
+
import { StyleSheet, View, Text, Pressable, ScrollView, useWindowDimensions } from 'react-native';
|
|
5
|
+
import { format, subDays, addDays, startOfMonth, endOfMonth, getDaysInMonth, eachDayOfInterval, isToday, isSameMonth } from 'date-fns';
|
|
6
|
+
import KSSlider from "../ks-slider/ks-slider.js";
|
|
7
|
+
import { useKSDensityCalendar } from "../context/use-ks-density-calendar-context.js";
|
|
8
|
+
import { getColorForPercentage } from "../utility-functions.js";
|
|
9
|
+
import DaysOfWeek from "./days-of-week.js";
|
|
10
|
+
import TopNavigation from "./top-navigation.js";
|
|
11
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
|
+
export const GetDaysOfMonthWithinIntersection = (displayDateStart, displayDateEnd, start, end) => {
|
|
13
|
+
const s = start < displayDateStart ? displayDateStart : start;
|
|
14
|
+
const e = end > displayDateEnd ? displayDateEnd : end;
|
|
15
|
+
try {
|
|
16
|
+
const daysWithinInterval = eachDayOfInterval({
|
|
17
|
+
start: s,
|
|
18
|
+
end: e
|
|
19
|
+
});
|
|
20
|
+
return daysWithinInterval.map(dt => dt.getDate());
|
|
21
|
+
} catch {
|
|
22
|
+
return [];
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
export const CalcDayPercents = (dt, data) => {
|
|
26
|
+
const daysInMonth = getDaysInMonth(dt);
|
|
27
|
+
const ret = new Array(daysInMonth).fill(0);
|
|
28
|
+
const usedNames = {};
|
|
29
|
+
const displayDateStart = startOfMonth(dt);
|
|
30
|
+
const displayDateEnd = endOfMonth(dt);
|
|
31
|
+
data.forEach(item => {
|
|
32
|
+
if (item.start > displayDateEnd || item.end < displayDateStart) return;
|
|
33
|
+
const intersection = GetDaysOfMonthWithinIntersection(displayDateStart, displayDateEnd, item.start, item.end);
|
|
34
|
+
intersection.forEach(day => {
|
|
35
|
+
if (!usedNames[item.name]) {
|
|
36
|
+
usedNames[item.name] = new Array(daysInMonth).fill(0);
|
|
37
|
+
}
|
|
38
|
+
const nameSchedule = usedNames[item.name];
|
|
39
|
+
if (nameSchedule && nameSchedule[day - 1] === 0) {
|
|
40
|
+
nameSchedule[day - 1] = 1;
|
|
41
|
+
ret[day - 1] += 1;
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
});
|
|
45
|
+
const totalNames = Object.keys(usedNames).length;
|
|
46
|
+
if (totalNames > 0) {
|
|
47
|
+
for (let j = 0; j < ret.length; j++) {
|
|
48
|
+
ret[j] = Math.round(ret[j] / totalNames * 100);
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
return ret;
|
|
52
|
+
};
|
|
53
|
+
const KSDensityCalendarMonthView = ({
|
|
54
|
+
displayDate,
|
|
55
|
+
toDayHandler,
|
|
56
|
+
multScheduleData,
|
|
57
|
+
handlePrevious,
|
|
58
|
+
handleNext,
|
|
59
|
+
handleToday,
|
|
60
|
+
calendarDisplay,
|
|
61
|
+
themeKeys,
|
|
62
|
+
svgIconColor,
|
|
63
|
+
svgIconSize,
|
|
64
|
+
svgIconUnactiveColor
|
|
65
|
+
}) => {
|
|
66
|
+
const {
|
|
67
|
+
state
|
|
68
|
+
} = useKSDensityCalendar();
|
|
69
|
+
const {
|
|
70
|
+
toggleKSSlider,
|
|
71
|
+
minVal,
|
|
72
|
+
maxVal
|
|
73
|
+
} = state;
|
|
74
|
+
const {
|
|
75
|
+
height,
|
|
76
|
+
width: windowWidth
|
|
77
|
+
} = useWindowDimensions();
|
|
78
|
+
const isLandscape = windowWidth > height;
|
|
79
|
+
const firstDayOfMonth = startOfMonth(displayDate);
|
|
80
|
+
const firstDayOfWeek = firstDayOfMonth.getDay();
|
|
81
|
+
const percentsForDayOfMonth = useMemo(() => CalcDayPercents(displayDate, multScheduleData), [displayDate, multScheduleData]);
|
|
82
|
+
const cells = Array.from({
|
|
83
|
+
length: 42
|
|
84
|
+
}, (_, index) => {
|
|
85
|
+
let date;
|
|
86
|
+
if (index < firstDayOfWeek) {
|
|
87
|
+
date = subDays(firstDayOfMonth, firstDayOfWeek - index);
|
|
88
|
+
} else {
|
|
89
|
+
date = addDays(firstDayOfMonth, index - firstDayOfWeek);
|
|
90
|
+
}
|
|
91
|
+
const isCurrentMonth = isSameMonth(date, displayDate);
|
|
92
|
+
const rawPercent = isCurrentMonth ? percentsForDayOfMonth[date.getDate() - 1] : 0;
|
|
93
|
+
const percentValue = minVal === 0 && maxVal === 100 || rawPercent >= minVal && rawPercent <= maxVal ? rawPercent : 0;
|
|
94
|
+
const color = getColorForPercentage(percentValue);
|
|
95
|
+
const barWidth = percentValue <= 33 ? '30%' : percentValue <= 66 ? '50%' : '80%';
|
|
96
|
+
const barHeight = percentValue > 0 ? `${percentValue}%` : '0%';
|
|
97
|
+
const cellStyle = [styles.dateCell, {
|
|
98
|
+
borderColor: isCurrentMonth ? themeKeys.secondaryColor : themeKeys.secondaryColorPnt3,
|
|
99
|
+
height: isLandscape ? height * 0.12 : height * 0.08
|
|
100
|
+
}];
|
|
101
|
+
const textStyle = isToday(date) ? isCurrentMonth ? styles.todayCurrentMonth : styles.todayNonCurrentMonth : isCurrentMonth ? {
|
|
102
|
+
color: themeKeys.secondaryColor
|
|
103
|
+
} : {
|
|
104
|
+
color: themeKeys.secondaryColorPnt3
|
|
105
|
+
};
|
|
106
|
+
return /*#__PURE__*/_jsxs(Pressable, {
|
|
107
|
+
style: cellStyle,
|
|
108
|
+
onPress: () => isCurrentMonth && percentValue > 0 && toDayHandler(date),
|
|
109
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
110
|
+
style: styles.cellHeader,
|
|
111
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
112
|
+
style: [styles.dateText, textStyle],
|
|
113
|
+
children: format(date, 'd')
|
|
114
|
+
})
|
|
115
|
+
}), isCurrentMonth && /*#__PURE__*/_jsxs(View, {
|
|
116
|
+
style: styles.percentageContainer,
|
|
117
|
+
children: [percentValue > 0 && /*#__PURE__*/_jsxs(Text, {
|
|
118
|
+
style: [styles.percentLabel, {
|
|
119
|
+
color: themeKeys.secondaryColor
|
|
120
|
+
}],
|
|
121
|
+
children: [percentValue, "%"]
|
|
122
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
123
|
+
style: styles.barTrack,
|
|
124
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
125
|
+
style: [styles.percentageBar, {
|
|
126
|
+
backgroundColor: color,
|
|
127
|
+
// Cast both as DimensionValue to satisfy TypeScript
|
|
128
|
+
width: barWidth,
|
|
129
|
+
height: barHeight
|
|
130
|
+
}]
|
|
131
|
+
})
|
|
132
|
+
})]
|
|
133
|
+
})]
|
|
134
|
+
}, index);
|
|
135
|
+
});
|
|
136
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
137
|
+
style: styles.container,
|
|
138
|
+
children: [/*#__PURE__*/_jsx(TopNavigation, {
|
|
139
|
+
handlePrevious: handlePrevious,
|
|
140
|
+
handleNext: handleNext,
|
|
141
|
+
handleToday: handleToday,
|
|
142
|
+
displayDate: displayDate,
|
|
143
|
+
themeKeys: themeKeys,
|
|
144
|
+
svgIconColor: svgIconColor,
|
|
145
|
+
svgIconSize: svgIconSize,
|
|
146
|
+
svgIconUnactiveColor: svgIconUnactiveColor
|
|
147
|
+
}), /*#__PURE__*/_jsx(DaysOfWeek, {}), /*#__PURE__*/_jsx(ScrollView, {
|
|
148
|
+
contentContainerStyle: styles.monthGrid,
|
|
149
|
+
children: cells
|
|
150
|
+
}), toggleKSSlider && /*#__PURE__*/_jsx(View, {
|
|
151
|
+
style: styles.sliderWrapper,
|
|
152
|
+
children: /*#__PURE__*/_jsx(KSSlider, {
|
|
153
|
+
calendarDisplay: calendarDisplay,
|
|
154
|
+
themeKeys: themeKeys
|
|
155
|
+
})
|
|
156
|
+
})]
|
|
157
|
+
});
|
|
158
|
+
};
|
|
159
|
+
const styles = StyleSheet.create({
|
|
160
|
+
container: {
|
|
161
|
+
flex: 1,
|
|
162
|
+
width: '100%'
|
|
163
|
+
},
|
|
164
|
+
monthGrid: {
|
|
165
|
+
flexDirection: 'row',
|
|
166
|
+
flexWrap: 'wrap',
|
|
167
|
+
paddingHorizontal: 8
|
|
168
|
+
},
|
|
169
|
+
dateCell: {
|
|
170
|
+
width: '14.28%',
|
|
171
|
+
borderWidth: 0.5,
|
|
172
|
+
padding: 2,
|
|
173
|
+
justifyContent: 'space-between'
|
|
174
|
+
},
|
|
175
|
+
cellHeader: {
|
|
176
|
+
alignSelf: 'flex-start'
|
|
177
|
+
},
|
|
178
|
+
dateText: {
|
|
179
|
+
fontSize: 12
|
|
180
|
+
},
|
|
181
|
+
todayCurrentMonth: {
|
|
182
|
+
color: 'rgba(137, 28, 28, 1)',
|
|
183
|
+
fontWeight: 'bold'
|
|
184
|
+
},
|
|
185
|
+
todayNonCurrentMonth: {
|
|
186
|
+
color: 'rgba(137, 28, 28, 0.4)'
|
|
187
|
+
},
|
|
188
|
+
percentageContainer: {
|
|
189
|
+
flex: 1,
|
|
190
|
+
justifyContent: 'flex-end',
|
|
191
|
+
alignItems: 'center'
|
|
192
|
+
},
|
|
193
|
+
percentLabel: {
|
|
194
|
+
fontSize: 8,
|
|
195
|
+
marginBottom: 2
|
|
196
|
+
},
|
|
197
|
+
barTrack: {
|
|
198
|
+
width: '100%',
|
|
199
|
+
height: '60%',
|
|
200
|
+
justifyContent: 'flex-end',
|
|
201
|
+
alignItems: 'center'
|
|
202
|
+
},
|
|
203
|
+
percentageBar: {
|
|
204
|
+
borderRadius: 4
|
|
205
|
+
},
|
|
206
|
+
sliderWrapper: {
|
|
207
|
+
paddingBottom: 20,
|
|
208
|
+
paddingHorizontal: 10
|
|
209
|
+
}
|
|
210
|
+
});
|
|
211
|
+
export default KSDensityCalendarMonthView;
|
|
212
|
+
//# sourceMappingURL=ks-density-calendar-month-view.js.map
|
package/lib/module/components/density-calendar/month-view/ks-density-calendar-month-view.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useMemo","StyleSheet","View","Text","Pressable","ScrollView","useWindowDimensions","format","subDays","addDays","startOfMonth","endOfMonth","getDaysInMonth","eachDayOfInterval","isToday","isSameMonth","KSSlider","useKSDensityCalendar","getColorForPercentage","DaysOfWeek","TopNavigation","jsx","_jsx","jsxs","_jsxs","GetDaysOfMonthWithinIntersection","displayDateStart","displayDateEnd","start","end","s","e","daysWithinInterval","map","dt","getDate","CalcDayPercents","data","daysInMonth","ret","Array","fill","usedNames","forEach","item","intersection","day","name","nameSchedule","totalNames","Object","keys","length","j","Math","round","KSDensityCalendarMonthView","displayDate","toDayHandler","multScheduleData","handlePrevious","handleNext","handleToday","calendarDisplay","themeKeys","svgIconColor","svgIconSize","svgIconUnactiveColor","state","toggleKSSlider","minVal","maxVal","height","width","windowWidth","isLandscape","firstDayOfMonth","firstDayOfWeek","getDay","percentsForDayOfMonth","cells","from","_","index","date","isCurrentMonth","rawPercent","percentValue","color","barWidth","barHeight","cellStyle","styles","dateCell","borderColor","secondaryColor","secondaryColorPnt3","textStyle","todayCurrentMonth","todayNonCurrentMonth","style","onPress","children","cellHeader","dateText","percentageContainer","percentLabel","barTrack","percentageBar","backgroundColor","container","contentContainerStyle","monthGrid","sliderWrapper","create","flex","flexDirection","flexWrap","paddingHorizontal","borderWidth","padding","justifyContent","alignSelf","fontSize","fontWeight","alignItems","marginBottom","borderRadius","paddingBottom"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/density-calendar/month-view/ks-density-calendar-month-view.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { StyleSheet, View, Text, Pressable } from 'react-native';
|
|
4
|
+
import { MaterialIcons, MaterialCommunityIcons } from '@expo/vector-icons';
|
|
5
|
+
import { format } from 'date-fns';
|
|
6
|
+
import KSToggler from "../ks-toggler/ks-toggler.js";
|
|
7
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
+
const TopNavigation = ({
|
|
9
|
+
handlePrevious,
|
|
10
|
+
displayDate,
|
|
11
|
+
handleNext,
|
|
12
|
+
handleToday,
|
|
13
|
+
svgIconColor,
|
|
14
|
+
svgIconSize,
|
|
15
|
+
svgIconUnactiveColor
|
|
16
|
+
}) => {
|
|
17
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
18
|
+
style: styles.container,
|
|
19
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
20
|
+
style: styles.headerRow,
|
|
21
|
+
children: [/*#__PURE__*/_jsx(Pressable, {
|
|
22
|
+
onPress: handlePrevious,
|
|
23
|
+
style: ({
|
|
24
|
+
pressed
|
|
25
|
+
}) => [styles.iconButton, pressed && styles.pressed],
|
|
26
|
+
children: /*#__PURE__*/_jsx(MaterialIcons, {
|
|
27
|
+
name: "chevron-left",
|
|
28
|
+
size: svgIconSize + 10,
|
|
29
|
+
color: svgIconColor
|
|
30
|
+
})
|
|
31
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
32
|
+
style: styles.titleText,
|
|
33
|
+
children: format(displayDate, 'MMMM yyyy')
|
|
34
|
+
}), /*#__PURE__*/_jsx(Pressable, {
|
|
35
|
+
onPress: handleNext,
|
|
36
|
+
style: ({
|
|
37
|
+
pressed
|
|
38
|
+
}) => [styles.iconButton, pressed && styles.pressed],
|
|
39
|
+
children: /*#__PURE__*/_jsx(MaterialIcons, {
|
|
40
|
+
name: "chevron-right",
|
|
41
|
+
size: svgIconSize + 10,
|
|
42
|
+
color: svgIconColor
|
|
43
|
+
})
|
|
44
|
+
})]
|
|
45
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
46
|
+
style: styles.controlsRow,
|
|
47
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
48
|
+
style: styles.togglerContainer,
|
|
49
|
+
children: [/*#__PURE__*/_jsx(MaterialCommunityIcons, {
|
|
50
|
+
name: "minus",
|
|
51
|
+
size: svgIconSize,
|
|
52
|
+
color: svgIconUnactiveColor || svgIconColor
|
|
53
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
54
|
+
style: styles.togglerWrapper,
|
|
55
|
+
children: /*#__PURE__*/_jsx(KSToggler, {})
|
|
56
|
+
}), /*#__PURE__*/_jsx(MaterialCommunityIcons, {
|
|
57
|
+
name: "plus",
|
|
58
|
+
size: svgIconSize,
|
|
59
|
+
color: svgIconUnactiveColor || svgIconColor
|
|
60
|
+
})]
|
|
61
|
+
}), /*#__PURE__*/_jsx(Pressable, {
|
|
62
|
+
onPress: handleToday,
|
|
63
|
+
style: ({
|
|
64
|
+
pressed
|
|
65
|
+
}) => [styles.iconButton, pressed && styles.pressed],
|
|
66
|
+
children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
|
|
67
|
+
name: "calendar-today",
|
|
68
|
+
size: svgIconSize,
|
|
69
|
+
color: svgIconColor
|
|
70
|
+
})
|
|
71
|
+
})]
|
|
72
|
+
})]
|
|
73
|
+
});
|
|
74
|
+
};
|
|
75
|
+
const styles = StyleSheet.create({
|
|
76
|
+
container: {
|
|
77
|
+
width: '100%',
|
|
78
|
+
paddingHorizontal: 8,
|
|
79
|
+
paddingVertical: 12
|
|
80
|
+
},
|
|
81
|
+
headerRow: {
|
|
82
|
+
flexDirection: 'row',
|
|
83
|
+
alignItems: 'center',
|
|
84
|
+
justifyContent: 'center',
|
|
85
|
+
width: '100%',
|
|
86
|
+
marginBottom: 10
|
|
87
|
+
},
|
|
88
|
+
titleText: {
|
|
89
|
+
fontSize: 24,
|
|
90
|
+
fontWeight: '600',
|
|
91
|
+
textAlign: 'center',
|
|
92
|
+
minWidth: '50%'
|
|
93
|
+
},
|
|
94
|
+
controlsRow: {
|
|
95
|
+
flexDirection: 'row',
|
|
96
|
+
alignItems: 'center',
|
|
97
|
+
justifyContent: 'center',
|
|
98
|
+
width: '100%'
|
|
99
|
+
},
|
|
100
|
+
togglerContainer: {
|
|
101
|
+
flexDirection: 'row',
|
|
102
|
+
alignItems: 'center',
|
|
103
|
+
marginRight: 15
|
|
104
|
+
},
|
|
105
|
+
togglerWrapper: {
|
|
106
|
+
marginHorizontal: 8
|
|
107
|
+
},
|
|
108
|
+
iconButton: {
|
|
109
|
+
padding: 6,
|
|
110
|
+
justifyContent: 'center',
|
|
111
|
+
alignItems: 'center'
|
|
112
|
+
},
|
|
113
|
+
pressed: {
|
|
114
|
+
opacity: 0.6
|
|
115
|
+
}
|
|
116
|
+
});
|
|
117
|
+
export default TopNavigation;
|
|
118
|
+
//# sourceMappingURL=top-navigation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["StyleSheet","View","Text","Pressable","MaterialIcons","MaterialCommunityIcons","format","KSToggler","jsx","_jsx","jsxs","_jsxs","TopNavigation","handlePrevious","displayDate","handleNext","handleToday","svgIconColor","svgIconSize","svgIconUnactiveColor","style","styles","container","children","headerRow","onPress","pressed","iconButton","name","size","color","titleText","controlsRow","togglerContainer","togglerWrapper","create","width","paddingHorizontal","paddingVertical","flexDirection","alignItems","justifyContent","marginBottom","fontSize","fontWeight","textAlign","minWidth","marginRight","marginHorizontal","padding","opacity"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/density-calendar/month-view/top-navigation.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { eachDayOfInterval } from 'date-fns';
|
|
4
|
+
export const firstDateOfWeek = new Date(2023, 0, 1);
|
|
5
|
+
const colorList = Array.from({
|
|
6
|
+
length: 100
|
|
7
|
+
}, (_, i) => {
|
|
8
|
+
const step = i + 1;
|
|
9
|
+
const r = 51 + Math.floor(step * 2.04);
|
|
10
|
+
const a = (step - 1) / 99 * 0.5 + 0.5;
|
|
11
|
+
return `rgba(${r}, 0, 0, ${a.toFixed(1)})`;
|
|
12
|
+
});
|
|
13
|
+
export const getColorForPercentage = percentage => {
|
|
14
|
+
if (percentage <= 0) return 'transparent';
|
|
15
|
+
const index = Math.min(Math.max(percentage - 1, 0), 99);
|
|
16
|
+
return colorList[index] || 'transparent';
|
|
17
|
+
};
|
|
18
|
+
export const getDaysOfWeekWithinIntersection = (start, end) => {
|
|
19
|
+
const daysWithinInterval = eachDayOfInterval({
|
|
20
|
+
start,
|
|
21
|
+
end
|
|
22
|
+
});
|
|
23
|
+
return daysWithinInterval.map(dt => dt.getDay());
|
|
24
|
+
};
|
|
25
|
+
export const calcWeekPercents = data => {
|
|
26
|
+
const ret = new Array(7).fill(0);
|
|
27
|
+
const usedNames = {};
|
|
28
|
+
for (const item of data) {
|
|
29
|
+
if (!item) continue;
|
|
30
|
+
const daysOfWeekWithinIntersection = getDaysOfWeekWithinIntersection(item.start, item.end);
|
|
31
|
+
daysOfWeekWithinIntersection.forEach(itemDayOfWeek => {
|
|
32
|
+
if (!usedNames[item.name]) {
|
|
33
|
+
usedNames[item.name] = new Array(7).fill(0);
|
|
34
|
+
}
|
|
35
|
+
const currentNameData = usedNames[item.name];
|
|
36
|
+
if (currentNameData[itemDayOfWeek] === 0) {
|
|
37
|
+
currentNameData[itemDayOfWeek] = 1;
|
|
38
|
+
ret[itemDayOfWeek] += 1;
|
|
39
|
+
}
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
const totalNames = Object.keys(usedNames).length;
|
|
43
|
+
if (totalNames > 0) {
|
|
44
|
+
for (let j = 0; j < ret.length; j++) {
|
|
45
|
+
ret[j] = Math.round(ret[j] / totalNames * 100);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
return ret;
|
|
49
|
+
};
|
|
50
|
+
//# sourceMappingURL=utility-functions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["eachDayOfInterval","firstDateOfWeek","Date","colorList","Array","from","length","_","i","step","r","Math","floor","a","toFixed","getColorForPercentage","percentage","index","min","max","getDaysOfWeekWithinIntersection","start","end","daysWithinInterval","map","dt","getDay","calcWeekPercents","data","ret","fill","usedNames","item","daysOfWeekWithinIntersection","forEach","itemDayOfWeek","name","currentNameData","totalNames","Object","keys","j","round"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/density-calendar/utility-functions.ts"],"mappings":";;AAAA,SAASA,iBAAiB,QAAQ,UAAU;AAO5C,OAAO,MAAMC,eAAqB,GAAG,IAAIC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;AAEzD,MAAMC,SAAmB,GAAGC,KAAK,CAACC,IAAI,CAAC;EAAEC,MAAM,EAAE;AAAI,CAAC,EAAE,CAACC,CAAC,EAAEC,CAAC,KAAK;EAChE,MAAMC,IAAI,GAAGD,CAAC,GAAG,CAAC;EAClB,MAAME,CAAC,GAAG,EAAE,GAAGC,IAAI,CAACC,KAAK,CAACH,IAAI,GAAG,IAAI,CAAC;EACtC,MAAMI,CAAC,GAAI,CAACJ,IAAI,GAAG,CAAC,IAAI,EAAE,GAAI,GAAG,GAAG,GAAG;EACvC,OAAO,QAAQC,CAAC,WAAWG,CAAC,CAACC,OAAO,CAAC,CAAC,CAAC,GAAG;AAC5C,CAAC,CAAC;AAEF,OAAO,MAAMC,qBAAqB,GAAIC,UAAkB,IAAa;EACnE,IAAIA,UAAU,IAAI,CAAC,EAAE,OAAO,aAAa;EACzC,MAAMC,KAAK,GAAGN,IAAI,CAACO,GAAG,CAACP,IAAI,CAACQ,GAAG,CAACH,UAAU,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;EACvD,OAAOb,SAAS,CAACc,KAAK,CAAC,IAAI,aAAa;AAC1C,CAAC;AAED,OAAO,MAAMG,+BAA+B,GAAGA,CAC7CC,KAAW,EACXC,GAAS,KACI;EACb,MAAMC,kBAAkB,GAAGvB,iBAAiB,CAAC;IAAEqB,KAAK;IAAEC;EAAI,CAAC,CAAC;EAC5D,OAAOC,kBAAkB,CAACC,GAAG,CAAEC,EAAE,IAAKA,EAAE,CAACC,MAAM,CAAC,CAAC,CAAC;AACpD,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAC3BC,IAAkC,IACrB;EACb,MAAMC,GAAG,GAAG,IAAIzB,KAAK,CAAC,CAAC,CAAC,CAAC0B,IAAI,CAAC,CAAC,CAAC;EAChC,MAAMC,SAAoB,GAAG,CAAC,CAAC;EAE/B,KAAK,MAAMC,IAAI,IAAIJ,IAAI,EAAE;IACvB,IAAI,CAACI,IAAI,EAAE;IAEX,MAAMC,4BAA4B,GAAGb,+BAA+B,CAClEY,IAAI,CAACX,KAAK,EACVW,IAAI,CAACV,GACP,CAAC;IAEDW,4BAA4B,CAACC,OAAO,CAAEC,aAAa,IAAK;MACtD,IAAI,CAACJ,SAAS,CAACC,IAAI,CAACI,IAAI,CAAC,EAAE;QACzBL,SAAS,CAACC,IAAI,CAACI,IAAI,CAAC,GAAG,IAAIhC,KAAK,CAAC,CAAC,CAAC,CAAC0B,IAAI,CAAC,CAAC,CAAC;MAC7C;MAEA,MAAMO,eAAe,GAAGN,SAAS,CAACC,IAAI,CAACI,IAAI,CAAE;MAE7C,IAAIC,eAAe,CAACF,aAAa,CAAC,KAAK,CAAC,EAAE;QACxCE,eAAe,CAACF,aAAa,CAAC,GAAG,CAAC;QAClCN,GAAG,CAACM,aAAa,CAAC,IAAI,CAAC;MACzB;IACF,CAAC,CAAC;EACJ;EAEA,MAAMG,UAAU,GAAGC,MAAM,CAACC,IAAI,CAACT,SAAS,CAAC,CAACzB,MAAM;EAChD,IAAIgC,UAAU,GAAG,CAAC,EAAE;IAClB,KAAK,IAAIG,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGZ,GAAG,CAACvB,MAAM,EAAEmC,CAAC,EAAE,EAAE;MACnCZ,GAAG,CAACY,CAAC,CAAC,GAAG9B,IAAI,CAAC+B,KAAK,CAAEb,GAAG,CAACY,CAAC,CAAC,GAAGH,UAAU,GAAI,GAAG,CAAC;IAClD;EACF;EAEA,OAAOT,GAAG;AACZ,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { StyleSheet, View, Text, Pressable } from 'react-native';
|
|
4
|
+
import { useKSDensityCalendar } from "../context/use-ks-density-calendar-context.js";
|
|
5
|
+
import { getColorForPercentage, firstDateOfWeek, calcWeekPercents } from "../utility-functions.js";
|
|
6
|
+
import Top from "./top.js";
|
|
7
|
+
import KSSlider from "../ks-slider/ks-slider.js";
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
const KSDensityCalendarWeekView = ({
|
|
10
|
+
toDayHandler,
|
|
11
|
+
multScheduleData,
|
|
12
|
+
calendarDisplay,
|
|
13
|
+
themeKeys,
|
|
14
|
+
svgIconColor,
|
|
15
|
+
svgIconSize,
|
|
16
|
+
svgIconUnactiveColor
|
|
17
|
+
}) => {
|
|
18
|
+
const {
|
|
19
|
+
daysOfWeek,
|
|
20
|
+
state
|
|
21
|
+
} = useKSDensityCalendar();
|
|
22
|
+
const percentsForDaysOfWeek = calcWeekPercents(multScheduleData);
|
|
23
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
24
|
+
style: [styles.container, !state.toggleKSSlider && styles.paddingBottom],
|
|
25
|
+
children: [/*#__PURE__*/_jsx(Top, {
|
|
26
|
+
themeKeys: themeKeys,
|
|
27
|
+
svgIconColor: svgIconColor,
|
|
28
|
+
svgIconSize: svgIconSize,
|
|
29
|
+
svgIconUnactiveColor: svgIconUnactiveColor
|
|
30
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
31
|
+
style: styles.daysHeader,
|
|
32
|
+
children: Array.from({
|
|
33
|
+
length: 7
|
|
34
|
+
}, (_, index) => /*#__PURE__*/_jsx(View, {
|
|
35
|
+
style: styles.headerCell,
|
|
36
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
37
|
+
style: styles.headerText,
|
|
38
|
+
children: daysOfWeek[index]
|
|
39
|
+
})
|
|
40
|
+
}, daysOfWeek[index] || index))
|
|
41
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
42
|
+
style: styles.graphContainer,
|
|
43
|
+
children: percentsForDaysOfWeek.map((percentValue, index) => {
|
|
44
|
+
const showValue = state.minVal === 0 && state.maxVal === 100 ? percentValue : state.minVal <= percentValue && percentValue <= state.maxVal ? percentValue : 0;
|
|
45
|
+
const color = getColorForPercentage(percentValue);
|
|
46
|
+
const barWidth = percentValue <= 33 ? '25%' : percentValue <= 66 ? '45%' : '65%';
|
|
47
|
+
const barStyle = {
|
|
48
|
+
// Assign the type here
|
|
49
|
+
height: `${showValue}%`,
|
|
50
|
+
// Assert as DimensionValue
|
|
51
|
+
width: barWidth,
|
|
52
|
+
// Assert as DimensionValue
|
|
53
|
+
backgroundColor: showValue > 0 ? color : 'transparent',
|
|
54
|
+
borderTopLeftRadius: 10,
|
|
55
|
+
borderTopRightRadius: 10,
|
|
56
|
+
opacity: 0.6,
|
|
57
|
+
shadowColor: '#000',
|
|
58
|
+
shadowOffset: {
|
|
59
|
+
width: 1,
|
|
60
|
+
height: 0
|
|
61
|
+
},
|
|
62
|
+
shadowOpacity: showValue > 0 ? 0.3 : 0,
|
|
63
|
+
shadowRadius: 1
|
|
64
|
+
};
|
|
65
|
+
const handlePress = () => {
|
|
66
|
+
if (showValue > 0) {
|
|
67
|
+
const dateValue = new Date(firstDateOfWeek);
|
|
68
|
+
dateValue.setDate(1 + index - firstDateOfWeek.getDay());
|
|
69
|
+
toDayHandler(dateValue);
|
|
70
|
+
}
|
|
71
|
+
};
|
|
72
|
+
return /*#__PURE__*/_jsxs(Pressable, {
|
|
73
|
+
onPress: handlePress,
|
|
74
|
+
style: [styles.weekSegment, index === 0 && styles.roundedLeft, index === 6 && styles.roundedRight, index === 6 && styles.borderRight],
|
|
75
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
76
|
+
style: styles.percentText,
|
|
77
|
+
children: showValue > 0 ? `${showValue}%` : ''
|
|
78
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
79
|
+
style: barStyle
|
|
80
|
+
})]
|
|
81
|
+
}, index);
|
|
82
|
+
})
|
|
83
|
+
}), state.toggleKSSlider && /*#__PURE__*/_jsx(View, {
|
|
84
|
+
style: styles.sliderWrapper,
|
|
85
|
+
children: /*#__PURE__*/_jsx(KSSlider, {
|
|
86
|
+
calendarDisplay: calendarDisplay,
|
|
87
|
+
themeKeys: themeKeys
|
|
88
|
+
})
|
|
89
|
+
})]
|
|
90
|
+
});
|
|
91
|
+
};
|
|
92
|
+
const styles = StyleSheet.create({
|
|
93
|
+
container: {
|
|
94
|
+
flex: 1,
|
|
95
|
+
width: '100%',
|
|
96
|
+
paddingHorizontal: 8
|
|
97
|
+
},
|
|
98
|
+
paddingBottom: {
|
|
99
|
+
paddingBottom: 8
|
|
100
|
+
},
|
|
101
|
+
daysHeader: {
|
|
102
|
+
flexDirection: 'row',
|
|
103
|
+
justifyContent: 'space-between',
|
|
104
|
+
width: '100%',
|
|
105
|
+
paddingVertical: 10
|
|
106
|
+
},
|
|
107
|
+
headerCell: {
|
|
108
|
+
flex: 1,
|
|
109
|
+
alignItems: 'center'
|
|
110
|
+
},
|
|
111
|
+
headerText: {
|
|
112
|
+
fontSize: 14,
|
|
113
|
+
fontWeight: '500'
|
|
114
|
+
},
|
|
115
|
+
graphContainer: {
|
|
116
|
+
flex: 1,
|
|
117
|
+
flexDirection: 'row',
|
|
118
|
+
width: '100%',
|
|
119
|
+
alignItems: 'flex-end'
|
|
120
|
+
},
|
|
121
|
+
weekSegment: {
|
|
122
|
+
flex: 1,
|
|
123
|
+
height: '100%',
|
|
124
|
+
justifyContent: 'flex-end',
|
|
125
|
+
alignItems: 'center',
|
|
126
|
+
borderTopWidth: 1,
|
|
127
|
+
borderBottomWidth: 1,
|
|
128
|
+
borderLeftWidth: 1,
|
|
129
|
+
borderColor: 'rgba(254, 243, 200, 0.5)'
|
|
130
|
+
},
|
|
131
|
+
percentText: {
|
|
132
|
+
fontSize: 10,
|
|
133
|
+
marginBottom: 4
|
|
134
|
+
},
|
|
135
|
+
roundedLeft: {
|
|
136
|
+
borderTopLeftRadius: 10,
|
|
137
|
+
borderBottomLeftRadius: 10
|
|
138
|
+
},
|
|
139
|
+
roundedRight: {
|
|
140
|
+
borderTopRightRadius: 10,
|
|
141
|
+
borderBottomRightRadius: 10
|
|
142
|
+
},
|
|
143
|
+
borderRight: {
|
|
144
|
+
borderRightWidth: 1
|
|
145
|
+
},
|
|
146
|
+
sliderWrapper: {
|
|
147
|
+
width: '100%',
|
|
148
|
+
paddingVertical: 10
|
|
149
|
+
}
|
|
150
|
+
});
|
|
151
|
+
export default KSDensityCalendarWeekView;
|
|
152
|
+
//# sourceMappingURL=ks-density-calendar-week-view.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["StyleSheet","View","Text","Pressable","useKSDensityCalendar","getColorForPercentage","firstDateOfWeek","calcWeekPercents","Top","KSSlider","jsx","_jsx","jsxs","_jsxs","KSDensityCalendarWeekView","toDayHandler","multScheduleData","calendarDisplay","themeKeys","svgIconColor","svgIconSize","svgIconUnactiveColor","daysOfWeek","state","percentsForDaysOfWeek","style","styles","container","toggleKSSlider","paddingBottom","children","daysHeader","Array","from","length","_","index","headerCell","headerText","graphContainer","map","percentValue","showValue","minVal","maxVal","color","barWidth","barStyle","height","width","backgroundColor","borderTopLeftRadius","borderTopRightRadius","opacity","shadowColor","shadowOffset","shadowOpacity","shadowRadius","handlePress","dateValue","Date","setDate","getDay","onPress","weekSegment","roundedLeft","roundedRight","borderRight","percentText","sliderWrapper","create","flex","paddingHorizontal","flexDirection","justifyContent","paddingVertical","alignItems","fontSize","fontWeight","borderTopWidth","borderBottomWidth","borderLeftWidth","borderColor","marginBottom","borderBottomLeftRadius","borderBottomRightRadius","borderRightWidth"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/density-calendar/week-view/ks-density-calendar-week-view.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { StyleSheet, View } from 'react-native';
|
|
4
|
+
import { MaterialCommunityIcons } from '@expo/vector-icons';
|
|
5
|
+
import KSToggler from "../ks-toggler/ks-toggler.js";
|
|
6
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
|
+
const Top = ({
|
|
8
|
+
svgIconColor,
|
|
9
|
+
svgIconSize,
|
|
10
|
+
svgIconUnactiveColor
|
|
11
|
+
}) => {
|
|
12
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
13
|
+
style: styles.container,
|
|
14
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
15
|
+
style: styles.iconWrapper,
|
|
16
|
+
children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
|
|
17
|
+
name: "minus",
|
|
18
|
+
size: svgIconSize,
|
|
19
|
+
color: svgIconUnactiveColor || svgIconColor
|
|
20
|
+
})
|
|
21
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
22
|
+
style: styles.togglerWrapper,
|
|
23
|
+
children: /*#__PURE__*/_jsx(KSToggler, {})
|
|
24
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
25
|
+
style: styles.iconWrapper,
|
|
26
|
+
children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
|
|
27
|
+
name: "plus",
|
|
28
|
+
size: svgIconSize,
|
|
29
|
+
color: svgIconUnactiveColor || svgIconColor
|
|
30
|
+
})
|
|
31
|
+
})]
|
|
32
|
+
});
|
|
33
|
+
};
|
|
34
|
+
const styles = StyleSheet.create({
|
|
35
|
+
container: {
|
|
36
|
+
flexDirection: 'row',
|
|
37
|
+
justifyContent: 'flex-end',
|
|
38
|
+
alignItems: 'center',
|
|
39
|
+
width: '100%',
|
|
40
|
+
paddingVertical: 8
|
|
41
|
+
},
|
|
42
|
+
iconWrapper: {
|
|
43
|
+
paddingHorizontal: 8,
|
|
44
|
+
justifyContent: 'center',
|
|
45
|
+
alignItems: 'center'
|
|
46
|
+
},
|
|
47
|
+
togglerWrapper: {
|
|
48
|
+
justifyContent: 'center',
|
|
49
|
+
alignItems: 'center'
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
export default Top;
|
|
53
|
+
//# sourceMappingURL=top.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["StyleSheet","View","MaterialCommunityIcons","KSToggler","jsx","_jsx","jsxs","_jsxs","Top","svgIconColor","svgIconSize","svgIconUnactiveColor","style","styles","container","children","iconWrapper","name","size","color","togglerWrapper","create","flexDirection","justifyContent","alignItems","width","paddingVertical","paddingHorizontal"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/density-calendar/week-view/top.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,sBAAsB,QAAQ,oBAAoB;AAC3D,OAAOC,SAAS,MAAM,6BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMjD,MAAMC,GAAG,GAAGA,CAAC;EAAEC,YAAY;EAAEC,WAAW;EAAEC;AAA+B,CAAC,KAAK;EAC7E,oBACEJ,KAAA,CAACN,IAAI;IAACW,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BV,IAAA,CAACJ,IAAI;MAACW,KAAK,EAAEC,MAAM,CAACG,WAAY;MAAAD,QAAA,eAC9BV,IAAA,CAACH,sBAAsB;QACrBe,IAAI,EAAC,OAAO;QACZC,IAAI,EAAER,WAAY;QAClBS,KAAK,EAAER,oBAAoB,IAAIF;MAAa,CAC7C;IAAC,CACE,CAAC,eAEPJ,IAAA,CAACJ,IAAI;MAACW,KAAK,EAAEC,MAAM,CAACO,cAAe;MAAAL,QAAA,eACjCV,IAAA,CAACF,SAAS,IAAE;IAAC,CACT,CAAC,eAEPE,IAAA,CAACJ,IAAI;MAACW,KAAK,EAAEC,MAAM,CAACG,WAAY;MAAAD,QAAA,eAC9BV,IAAA,CAACH,sBAAsB;QACrBe,IAAI,EAAC,MAAM;QACXC,IAAI,EAAER,WAAY;QAClBS,KAAK,EAAER,oBAAoB,IAAIF;MAAa,CAC7C;IAAC,CACE,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGb,UAAU,CAACqB,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,UAAU;IAC1BC,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAE,MAAM;IACbC,eAAe,EAAE;EACnB,CAAC;EACDV,WAAW,EAAE;IACXW,iBAAiB,EAAE,CAAC;IACpBJ,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDJ,cAAc,EAAE;IACdG,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,eAAehB,GAAG","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["index.tsx"],"mappings":";;AAAA,cAAc,sDAAmD","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"type":"module"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"type":"module"}
|