react-native-ruler-date-picker 0.1.0 → 0.2.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/README.md +186 -60
- package/lib/commonjs/LensTick.js +83 -0
- package/lib/commonjs/LensTick.js.map +1 -0
- package/lib/commonjs/Ruler.js +38 -0
- package/lib/commonjs/Ruler.js.map +1 -0
- package/lib/commonjs/RulerContext.js +17 -0
- package/lib/commonjs/RulerContext.js.map +1 -0
- package/lib/commonjs/RulerDatePicker.js +38 -351
- package/lib/commonjs/RulerDatePicker.js.map +1 -1
- package/lib/commonjs/RulerDateRangePicker.js +56 -0
- package/lib/commonjs/RulerDateRangePicker.js.map +1 -0
- package/lib/commonjs/RulerHeader.js +106 -0
- package/lib/commonjs/RulerHeader.js.map +1 -0
- package/lib/commonjs/RulerIndicator.js +67 -0
- package/lib/commonjs/RulerIndicator.js.map +1 -0
- package/lib/commonjs/RulerLensTicks.js +55 -0
- package/lib/commonjs/RulerLensTicks.js.map +1 -0
- package/lib/commonjs/RulerLensTrack.js +52 -0
- package/lib/commonjs/RulerLensTrack.js.map +1 -0
- package/lib/commonjs/RulerRange.js +39 -0
- package/lib/commonjs/RulerRange.js.map +1 -0
- package/lib/commonjs/RulerRangeContext.js +17 -0
- package/lib/commonjs/RulerRangeContext.js.map +1 -0
- package/lib/commonjs/RulerRangeHeader.js +154 -0
- package/lib/commonjs/RulerRangeHeader.js.map +1 -0
- package/lib/commonjs/RulerRangeHighlight.js +50 -0
- package/lib/commonjs/RulerRangeHighlight.js.map +1 -0
- package/lib/commonjs/RulerRangeIndicator.js +71 -0
- package/lib/commonjs/RulerRangeIndicator.js.map +1 -0
- package/lib/commonjs/RulerRangeRoot.js +80 -0
- package/lib/commonjs/RulerRangeRoot.js.map +1 -0
- package/lib/commonjs/RulerRangeTicks.js +57 -0
- package/lib/commonjs/RulerRangeTicks.js.map +1 -0
- package/lib/commonjs/RulerRangeTrack.js +46 -0
- package/lib/commonjs/RulerRangeTrack.js.map +1 -0
- package/lib/commonjs/RulerResetButton.js +46 -0
- package/lib/commonjs/RulerResetButton.js.map +1 -0
- package/lib/commonjs/RulerRoot.js +87 -0
- package/lib/commonjs/RulerRoot.js.map +1 -0
- package/lib/commonjs/RulerTicks.js +51 -0
- package/lib/commonjs/RulerTicks.js.map +1 -0
- package/lib/commonjs/RulerTrack.js +46 -0
- package/lib/commonjs/RulerTrack.js.map +1 -0
- package/lib/commonjs/Tick.js +41 -36
- package/lib/commonjs/Tick.js.map +1 -1
- package/lib/commonjs/defaults.js +20 -19
- package/lib/commonjs/defaults.js.map +1 -1
- package/lib/commonjs/index.js +287 -1
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/presets.js +108 -0
- package/lib/commonjs/presets.js.map +1 -0
- package/lib/commonjs/tickResolver.js +101 -0
- package/lib/commonjs/tickResolver.js.map +1 -0
- package/lib/commonjs/useHaptics.js +1 -1
- package/lib/commonjs/useHaptics.web.js +43 -0
- package/lib/commonjs/useHaptics.web.js.map +1 -0
- package/lib/commonjs/useRulerDatePicker.js +264 -0
- package/lib/commonjs/useRulerDatePicker.js.map +1 -0
- package/lib/commonjs/useRulerDateRangePicker.js +313 -0
- package/lib/commonjs/useRulerDateRangePicker.js.map +1 -0
- package/lib/commonjs/utils.js +61 -47
- package/lib/commonjs/utils.js.map +1 -1
- package/lib/module/LensTick.js +77 -0
- package/lib/module/LensTick.js.map +1 -0
- package/lib/module/Ruler.js +35 -0
- package/lib/module/Ruler.js.map +1 -0
- package/lib/module/RulerContext.js +12 -0
- package/lib/module/RulerContext.js.map +1 -0
- package/lib/module/RulerDatePicker.js +38 -350
- package/lib/module/RulerDatePicker.js.map +1 -1
- package/lib/module/RulerDateRangePicker.js +52 -0
- package/lib/module/RulerDateRangePicker.js.map +1 -0
- package/lib/module/RulerHeader.js +101 -0
- package/lib/module/RulerHeader.js.map +1 -0
- package/lib/module/RulerIndicator.js +62 -0
- package/lib/module/RulerIndicator.js.map +1 -0
- package/lib/module/RulerLensTicks.js +50 -0
- package/lib/module/RulerLensTicks.js.map +1 -0
- package/lib/module/RulerLensTrack.js +47 -0
- package/lib/module/RulerLensTrack.js.map +1 -0
- package/lib/module/RulerRange.js +36 -0
- package/lib/module/RulerRange.js.map +1 -0
- package/lib/module/RulerRangeContext.js +12 -0
- package/lib/module/RulerRangeContext.js.map +1 -0
- package/lib/module/RulerRangeHeader.js +149 -0
- package/lib/module/RulerRangeHeader.js.map +1 -0
- package/lib/module/RulerRangeHighlight.js +45 -0
- package/lib/module/RulerRangeHighlight.js.map +1 -0
- package/lib/module/RulerRangeIndicator.js +66 -0
- package/lib/module/RulerRangeIndicator.js.map +1 -0
- package/lib/module/RulerRangeRoot.js +75 -0
- package/lib/module/RulerRangeRoot.js.map +1 -0
- package/lib/module/RulerRangeTicks.js +51 -0
- package/lib/module/RulerRangeTicks.js.map +1 -0
- package/lib/module/RulerRangeTrack.js +41 -0
- package/lib/module/RulerRangeTrack.js.map +1 -0
- package/lib/module/RulerResetButton.js +41 -0
- package/lib/module/RulerResetButton.js.map +1 -0
- package/lib/module/RulerRoot.js +82 -0
- package/lib/module/RulerRoot.js.map +1 -0
- package/lib/module/RulerTicks.js +45 -0
- package/lib/module/RulerTicks.js.map +1 -0
- package/lib/module/RulerTrack.js +41 -0
- package/lib/module/RulerTrack.js.map +1 -0
- package/lib/module/Tick.js +41 -36
- package/lib/module/Tick.js.map +1 -1
- package/lib/module/defaults.js +19 -18
- package/lib/module/defaults.js.map +1 -1
- package/lib/module/index.js +46 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/presets.js +103 -0
- package/lib/module/presets.js.map +1 -0
- package/lib/module/tickResolver.js +97 -0
- package/lib/module/tickResolver.js.map +1 -0
- package/lib/module/useHaptics.js +1 -1
- package/lib/module/useHaptics.js.map +1 -1
- package/lib/module/useHaptics.web.js +39 -0
- package/lib/module/useHaptics.web.js.map +1 -0
- package/lib/module/useRulerDatePicker.js +260 -0
- package/lib/module/useRulerDatePicker.js.map +1 -0
- package/lib/module/useRulerDateRangePicker.js +310 -0
- package/lib/module/useRulerDateRangePicker.js.map +1 -0
- package/lib/module/utils.js +59 -45
- package/lib/module/utils.js.map +1 -1
- package/lib/typescript/LensTick.d.ts +20 -0
- package/lib/typescript/LensTick.d.ts.map +1 -0
- package/lib/typescript/Ruler.d.ts +31 -0
- package/lib/typescript/Ruler.d.ts.map +1 -0
- package/lib/typescript/RulerContext.d.ts +11 -0
- package/lib/typescript/RulerContext.d.ts.map +1 -0
- package/lib/typescript/RulerDatePicker.d.ts +10 -7
- package/lib/typescript/RulerDatePicker.d.ts.map +1 -1
- package/lib/typescript/RulerDateRangePicker.d.ts +26 -0
- package/lib/typescript/RulerDateRangePicker.d.ts.map +1 -0
- package/lib/typescript/RulerHeader.d.ts +14 -0
- package/lib/typescript/RulerHeader.d.ts.map +1 -0
- package/lib/typescript/RulerIndicator.d.ts +17 -0
- package/lib/typescript/RulerIndicator.d.ts.map +1 -0
- package/lib/typescript/RulerLensTicks.d.ts +12 -0
- package/lib/typescript/RulerLensTicks.d.ts.map +1 -0
- package/lib/typescript/RulerLensTrack.d.ts +13 -0
- package/lib/typescript/RulerLensTrack.d.ts.map +1 -0
- package/lib/typescript/RulerRange.d.ts +32 -0
- package/lib/typescript/RulerRange.d.ts.map +1 -0
- package/lib/typescript/RulerRangeContext.d.ts +11 -0
- package/lib/typescript/RulerRangeContext.d.ts.map +1 -0
- package/lib/typescript/RulerRangeHeader.d.ts +12 -0
- package/lib/typescript/RulerRangeHeader.d.ts.map +1 -0
- package/lib/typescript/RulerRangeHighlight.d.ts +8 -0
- package/lib/typescript/RulerRangeHighlight.d.ts.map +1 -0
- package/lib/typescript/RulerRangeIndicator.d.ts +17 -0
- package/lib/typescript/RulerRangeIndicator.d.ts.map +1 -0
- package/lib/typescript/RulerRangeRoot.d.ts +7 -0
- package/lib/typescript/RulerRangeRoot.d.ts.map +1 -0
- package/lib/typescript/RulerRangeTicks.d.ts +14 -0
- package/lib/typescript/RulerRangeTicks.d.ts.map +1 -0
- package/lib/typescript/RulerRangeTrack.d.ts +8 -0
- package/lib/typescript/RulerRangeTrack.d.ts.map +1 -0
- package/lib/typescript/RulerResetButton.d.ts +10 -0
- package/lib/typescript/RulerResetButton.d.ts.map +1 -0
- package/lib/typescript/RulerRoot.d.ts +7 -0
- package/lib/typescript/RulerRoot.d.ts.map +1 -0
- package/lib/typescript/RulerTicks.d.ts +9 -0
- package/lib/typescript/RulerTicks.d.ts.map +1 -0
- package/lib/typescript/RulerTrack.d.ts +8 -0
- package/lib/typescript/RulerTrack.d.ts.map +1 -0
- package/lib/typescript/Tick.d.ts +3 -16
- package/lib/typescript/Tick.d.ts.map +1 -1
- package/lib/typescript/defaults.d.ts +6 -9
- package/lib/typescript/defaults.d.ts.map +1 -1
- package/lib/typescript/index.d.ts +37 -1
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/presets.d.ts +27 -0
- package/lib/typescript/presets.d.ts.map +1 -0
- package/lib/typescript/tickResolver.d.ts +10 -0
- package/lib/typescript/tickResolver.d.ts.map +1 -0
- package/lib/typescript/types.d.ts +302 -85
- package/lib/typescript/types.d.ts.map +1 -1
- package/lib/typescript/useHaptics.web.d.ts +17 -0
- package/lib/typescript/useHaptics.web.d.ts.map +1 -0
- package/lib/typescript/useRulerDatePicker.d.ts +26 -0
- package/lib/typescript/useRulerDatePicker.d.ts.map +1 -0
- package/lib/typescript/useRulerDateRangePicker.d.ts +40 -0
- package/lib/typescript/useRulerDateRangePicker.d.ts.map +1 -0
- package/lib/typescript/utils.d.ts +14 -12
- package/lib/typescript/utils.d.ts.map +1 -1
- package/package.json +25 -7
- package/src/LensTick.tsx +90 -0
- package/src/Ruler.ts +32 -0
- package/src/RulerContext.tsx +20 -0
- package/src/RulerDatePicker.tsx +41 -439
- package/src/RulerDateRangePicker.tsx +53 -0
- package/src/RulerHeader.tsx +125 -0
- package/src/RulerIndicator.tsx +84 -0
- package/src/RulerLensTicks.tsx +50 -0
- package/src/RulerLensTrack.tsx +45 -0
- package/src/RulerRange.ts +33 -0
- package/src/RulerRangeContext.tsx +20 -0
- package/src/RulerRangeHeader.tsx +180 -0
- package/src/RulerRangeHighlight.tsx +47 -0
- package/src/RulerRangeIndicator.tsx +85 -0
- package/src/RulerRangeRoot.tsx +87 -0
- package/src/RulerRangeTicks.tsx +68 -0
- package/src/RulerRangeTrack.tsx +39 -0
- package/src/RulerResetButton.tsx +59 -0
- package/src/RulerRoot.tsx +93 -0
- package/src/RulerTicks.tsx +57 -0
- package/src/RulerTrack.tsx +39 -0
- package/src/Tick.tsx +60 -49
- package/src/defaults.ts +21 -19
- package/src/index.ts +83 -1
- package/src/presets.ts +108 -0
- package/src/tickResolver.ts +123 -0
- package/src/types.ts +354 -102
- package/src/useHaptics.web.ts +55 -0
- package/src/useRulerDatePicker.ts +373 -0
- package/src/useRulerDateRangePicker.ts +468 -0
- package/src/utils.ts +67 -68
- package/lib/commonjs/package.json +0 -1
- package/lib/module/package.json +0 -1
|
@@ -0,0 +1,310 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useState, useRef, useCallback, useMemo, useEffect } from 'react';
|
|
4
|
+
import { useWindowDimensions } from 'react-native';
|
|
5
|
+
import { useSharedValue, withDecay, withTiming, useAnimatedReaction, runOnJS } from 'react-native-reanimated';
|
|
6
|
+
import { Gesture } from 'react-native-gesture-handler';
|
|
7
|
+
import { DEFAULTS } from "./defaults.js";
|
|
8
|
+
import { resolveTickRules } from "./presets.js";
|
|
9
|
+
import { resolveTick } from "./tickResolver.js";
|
|
10
|
+
import { formatDateString, normalizeDate, dateToDayOffset, dayOffsetToDate, computeDayRange, useResolvedTheme } from "./utils.js";
|
|
11
|
+
import { useHaptics } from './useHaptics';
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* Return interface for the `useRulerDateRangePicker` headless hook.
|
|
15
|
+
*
|
|
16
|
+
* @experimental
|
|
17
|
+
*/
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* Headless Hook for managing Date Range selection with dual pins,
|
|
21
|
+
* range highlight calculations, and Reanimated 3 physics.
|
|
22
|
+
*
|
|
23
|
+
* @experimental This hook is experimental and subject to breaking changes
|
|
24
|
+
* in future minor versions.
|
|
25
|
+
*/
|
|
26
|
+
export function useRulerDateRangePicker(props = {}) {
|
|
27
|
+
const {
|
|
28
|
+
value,
|
|
29
|
+
defaultValue,
|
|
30
|
+
onChange,
|
|
31
|
+
minDate,
|
|
32
|
+
maxDate,
|
|
33
|
+
ticks = 'calendar',
|
|
34
|
+
tickSpacing = DEFAULTS.tickSpacing,
|
|
35
|
+
tickWidth = DEFAULTS.tickWidth,
|
|
36
|
+
rulerHeight = DEFAULTS.rulerHeight,
|
|
37
|
+
theme: propTheme,
|
|
38
|
+
debounceMs = DEFAULTS.debounceMs,
|
|
39
|
+
haptics = true,
|
|
40
|
+
minSpanDays = 1,
|
|
41
|
+
maxSpanDays,
|
|
42
|
+
style
|
|
43
|
+
} = props;
|
|
44
|
+
const bufferTicks = DEFAULTS.bufferTicks;
|
|
45
|
+
const isHapticsEnabled = typeof haptics === 'boolean' ? haptics : haptics?.enabled ?? true;
|
|
46
|
+
const resolvedHapticTrigger = typeof haptics === 'object' ? haptics.onTrigger : undefined;
|
|
47
|
+
const fastSwipeTickThreshold = (typeof haptics === 'object' ? haptics.fastSwipeTickThreshold : undefined) ?? DEFAULTS.fastSwipeTickThreshold;
|
|
48
|
+
const continuousHapticIntervalMs = (typeof haptics === 'object' ? haptics.continuousHapticIntervalMs : undefined) ?? DEFAULTS.continuousHapticIntervalMs;
|
|
49
|
+
const height = style?.height ?? DEFAULTS.height;
|
|
50
|
+
const theme = useResolvedTheme(propTheme);
|
|
51
|
+
const rules = useMemo(() => resolveTickRules(ticks), [ticks]);
|
|
52
|
+
const {
|
|
53
|
+
fireDiscreteHaptic,
|
|
54
|
+
startContinuousHaptic,
|
|
55
|
+
stopContinuousHaptic
|
|
56
|
+
} = useHaptics({
|
|
57
|
+
enableHaptics: isHapticsEnabled,
|
|
58
|
+
onHapticTrigger: resolvedHapticTrigger,
|
|
59
|
+
continuousHapticIntervalMs
|
|
60
|
+
});
|
|
61
|
+
const todayTime = useMemo(() => {
|
|
62
|
+
const d = new Date();
|
|
63
|
+
d.setHours(0, 0, 0, 0);
|
|
64
|
+
return d.getTime();
|
|
65
|
+
}, []);
|
|
66
|
+
const {
|
|
67
|
+
minOffset,
|
|
68
|
+
maxOffset
|
|
69
|
+
} = useMemo(() => computeDayRange(todayTime, minDate, maxDate), [todayTime, minDate, maxDate]);
|
|
70
|
+
|
|
71
|
+
// ── Initial Dates ─────────────────────────────────────────────────────────
|
|
72
|
+
const initialStartDate = useMemo(() => {
|
|
73
|
+
if (value?.start) return normalizeDate(value.start);
|
|
74
|
+
if (defaultValue?.start) return normalizeDate(defaultValue.start);
|
|
75
|
+
return new Date(todayTime);
|
|
76
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77
|
+
}, []);
|
|
78
|
+
const initialEndDate = useMemo(() => {
|
|
79
|
+
if (value?.end) return normalizeDate(value.end);
|
|
80
|
+
if (defaultValue?.end) return normalizeDate(defaultValue.end);
|
|
81
|
+
const end = new Date(todayTime);
|
|
82
|
+
end.setDate(end.getDate() + 7);
|
|
83
|
+
return end;
|
|
84
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
85
|
+
}, []);
|
|
86
|
+
const [activeHandle, setActiveHandle] = useState('start');
|
|
87
|
+
const [startDate, setStartDate] = useState(initialStartDate);
|
|
88
|
+
const [endDate, setEndDate] = useState(initialEndDate);
|
|
89
|
+
const startOffset = useMemo(() => dateToDayOffset(startDate, todayTime), [startDate, todayTime]);
|
|
90
|
+
const endOffset = useMemo(() => dateToDayOffset(endDate, todayTime), [endDate, todayTime]);
|
|
91
|
+
const activeOffset = activeHandle === 'start' ? startOffset : endOffset;
|
|
92
|
+
|
|
93
|
+
// ── Shared Values ─────────────────────────────────────────────────────────
|
|
94
|
+
const translateX = useSharedValue(-activeOffset * tickSpacing);
|
|
95
|
+
const contextX = useSharedValue(0);
|
|
96
|
+
const previousIndex = useSharedValue(-activeOffset);
|
|
97
|
+
const isFastMode = useSharedValue(false);
|
|
98
|
+
const [windowCenter, setWindowCenter] = useState(-activeOffset);
|
|
99
|
+
const debounceTimerRef = useRef(null);
|
|
100
|
+
const windowDimensions = useWindowDimensions();
|
|
101
|
+
const width = props.width ?? windowDimensions.width;
|
|
102
|
+
const halfVisible = Math.ceil(width / 2 / tickSpacing);
|
|
103
|
+
const windowSize = halfVisible + bufferTicks;
|
|
104
|
+
|
|
105
|
+
// ── Visible Ticks Resolution ──────────────────────────────────────────────
|
|
106
|
+
const visibleTicks = useMemo(() => {
|
|
107
|
+
const resolved = [];
|
|
108
|
+
const start = Math.max(windowCenter - windowSize, minOffset);
|
|
109
|
+
const end = Math.min(windowCenter + windowSize, maxOffset);
|
|
110
|
+
for (let i = start; i <= end; i++) {
|
|
111
|
+
const d = dayOffsetToDate(i, todayTime);
|
|
112
|
+
const isToday = i === 0;
|
|
113
|
+
const isSelected = i === startOffset || i === endOffset;
|
|
114
|
+
const isInRange = i >= startOffset && i <= endOffset;
|
|
115
|
+
resolved.push(resolveTick({
|
|
116
|
+
date: d,
|
|
117
|
+
offset: i,
|
|
118
|
+
isToday,
|
|
119
|
+
isSelected,
|
|
120
|
+
isInRange
|
|
121
|
+
}, rules, theme, tickWidth));
|
|
122
|
+
}
|
|
123
|
+
return resolved;
|
|
124
|
+
}, [windowCenter, windowSize, minOffset, maxOffset, todayTime, startOffset, endOffset, rules, theme, tickWidth]);
|
|
125
|
+
|
|
126
|
+
// ── Notify Change ─────────────────────────────────────────────────────────
|
|
127
|
+
const emitChange = useCallback((newStart, newEnd) => {
|
|
128
|
+
const spanDays = Math.round((newEnd.getTime() - newStart.getTime()) / (1000 * 60 * 60 * 24));
|
|
129
|
+
const payload = {
|
|
130
|
+
start: newStart,
|
|
131
|
+
end: newEnd,
|
|
132
|
+
startDate: newStart,
|
|
133
|
+
endDate: newEnd,
|
|
134
|
+
startString: formatDateString(newStart),
|
|
135
|
+
endString: formatDateString(newEnd),
|
|
136
|
+
spanDays
|
|
137
|
+
};
|
|
138
|
+
onChange?.(payload);
|
|
139
|
+
}, [onChange]);
|
|
140
|
+
|
|
141
|
+
// ── Tick Changed Callback ─────────────────────────────────────────────────
|
|
142
|
+
const onTickChanged = useCallback((index, enteringFastMode) => {
|
|
143
|
+
if (enteringFastMode) {
|
|
144
|
+
startContinuousHaptic();
|
|
145
|
+
} else {
|
|
146
|
+
stopContinuousHaptic();
|
|
147
|
+
fireDiscreteHaptic();
|
|
148
|
+
}
|
|
149
|
+
setWindowCenter(prev => {
|
|
150
|
+
if (Math.abs(index - prev) >= 5) {
|
|
151
|
+
return index;
|
|
152
|
+
}
|
|
153
|
+
return prev;
|
|
154
|
+
});
|
|
155
|
+
const targetDate = dayOffsetToDate(index, todayTime);
|
|
156
|
+
if (activeHandle === 'start') {
|
|
157
|
+
const clampedIndex = Math.min(index, endOffset - minSpanDays);
|
|
158
|
+
const validStart = dayOffsetToDate(clampedIndex, todayTime);
|
|
159
|
+
setStartDate(validStart);
|
|
160
|
+
if (debounceTimerRef.current) clearTimeout(debounceTimerRef.current);
|
|
161
|
+
debounceTimerRef.current = setTimeout(() => {
|
|
162
|
+
emitChange(validStart, endDate);
|
|
163
|
+
}, debounceMs);
|
|
164
|
+
} else {
|
|
165
|
+
const clampedIndex = Math.max(index, startOffset + minSpanDays);
|
|
166
|
+
const validEnd = dayOffsetToDate(clampedIndex, todayTime);
|
|
167
|
+
setEndDate(validEnd);
|
|
168
|
+
if (debounceTimerRef.current) clearTimeout(debounceTimerRef.current);
|
|
169
|
+
debounceTimerRef.current = setTimeout(() => {
|
|
170
|
+
emitChange(startDate, validEnd);
|
|
171
|
+
}, debounceMs);
|
|
172
|
+
}
|
|
173
|
+
}, [activeHandle, endOffset, startOffset, minSpanDays, todayTime, endDate, startDate, emitChange, debounceMs, startContinuousHaptic, stopContinuousHaptic, fireDiscreteHaptic]);
|
|
174
|
+
|
|
175
|
+
// ── Animation Settled Callback ────────────────────────────────────────────
|
|
176
|
+
const onAnimationSettled = useCallback(index => {
|
|
177
|
+
stopContinuousHaptic();
|
|
178
|
+
fireDiscreteHaptic();
|
|
179
|
+
setWindowCenter(index);
|
|
180
|
+
if (activeHandle === 'start') {
|
|
181
|
+
const clampedIndex = Math.min(index, endOffset - minSpanDays);
|
|
182
|
+
const validStart = dayOffsetToDate(clampedIndex, todayTime);
|
|
183
|
+
setStartDate(validStart);
|
|
184
|
+
emitChange(validStart, endDate);
|
|
185
|
+
} else {
|
|
186
|
+
const clampedIndex = Math.max(index, startOffset + minSpanDays);
|
|
187
|
+
const validEnd = dayOffsetToDate(clampedIndex, todayTime);
|
|
188
|
+
setEndDate(validEnd);
|
|
189
|
+
emitChange(startDate, validEnd);
|
|
190
|
+
}
|
|
191
|
+
}, [activeHandle, endOffset, startOffset, minSpanDays, todayTime, endDate, startDate, emitChange, stopContinuousHaptic, fireDiscreteHaptic]);
|
|
192
|
+
|
|
193
|
+
// ── Animated Reaction ─────────────────────────────────────────────────────
|
|
194
|
+
useAnimatedReaction(() => Math.round(-translateX.value / tickSpacing), (index, prev) => {
|
|
195
|
+
if (index !== prev && index >= minOffset && index <= maxOffset) {
|
|
196
|
+
previousIndex.value = index;
|
|
197
|
+
const ticksSkipped = prev !== null ? Math.abs(index - prev) : 1;
|
|
198
|
+
const shouldBeFast = ticksSkipped > fastSwipeTickThreshold;
|
|
199
|
+
if (shouldBeFast && !isFastMode.value) {
|
|
200
|
+
isFastMode.value = true;
|
|
201
|
+
runOnJS(onTickChanged)(index, true);
|
|
202
|
+
} else if (!shouldBeFast && isFastMode.value) {
|
|
203
|
+
isFastMode.value = false;
|
|
204
|
+
runOnJS(onTickChanged)(index, false);
|
|
205
|
+
} else if (!shouldBeFast) {
|
|
206
|
+
runOnJS(onTickChanged)(index, false);
|
|
207
|
+
}
|
|
208
|
+
if (shouldBeFast && isFastMode.value) {
|
|
209
|
+
runOnJS(onTickChanged)(index, true);
|
|
210
|
+
}
|
|
211
|
+
}
|
|
212
|
+
}, [tickSpacing, minOffset, maxOffset, fastSwipeTickThreshold]);
|
|
213
|
+
|
|
214
|
+
// ── Pan Gesture ───────────────────────────────────────────────────────────
|
|
215
|
+
const panGesture = useMemo(() => {
|
|
216
|
+
return Gesture.Pan().onStart(() => {
|
|
217
|
+
contextX.value = translateX.value;
|
|
218
|
+
}).onUpdate(event => {
|
|
219
|
+
translateX.value = contextX.value + event.translationX;
|
|
220
|
+
}).onEnd(event => {
|
|
221
|
+
translateX.value = withDecay({
|
|
222
|
+
velocity: event.velocityX,
|
|
223
|
+
deceleration: 0.99
|
|
224
|
+
}, finished => {
|
|
225
|
+
if (finished) {
|
|
226
|
+
const maxTranslateX = -minOffset * tickSpacing;
|
|
227
|
+
const minTranslateX = -maxOffset * tickSpacing;
|
|
228
|
+
const clampedX = Math.min(Math.max(translateX.value, minTranslateX), maxTranslateX);
|
|
229
|
+
const snappedIndex = Math.round(clampedX / tickSpacing);
|
|
230
|
+
const snappedX = snappedIndex * tickSpacing;
|
|
231
|
+
translateX.value = withTiming(snappedX, {
|
|
232
|
+
duration: 150
|
|
233
|
+
}, done => {
|
|
234
|
+
if (done) {
|
|
235
|
+
isFastMode.value = false;
|
|
236
|
+
const index = Math.round(-snappedX / tickSpacing);
|
|
237
|
+
runOnJS(onAnimationSettled)(index);
|
|
238
|
+
}
|
|
239
|
+
});
|
|
240
|
+
}
|
|
241
|
+
});
|
|
242
|
+
});
|
|
243
|
+
}, [contextX, translateX, minOffset, maxOffset, tickSpacing, onAnimationSettled, isFastMode]);
|
|
244
|
+
|
|
245
|
+
// ── Switch Active Handle ──────────────────────────────────────────────────
|
|
246
|
+
const scrollToHandle = useCallback((handle, animated = true) => {
|
|
247
|
+
setActiveHandle(handle);
|
|
248
|
+
const targetOffset = handle === 'start' ? startOffset : endOffset;
|
|
249
|
+
const targetX = -targetOffset * tickSpacing;
|
|
250
|
+
stopContinuousHaptic();
|
|
251
|
+
if (animated) {
|
|
252
|
+
translateX.value = withTiming(targetX, {
|
|
253
|
+
duration: 250
|
|
254
|
+
}, done => {
|
|
255
|
+
if (done) {
|
|
256
|
+
runOnJS(setWindowCenter)(targetOffset);
|
|
257
|
+
}
|
|
258
|
+
});
|
|
259
|
+
} else {
|
|
260
|
+
translateX.value = targetX;
|
|
261
|
+
setWindowCenter(targetOffset);
|
|
262
|
+
}
|
|
263
|
+
}, [startOffset, endOffset, tickSpacing, translateX, stopContinuousHaptic]);
|
|
264
|
+
const setRange = useCallback((startInput, endInput) => {
|
|
265
|
+
const s = normalizeDate(startInput);
|
|
266
|
+
const e = normalizeDate(endInput);
|
|
267
|
+
setStartDate(s);
|
|
268
|
+
setEndDate(e);
|
|
269
|
+
emitChange(s, e);
|
|
270
|
+
}, [emitChange]);
|
|
271
|
+
|
|
272
|
+
// Sync external controlled range
|
|
273
|
+
const prevRangePropRef = useRef(value);
|
|
274
|
+
useEffect(() => {
|
|
275
|
+
if (value?.start && value?.end && (value.start !== prevRangePropRef.current?.start || value.end !== prevRangePropRef.current?.end)) {
|
|
276
|
+
prevRangePropRef.current = value;
|
|
277
|
+
const s = normalizeDate(value.start);
|
|
278
|
+
const e = normalizeDate(value.end);
|
|
279
|
+
if (formatDateString(s) !== formatDateString(startDate) || formatDateString(e) !== formatDateString(endDate)) {
|
|
280
|
+
setStartDate(s);
|
|
281
|
+
setEndDate(e);
|
|
282
|
+
}
|
|
283
|
+
}
|
|
284
|
+
}, [value, startDate, endDate]);
|
|
285
|
+
const spanDays = Math.max(0, endOffset - startOffset);
|
|
286
|
+
return {
|
|
287
|
+
translateX,
|
|
288
|
+
panGesture,
|
|
289
|
+
startDate,
|
|
290
|
+
endDate,
|
|
291
|
+
startDateStr: formatDateString(startDate),
|
|
292
|
+
endDateStr: formatDateString(endDate),
|
|
293
|
+
startOffset,
|
|
294
|
+
endOffset,
|
|
295
|
+
spanDays,
|
|
296
|
+
activeHandle,
|
|
297
|
+
setActiveHandle,
|
|
298
|
+
visibleTicks,
|
|
299
|
+
theme,
|
|
300
|
+
tickSpacing,
|
|
301
|
+
rulerHeight,
|
|
302
|
+
height,
|
|
303
|
+
width,
|
|
304
|
+
minOffset,
|
|
305
|
+
maxOffset,
|
|
306
|
+
scrollToHandle,
|
|
307
|
+
setRange
|
|
308
|
+
};
|
|
309
|
+
}
|
|
310
|
+
//# sourceMappingURL=useRulerDateRangePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useState","useRef","useCallback","useMemo","useEffect","useWindowDimensions","useSharedValue","withDecay","withTiming","useAnimatedReaction","runOnJS","Gesture","DEFAULTS","resolveTickRules","resolveTick","formatDateString","normalizeDate","dateToDayOffset","dayOffsetToDate","computeDayRange","useResolvedTheme","useHaptics","useRulerDateRangePicker","props","value","defaultValue","onChange","minDate","maxDate","ticks","tickSpacing","tickWidth","rulerHeight","theme","propTheme","debounceMs","haptics","minSpanDays","maxSpanDays","style","bufferTicks","isHapticsEnabled","enabled","resolvedHapticTrigger","onTrigger","undefined","fastSwipeTickThreshold","continuousHapticIntervalMs","height","rules","fireDiscreteHaptic","startContinuousHaptic","stopContinuousHaptic","enableHaptics","onHapticTrigger","todayTime","d","Date","setHours","getTime","minOffset","maxOffset","initialStartDate","start","initialEndDate","end","setDate","getDate","activeHandle","setActiveHandle","startDate","setStartDate","endDate","setEndDate","startOffset","endOffset","activeOffset","translateX","contextX","previousIndex","isFastMode","windowCenter","setWindowCenter","debounceTimerRef","windowDimensions","width","halfVisible","Math","ceil","windowSize","visibleTicks","resolved","max","min","i","isToday","isSelected","isInRange","push","date","offset","emitChange","newStart","newEnd","spanDays","round","payload","startString","endString","onTickChanged","index","enteringFastMode","prev","abs","targetDate","clampedIndex","validStart","current","clearTimeout","setTimeout","validEnd","onAnimationSettled","ticksSkipped","shouldBeFast","panGesture","Pan","onStart","onUpdate","event","translationX","onEnd","velocity","velocityX","deceleration","finished","maxTranslateX","minTranslateX","clampedX","snappedIndex","snappedX","duration","done","scrollToHandle","handle","animated","targetOffset","targetX","setRange","startInput","endInput","s","e","prevRangePropRef","startDateStr","endDateStr"],"sourceRoot":"../../src","sources":["useRulerDateRangePicker.ts"],"mappings":"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","ignoreList":[]}
|
package/lib/module/utils.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { useColorScheme } from 'react-native';
|
|
4
|
-
import {
|
|
4
|
+
import { LIGHT_THEME, DARK_THEME, MS_PER_DAY, DEFAULT_DAY_RANGE } from "./defaults.js";
|
|
5
5
|
/**
|
|
6
6
|
* Formats a Date object as a local YYYY-MM-DD string,
|
|
7
7
|
* avoiding timezone shifting bugs caused by toISOString().
|
|
@@ -14,56 +14,51 @@ export function formatDateString(date = new Date()) {
|
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
/**
|
|
17
|
-
*
|
|
17
|
+
* Normalizes a Date or string to a local midnight Date object.
|
|
18
|
+
* Parses YYYY-MM-DD explicitly as local midnight to avoid UTC timezone shifts,
|
|
19
|
+
* and guards against Invalid Dates.
|
|
18
20
|
*/
|
|
19
|
-
export function
|
|
20
|
-
|
|
21
|
+
export function normalizeDate(input) {
|
|
22
|
+
let d;
|
|
23
|
+
if (!input) {
|
|
24
|
+
d = new Date();
|
|
25
|
+
} else if (typeof input === 'string') {
|
|
26
|
+
const parts = input.trim().split('-');
|
|
27
|
+
if (parts.length === 3) {
|
|
28
|
+
const year = parseInt(parts[0], 10);
|
|
29
|
+
const month = parseInt(parts[1], 10) - 1;
|
|
30
|
+
const day = parseInt(parts[2], 10);
|
|
31
|
+
d = new Date(year, month, day);
|
|
32
|
+
} else {
|
|
33
|
+
d = new Date(input);
|
|
34
|
+
}
|
|
35
|
+
} else {
|
|
36
|
+
d = new Date(input.getTime());
|
|
37
|
+
}
|
|
38
|
+
if (isNaN(d.getTime())) {
|
|
39
|
+
d = new Date();
|
|
40
|
+
}
|
|
21
41
|
d.setHours(0, 0, 0, 0);
|
|
22
|
-
return
|
|
42
|
+
return d;
|
|
23
43
|
}
|
|
24
44
|
|
|
25
45
|
/**
|
|
26
|
-
* Converts a day offset
|
|
27
|
-
*/
|
|
28
|
-
export function dayOffsetToDate(offset, referenceTime) {
|
|
29
|
-
return new Date(referenceTime + offset * MS_PER_DAY);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
/**
|
|
33
|
-
* Resolves user-provided color props against the system color scheme defaults.
|
|
34
|
-
* User-provided values always take precedence.
|
|
46
|
+
* Converts a Date or YYYY-MM-DD string to a day offset relative to a reference time.
|
|
35
47
|
*/
|
|
36
|
-
export function
|
|
37
|
-
const
|
|
38
|
-
|
|
39
|
-
return {
|
|
40
|
-
tickColor: props.tickColor ?? palette.tickColor,
|
|
41
|
-
tickTallColor: props.tickTallColor ?? props.tickColor ?? palette.tickTallColor,
|
|
42
|
-
labelColor: props.labelColor ?? palette.labelColor,
|
|
43
|
-
accentColor: props.accentColor ?? palette.accentColor,
|
|
44
|
-
indicatorColor: props.indicatorColor ?? palette.indicatorColor,
|
|
45
|
-
backgroundColor: props.backgroundColor ?? palette.backgroundColor
|
|
46
|
-
};
|
|
48
|
+
export function dateToDayOffset(date, referenceTime) {
|
|
49
|
+
const d = normalizeDate(date);
|
|
50
|
+
return Math.round((d.getTime() - referenceTime) / MS_PER_DAY);
|
|
47
51
|
}
|
|
48
52
|
|
|
49
53
|
/**
|
|
50
|
-
*
|
|
54
|
+
* Converts a day offset back to a Date object at local midnight.
|
|
55
|
+
* Uses native calendar math (setDate) to avoid Daylight Saving Time (DST) 23h/25h hour drift.
|
|
51
56
|
*/
|
|
52
|
-
export function
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
}
|
|
58
|
-
if (labelInterval === 'daily') {
|
|
59
|
-
return true;
|
|
60
|
-
}
|
|
61
|
-
if (labelInterval === 'monthly') {
|
|
62
|
-
return date.getDate() === 1;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
// Custom callback
|
|
66
|
-
return labelInterval(date);
|
|
57
|
+
export function dayOffsetToDate(offset, referenceTime) {
|
|
58
|
+
const d = new Date(referenceTime);
|
|
59
|
+
d.setDate(d.getDate() + offset);
|
|
60
|
+
d.setHours(0, 0, 0, 0);
|
|
61
|
+
return d;
|
|
67
62
|
}
|
|
68
63
|
|
|
69
64
|
/**
|
|
@@ -73,18 +68,37 @@ export function computeDayRange(todayTime, minDate, maxDate) {
|
|
|
73
68
|
let minOffset = -DEFAULT_DAY_RANGE;
|
|
74
69
|
let maxOffset = DEFAULT_DAY_RANGE;
|
|
75
70
|
if (minDate) {
|
|
76
|
-
const d =
|
|
77
|
-
d.setHours(0, 0, 0, 0);
|
|
71
|
+
const d = normalizeDate(minDate);
|
|
78
72
|
minOffset = Math.round((d.getTime() - todayTime) / MS_PER_DAY);
|
|
79
73
|
}
|
|
80
74
|
if (maxDate) {
|
|
81
|
-
const d =
|
|
82
|
-
d.setHours(0, 0, 0, 0);
|
|
75
|
+
const d = normalizeDate(maxDate);
|
|
83
76
|
maxOffset = Math.round((d.getTime() - todayTime) / MS_PER_DAY);
|
|
84
77
|
}
|
|
78
|
+
if (minOffset > maxOffset) {
|
|
79
|
+
const temp = minOffset;
|
|
80
|
+
minOffset = maxOffset;
|
|
81
|
+
maxOffset = temp;
|
|
82
|
+
}
|
|
85
83
|
return {
|
|
86
84
|
minOffset,
|
|
87
85
|
maxOffset
|
|
88
86
|
};
|
|
89
87
|
}
|
|
88
|
+
|
|
89
|
+
/**
|
|
90
|
+
* Resolves user-provided theme against the system color scheme defaults (Light/Dark).
|
|
91
|
+
*/
|
|
92
|
+
export function useResolvedTheme(theme) {
|
|
93
|
+
const scheme = useColorScheme();
|
|
94
|
+
const palette = scheme === 'dark' ? DARK_THEME : LIGHT_THEME;
|
|
95
|
+
return {
|
|
96
|
+
background: theme?.background ?? palette.background,
|
|
97
|
+
indicatorColor: theme?.indicatorColor ?? palette.indicatorColor,
|
|
98
|
+
accentColor: theme?.accentColor ?? palette.accentColor,
|
|
99
|
+
labelColor: theme?.labelColor ?? palette.labelColor,
|
|
100
|
+
defaultTickColor: theme?.defaultTickColor ?? palette.defaultTickColor,
|
|
101
|
+
rangeHighlightColor: theme?.rangeHighlightColor ?? palette.rangeHighlightColor
|
|
102
|
+
};
|
|
103
|
+
}
|
|
90
104
|
//# sourceMappingURL=utils.js.map
|
package/lib/module/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useColorScheme","
|
|
1
|
+
{"version":3,"names":["useColorScheme","LIGHT_THEME","DARK_THEME","MS_PER_DAY","DEFAULT_DAY_RANGE","formatDateString","date","Date","year","getFullYear","month","String","getMonth","padStart","day","getDate","normalizeDate","input","d","parts","trim","split","length","parseInt","getTime","isNaN","setHours","dateToDayOffset","referenceTime","Math","round","dayOffsetToDate","offset","setDate","computeDayRange","todayTime","minDate","maxDate","minOffset","maxOffset","temp","useResolvedTheme","theme","scheme","palette","background","indicatorColor","accentColor","labelColor","defaultTickColor","rangeHighlightColor"],"sourceRoot":"../../src","sources":["utils.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type SharedValue } from 'react-native-reanimated';
|
|
3
|
+
import type { ResolvedTick } from './types';
|
|
4
|
+
export interface LensTickProps {
|
|
5
|
+
tick: ResolvedTick;
|
|
6
|
+
tickSpacing: number;
|
|
7
|
+
rulerHeight: number;
|
|
8
|
+
translateX: SharedValue<number>;
|
|
9
|
+
magnification: number;
|
|
10
|
+
radius: number;
|
|
11
|
+
scaleTicks: boolean;
|
|
12
|
+
containerWidth?: number;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Animated tick item with non-linear hyperbolic-tangent spatial distortion.
|
|
16
|
+
* Tick spacing smoothly magnifies near the center needle and asymptotically
|
|
17
|
+
* flattens out to standard spacing away from the center.
|
|
18
|
+
*/
|
|
19
|
+
export declare function LensTick({ tick, tickSpacing, rulerHeight, translateX, magnification, radius, scaleTicks, containerWidth, }: LensTickProps): React.JSX.Element;
|
|
20
|
+
//# sourceMappingURL=LensTick.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LensTick.d.ts","sourceRoot":"","sources":["../../src/LensTick.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAiB,EAAoB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGvF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAChC,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,WAAW,EACX,WAAW,EACX,UAAU,EACV,aAAa,EACb,MAAM,EACN,UAAU,EACV,cAAc,GACf,EAAE,aAAa,qBA+Cf"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { RulerRoot } from './RulerRoot';
|
|
2
|
+
import { RulerTrack } from './RulerTrack';
|
|
3
|
+
import { RulerIndicator } from './RulerIndicator';
|
|
4
|
+
import { RulerTicks } from './RulerTicks';
|
|
5
|
+
import { RulerHeader } from './RulerHeader';
|
|
6
|
+
import { RulerResetButton } from './RulerResetButton';
|
|
7
|
+
import { RulerLensTrack } from './RulerLensTrack';
|
|
8
|
+
import { RulerLensTicks } from './RulerLensTicks';
|
|
9
|
+
/**
|
|
10
|
+
* Compound Anatomy API for the Ruler Date Picker.
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <Ruler.Root value={selectedDate} onChange={setSelectedDate}>
|
|
15
|
+
* <Ruler.Header />
|
|
16
|
+
* <Ruler.LensTrack />
|
|
17
|
+
* </Ruler.Root>
|
|
18
|
+
* ```
|
|
19
|
+
*/
|
|
20
|
+
export declare const Ruler: {
|
|
21
|
+
Root: typeof RulerRoot;
|
|
22
|
+
Track: typeof RulerTrack;
|
|
23
|
+
LensTrack: typeof RulerLensTrack;
|
|
24
|
+
Ticks: typeof RulerTicks;
|
|
25
|
+
LensTicks: typeof RulerLensTicks;
|
|
26
|
+
Indicator: typeof RulerIndicator;
|
|
27
|
+
Tick: import("react").NamedExoticComponent<import("./Tick").TickProps>;
|
|
28
|
+
Header: typeof RulerHeader;
|
|
29
|
+
ResetButton: typeof RulerResetButton;
|
|
30
|
+
};
|
|
31
|
+
//# sourceMappingURL=Ruler.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Ruler.d.ts","sourceRoot":"","sources":["../../src/Ruler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;CAUjB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { UseRulerDatePickerReturn } from './useRulerDatePicker';
|
|
2
|
+
import type { LensConfig, IndicatorConfig, HeaderConfig } from './types';
|
|
3
|
+
export interface RulerContextValue extends UseRulerDatePickerReturn {
|
|
4
|
+
indicatorConfig?: IndicatorConfig;
|
|
5
|
+
headerConfig?: HeaderConfig;
|
|
6
|
+
locale?: string;
|
|
7
|
+
lensConfig?: Required<LensConfig> | null;
|
|
8
|
+
}
|
|
9
|
+
export declare const RulerContext: import("react").Context<RulerContextValue | null>;
|
|
10
|
+
export declare function useRulerContext(): RulerContextValue;
|
|
11
|
+
//# sourceMappingURL=RulerContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RulerContext.d.ts","sourceRoot":"","sources":["../../src/RulerContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEzE,MAAM,WAAW,iBAAkB,SAAQ,wBAAwB;IACjE,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;CAC1C;AAED,eAAO,MAAM,YAAY,mDAAgD,CAAC;AAE1E,wBAAgB,eAAe,IAAI,iBAAiB,CAMnD"}
|
|
@@ -1,19 +1,22 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { RulerDatePickerProps } from './types';
|
|
3
3
|
/**
|
|
4
|
-
* A performant, customizable ruler
|
|
4
|
+
* A performant, customizable horizontal ruler date picker for React Native & Expo.
|
|
5
5
|
*
|
|
6
6
|
* Features:
|
|
7
|
-
* - 60 FPS scrolling via Reanimated 3 decay physics
|
|
8
|
-
* -
|
|
9
|
-
* - Windowed tick rendering for memory efficiency
|
|
10
|
-
* -
|
|
7
|
+
* - 60 FPS scrolling via Reanimated 3 decay physics & snap alignment
|
|
8
|
+
* - Generic, unopinionated Rule-Based Tick System (`TickRule[]`)
|
|
9
|
+
* - Windowed tick rendering for high memory efficiency
|
|
10
|
+
* - Dual-speed haptic feedback (discrete ticks vs continuous buzz)
|
|
11
|
+
* - Non-linear fisheye lens distortion (`lensEffect`)
|
|
12
|
+
* - Automatic Dark/Light mode theme detection
|
|
11
13
|
*
|
|
12
14
|
* @example
|
|
13
15
|
* ```tsx
|
|
14
16
|
* <RulerDatePicker
|
|
15
|
-
*
|
|
16
|
-
*
|
|
17
|
+
* value={selectedDate}
|
|
18
|
+
* onChange={(date, dateString) => console.log(dateString)}
|
|
19
|
+
* lensEffect
|
|
17
20
|
* />
|
|
18
21
|
* ```
|
|
19
22
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RulerDatePicker.d.ts","sourceRoot":"","sources":["../../src/RulerDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"RulerDatePicker.d.ts","sourceRoot":"","sources":["../../src/RulerDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAQpD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAkC1D"}
|