@calchemy/date-react 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 +21 -0
- package/dist/calendar-scroll.d.ts +2 -0
- package/dist/calendar-scroll.d.ts.map +1 -0
- package/dist/calendar-scroll.js +225 -0
- package/dist/calendar-scroll.js.map +1 -0
- package/dist/chunk-KI7GMSS3.js +451 -0
- package/dist/chunk-KI7GMSS3.js.map +1 -0
- package/dist/chunk-NGJGJXY4.js +34 -0
- package/dist/chunk-NGJGJXY4.js.map +1 -0
- package/dist/components/Calchemy.d.ts +50 -0
- package/dist/components/Calchemy.d.ts.map +1 -0
- package/dist/components/Calchemy.js +57 -0
- package/dist/components/Calchemy.js.map +1 -0
- package/dist/components/calendar/Calendar.d.ts +19 -0
- package/dist/components/calendar/Calendar.d.ts.map +1 -0
- package/dist/components/calendar/Calendar.js +218 -0
- package/dist/components/calendar/Calendar.js.map +1 -0
- package/dist/components/calendar/CalendarGrid.d.ts +12 -0
- package/dist/components/calendar/CalendarGrid.d.ts.map +1 -0
- package/dist/components/calendar/CalendarGrid.js +93 -0
- package/dist/components/calendar/CalendarGrid.js.map +1 -0
- package/dist/components/calendar/CalendarPeriod.d.ts +6 -0
- package/dist/components/calendar/CalendarPeriod.d.ts.map +1 -0
- package/dist/components/calendar/CalendarPeriod.js +42 -0
- package/dist/components/calendar/CalendarPeriod.js.map +1 -0
- package/dist/components/calendar/CalendarPeriodHeading.d.ts +4 -0
- package/dist/components/calendar/CalendarPeriodHeading.d.ts.map +1 -0
- package/dist/components/calendar/CalendarPeriodHeading.js +9 -0
- package/dist/components/calendar/CalendarPeriodHeading.js.map +1 -0
- package/dist/components/calendar/CalendarPeriodList.d.ts +6 -0
- package/dist/components/calendar/CalendarPeriodList.d.ts.map +1 -0
- package/dist/components/calendar/CalendarPeriodList.js +93 -0
- package/dist/components/calendar/CalendarPeriodList.js.map +1 -0
- package/dist/components/calendar/CalendarScroll.d.ts +8 -0
- package/dist/components/calendar/CalendarScroll.d.ts.map +1 -0
- package/dist/components/calendar/CalendarScroll.js +115 -0
- package/dist/components/calendar/CalendarScroll.js.map +1 -0
- package/dist/components/calendar/CalendarSelects.d.ts +12 -0
- package/dist/components/calendar/CalendarSelects.d.ts.map +1 -0
- package/dist/components/calendar/CalendarSelects.js +31 -0
- package/dist/components/calendar/CalendarSelects.js.map +1 -0
- package/dist/components/calendar/calendar-period-drag.d.ts +74 -0
- package/dist/components/calendar/calendar-period-drag.d.ts.map +1 -0
- package/dist/components/calendar/calendar-period-drag.js +374 -0
- package/dist/components/calendar/calendar-period-drag.js.map +1 -0
- package/dist/components/calendar/context.d.ts +10 -0
- package/dist/components/calendar/context.d.ts.map +1 -0
- package/dist/components/calendar/context.js +23 -0
- package/dist/components/calendar/context.js.map +1 -0
- package/dist/components/calendar/date-model.d.ts +36 -0
- package/dist/components/calendar/date-model.d.ts.map +1 -0
- package/dist/components/calendar/date-model.js +257 -0
- package/dist/components/calendar/date-model.js.map +1 -0
- package/dist/components/calendar/scroll-preload.d.ts +10 -0
- package/dist/components/calendar/scroll-preload.d.ts.map +1 -0
- package/dist/components/calendar/scroll-preload.js +80 -0
- package/dist/components/calendar/scroll-preload.js.map +1 -0
- package/dist/components/calendar/types.d.ts +68 -0
- package/dist/components/calendar/types.d.ts.map +1 -0
- package/dist/components/calendar/types.js +2 -0
- package/dist/components/calendar/types.js.map +1 -0
- package/dist/hooks/useCalchemy.d.ts +52 -0
- package/dist/hooks/useCalchemy.d.ts.map +1 -0
- package/dist/hooks/useCalchemy.js +161 -0
- package/dist/hooks/useCalchemy.js.map +1 -0
- package/dist/hooks/useDebouncedValue.d.ts +3 -0
- package/dist/hooks/useDebouncedValue.d.ts.map +1 -0
- package/dist/hooks/useDebouncedValue.js +15 -0
- package/dist/hooks/useDebouncedValue.js.map +1 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -0
- package/dist/inline-completion.d.ts +4 -0
- package/dist/inline-completion.d.ts.map +1 -0
- package/dist/inline-completion.js +7 -0
- package/dist/inline-completion.js.map +1 -0
- package/package.json +55 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Calchemy.js","sourceRoot":"","sources":["../../src/components/Calchemy.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { ComponentPropsWithoutRef } from "react";
|
|
2
|
+
import type { CalendarBounds, CalendarDuration, CalendarNamedDates, CalendarState } from "./types";
|
|
3
|
+
export type CalchemyCalendarProps = Omit<ComponentPropsWithoutRef<"div">, "onSelect"> & {
|
|
4
|
+
period?: CalendarDuration;
|
|
5
|
+
bounds?: CalendarBounds;
|
|
6
|
+
isDateDisabled?: CalendarState["isDateDisabled"];
|
|
7
|
+
namedDates?: CalendarNamedDates;
|
|
8
|
+
};
|
|
9
|
+
export declare function Calendar({ period, bounds, isDateDisabled, namedDates, children, ...divProps }: CalchemyCalendarProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export type CalchemyCalendarHeaderProps = ComponentPropsWithoutRef<"div">;
|
|
11
|
+
export declare function CalendarHeader(props: CalchemyCalendarHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export type CalchemyCalendarHeadingProps = ComponentPropsWithoutRef<"h2">;
|
|
13
|
+
export declare function CalendarHeading(props: CalchemyCalendarHeadingProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export type CalchemyCalendarNavigationProps = Omit<ComponentPropsWithoutRef<"button">, "onClick"> & {
|
|
15
|
+
onClick?: ComponentPropsWithoutRef<"button">["onClick"];
|
|
16
|
+
};
|
|
17
|
+
export declare function CalendarPrevious({ onClick, children, ...props }: CalchemyCalendarNavigationProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare function CalendarNext({ onClick, children, ...props }: CalchemyCalendarNavigationProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
//# sourceMappingURL=Calendar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/Calendar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAA6B,MAAM,OAAO,CAAC;AAqBjF,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAInG,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACtF,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,cAAc,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACjD,UAAU,CAAC,EAAE,kBAAkB,CAAC;CACjC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,MAA8B,EAC9B,MAAM,EACN,cAAc,EACd,UAAU,EACV,QAAQ,EACR,GAAG,QAAQ,EACZ,EAAE,qBAAqB,2CAqQvB;AAED,MAAM,MAAM,2BAA2B,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1E,wBAAgB,cAAc,CAAC,KAAK,EAAE,2BAA2B,2CAEhE;AAED,MAAM,MAAM,4BAA4B,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAC;AAE1E,wBAAgB,eAAe,CAAC,KAAK,EAAE,4BAA4B,2CAQlE;AAED,MAAM,MAAM,+BAA+B,GAAG,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,GAAG;IAClG,OAAO,CAAC,EAAE,wBAAwB,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC;CACzD,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,+BAA+B,2CAWjC;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,+BAA+B,2CAWjC"}
|
|
@@ -0,0 +1,218 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
|
|
3
|
+
import { CalendarContext, useCalchemyCalendar, useCalchemyContext } from "./context";
|
|
4
|
+
import { CalendarGrid, CalendarWeekdays } from "./CalendarGrid";
|
|
5
|
+
import { addCalendarPeriod, buildCalendarPeriods, clampDateToBounds, formatCalendarWindowLabel, getCalendarPeriodAtOffset, getDateValueAnchor, getDateValueKey, getInitialPeriodExtensions, getSelectedValue, getToday, isBefore, isDateInCalendarViewport, parseCalendarDuration, periodIntersectsBounds, validateCalendarBounds, } from "./date-model";
|
|
6
|
+
const defaultCalendarPeriod = { months: 1 };
|
|
7
|
+
export function Calendar({ period = defaultCalendarPeriod, bounds, isDateDisabled, namedDates, children, ...divProps }) {
|
|
8
|
+
const state = useCalchemyContext();
|
|
9
|
+
const editable = state.inputMode === "calendar";
|
|
10
|
+
validateCalendarBounds(bounds);
|
|
11
|
+
const parsedPeriod = useMemo(() => parseCalendarDuration(period, "period"), [period]);
|
|
12
|
+
const selected = getSelectedValue(state);
|
|
13
|
+
const today = getToday(state);
|
|
14
|
+
const [periodAnchor, setPeriodAnchor] = useState(() => clampDateToBounds(getDateValueAnchor(selected) ?? today, bounds));
|
|
15
|
+
const [navigationAnchor, setNavigationAnchor] = useState(null);
|
|
16
|
+
const [periodExtensions, setPeriodExtensions] = useState(() => getInitialPeriodExtensions(parsedPeriod));
|
|
17
|
+
const [visiblePeriodIndex, setScrolledVisiblePeriodIndex] = useState(null);
|
|
18
|
+
const prevInputValueRef = useRef(state.inputValue);
|
|
19
|
+
const prevSelectedKeyRef = useRef(getDateValueKey(selected));
|
|
20
|
+
const prevExpectedValueRef = useRef(state.expectedValue);
|
|
21
|
+
useEffect(() => {
|
|
22
|
+
if (prevExpectedValueRef.current === state.expectedValue) {
|
|
23
|
+
return;
|
|
24
|
+
}
|
|
25
|
+
prevExpectedValueRef.current = state.expectedValue;
|
|
26
|
+
setScrolledVisiblePeriodIndex(null);
|
|
27
|
+
setNavigationAnchor(null);
|
|
28
|
+
setPeriodAnchor(clampDateToBounds(getDateValueAnchor(selected) ?? today, bounds));
|
|
29
|
+
prevInputValueRef.current = state.inputValue;
|
|
30
|
+
prevSelectedKeyRef.current = getDateValueKey(selected);
|
|
31
|
+
}, [bounds, selected, state.expectedValue, state.inputValue, today]);
|
|
32
|
+
const periodAnchorKey = periodAnchor.toString();
|
|
33
|
+
const activeVisiblePeriodIndex = visiblePeriodIndex?.anchor === periodAnchorKey && visiblePeriodIndex.inputValue === state.inputValue
|
|
34
|
+
? visiblePeriodIndex.index
|
|
35
|
+
: 0;
|
|
36
|
+
const weekStartsOn = state.parseContext?.weekStartsOn ?? 0;
|
|
37
|
+
const locale = state.parseContext?.locale ?? "en-US";
|
|
38
|
+
const periods = useMemo(() => buildCalendarPeriods(periodAnchor, parsedPeriod, weekStartsOn, locale, periodExtensions, bounds), [periodAnchor, parsedPeriod.count, parsedPeriod.unit, weekStartsOn, locale, periodExtensions, bounds]);
|
|
39
|
+
const visiblePeriods = useMemo(() => {
|
|
40
|
+
const visible = periods.filter((item) => item.index >= activeVisiblePeriodIndex && item.index < activeVisiblePeriodIndex + parsedPeriod.count);
|
|
41
|
+
return visible.length > 0 ? visible : periods.slice(0, parsedPeriod.count);
|
|
42
|
+
}, [periods, activeVisiblePeriodIndex, parsedPeriod.count]);
|
|
43
|
+
const visiblePeriodAnchor = visiblePeriods[0]?.start ?? periodAnchor;
|
|
44
|
+
useLayoutEffect(() => {
|
|
45
|
+
const inputChanged = prevInputValueRef.current !== state.inputValue;
|
|
46
|
+
prevInputValueRef.current = state.inputValue;
|
|
47
|
+
const selectedKey = getDateValueKey(selected);
|
|
48
|
+
const selectionChanged = prevSelectedKeyRef.current !== selectedKey;
|
|
49
|
+
prevSelectedKeyRef.current = selectedKey;
|
|
50
|
+
if (!inputChanged && !selectionChanged) {
|
|
51
|
+
return;
|
|
52
|
+
}
|
|
53
|
+
if (selectionChanged && editable) {
|
|
54
|
+
return;
|
|
55
|
+
}
|
|
56
|
+
const selectionAnchor = clampDateToBounds(getDateValueAnchor(selected) ?? today, bounds);
|
|
57
|
+
const inputReflectsCalendarSelection = state.inputValue === selectionAnchor.toString();
|
|
58
|
+
const shouldRevealSelection = inputChanged && !inputReflectsCalendarSelection;
|
|
59
|
+
if (!shouldRevealSelection &&
|
|
60
|
+
isDateInCalendarViewport(selectionAnchor, periods, activeVisiblePeriodIndex, parsedPeriod.count)) {
|
|
61
|
+
return;
|
|
62
|
+
}
|
|
63
|
+
setPeriodAnchor((current) => (current.equals(selectionAnchor) ? current : selectionAnchor));
|
|
64
|
+
setScrolledVisiblePeriodIndex(null);
|
|
65
|
+
}, [
|
|
66
|
+
activeVisiblePeriodIndex,
|
|
67
|
+
bounds,
|
|
68
|
+
editable,
|
|
69
|
+
parsedPeriod.count,
|
|
70
|
+
periods,
|
|
71
|
+
selected,
|
|
72
|
+
state.inputValue,
|
|
73
|
+
today,
|
|
74
|
+
]);
|
|
75
|
+
function setCalendarPeriodAnchor(date) {
|
|
76
|
+
const clamped = clampDateToBounds(date, bounds);
|
|
77
|
+
setPeriodAnchor(clamped);
|
|
78
|
+
setNavigationAnchor({ date: clamped, inputValue: state.inputValue });
|
|
79
|
+
setPeriodExtensions(getInitialPeriodExtensions(parsedPeriod));
|
|
80
|
+
setScrolledVisiblePeriodIndex(null);
|
|
81
|
+
}
|
|
82
|
+
function canMoveCalendar(unit, count) {
|
|
83
|
+
const target = addCalendarPeriod(visiblePeriodAnchor, unit, count);
|
|
84
|
+
return target.equals(clampDateToBounds(target, bounds));
|
|
85
|
+
}
|
|
86
|
+
function canExtendCalendarPeriods(direction, windows = 1) {
|
|
87
|
+
if (!bounds) {
|
|
88
|
+
return true;
|
|
89
|
+
}
|
|
90
|
+
const extendCount = parsedPeriod.count * windows;
|
|
91
|
+
const firstIndex = periods[0]?.index ?? 0;
|
|
92
|
+
const lastIndex = periods.at(-1)?.index ?? parsedPeriod.count - 1;
|
|
93
|
+
const targetIndex = direction === "before" ? firstIndex - extendCount : lastIndex + 1;
|
|
94
|
+
const targetPeriod = getCalendarPeriodAtOffset(periodAnchor, parsedPeriod, weekStartsOn, locale, targetIndex);
|
|
95
|
+
return periodIntersectsBounds(targetPeriod, bounds);
|
|
96
|
+
}
|
|
97
|
+
const calendarState = useMemo(() => ({
|
|
98
|
+
calchemy: state,
|
|
99
|
+
period: parsedPeriod,
|
|
100
|
+
periodAnchor,
|
|
101
|
+
visiblePeriodAnchor,
|
|
102
|
+
today,
|
|
103
|
+
selected,
|
|
104
|
+
periods,
|
|
105
|
+
visiblePeriods,
|
|
106
|
+
weekStartsOn,
|
|
107
|
+
locale,
|
|
108
|
+
bounds,
|
|
109
|
+
namedDates,
|
|
110
|
+
editable,
|
|
111
|
+
isDateDisabled,
|
|
112
|
+
setPeriodAnchor: setCalendarPeriodAnchor,
|
|
113
|
+
setVisiblePeriodIndex(index) {
|
|
114
|
+
setScrolledVisiblePeriodIndex((current) => {
|
|
115
|
+
if (current?.anchor === periodAnchorKey &&
|
|
116
|
+
current.inputValue === state.inputValue &&
|
|
117
|
+
current.index === index) {
|
|
118
|
+
return current;
|
|
119
|
+
}
|
|
120
|
+
return { anchor: periodAnchorKey, inputValue: state.inputValue, index };
|
|
121
|
+
});
|
|
122
|
+
},
|
|
123
|
+
canMove: canMoveCalendar,
|
|
124
|
+
move(unit, count) {
|
|
125
|
+
if (!canMoveCalendar(unit, count)) {
|
|
126
|
+
return;
|
|
127
|
+
}
|
|
128
|
+
const clamped = clampDateToBounds(addCalendarPeriod(visiblePeriodAnchor, unit, count), bounds);
|
|
129
|
+
setPeriodAnchor(clamped);
|
|
130
|
+
setNavigationAnchor({
|
|
131
|
+
date: clamped,
|
|
132
|
+
inputValue: state.inputValue,
|
|
133
|
+
});
|
|
134
|
+
setPeriodExtensions(getInitialPeriodExtensions(parsedPeriod));
|
|
135
|
+
setScrolledVisiblePeriodIndex(null);
|
|
136
|
+
},
|
|
137
|
+
canExtendPeriods: canExtendCalendarPeriods,
|
|
138
|
+
extendPeriods(direction, windows = 1) {
|
|
139
|
+
if (!canExtendCalendarPeriods(direction, windows)) {
|
|
140
|
+
return;
|
|
141
|
+
}
|
|
142
|
+
setPeriodExtensions((current) => ({
|
|
143
|
+
...current,
|
|
144
|
+
[direction]: current[direction] + parsedPeriod.count * windows,
|
|
145
|
+
}));
|
|
146
|
+
},
|
|
147
|
+
selectDate(date) {
|
|
148
|
+
if (!editable) {
|
|
149
|
+
return;
|
|
150
|
+
}
|
|
151
|
+
if (state.expectedValue === "range") {
|
|
152
|
+
const current = selected;
|
|
153
|
+
if (current?.kind === "range" && current.start.equals(current.end)) {
|
|
154
|
+
const start = isBefore(current.start, date) ? current.start : date;
|
|
155
|
+
const end = isBefore(current.start, date) ? date : current.start;
|
|
156
|
+
state.selectDate({ kind: "range", start, end });
|
|
157
|
+
return;
|
|
158
|
+
}
|
|
159
|
+
state.selectDate({ kind: "range", start: date, end: date });
|
|
160
|
+
return;
|
|
161
|
+
}
|
|
162
|
+
state.selectDate({ kind: "single", date });
|
|
163
|
+
},
|
|
164
|
+
selectValue(value) {
|
|
165
|
+
if (!editable) {
|
|
166
|
+
return;
|
|
167
|
+
}
|
|
168
|
+
state.selectDate(value);
|
|
169
|
+
},
|
|
170
|
+
}), [
|
|
171
|
+
state,
|
|
172
|
+
parsedPeriod,
|
|
173
|
+
periodAnchor,
|
|
174
|
+
periodAnchorKey,
|
|
175
|
+
visiblePeriodAnchor,
|
|
176
|
+
today,
|
|
177
|
+
selected,
|
|
178
|
+
periods,
|
|
179
|
+
visiblePeriods,
|
|
180
|
+
weekStartsOn,
|
|
181
|
+
locale,
|
|
182
|
+
bounds,
|
|
183
|
+
namedDates,
|
|
184
|
+
editable,
|
|
185
|
+
isDateDisabled,
|
|
186
|
+
]);
|
|
187
|
+
const content = children ?? (_jsxs(_Fragment, { children: [_jsxs(CalendarHeader, { children: [_jsx(CalendarPrevious, {}), _jsx(CalendarHeading, {}), _jsx(CalendarNext, {})] }), _jsx(CalendarWeekdays, {}), _jsx(CalendarGrid, {})] }));
|
|
188
|
+
return (_jsx(CalendarContext.Provider, { value: calendarState, children: _jsx("div", { ...divProps, "calchemy-calendar": "", "calchemy-editable": editable ? "" : undefined, style: {
|
|
189
|
+
...divProps.style,
|
|
190
|
+
"--calchemy-calendar-period-count": parsedPeriod.count,
|
|
191
|
+
}, children: content }) }));
|
|
192
|
+
}
|
|
193
|
+
export function CalendarHeader(props) {
|
|
194
|
+
return _jsx("div", { ...props, "calchemy-header": "" });
|
|
195
|
+
}
|
|
196
|
+
export function CalendarHeading(props) {
|
|
197
|
+
const calendar = useCalchemyCalendar();
|
|
198
|
+
return (_jsx("h2", { ...props, "calchemy-heading": "", children: props.children ?? formatCalendarWindowLabel(calendar.visiblePeriods, calendar.locale) }));
|
|
199
|
+
}
|
|
200
|
+
export function CalendarPrevious({ onClick, children, ...props }) {
|
|
201
|
+
return (_jsx(CalendarNavigationButton, { ...props, direction: -1, "calchemy-previous": "", onClick: onClick, children: children ?? "Previous" }));
|
|
202
|
+
}
|
|
203
|
+
export function CalendarNext({ onClick, children, ...props }) {
|
|
204
|
+
return (_jsx(CalendarNavigationButton, { ...props, direction: 1, "calchemy-next": "", onClick: onClick, children: children ?? "Next" }));
|
|
205
|
+
}
|
|
206
|
+
function CalendarNavigationButton({ direction, onClick, type = "button", ...props }) {
|
|
207
|
+
const calendar = useCalchemyCalendar();
|
|
208
|
+
const disabled = props.disabled ?? !calendar.canMove(calendar.period.unit, calendar.period.count * direction);
|
|
209
|
+
function handleClick(event) {
|
|
210
|
+
onClick?.(event);
|
|
211
|
+
if (event.defaultPrevented || disabled) {
|
|
212
|
+
return;
|
|
213
|
+
}
|
|
214
|
+
calendar.move(calendar.period.unit, calendar.period.count * direction);
|
|
215
|
+
}
|
|
216
|
+
return _jsx("button", { ...props, type: type, disabled: disabled, onClick: handleClick });
|
|
217
|
+
}
|
|
218
|
+
//# sourceMappingURL=Calendar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/components/calendar/Calendar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { ComponentPropsWithoutRef } from "react";
|
|
2
|
+
import type { CalendarWeekdayFormat } from "./types";
|
|
3
|
+
export type CalchemyCalendarWeekdaysProps = ComponentPropsWithoutRef<"div"> & {
|
|
4
|
+
weekdayFormat?: CalendarWeekdayFormat;
|
|
5
|
+
};
|
|
6
|
+
export declare function CalendarWeekdays({ weekdayFormat, ...props }: CalchemyCalendarWeekdaysProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export type CalchemyCalendarGridProps = Omit<ComponentPropsWithoutRef<"div">, "children"> & {
|
|
8
|
+
showBookends?: boolean;
|
|
9
|
+
dragSelection?: boolean;
|
|
10
|
+
};
|
|
11
|
+
export declare function CalendarGrid({ showBookends, dragSelection, style, onPointerDownCapture, onPointerMove, onPointerUp, onPointerCancel, onDragStart, ...props }: CalchemyCalendarGridProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
//# sourceMappingURL=CalendarGrid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalendarGrid.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/CalendarGrid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAWtD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAUrD,MAAM,MAAM,6BAA6B,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC5E,aAAa,CAAC,EAAE,qBAAqB,CAAC;CACvC,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,aAA4C,EAC5C,GAAG,KAAK,EACT,EAAE,6BAA6B,2CAiB/B;AAED,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC1F,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,YAAoB,EACpB,aAAoB,EACpB,KAAK,EACL,oBAAoB,EACpB,aAAa,EACb,WAAW,EACX,eAAe,EACf,WAAW,EACX,GAAG,KAAK,EACT,EAAE,yBAAyB,2CA2J3B"}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo } from "react";
|
|
3
|
+
import { useCalchemyCalendar, useCalendarPeriod } from "./context";
|
|
4
|
+
import { CalendarDragRectangleOverlay, getMultipleDates, getSelectedDateKeys, multipleDragSurfaceStyle, toggleDateKeys, useCalendarPeriodDragSurface, useOptionalCalendarPeriodDrag, } from "./calendar-period-drag";
|
|
5
|
+
import { buildCalendarWeeks, buildWeekdays, getCalendarDayState, getFirstVisibleCalendarPeriod, } from "./date-model";
|
|
6
|
+
const defaultCalendarWeekdayFormat = "short";
|
|
7
|
+
export function CalendarWeekdays({ weekdayFormat = defaultCalendarWeekdayFormat, ...props }) {
|
|
8
|
+
const calendar = useCalchemyCalendar();
|
|
9
|
+
const weekdays = buildWeekdays(calendar, weekdayFormat);
|
|
10
|
+
return (_jsx("div", { ...props, "calchemy-days": "", children: weekdays.map((weekday) => (_jsx("div", { "calchemy-weekday": "", "calchemy-weekend": weekday.weekend ? "" : undefined, children: weekday.label }, weekday.index))) }));
|
|
11
|
+
}
|
|
12
|
+
export function CalendarGrid({ showBookends = false, dragSelection = true, style, onPointerDownCapture, onPointerMove, onPointerUp, onPointerCancel, onDragStart, ...props }) {
|
|
13
|
+
const calendar = useCalchemyCalendar();
|
|
14
|
+
const period = useCalendarPeriod() ?? getFirstVisibleCalendarPeriod(calendar);
|
|
15
|
+
const weeks = buildCalendarWeeks(period, calendar.weekStartsOn);
|
|
16
|
+
const parentDrag = useOptionalCalendarPeriodDrag();
|
|
17
|
+
const localDrag = useCalendarPeriodDragSurface(calendar.editable && dragSelection && parentDrag === null);
|
|
18
|
+
const drag = parentDrag ?? localDrag;
|
|
19
|
+
const multipleSelection = Boolean(drag?.multipleSelection);
|
|
20
|
+
const useLocalDragHandlers = Boolean(drag && parentDrag === null);
|
|
21
|
+
const committedSelectedKeys = useMemo(() => new Set(getSelectedDateKeys(calendar.selected)), [calendar.selected]);
|
|
22
|
+
const previewSelectedKeys = drag?.previewSelectedKeys ?? new Set();
|
|
23
|
+
const dragState = drag?.dragState ?? null;
|
|
24
|
+
return (_jsxs("div", { ...props, "calchemy-grid": "", "calchemy-multiple-drag": useLocalDragHandlers ? "" : undefined, "calchemy-dragging": useLocalDragHandlers && dragState ? "" : undefined, style: useLocalDragHandlers ? { ...multipleDragSurfaceStyle, ...style } : style, onPointerDownCapture: useLocalDragHandlers
|
|
25
|
+
? (event) => {
|
|
26
|
+
drag?.handlePointerDownCapture(event);
|
|
27
|
+
onPointerDownCapture?.(event);
|
|
28
|
+
}
|
|
29
|
+
: onPointerDownCapture, onPointerMove: useLocalDragHandlers
|
|
30
|
+
? (event) => {
|
|
31
|
+
drag?.handlePointerMove(event);
|
|
32
|
+
onPointerMove?.(event);
|
|
33
|
+
}
|
|
34
|
+
: onPointerMove, onPointerUp: useLocalDragHandlers
|
|
35
|
+
? (event) => {
|
|
36
|
+
drag?.handlePointerUp(event);
|
|
37
|
+
onPointerUp?.(event);
|
|
38
|
+
}
|
|
39
|
+
: onPointerUp, onPointerCancel: useLocalDragHandlers
|
|
40
|
+
? (event) => {
|
|
41
|
+
drag?.handlePointerCancel(event);
|
|
42
|
+
onPointerCancel?.(event);
|
|
43
|
+
}
|
|
44
|
+
: onPointerCancel, onDragStart: useLocalDragHandlers
|
|
45
|
+
? (event) => {
|
|
46
|
+
event.preventDefault();
|
|
47
|
+
onDragStart?.(event);
|
|
48
|
+
}
|
|
49
|
+
: onDragStart, children: [useLocalDragHandlers && drag?.dragRectangle ? (_jsx(CalendarDragRectangleOverlay, { dragRectangle: drag.dragRectangle, surfaceRef: drag.surfaceRef })) : null, weeks.map((week) => (_jsx("div", { "calchemy-week": "", children: week.map((date) => {
|
|
50
|
+
const dayState = getCalendarDayState(calendar, period, date);
|
|
51
|
+
const namedDateLabels = dayState.namedDates.map((item) => item.value).join(", ");
|
|
52
|
+
const dateKey = date.toString();
|
|
53
|
+
const selected = multipleSelection
|
|
54
|
+
? dragState
|
|
55
|
+
? previewSelectedKeys.has(dateKey)
|
|
56
|
+
: committedSelectedKeys.has(dateKey)
|
|
57
|
+
: dayState.selected;
|
|
58
|
+
const dragPreview = Boolean(dragState && selected !== dayState.selected);
|
|
59
|
+
if (dayState.outside && !showBookends) {
|
|
60
|
+
return (_jsx("div", { "aria-hidden": "true", "calchemy-cell": "", "calchemy-blank": "" }, date.toString()));
|
|
61
|
+
}
|
|
62
|
+
return (_jsx("button", { type: "button", ref: (element) => drag?.registerDay(element, date, dayState.disabled || !calendar.editable), "calchemy-date": "", "calchemy-selected": selected ? "" : undefined, "calchemy-drag-preview": dragPreview ? "" : undefined, "calchemy-drag-preview-selected": dragPreview && selected ? "" : undefined, "calchemy-drag-preview-deselected": dragPreview && !selected ? "" : undefined, "calchemy-today": dayState.today ? "" : undefined, "calchemy-weekend": dayState.weekend ? "" : undefined, "calchemy-outside": dayState.outside ? "" : undefined, "calchemy-first-of-period": dayState.firstOfPeriod ? "" : undefined, "calchemy-last-of-period": dayState.lastOfPeriod ? "" : undefined, "calchemy-disabled": dayState.disabled ? "" : undefined, "calchemy-out-of-bounds": !dayState.bounded ? "" : undefined, "calchemy-named-date": dayState.namedDates.length > 0 ? "" : undefined, "calchemy-holiday": dayState.namedDates.some((item) => item.isHoliday) ? "" : undefined, "calchemy-named-date-labels": namedDateLabels || undefined, "aria-disabled": !calendar.editable && !dayState.disabled ? true : undefined, disabled: dayState.disabled, onClick: () => {
|
|
63
|
+
if (!calendar.editable) {
|
|
64
|
+
return;
|
|
65
|
+
}
|
|
66
|
+
if (drag?.suppressClickRef.current) {
|
|
67
|
+
drag.suppressClickRef.current = false;
|
|
68
|
+
return;
|
|
69
|
+
}
|
|
70
|
+
if (!dayState.disabled) {
|
|
71
|
+
if (multipleSelection) {
|
|
72
|
+
const selectedDates = getMultipleDates(calendar.selected);
|
|
73
|
+
const nextKeys = toggleDateKeys(selectedDates.map((selectedDate) => selectedDate.toString()), [dateKey]);
|
|
74
|
+
const nextDates = nextKeys.flatMap((key) => {
|
|
75
|
+
if (key === dateKey) {
|
|
76
|
+
return [date];
|
|
77
|
+
}
|
|
78
|
+
const existing = selectedDates.find((selectedDate) => selectedDate.toString() === key);
|
|
79
|
+
return existing ? [existing] : [];
|
|
80
|
+
});
|
|
81
|
+
calendar.selectValue({
|
|
82
|
+
kind: "multiple",
|
|
83
|
+
dates: nextDates,
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
else {
|
|
87
|
+
calendar.selectDate(date);
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
}, children: date.day }, date.toString()));
|
|
91
|
+
}) }, week[0]?.toString())))] }));
|
|
92
|
+
}
|
|
93
|
+
//# sourceMappingURL=CalendarGrid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalendarGrid.js","sourceRoot":"","sources":["../../../src/components/calendar/CalendarGrid.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { ComponentPropsWithoutRef } from "react";
|
|
2
|
+
export type CalchemyCalendarPeriodProps = ComponentPropsWithoutRef<"section"> & {
|
|
3
|
+
dragSelection?: boolean;
|
|
4
|
+
};
|
|
5
|
+
export declare function CalendarPeriod({ dragSelection, style, children, onPointerDownCapture, onPointerMove, onPointerUp, onPointerCancel, onDragStart, ...props }: CalchemyCalendarPeriodProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
//# sourceMappingURL=CalendarPeriod.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalendarPeriod.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/CalendarPeriod.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAUtD,MAAM,MAAM,2BAA2B,GAAG,wBAAwB,CAAC,SAAS,CAAC,GAAG;IAC9E,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,aAAoB,EACpB,KAAK,EACL,QAAQ,EACR,oBAAoB,EACpB,aAAa,EACb,WAAW,EACX,eAAe,EACf,WAAW,EACX,GAAG,KAAK,EACT,EAAE,2BAA2B,2CA4E7B"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useContext } from "react";
|
|
3
|
+
import { CalendarPeriodContext, useCalchemyCalendar } from "./context";
|
|
4
|
+
import { CalendarDragRectangleOverlay, CalendarPeriodDragProvider, multipleDragSurfaceStyle, useCalendarPeriodDragSurface, useOptionalCalendarPeriodDrag, } from "./calendar-period-drag";
|
|
5
|
+
export function CalendarPeriod({ dragSelection = true, style, children, onPointerDownCapture, onPointerMove, onPointerUp, onPointerCancel, onDragStart, ...props }) {
|
|
6
|
+
const period = useContext(CalendarPeriodContext);
|
|
7
|
+
const calendar = useCalchemyCalendar();
|
|
8
|
+
const parentDrag = useOptionalCalendarPeriodDrag();
|
|
9
|
+
const drag = useCalendarPeriodDragSurface(calendar.editable && dragSelection && parentDrag === null);
|
|
10
|
+
const content = drag ? (_jsxs(CalendarPeriodDragProvider, { value: drag, children: [_jsx(CalendarDragRectangleOverlay, {}), children] })) : (children);
|
|
11
|
+
return (_jsx("section", { ...props, "calchemy-period": "", "calchemy-period-id": period?.id, "calchemy-period-index": period?.index, "calchemy-multiple-drag": drag ? "" : undefined, "calchemy-dragging": drag?.dragState ? "" : undefined, style: drag
|
|
12
|
+
? { ...multipleDragSurfaceStyle, ...style }
|
|
13
|
+
: parentDrag
|
|
14
|
+
? { touchAction: "none", ...style }
|
|
15
|
+
: style, onPointerDownCapture: drag
|
|
16
|
+
? (event) => {
|
|
17
|
+
drag.handlePointerDownCapture(event);
|
|
18
|
+
onPointerDownCapture?.(event);
|
|
19
|
+
}
|
|
20
|
+
: onPointerDownCapture, onPointerMove: drag
|
|
21
|
+
? (event) => {
|
|
22
|
+
drag.handlePointerMove(event);
|
|
23
|
+
onPointerMove?.(event);
|
|
24
|
+
}
|
|
25
|
+
: onPointerMove, onPointerUp: drag
|
|
26
|
+
? (event) => {
|
|
27
|
+
drag.handlePointerUp(event);
|
|
28
|
+
onPointerUp?.(event);
|
|
29
|
+
}
|
|
30
|
+
: onPointerUp, onPointerCancel: drag
|
|
31
|
+
? (event) => {
|
|
32
|
+
drag.handlePointerCancel(event);
|
|
33
|
+
onPointerCancel?.(event);
|
|
34
|
+
}
|
|
35
|
+
: onPointerCancel, onDragStart: drag
|
|
36
|
+
? (event) => {
|
|
37
|
+
event.preventDefault();
|
|
38
|
+
onDragStart?.(event);
|
|
39
|
+
}
|
|
40
|
+
: onDragStart, children: content }));
|
|
41
|
+
}
|
|
42
|
+
//# sourceMappingURL=CalendarPeriod.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalendarPeriod.js","sourceRoot":"","sources":["../../../src/components/calendar/CalendarPeriod.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AACvE,OAAO,EACL,4BAA4B,EAC5B,0BAA0B,EAC1B,wBAAwB,EACxB,4BAA4B,EAC5B,6BAA6B,GAC9B,MAAM,wBAAwB,CAAC;AAMhC,MAAM,UAAU,cAAc,CAAC,EAC7B,aAAa,GAAG,IAAI,EACpB,KAAK,EACL,QAAQ,EACR,oBAAoB,EACpB,aAAa,EACb,WAAW,EACX,eAAe,EACf,WAAW,EACX,GAAG,KAAK,EACoB;IAC5B,MAAM,MAAM,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,mBAAmB,EAAE,CAAC;IACvC,MAAM,UAAU,GAAG,6BAA6B,EAAE,CAAC;IACnD,MAAM,IAAI,GAAG,4BAA4B,CACvC,QAAQ,CAAC,QAAQ,IAAI,aAAa,IAAI,UAAU,KAAK,IAAI,CAC1D,CAAC;IAEF,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,CACrB,MAAC,0BAA0B,IAAC,KAAK,EAAE,IAAI,aACrC,KAAC,4BAA4B,KAAG,EAC/B,QAAQ,IACkB,CAC9B,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CAAC;IAEF,OAAO,CACL,qBACM,KAAK,qBACO,EAAE,wBACE,MAAM,EAAE,EAAE,2BACP,MAAM,EAAE,KAAK,4BACZ,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,uBAC1B,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EACnD,KAAK,EACH,IAAI;YACF,CAAC,CAAC,EAAE,GAAG,wBAAwB,EAAE,GAAG,KAAK,EAAE;YAC3C,CAAC,CAAC,UAAU;gBACV,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE;gBACnC,CAAC,CAAC,KAAK,EAEb,oBAAoB,EAClB,IAAI;YACF,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;gBACR,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;gBACrC,oBAAoB,EAAE,CAAC,KAAK,CAAC,CAAC;YAChC,CAAC;YACH,CAAC,CAAC,oBAAoB,EAE1B,aAAa,EACX,IAAI;YACF,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;gBACR,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;gBAC9B,aAAa,EAAE,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;YACH,CAAC,CAAC,aAAa,EAEnB,WAAW,EACT,IAAI;YACF,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;gBACR,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;gBAC5B,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC;YACH,CAAC,CAAC,WAAW,EAEjB,eAAe,EACb,IAAI;YACF,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;gBACR,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;gBAChC,eAAe,EAAE,CAAC,KAAK,CAAC,CAAC;YAC3B,CAAC;YACH,CAAC,CAAC,eAAe,EAErB,WAAW,EACT,IAAI;YACF,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;gBACR,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC;YACH,CAAC,CAAC,WAAW,YAGhB,OAAO,GACA,CACX,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ComponentPropsWithoutRef } from "react";
|
|
2
|
+
export type CalchemyCalendarPeriodHeadingProps = ComponentPropsWithoutRef<"h3">;
|
|
3
|
+
export declare function CalendarPeriodHeading(props: CalchemyCalendarPeriodHeadingProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
//# sourceMappingURL=CalendarPeriodHeading.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalendarPeriodHeading.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/CalendarPeriodHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,kCAAkC,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAC;AAEhF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,kCAAkC,2CAS9E"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useCalchemyCalendar, useCalendarPeriod } from "./context";
|
|
3
|
+
import { getFirstVisibleCalendarPeriod } from "./date-model";
|
|
4
|
+
export function CalendarPeriodHeading(props) {
|
|
5
|
+
const calendar = useCalchemyCalendar();
|
|
6
|
+
const period = useCalendarPeriod() ?? getFirstVisibleCalendarPeriod(calendar);
|
|
7
|
+
return (_jsx("h3", { ...props, "calchemy-period-heading": "", children: props.children ?? period.label }));
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=CalendarPeriodHeading.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalendarPeriodHeading.js","sourceRoot":"","sources":["../../../src/components/calendar/CalendarPeriodHeading.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACnE,OAAO,EAAE,6BAA6B,EAAE,MAAM,cAAc,CAAC;AAI7D,MAAM,UAAU,qBAAqB,CAAC,KAAyC;IAC7E,MAAM,QAAQ,GAAG,mBAAmB,EAAE,CAAC;IACvC,MAAM,MAAM,GAAG,iBAAiB,EAAE,IAAI,6BAA6B,CAAC,QAAQ,CAAC,CAAC;IAE9E,OAAO,CACL,gBAAQ,KAAK,6BAA0B,EAAE,YACtC,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,KAAK,GAC5B,CACN,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { ComponentPropsWithoutRef } from "react";
|
|
2
|
+
export type CalchemyCalendarPeriodListProps = ComponentPropsWithoutRef<"div"> & {
|
|
3
|
+
dragSelection?: boolean;
|
|
4
|
+
};
|
|
5
|
+
export declare function CalendarPeriodList({ children, dragSelection, style, onPointerDownCapture, onPointerMove, onPointerUp, onPointerCancel, onDragStart, ...props }: CalchemyCalendarPeriodListProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
//# sourceMappingURL=CalendarPeriodList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalendarPeriodList.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/CalendarPeriodList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAatD,MAAM,MAAM,+BAA+B,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC9E,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,aAAoB,EACpB,KAAK,EACL,oBAAoB,EACpB,aAAa,EACb,WAAW,EACX,eAAe,EACf,WAAW,EACX,GAAG,KAAK,EACT,EAAE,+BAA+B,2CAgKjC"}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useContext, useLayoutEffect, useRef } from "react";
|
|
3
|
+
import { CalendarPeriodContext, CalendarScrollContext, useCalchemyCalendar } from "./context";
|
|
4
|
+
import { CalendarGrid, CalendarWeekdays } from "./CalendarGrid";
|
|
5
|
+
import { CalendarPeriodHeading } from "./CalendarPeriodHeading";
|
|
6
|
+
import { CalendarPeriod } from "./CalendarPeriod";
|
|
7
|
+
import { CalendarDragRectangleOverlay, CalendarPeriodDragProvider, multiplePeriodListDragSurfaceStyle, useCalendarPeriodDragSurface, useOptionalCalendarPeriodDrag, } from "./calendar-period-drag";
|
|
8
|
+
export function CalendarPeriodList({ children, dragSelection = true, style, onPointerDownCapture, onPointerMove, onPointerUp, onPointerCancel, onDragStart, ...props }) {
|
|
9
|
+
const calendar = useCalchemyCalendar();
|
|
10
|
+
const scrollContext = useContext(CalendarScrollContext);
|
|
11
|
+
const parentDrag = useOptionalCalendarPeriodDrag();
|
|
12
|
+
const surfaceRef = useRef(null);
|
|
13
|
+
const hitCaptureRef = useRef(null);
|
|
14
|
+
const drag = useCalendarPeriodDragSurface(calendar.editable && dragSelection && parentDrag === null, surfaceRef);
|
|
15
|
+
const periods = scrollContext ? calendar.periods : calendar.visiblePeriods;
|
|
16
|
+
useLayoutEffect(() => {
|
|
17
|
+
if (!drag) {
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
20
|
+
const surface = surfaceRef.current;
|
|
21
|
+
const hitCapture = hitCaptureRef.current;
|
|
22
|
+
if (!surface || !hitCapture) {
|
|
23
|
+
return;
|
|
24
|
+
}
|
|
25
|
+
const updateDragHitBounds = () => {
|
|
26
|
+
const periodElements = surface.querySelectorAll("[calchemy-period]");
|
|
27
|
+
if (periodElements.length === 0) {
|
|
28
|
+
hitCapture.style.removeProperty("inline-size");
|
|
29
|
+
hitCapture.style.removeProperty("block-size");
|
|
30
|
+
return;
|
|
31
|
+
}
|
|
32
|
+
let maxInlineEnd = 0;
|
|
33
|
+
let maxBlockEnd = 0;
|
|
34
|
+
for (const periodElement of periodElements) {
|
|
35
|
+
maxInlineEnd = Math.max(maxInlineEnd, periodElement.offsetLeft + periodElement.offsetWidth);
|
|
36
|
+
maxBlockEnd = Math.max(maxBlockEnd, periodElement.offsetTop + periodElement.offsetHeight);
|
|
37
|
+
}
|
|
38
|
+
hitCapture.style.inlineSize = `${maxInlineEnd}px`;
|
|
39
|
+
hitCapture.style.blockSize = `${maxBlockEnd}px`;
|
|
40
|
+
};
|
|
41
|
+
updateDragHitBounds();
|
|
42
|
+
if (typeof ResizeObserver === "undefined") {
|
|
43
|
+
return;
|
|
44
|
+
}
|
|
45
|
+
const resizeObserver = new ResizeObserver(updateDragHitBounds);
|
|
46
|
+
resizeObserver.observe(surface);
|
|
47
|
+
for (const periodElement of surface.querySelectorAll("[calchemy-period]")) {
|
|
48
|
+
resizeObserver.observe(periodElement);
|
|
49
|
+
}
|
|
50
|
+
return () => {
|
|
51
|
+
resizeObserver.disconnect();
|
|
52
|
+
};
|
|
53
|
+
}, [drag, periods]);
|
|
54
|
+
const spacerStyle = scrollContext?.direction === "horizontal"
|
|
55
|
+
? { gridColumn: `span ${scrollContext.leadingSpacerPeriodCount}` }
|
|
56
|
+
: { blockSize: `${scrollContext?.leadingSpacerPixelSize ?? 0}px` };
|
|
57
|
+
const periodContent = (_jsxs(_Fragment, { children: [scrollContext && scrollContext.leadingSpacerPeriodCount > 0 ? (_jsx("div", { "aria-hidden": "true", "calchemy-scroll-spacer": "", style: spacerStyle })) : null, periods.map((period) => (_jsx(CalendarPeriodContext.Provider, { value: period, children: children ?? (_jsxs(CalendarPeriod, { children: [_jsx(CalendarPeriodHeading, {}), _jsx(CalendarWeekdays, {}), _jsx(CalendarGrid, {})] })) }, period.id)))] }));
|
|
58
|
+
const content = drag ? (_jsxs(CalendarPeriodDragProvider, { value: drag, children: [_jsx("div", { ref: hitCaptureRef, "aria-hidden": "true", style: {
|
|
59
|
+
position: "absolute",
|
|
60
|
+
top: 0,
|
|
61
|
+
left: 0,
|
|
62
|
+
zIndex: 0,
|
|
63
|
+
pointerEvents: "auto",
|
|
64
|
+
touchAction: "none",
|
|
65
|
+
} }), _jsx(CalendarDragRectangleOverlay, {}), periodContent] })) : (periodContent);
|
|
66
|
+
return (_jsx("div", { ...props, ref: surfaceRef, "calchemy-period-list": "", "calchemy-multiple-drag": drag ? "" : undefined, "calchemy-dragging": drag?.dragState ? "" : undefined, style: drag ? { ...multiplePeriodListDragSurfaceStyle, ...style } : style, onPointerDownCapture: drag
|
|
67
|
+
? (event) => {
|
|
68
|
+
drag.handlePointerDownCapture(event);
|
|
69
|
+
onPointerDownCapture?.(event);
|
|
70
|
+
}
|
|
71
|
+
: onPointerDownCapture, onPointerMove: drag
|
|
72
|
+
? (event) => {
|
|
73
|
+
drag.handlePointerMove(event);
|
|
74
|
+
onPointerMove?.(event);
|
|
75
|
+
}
|
|
76
|
+
: onPointerMove, onPointerUp: drag
|
|
77
|
+
? (event) => {
|
|
78
|
+
drag.handlePointerUp(event);
|
|
79
|
+
onPointerUp?.(event);
|
|
80
|
+
}
|
|
81
|
+
: onPointerUp, onPointerCancel: drag
|
|
82
|
+
? (event) => {
|
|
83
|
+
drag.handlePointerCancel(event);
|
|
84
|
+
onPointerCancel?.(event);
|
|
85
|
+
}
|
|
86
|
+
: onPointerCancel, onDragStart: drag
|
|
87
|
+
? (event) => {
|
|
88
|
+
event.preventDefault();
|
|
89
|
+
onDragStart?.(event);
|
|
90
|
+
}
|
|
91
|
+
: onDragStart, children: content }));
|
|
92
|
+
}
|
|
93
|
+
//# sourceMappingURL=CalendarPeriodList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalendarPeriodList.js","sourceRoot":"","sources":["../../../src/components/calendar/CalendarPeriodList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ComponentPropsWithoutRef } from "react";
|
|
2
|
+
import type { CalendarScrollDirection } from "./types";
|
|
3
|
+
export type CalchemyCalendarScrollProps = Omit<ComponentPropsWithoutRef<"div">, "onScroll"> & {
|
|
4
|
+
direction?: CalendarScrollDirection;
|
|
5
|
+
onScroll?: ComponentPropsWithoutRef<"div">["onScroll"];
|
|
6
|
+
};
|
|
7
|
+
export declare function CalendarScroll({ direction, onScroll, ...props }: CalchemyCalendarScrollProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
//# sourceMappingURL=CalendarScroll.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalendarScroll.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/CalendarScroll.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAW,MAAM,OAAO,CAAC;AAa/D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAIvD,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAC5C,wBAAwB,CAAC,KAAK,CAAC,EAC/B,UAAU,CACX,GAAG;IACF,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,QAAQ,CAAC,EAAE,wBAAwB,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;CACxD,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,SAAsB,EACtB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,2BAA2B,2CA4K7B"}
|