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,57 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.RulerRangeTicks = RulerRangeTicks;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
|
+
var _RulerRangeContext = require("./RulerRangeContext.js");
|
|
11
|
+
var _RulerRangeHighlight = require("./RulerRangeHighlight.js");
|
|
12
|
+
var _Tick = require("./Tick.js");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
15
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
|
+
/**
|
|
17
|
+
* Animated ticks container for the date range picker with Reanimated transform
|
|
18
|
+
* and connected highlight span.
|
|
19
|
+
*/
|
|
20
|
+
function RulerRangeTicks({
|
|
21
|
+
style,
|
|
22
|
+
renderTick,
|
|
23
|
+
showHighlight = true
|
|
24
|
+
} = {}) {
|
|
25
|
+
const {
|
|
26
|
+
translateX,
|
|
27
|
+
visibleTicks,
|
|
28
|
+
tickSpacing,
|
|
29
|
+
rulerHeight,
|
|
30
|
+
width
|
|
31
|
+
} = (0, _RulerRangeContext.useRulerRangeContext)();
|
|
32
|
+
const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
33
|
+
transform: [{
|
|
34
|
+
translateX: translateX.value
|
|
35
|
+
}]
|
|
36
|
+
}), [translateX]);
|
|
37
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
|
|
38
|
+
style: [styles.ticksWrapper, {
|
|
39
|
+
left: width / 2
|
|
40
|
+
}, animatedStyle, style],
|
|
41
|
+
children: [showHighlight && /*#__PURE__*/(0, _jsxRuntime.jsx)(_RulerRangeHighlight.RulerRangeHighlight, {}), visibleTicks.map(tick => renderTick ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
|
|
42
|
+
children: renderTick(tick, tickSpacing, rulerHeight)
|
|
43
|
+
}, tick.offset) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tick.Tick, {
|
|
44
|
+
tick: tick,
|
|
45
|
+
tickSpacing: tickSpacing,
|
|
46
|
+
rulerHeight: rulerHeight
|
|
47
|
+
}, tick.offset))]
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
const styles = _reactNative.StyleSheet.create({
|
|
51
|
+
ticksWrapper: {
|
|
52
|
+
position: 'absolute',
|
|
53
|
+
height: '100%',
|
|
54
|
+
width: 0
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
//# sourceMappingURL=RulerRangeTicks.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_RulerRangeContext","_RulerRangeHighlight","_Tick","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RulerRangeTicks","style","renderTick","showHighlight","translateX","visibleTicks","tickSpacing","rulerHeight","width","useRulerRangeContext","animatedStyle","useAnimatedStyle","transform","value","jsxs","View","styles","ticksWrapper","left","children","jsx","RulerRangeHighlight","map","tick","Fragment","offset","Tick","StyleSheet","create","position","height"],"sourceRoot":"../../src","sources":["RulerRangeTicks.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.RulerRangeTrack = RulerRangeTrack;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeGestureHandler = require("react-native-gesture-handler");
|
|
10
|
+
var _RulerRangeContext = require("./RulerRangeContext.js");
|
|
11
|
+
var _RulerRangeIndicator = require("./RulerRangeIndicator.js");
|
|
12
|
+
var _RulerRangeTicks = require("./RulerRangeTicks.js");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
+
function RulerRangeTrack({
|
|
16
|
+
style,
|
|
17
|
+
children
|
|
18
|
+
} = {}) {
|
|
19
|
+
const {
|
|
20
|
+
panGesture,
|
|
21
|
+
rulerHeight,
|
|
22
|
+
width
|
|
23
|
+
} = (0, _RulerRangeContext.useRulerRangeContext)();
|
|
24
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
|
|
25
|
+
gesture: panGesture,
|
|
26
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
27
|
+
style: [styles.rulerContainer, {
|
|
28
|
+
width,
|
|
29
|
+
height: rulerHeight
|
|
30
|
+
}, style],
|
|
31
|
+
children: children ?? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
32
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RulerRangeIndicator.RulerRangeIndicator, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RulerRangeTicks.RulerRangeTicks, {})]
|
|
33
|
+
})
|
|
34
|
+
})
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
const styles = _reactNative.StyleSheet.create({
|
|
38
|
+
rulerContainer: {
|
|
39
|
+
position: 'relative',
|
|
40
|
+
flexDirection: 'row',
|
|
41
|
+
alignItems: 'flex-end',
|
|
42
|
+
justifyContent: 'center',
|
|
43
|
+
overflow: 'hidden'
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
//# sourceMappingURL=RulerRangeTrack.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeGestureHandler","_RulerRangeContext","_RulerRangeIndicator","_RulerRangeTicks","_jsxRuntime","e","__esModule","default","RulerRangeTrack","style","children","panGesture","rulerHeight","width","useRulerRangeContext","jsx","GestureDetector","gesture","View","styles","rulerContainer","height","jsxs","Fragment","RulerRangeIndicator","RulerRangeTicks","StyleSheet","create","position","flexDirection","alignItems","justifyContent","overflow"],"sourceRoot":"../../src","sources":["RulerRangeTrack.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AAAoD,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAO7C,SAASG,eAAeA,CAAC;EAAEC,KAAK;EAAEC;AAA+B,CAAC,GAAG,CAAC,CAAC,EAAE;EAC9E,MAAM;IAAEC,UAAU;IAAEC,WAAW;IAAEC;EAAM,CAAC,GAAG,IAAAC,uCAAoB,EAAC,CAAC;EAEjE,oBACE,IAAAV,WAAA,CAAAW,GAAA,EAACf,0BAAA,CAAAgB,eAAe;IAACC,OAAO,EAAEN,UAAW;IAAAD,QAAA,eACnC,IAAAN,WAAA,CAAAW,GAAA,EAAChB,YAAA,CAAAmB,IAAI;MAACT,KAAK,EAAE,CAACU,MAAM,CAACC,cAAc,EAAE;QAAEP,KAAK;QAAEQ,MAAM,EAAET;MAAY,CAAC,EAAEH,KAAK,CAAE;MAAAC,QAAA,EACzEA,QAAQ,iBACP,IAAAN,WAAA,CAAAkB,IAAA,EAAAlB,WAAA,CAAAmB,QAAA;QAAAb,QAAA,gBACE,IAAAN,WAAA,CAAAW,GAAA,EAACb,oBAAA,CAAAsB,mBAAmB,IAAE,CAAC,eACvB,IAAApB,WAAA,CAAAW,GAAA,EAACZ,gBAAA,CAAAsB,eAAe,IAAE,CAAC;MAAA,CACnB;IACH,CACG;EAAC,CACQ,CAAC;AAEtB;AAEA,MAAMN,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC/BP,cAAc,EAAE;IACdQ,QAAQ,EAAE,UAAU;IACpBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,UAAU;IACtBC,cAAc,EAAE,QAAQ;IACxBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.RulerResetButton = RulerResetButton;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _RulerContext = require("./RulerContext.js");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
function RulerResetButton({
|
|
13
|
+
children,
|
|
14
|
+
style,
|
|
15
|
+
textStyle,
|
|
16
|
+
label = 'Today'
|
|
17
|
+
} = {}) {
|
|
18
|
+
const {
|
|
19
|
+
resetToToday,
|
|
20
|
+
theme
|
|
21
|
+
} = (0, _RulerContext.useRulerContext)();
|
|
22
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
23
|
+
activeOpacity: 0.7,
|
|
24
|
+
onPress: () => resetToToday(true),
|
|
25
|
+
style: [styles.resetBtn, style],
|
|
26
|
+
children: children ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
27
|
+
style: [styles.resetText, {
|
|
28
|
+
color: theme.accentColor
|
|
29
|
+
}, textStyle],
|
|
30
|
+
children: label
|
|
31
|
+
})
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
const styles = _reactNative.StyleSheet.create({
|
|
35
|
+
resetBtn: {
|
|
36
|
+
paddingVertical: 6,
|
|
37
|
+
paddingHorizontal: 12,
|
|
38
|
+
borderRadius: 16,
|
|
39
|
+
backgroundColor: 'rgba(0,0,0,0.05)'
|
|
40
|
+
},
|
|
41
|
+
resetText: {
|
|
42
|
+
fontSize: 14,
|
|
43
|
+
fontWeight: '600'
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
//# sourceMappingURL=RulerResetButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_RulerContext","_jsxRuntime","e","__esModule","default","RulerResetButton","children","style","textStyle","label","resetToToday","theme","useRulerContext","jsx","TouchableOpacity","activeOpacity","onPress","styles","resetBtn","Text","resetText","color","accentColor","StyleSheet","create","paddingVertical","paddingHorizontal","borderRadius","backgroundColor","fontSize","fontWeight"],"sourceRoot":"../../src","sources":["RulerResetButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAQA,IAAAE,aAAA,GAAAF,OAAA;AAAiD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAS1C,SAASG,gBAAgBA,CAAC;EAC/BC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACTC,KAAK,GAAG;AACa,CAAC,GAAG,CAAC,CAAC,EAAE;EAC7B,MAAM;IAAEC,YAAY;IAAEC;EAAM,CAAC,GAAG,IAAAC,6BAAe,EAAC,CAAC;EAEjD,oBACE,IAAAX,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAe,gBAAgB;IACfC,aAAa,EAAE,GAAI;IACnBC,OAAO,EAAEA,CAAA,KAAMN,YAAY,CAAC,IAAI,CAAE;IAClCH,KAAK,EAAE,CAACU,MAAM,CAACC,QAAQ,EAAEX,KAAK,CAAE;IAAAD,QAAA,EAE/BA,QAAQ,iBACP,IAAAL,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAoB,IAAI;MACHZ,KAAK,EAAE,CACLU,MAAM,CAACG,SAAS,EAChB;QAAEC,KAAK,EAAEV,KAAK,CAACW;MAAY,CAAC,EAC5Bd,SAAS,CACT;MAAAF,QAAA,EAEDG;IAAK,CACF;EACP,CACe,CAAC;AAEvB;AAEA,MAAMQ,MAAM,GAAGM,uBAAU,CAACC,MAAM,CAAC;EAC/BN,QAAQ,EAAE;IACRO,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE;EACnB,CAAC;EACDR,SAAS,EAAE;IACTS,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.RulerRoot = RulerRoot;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _useRulerDatePicker = require("./useRulerDatePicker.js");
|
|
10
|
+
var _RulerContext = require("./RulerContext.js");
|
|
11
|
+
var _defaults = require("./defaults.js");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
function RulerRoot(props) {
|
|
15
|
+
const {
|
|
16
|
+
children,
|
|
17
|
+
style,
|
|
18
|
+
indicator,
|
|
19
|
+
lensEffect,
|
|
20
|
+
testID
|
|
21
|
+
} = props;
|
|
22
|
+
const ruler = (0, _useRulerDatePicker.useRulerDatePicker)(props);
|
|
23
|
+
const lensConfig = _react.default.useMemo(() => {
|
|
24
|
+
if (!lensEffect) return null;
|
|
25
|
+
if (typeof lensEffect === 'object') {
|
|
26
|
+
return {
|
|
27
|
+
..._defaults.DEFAULT_LENS_CONFIG,
|
|
28
|
+
...lensEffect
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
return _defaults.DEFAULT_LENS_CONFIG;
|
|
32
|
+
}, [lensEffect]);
|
|
33
|
+
const indicatorConfig = typeof indicator === 'object' ? indicator : undefined;
|
|
34
|
+
const headerConfig = typeof props.header === 'object' ? props.header : undefined;
|
|
35
|
+
const contextValue = {
|
|
36
|
+
...ruler,
|
|
37
|
+
indicatorConfig,
|
|
38
|
+
headerConfig,
|
|
39
|
+
locale: props.locale,
|
|
40
|
+
lensConfig
|
|
41
|
+
};
|
|
42
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RulerContext.RulerContext.Provider, {
|
|
43
|
+
value: contextValue,
|
|
44
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
45
|
+
testID: testID,
|
|
46
|
+
accessible: true,
|
|
47
|
+
accessibilityRole: "adjustable",
|
|
48
|
+
accessibilityLabel: props.accessibilityLabel ?? 'Date picker',
|
|
49
|
+
accessibilityValue: {
|
|
50
|
+
text: ruler.selectedDateStr
|
|
51
|
+
},
|
|
52
|
+
accessibilityActions: [{
|
|
53
|
+
name: 'increment',
|
|
54
|
+
label: 'Next day'
|
|
55
|
+
}, {
|
|
56
|
+
name: 'decrement',
|
|
57
|
+
label: 'Previous day'
|
|
58
|
+
}],
|
|
59
|
+
onAccessibilityAction: event => {
|
|
60
|
+
if (event.nativeEvent.actionName === 'increment') {
|
|
61
|
+
const next = new Date(ruler.selectedDate);
|
|
62
|
+
next.setDate(next.getDate() + 1);
|
|
63
|
+
ruler.scrollToDate(next, true);
|
|
64
|
+
} else if (event.nativeEvent.actionName === 'decrement') {
|
|
65
|
+
const prev = new Date(ruler.selectedDate);
|
|
66
|
+
prev.setDate(prev.getDate() - 1);
|
|
67
|
+
ruler.scrollToDate(prev, true);
|
|
68
|
+
}
|
|
69
|
+
},
|
|
70
|
+
style: [styles.container, {
|
|
71
|
+
minHeight: ruler.height,
|
|
72
|
+
backgroundColor: ruler.theme.background
|
|
73
|
+
}, style],
|
|
74
|
+
children: children
|
|
75
|
+
})
|
|
76
|
+
});
|
|
77
|
+
}
|
|
78
|
+
const styles = _reactNative.StyleSheet.create({
|
|
79
|
+
container: {
|
|
80
|
+
justifyContent: 'center',
|
|
81
|
+
alignItems: 'center',
|
|
82
|
+
position: 'relative',
|
|
83
|
+
width: '100%',
|
|
84
|
+
paddingVertical: 8
|
|
85
|
+
}
|
|
86
|
+
});
|
|
87
|
+
//# sourceMappingURL=RulerRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_useRulerDatePicker","_RulerContext","_defaults","_jsxRuntime","e","__esModule","default","RulerRoot","props","children","style","indicator","lensEffect","testID","ruler","useRulerDatePicker","lensConfig","React","useMemo","DEFAULT_LENS_CONFIG","indicatorConfig","undefined","headerConfig","header","contextValue","locale","jsx","RulerContext","Provider","value","View","accessible","accessibilityRole","accessibilityLabel","accessibilityValue","text","selectedDateStr","accessibilityActions","name","label","onAccessibilityAction","event","nativeEvent","actionName","next","Date","selectedDate","setDate","getDate","scrollToDate","prev","styles","container","minHeight","height","backgroundColor","theme","background","StyleSheet","create","justifyContent","alignItems","position","width","paddingVertical"],"sourceRoot":"../../src","sources":["RulerRoot.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.RulerTicks = RulerTicks;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
|
+
var _RulerContext = require("./RulerContext.js");
|
|
11
|
+
var _Tick = require("./Tick.js");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
+
function RulerTicks({
|
|
16
|
+
style,
|
|
17
|
+
renderTick
|
|
18
|
+
} = {}) {
|
|
19
|
+
const {
|
|
20
|
+
translateX,
|
|
21
|
+
visibleTicks,
|
|
22
|
+
tickSpacing,
|
|
23
|
+
rulerHeight,
|
|
24
|
+
width
|
|
25
|
+
} = (0, _RulerContext.useRulerContext)();
|
|
26
|
+
const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
27
|
+
transform: [{
|
|
28
|
+
translateX: translateX.value
|
|
29
|
+
}]
|
|
30
|
+
}), [translateX]);
|
|
31
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
32
|
+
style: [styles.ticksWrapper, {
|
|
33
|
+
left: width / 2
|
|
34
|
+
}, animatedStyle, style],
|
|
35
|
+
children: visibleTicks.map(tick => renderTick ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
|
|
36
|
+
children: renderTick(tick, tickSpacing, rulerHeight)
|
|
37
|
+
}, tick.offset) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tick.Tick, {
|
|
38
|
+
tick: tick,
|
|
39
|
+
tickSpacing: tickSpacing,
|
|
40
|
+
rulerHeight: rulerHeight
|
|
41
|
+
}, tick.offset))
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
const styles = _reactNative.StyleSheet.create({
|
|
45
|
+
ticksWrapper: {
|
|
46
|
+
position: 'absolute',
|
|
47
|
+
height: '100%',
|
|
48
|
+
width: 0
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
//# sourceMappingURL=RulerTicks.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_RulerContext","_Tick","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RulerTicks","style","renderTick","translateX","visibleTicks","tickSpacing","rulerHeight","width","useRulerContext","animatedStyle","useAnimatedStyle","transform","value","jsx","View","styles","ticksWrapper","left","children","map","tick","Fragment","offset","Tick","StyleSheet","create","position","height"],"sourceRoot":"../../src","sources":["RulerTicks.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.RulerTrack = RulerTrack;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeGestureHandler = require("react-native-gesture-handler");
|
|
10
|
+
var _RulerContext = require("./RulerContext.js");
|
|
11
|
+
var _RulerIndicator = require("./RulerIndicator.js");
|
|
12
|
+
var _RulerTicks = require("./RulerTicks.js");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
+
function RulerTrack({
|
|
16
|
+
children,
|
|
17
|
+
style
|
|
18
|
+
} = {}) {
|
|
19
|
+
const {
|
|
20
|
+
panGesture,
|
|
21
|
+
rulerHeight,
|
|
22
|
+
width
|
|
23
|
+
} = (0, _RulerContext.useRulerContext)();
|
|
24
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
|
|
25
|
+
gesture: panGesture,
|
|
26
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
27
|
+
style: [styles.rulerContainer, {
|
|
28
|
+
width,
|
|
29
|
+
height: rulerHeight
|
|
30
|
+
}, style],
|
|
31
|
+
children: children ?? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
32
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RulerIndicator.RulerIndicator, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RulerTicks.RulerTicks, {})]
|
|
33
|
+
})
|
|
34
|
+
})
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
const styles = _reactNative.StyleSheet.create({
|
|
38
|
+
rulerContainer: {
|
|
39
|
+
position: 'relative',
|
|
40
|
+
flexDirection: 'row',
|
|
41
|
+
alignItems: 'flex-end',
|
|
42
|
+
justifyContent: 'center',
|
|
43
|
+
overflow: 'hidden'
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
//# sourceMappingURL=RulerTrack.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeGestureHandler","_RulerContext","_RulerIndicator","_RulerTicks","_jsxRuntime","e","__esModule","default","RulerTrack","children","style","panGesture","rulerHeight","width","useRulerContext","jsx","GestureDetector","gesture","View","styles","rulerContainer","height","jsxs","Fragment","RulerIndicator","RulerTicks","StyleSheet","create","position","flexDirection","alignItems","justifyContent","overflow"],"sourceRoot":"../../src","sources":["RulerTrack.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAEA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAA0C,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOnC,SAASG,UAAUA,CAAC;EAAEC,QAAQ;EAAEC;AAAuB,CAAC,GAAG,CAAC,CAAC,EAAE;EACpE,MAAM;IAAEC,UAAU;IAAEC,WAAW;IAAEC;EAAM,CAAC,GAAG,IAAAC,6BAAe,EAAC,CAAC;EAE5D,oBACE,IAAAV,WAAA,CAAAW,GAAA,EAACf,0BAAA,CAAAgB,eAAe;IAACC,OAAO,EAAEN,UAAW;IAAAF,QAAA,eACnC,IAAAL,WAAA,CAAAW,GAAA,EAAChB,YAAA,CAAAmB,IAAI;MAACR,KAAK,EAAE,CAACS,MAAM,CAACC,cAAc,EAAE;QAAEP,KAAK;QAAEQ,MAAM,EAAET;MAAY,CAAC,EAAEF,KAAK,CAAE;MAAAD,QAAA,EACzEA,QAAQ,iBACP,IAAAL,WAAA,CAAAkB,IAAA,EAAAlB,WAAA,CAAAmB,QAAA;QAAAd,QAAA,gBACE,IAAAL,WAAA,CAAAW,GAAA,EAACb,eAAA,CAAAsB,cAAc,IAAE,CAAC,eAClB,IAAApB,WAAA,CAAAW,GAAA,EAACZ,WAAA,CAAAsB,UAAU,IAAE,CAAC;MAAA,CACd;IACH,CACG;EAAC,CACQ,CAAC;AAEtB;AAEA,MAAMN,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC/BP,cAAc,EAAE;IACdQ,QAAQ,EAAE,UAAU;IACpBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,UAAU;IACtBC,cAAc,EAAE,QAAQ;IACxBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
|
package/lib/commonjs/Tick.js
CHANGED
|
@@ -10,54 +10,59 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
10
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
11
|
/**
|
|
12
12
|
* Memoized single tick component.
|
|
13
|
-
* Renders a vertical bar with optional label
|
|
14
|
-
* Small and large ticks can be independently colored.
|
|
13
|
+
* Renders a vertical tick bar with optional label, dot indicator, or custom render element.
|
|
15
14
|
*/
|
|
16
15
|
const Tick = exports.Tick = /*#__PURE__*/_react.default.memo(function Tick({
|
|
17
|
-
|
|
18
|
-
isLabeled,
|
|
19
|
-
isToday,
|
|
20
|
-
dateStr,
|
|
16
|
+
tick,
|
|
21
17
|
tickSpacing,
|
|
22
|
-
tickHeight,
|
|
23
|
-
tickTallHeight,
|
|
24
|
-
tickThickness,
|
|
25
|
-
tickColor,
|
|
26
|
-
tickTallColor,
|
|
27
|
-
labelColor,
|
|
28
|
-
accentColor,
|
|
29
|
-
todayDotSize,
|
|
30
|
-
labelFontSize,
|
|
31
18
|
rulerHeight
|
|
32
19
|
}) {
|
|
33
|
-
|
|
34
|
-
|
|
20
|
+
if (tick.customRender) {
|
|
21
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
22
|
+
style: [styles.tickContainer, {
|
|
23
|
+
width: tickSpacing,
|
|
24
|
+
height: rulerHeight,
|
|
25
|
+
position: 'absolute',
|
|
26
|
+
left: tick.offset * tickSpacing - tickSpacing / 2
|
|
27
|
+
}],
|
|
28
|
+
children: tick.customRender({
|
|
29
|
+
date: tick.date,
|
|
30
|
+
offset: tick.offset,
|
|
31
|
+
isToday: tick.isToday,
|
|
32
|
+
isSelected: tick.isSelected,
|
|
33
|
+
isInRange: tick.isInRange
|
|
34
|
+
})
|
|
35
|
+
});
|
|
36
|
+
}
|
|
35
37
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
36
38
|
style: [styles.tickContainer, {
|
|
37
39
|
width: tickSpacing,
|
|
38
40
|
height: rulerHeight,
|
|
39
41
|
position: 'absolute',
|
|
40
|
-
left: offset * tickSpacing - tickSpacing / 2
|
|
42
|
+
left: tick.offset * tickSpacing - tickSpacing / 2
|
|
41
43
|
}],
|
|
42
|
-
children: [
|
|
44
|
+
children: [tick.labelText !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
45
|
+
numberOfLines: 1,
|
|
43
46
|
style: [styles.tickLabel, {
|
|
44
|
-
color: labelColor,
|
|
45
|
-
fontSize: labelFontSize
|
|
47
|
+
color: tick.labelColor,
|
|
48
|
+
fontSize: tick.labelFontSize,
|
|
49
|
+
fontWeight: tick.labelFontWeight
|
|
46
50
|
}],
|
|
47
|
-
children:
|
|
48
|
-
}),
|
|
49
|
-
style: [styles.
|
|
50
|
-
backgroundColor:
|
|
51
|
-
width:
|
|
52
|
-
height:
|
|
53
|
-
borderRadius:
|
|
51
|
+
children: tick.labelText
|
|
52
|
+
}), tick.hasDot && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
53
|
+
style: [styles.dot, {
|
|
54
|
+
backgroundColor: tick.dotColor,
|
|
55
|
+
width: tick.dotSize,
|
|
56
|
+
height: tick.dotSize,
|
|
57
|
+
borderRadius: tick.dotSize / 2,
|
|
58
|
+
bottom: tick.height + 4
|
|
54
59
|
}]
|
|
55
60
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
56
61
|
style: {
|
|
57
|
-
backgroundColor:
|
|
58
|
-
width:
|
|
59
|
-
height:
|
|
60
|
-
borderRadius:
|
|
62
|
+
backgroundColor: tick.color,
|
|
63
|
+
width: tick.width,
|
|
64
|
+
height: tick.height,
|
|
65
|
+
borderRadius: tick.width / 2
|
|
61
66
|
}
|
|
62
67
|
})]
|
|
63
68
|
});
|
|
@@ -69,11 +74,11 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
69
74
|
},
|
|
70
75
|
tickLabel: {
|
|
71
76
|
position: 'absolute',
|
|
72
|
-
top:
|
|
77
|
+
top: 6,
|
|
78
|
+
textAlign: 'center'
|
|
73
79
|
},
|
|
74
|
-
|
|
75
|
-
position: 'absolute'
|
|
76
|
-
top: 25
|
|
80
|
+
dot: {
|
|
81
|
+
position: 'absolute'
|
|
77
82
|
}
|
|
78
83
|
});
|
|
79
84
|
//# sourceMappingURL=Tick.js.map
|
package/lib/commonjs/Tick.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","Tick","exports","React","memo","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","Tick","exports","React","memo","tick","tickSpacing","rulerHeight","customRender","jsx","View","style","styles","tickContainer","width","height","position","left","offset","children","date","isToday","isSelected","isInRange","jsxs","labelText","undefined","Text","numberOfLines","tickLabel","color","labelColor","fontSize","labelFontSize","fontWeight","labelFontWeight","hasDot","dot","backgroundColor","dotColor","dotSize","borderRadius","bottom","StyleSheet","create","justifyContent","alignItems","top","textAlign"],"sourceRoot":"../../src","sources":["Tick.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAsD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAStD;AACA;AACA;AACA;AACO,MAAMG,IAAI,GAAAC,OAAA,CAAAD,IAAA,gBAAGE,cAAK,CAACC,IAAI,CAAC,SAASH,IAAIA,CAAC;EAC3CI,IAAI;EACJC,WAAW;EACXC;AACS,CAAC,EAAE;EACZ,IAAIF,IAAI,CAACG,YAAY,EAAE;IACrB,oBACE,IAAAX,WAAA,CAAAY,GAAA,EAACb,YAAA,CAAAc,IAAI;MACHC,KAAK,EAAE,CACLC,MAAM,CAACC,aAAa,EACpB;QACEC,KAAK,EAAER,WAAW;QAClBS,MAAM,EAAER,WAAW;QACnBS,QAAQ,EAAE,UAAU;QACpBC,IAAI,EAAEZ,IAAI,CAACa,MAAM,GAAGZ,WAAW,GAAGA,WAAW,GAAG;MAClD,CAAC,CACD;MAAAa,QAAA,EAEDd,IAAI,CAACG,YAAY,CAAC;QACjBY,IAAI,EAAEf,IAAI,CAACe,IAAI;QACfF,MAAM,EAAEb,IAAI,CAACa,MAAM;QACnBG,OAAO,EAAEhB,IAAI,CAACgB,OAAO;QACrBC,UAAU,EAAEjB,IAAI,CAACiB,UAAU;QAC3BC,SAAS,EAAElB,IAAI,CAACkB;MAClB,CAAC;IAAC,CACE,CAAC;EAEX;EAEA,oBACE,IAAA1B,WAAA,CAAA2B,IAAA,EAAC5B,YAAA,CAAAc,IAAI;IACHC,KAAK,EAAE,CACLC,MAAM,CAACC,aAAa,EACpB;MACEC,KAAK,EAAER,WAAW;MAClBS,MAAM,EAAER,WAAW;MACnBS,QAAQ,EAAE,UAAU;MACpBC,IAAI,EAAEZ,IAAI,CAACa,MAAM,GAAGZ,WAAW,GAAGA,WAAW,GAAG;IAClD,CAAC,CACD;IAAAa,QAAA,GAGDd,IAAI,CAACoB,SAAS,KAAKC,SAAS,iBAC3B,IAAA7B,WAAA,CAAAY,GAAA,EAACb,YAAA,CAAA+B,IAAI;MACHC,aAAa,EAAE,CAAE;MACjBjB,KAAK,EAAE,CACLC,MAAM,CAACiB,SAAS,EAChB;QACEC,KAAK,EAAEzB,IAAI,CAAC0B,UAAU;QACtBC,QAAQ,EAAE3B,IAAI,CAAC4B,aAAa;QAC5BC,UAAU,EAAE7B,IAAI,CAAC8B;MACnB,CAAC,CACD;MAAAhB,QAAA,EAEDd,IAAI,CAACoB;IAAS,CACX,CACP,EAGApB,IAAI,CAAC+B,MAAM,iBACV,IAAAvC,WAAA,CAAAY,GAAA,EAACb,YAAA,CAAAc,IAAI;MACHC,KAAK,EAAE,CACLC,MAAM,CAACyB,GAAG,EACV;QACEC,eAAe,EAAEjC,IAAI,CAACkC,QAAQ;QAC9BzB,KAAK,EAAET,IAAI,CAACmC,OAAO;QACnBzB,MAAM,EAAEV,IAAI,CAACmC,OAAO;QACpBC,YAAY,EAAEpC,IAAI,CAACmC,OAAO,GAAG,CAAC;QAC9BE,MAAM,EAAErC,IAAI,CAACU,MAAM,GAAG;MACxB,CAAC;IACD,CACH,CACF,eAGD,IAAAlB,WAAA,CAAAY,GAAA,EAACb,YAAA,CAAAc,IAAI;MACHC,KAAK,EAAE;QACL2B,eAAe,EAAEjC,IAAI,CAACyB,KAAK;QAC3BhB,KAAK,EAAET,IAAI,CAACS,KAAK;QACjBC,MAAM,EAAEV,IAAI,CAACU,MAAM;QACnB0B,YAAY,EAAEpC,IAAI,CAACS,KAAK,GAAG;MAC7B;IAAE,CACH,CAAC;EAAA,CACE,CAAC;AAEX,CAAC,CAAC;AAEF,MAAMF,MAAM,GAAG+B,uBAAU,CAACC,MAAM,CAAC;EAC/B/B,aAAa,EAAE;IACbgC,cAAc,EAAE,UAAU;IAC1BC,UAAU,EAAE;EACd,CAAC;EACDjB,SAAS,EAAE;IACTb,QAAQ,EAAE,UAAU;IACpB+B,GAAG,EAAE,CAAC;IACNC,SAAS,EAAE;EACb,CAAC;EACDX,GAAG,EAAE;IACHrB,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
|
package/lib/commonjs/defaults.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.MS_PER_DAY = exports.
|
|
6
|
+
exports.MS_PER_DAY = exports.LIGHT_THEME = exports.DEFAULT_LENS_CONFIG = exports.DEFAULT_DAY_RANGE = exports.DEFAULTS = exports.DARK_THEME = void 0;
|
|
7
7
|
// ── Internal constants (not user-configurable) ───────────────────────────
|
|
8
8
|
const MS_PER_DAY = exports.MS_PER_DAY = 86_400_000;
|
|
9
9
|
const DEFAULT_DAY_RANGE = exports.DEFAULT_DAY_RANGE = 365;
|
|
@@ -11,38 +11,39 @@ const DEFAULT_DAY_RANGE = exports.DEFAULT_DAY_RANGE = 365;
|
|
|
11
11
|
// ── User-configurable defaults ───────────────────────────────────────────
|
|
12
12
|
const DEFAULTS = exports.DEFAULTS = {
|
|
13
13
|
tickSpacing: 24,
|
|
14
|
-
|
|
15
|
-
tickTallHeight: 24,
|
|
16
|
-
tickThickness: 4,
|
|
14
|
+
tickWidth: 3,
|
|
17
15
|
height: 120,
|
|
18
16
|
rulerHeight: 60,
|
|
19
17
|
indicatorWidth: 2,
|
|
20
18
|
indicatorHeight: 40,
|
|
21
19
|
todayDotSize: 6,
|
|
22
|
-
labelFontSize: 10,
|
|
23
20
|
bufferTicks: 10,
|
|
24
|
-
|
|
21
|
+
debounceMs: 100,
|
|
25
22
|
fastSwipeTickThreshold: 1,
|
|
26
23
|
continuousHapticIntervalMs: 20,
|
|
27
|
-
enableHaptics: true,
|
|
28
24
|
showResetToToday: false
|
|
29
25
|
};
|
|
26
|
+
const DEFAULT_LENS_CONFIG = exports.DEFAULT_LENS_CONFIG = {
|
|
27
|
+
magnification: 1.6,
|
|
28
|
+
radius: 60,
|
|
29
|
+
scaleTicks: true
|
|
30
|
+
};
|
|
30
31
|
|
|
31
32
|
// ── Default color palettes ───────────────────────────────────────────────
|
|
32
|
-
const
|
|
33
|
-
|
|
34
|
-
tickTallColor: '#9CA3AF',
|
|
35
|
-
labelColor: '#6B7280',
|
|
36
|
-
accentColor: '#3B82F6',
|
|
33
|
+
const LIGHT_THEME = exports.LIGHT_THEME = {
|
|
34
|
+
background: 'transparent',
|
|
37
35
|
indicatorColor: '#3B82F6',
|
|
38
|
-
|
|
36
|
+
accentColor: '#3B82F6',
|
|
37
|
+
labelColor: '#6B7280',
|
|
38
|
+
defaultTickColor: '#D1D5DB',
|
|
39
|
+
rangeHighlightColor: 'rgba(59, 130, 246, 0.15)'
|
|
39
40
|
};
|
|
40
|
-
const
|
|
41
|
-
|
|
42
|
-
tickTallColor: '#6B7280',
|
|
43
|
-
labelColor: '#9CA3AF',
|
|
44
|
-
accentColor: '#60A5FA',
|
|
41
|
+
const DARK_THEME = exports.DARK_THEME = {
|
|
42
|
+
background: 'transparent',
|
|
45
43
|
indicatorColor: '#60A5FA',
|
|
46
|
-
|
|
44
|
+
accentColor: '#60A5FA',
|
|
45
|
+
labelColor: '#9CA3AF',
|
|
46
|
+
defaultTickColor: '#4B5563',
|
|
47
|
+
rangeHighlightColor: 'rgba(96, 165, 250, 0.2)'
|
|
47
48
|
};
|
|
48
49
|
//# sourceMappingURL=defaults.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["MS_PER_DAY","exports","DEFAULT_DAY_RANGE","DEFAULTS","tickSpacing","
|
|
1
|
+
{"version":3,"names":["MS_PER_DAY","exports","DEFAULT_DAY_RANGE","DEFAULTS","tickSpacing","tickWidth","height","rulerHeight","indicatorWidth","indicatorHeight","todayDotSize","bufferTicks","debounceMs","fastSwipeTickThreshold","continuousHapticIntervalMs","showResetToToday","DEFAULT_LENS_CONFIG","magnification","radius","scaleTicks","LIGHT_THEME","background","indicatorColor","accentColor","labelColor","defaultTickColor","rangeHighlightColor","DARK_THEME"],"sourceRoot":"../../src","sources":["defaults.ts"],"mappings":";;;;;;AAEA;AACO,MAAMA,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,UAAU;AAC7B,MAAME,iBAAiB,GAAAD,OAAA,CAAAC,iBAAA,GAAG,GAAG;;AAEpC;AACO,MAAMC,QAAQ,GAAAF,OAAA,CAAAE,QAAA,GAAG;EACtBC,WAAW,EAAE,EAAE;EACfC,SAAS,EAAE,CAAC;EACZC,MAAM,EAAE,GAAG;EACXC,WAAW,EAAE,EAAE;EACfC,cAAc,EAAE,CAAC;EACjBC,eAAe,EAAE,EAAE;EACnBC,YAAY,EAAE,CAAC;EACfC,WAAW,EAAE,EAAE;EACfC,UAAU,EAAE,GAAG;EACfC,sBAAsB,EAAE,CAAC;EACzBC,0BAA0B,EAAE,EAAE;EAC9BC,gBAAgB,EAAE;AACpB,CAAU;AAEH,MAAMC,mBAAyC,GAAAf,OAAA,CAAAe,mBAAA,GAAG;EACvDC,aAAa,EAAE,GAAG;EAClBC,MAAM,EAAE,EAAE;EACVC,UAAU,EAAE;AACd,CAAC;;AAED;AACO,MAAMC,WAA+B,GAAAnB,OAAA,CAAAmB,WAAA,GAAG;EAC7CC,UAAU,EAAE,aAAa;EACzBC,cAAc,EAAE,SAAS;EACzBC,WAAW,EAAE,SAAS;EACtBC,UAAU,EAAE,SAAS;EACrBC,gBAAgB,EAAE,SAAS;EAC3BC,mBAAmB,EAAE;AACvB,CAAC;AAEM,MAAMC,UAA8B,GAAA1B,OAAA,CAAA0B,UAAA,GAAG;EAC5CN,UAAU,EAAE,aAAa;EACzBC,cAAc,EAAE,SAAS;EACzBC,WAAW,EAAE,SAAS;EACtBC,UAAU,EAAE,SAAS;EACrBC,gBAAgB,EAAE,SAAS;EAC3BC,mBAAmB,EAAE;AACvB,CAAC","ignoreList":[]}
|