@jamadd/react-native-template-ui 0.6.0 → 0.6.2
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/lib/module/components/slider/ThemedSlider.js +29 -18
- package/lib/module/components/slider/ThemedSlider.js.map +1 -1
- package/lib/typescript/src/components/slider/ThemedSlider.d.ts.map +1 -1
- package/lib/typescript/src/types/slider.d.ts +12 -1
- package/lib/typescript/src/types/slider.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -4,7 +4,6 @@ import { useDeferredValue, useLayoutEffect, useState } from 'react';
|
|
|
4
4
|
import { Gesture, GestureDetector } from 'react-native-gesture-handler';
|
|
5
5
|
import { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
|
|
6
6
|
import { scheduleOnRN } from 'react-native-worklets';
|
|
7
|
-
import { useWindowDimensionsWidth } from "../../hooks/style.js";
|
|
8
7
|
import { useViewRef } from "../../hooks/view.js";
|
|
9
8
|
import { SliderCurrentValueDisplayMode, SliderThumbSize, SliderTrackSize } from "../../utils/slider/const.js";
|
|
10
9
|
import AnimatedThemedView from "../view/AnimatedThemedView.js";
|
|
@@ -16,6 +15,7 @@ const ThemedSlider = ({
|
|
|
16
15
|
steps = 1,
|
|
17
16
|
currentValue,
|
|
18
17
|
currentValueDisplayMode = SliderCurrentValueDisplayMode.None,
|
|
18
|
+
onValueChange,
|
|
19
19
|
trackSize = SliderTrackSize.M,
|
|
20
20
|
trackActiveColor = 'themePri',
|
|
21
21
|
trackActiveProps,
|
|
@@ -31,28 +31,34 @@ const ThemedSlider = ({
|
|
|
31
31
|
const processedRange = isNumRange ? range.sort() : range;
|
|
32
32
|
const totalSteps = isNumRange ? Math.abs(processedRange[1] - processedRange[0]) / steps : processedRange.length - 1;
|
|
33
33
|
const thumbSizeHalf = thumbSize / 2;
|
|
34
|
-
const
|
|
35
|
-
const
|
|
36
|
-
const [
|
|
34
|
+
const sliderViewRef = useViewRef();
|
|
35
|
+
const trackViewRef = useViewRef();
|
|
36
|
+
const [sliderWidth, setSliderWidth] = useState();
|
|
37
|
+
const [trackWidth, setTrackWidth] = useState();
|
|
37
38
|
const [stepWidth, setStepWidth] = useState();
|
|
38
39
|
const [selectedVal, setSelectedVal] = useState(currentValue);
|
|
39
40
|
const deferredSelectedValue = useDeferredValue(selectedVal);
|
|
40
|
-
const xSharedVal = useSharedValue(-(
|
|
41
|
+
const xSharedVal = useSharedValue(-(trackWidth ?? 0));
|
|
41
42
|
const trackAnimatedStyle = useAnimatedStyle(() => ({
|
|
42
43
|
transform: [{
|
|
43
44
|
translateX: xSharedVal.get()
|
|
44
45
|
}]
|
|
45
|
-
}), [
|
|
46
|
+
}), [trackWidth]);
|
|
46
47
|
const thumbAnimatedStyle = useAnimatedStyle(() => ({
|
|
47
48
|
transform: [{
|
|
48
49
|
translateX: xSharedVal.get() - thumbSizeHalf
|
|
49
50
|
}]
|
|
50
51
|
}), [thumbSizeHalf]);
|
|
51
52
|
useLayoutEffect(() => {
|
|
52
|
-
|
|
53
|
+
sliderViewRef.current?.measure((_x, _y, w) => {
|
|
54
|
+
setSliderWidth(w);
|
|
55
|
+
});
|
|
56
|
+
}, []);
|
|
57
|
+
useLayoutEffect(() => {
|
|
58
|
+
trackViewRef.current?.measure((_x, _y, w) => {
|
|
53
59
|
const tempWidth = w - thumbSize;
|
|
54
60
|
const tempStepWidth = tempWidth / totalSteps;
|
|
55
|
-
|
|
61
|
+
setTrackWidth(tempWidth);
|
|
56
62
|
setStepWidth(tempStepWidth);
|
|
57
63
|
setSelectedVal(currentValue);
|
|
58
64
|
let index = 0;
|
|
@@ -78,17 +84,21 @@ const ThemedSlider = ({
|
|
|
78
84
|
if (isNumRange) {
|
|
79
85
|
const numRange = processedRange;
|
|
80
86
|
const numIndex = Math.round(x / stepWidth);
|
|
81
|
-
|
|
87
|
+
const tempSelectedVal = numRange[1] - numIndex * steps;
|
|
88
|
+
setSelectedVal(tempSelectedVal);
|
|
89
|
+
onValueChange(tempSelectedVal);
|
|
82
90
|
} else {
|
|
83
91
|
const strRange = processedRange;
|
|
84
92
|
const strIndex = Math.round(x / stepWidth);
|
|
85
|
-
|
|
93
|
+
const tempSelectedVal = strRange[totalSteps - strIndex];
|
|
94
|
+
setSelectedVal(tempSelectedVal);
|
|
95
|
+
onValueChange(tempSelectedVal);
|
|
86
96
|
}
|
|
87
97
|
};
|
|
88
98
|
const updateXSharedVal = (x, animated = false) => {
|
|
89
99
|
'worklet';
|
|
90
100
|
|
|
91
|
-
const tempX = Math.min(0, Math.max(x, -(
|
|
101
|
+
const tempX = Math.min(0, Math.max(x, -(trackWidth ?? 0)));
|
|
92
102
|
xSharedVal.set(animated ? withTiming(tempX) : tempX);
|
|
93
103
|
scheduleOnRN(updateSelectedVal, Math.abs(tempX));
|
|
94
104
|
};
|
|
@@ -96,15 +106,15 @@ const ThemedSlider = ({
|
|
|
96
106
|
allTouches
|
|
97
107
|
}) => {
|
|
98
108
|
const touch = allTouches[0];
|
|
99
|
-
if (touch) {
|
|
100
|
-
updateXSharedVal(-(
|
|
109
|
+
if (touch && sliderWidth) {
|
|
110
|
+
updateXSharedVal(-(sliderWidth - (touch.x + thumbSize + thumbSizeHalf)));
|
|
101
111
|
}
|
|
102
112
|
}).onTouchesUp(({
|
|
103
113
|
allTouches
|
|
104
114
|
}) => {
|
|
105
115
|
const touch = allTouches[0];
|
|
106
|
-
if (touch && stepWidth) {
|
|
107
|
-
const nearestStep = Math.round(-(
|
|
116
|
+
if (touch && sliderWidth && stepWidth) {
|
|
117
|
+
const nearestStep = Math.round(-(sliderWidth - (touch.x + thumbSize + thumbSizeHalf)) / stepWidth);
|
|
108
118
|
updateXSharedVal(nearestStep * stepWidth, true);
|
|
109
119
|
}
|
|
110
120
|
}), Gesture.Pan().onChange(({
|
|
@@ -123,26 +133,27 @@ const ThemedSlider = ({
|
|
|
123
133
|
children: deferredSelectedValue
|
|
124
134
|
});
|
|
125
135
|
return /*#__PURE__*/_jsxs(ThemedView, {
|
|
136
|
+
ref: sliderViewRef,
|
|
126
137
|
alignItems: 'center',
|
|
127
138
|
children: [currentValueDisplayMode === SliderCurrentValueDisplayMode.Top && currentValueComponent, /*#__PURE__*/_jsx(GestureDetector, {
|
|
128
139
|
gesture: gesture,
|
|
129
140
|
children: /*#__PURE__*/_jsxs(ThemedView, {
|
|
130
|
-
ref:
|
|
141
|
+
ref: trackViewRef,
|
|
131
142
|
alignItems: 'center',
|
|
132
143
|
justifyContent: 'center',
|
|
133
144
|
alignSelf: 'stretch',
|
|
134
145
|
height: thumbSize,
|
|
135
146
|
style: wrapStyle,
|
|
147
|
+
backgroundColor: 'themeSec',
|
|
136
148
|
...wrapProps,
|
|
137
149
|
children: [/*#__PURE__*/_jsx(ThemedView, {
|
|
138
150
|
position: 'absolute',
|
|
139
|
-
width:
|
|
151
|
+
width: trackWidth,
|
|
140
152
|
height: trackSize,
|
|
141
153
|
overflow: 'hidden',
|
|
142
154
|
backgroundColor: trackInactiveColor,
|
|
143
155
|
...trackActiveProps,
|
|
144
156
|
children: /*#__PURE__*/_jsx(AnimatedThemedView, {
|
|
145
|
-
width: width,
|
|
146
157
|
height: trackSize,
|
|
147
158
|
backgroundColor: trackActiveColor,
|
|
148
159
|
style: trackAnimatedStyle,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useDeferredValue","useLayoutEffect","useState","Gesture","GestureDetector","useAnimatedStyle","useSharedValue","withTiming","scheduleOnRN","
|
|
1
|
+
{"version":3,"names":["useDeferredValue","useLayoutEffect","useState","Gesture","GestureDetector","useAnimatedStyle","useSharedValue","withTiming","scheduleOnRN","useViewRef","SliderCurrentValueDisplayMode","SliderThumbSize","SliderTrackSize","AnimatedThemedView","ThemedView","jsx","_jsx","jsxs","_jsxs","ThemedText","require","default","ThemedSlider","range","steps","currentValue","currentValueDisplayMode","None","onValueChange","trackSize","M","trackActiveColor","trackActiveProps","trackInactiveColor","trackInactiveProps","thumbSize","thumbColor","thumbProps","wrapProps","props","isNumRange","processedRange","sort","totalSteps","Math","abs","length","thumbSizeHalf","sliderViewRef","trackViewRef","sliderWidth","setSliderWidth","trackWidth","setTrackWidth","stepWidth","setStepWidth","selectedVal","setSelectedVal","deferredSelectedValue","xSharedVal","trackAnimatedStyle","transform","translateX","get","thumbAnimatedStyle","current","measure","_x","_y","w","tempWidth","tempStepWidth","index","numRange","numCurrentValue","strRange","strCurrentValue","indexOf","set","wrapStyle","marginHorizontal","updateSelectedVal","x","numIndex","round","tempSelectedVal","strIndex","updateXSharedVal","animated","tempX","min","max","gesture","Simultaneous","Tap","onTouchesDown","allTouches","touch","onTouchesUp","nearestStep","Pan","onChange","changeX","onEnd","currentValueComponent","marginTop","children","ref","alignItems","Top","justifyContent","alignSelf","height","style","backgroundColor","position","width","overflow","right","aspectRatio","opacity","Bottom"],"sourceRoot":"../../../../src","sources":["components/slider/ThemedSlider.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemedSlider.d.ts","sourceRoot":"","sources":["../../../../../src/components/slider/ThemedSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ThemedSlider.d.ts","sourceRoot":"","sources":["../../../../../src/components/slider/ThemedSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAS7E,OAAO,KAAK,EAGV,iBAAiB,EAClB,MAAM,oBAAoB,CAAC;AAa5B,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAsLvC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -2,8 +2,19 @@ import type { SliderCurrentValueDisplayMode, SliderThumbSize, SliderTrackSize }
|
|
|
2
2
|
import type { CustomThemedTextProps } from './text';
|
|
3
3
|
import type { ThemeColors } from './theme';
|
|
4
4
|
import type { AnimatedThemedViewProps, ThemedViewProps } from './view';
|
|
5
|
-
export type
|
|
5
|
+
export type NumberSlider = {
|
|
6
|
+
range: [number, number];
|
|
7
|
+
steps: number;
|
|
8
|
+
currentValue?: number;
|
|
9
|
+
};
|
|
10
|
+
export type StringSlider = {
|
|
11
|
+
range: string[];
|
|
12
|
+
steps?: never;
|
|
13
|
+
currentValue?: string;
|
|
14
|
+
};
|
|
15
|
+
export type ThemedSliderProps = (NumberSlider | StringSlider) & Omit<CustomThemedTextProps, 'text'> & {
|
|
6
16
|
currentValueDisplayMode?: SliderCurrentValueDisplayMode;
|
|
17
|
+
onValueChange: (value: number | string) => void;
|
|
7
18
|
trackSize?: SliderTrackSize | number;
|
|
8
19
|
trackActiveColor?: ThemeColors;
|
|
9
20
|
trackActiveProps?: ThemedViewProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../src/types/slider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,6BAA6B,EAC7B,eAAe,EACf,eAAe,EAChB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../src/types/slider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,6BAA6B,EAC7B,eAAe,EACf,eAAe,EAChB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAEvE,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,CAAC,YAAY,GAAG,YAAY,CAAC,GAC3D,IAAI,CAAC,qBAAqB,EAAE,MAAM,CAAC,GAAG;IACpC,uBAAuB,CAAC,EAAE,6BAA6B,CAAC;IACxD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IACrC,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,gBAAgB,CAAC,EAAE,eAAe,CAAC;IACnC,kBAAkB,CAAC,EAAE,WAAW,CAAC;IACjC,kBAAkB,CAAC,EAAE,uBAAuB,CAAC;IAC7C,SAAS,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IACrC,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC,SAAS,CAAC,EAAE,eAAe,CAAC;CAC7B,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jamadd/react-native-template-ui",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.2",
|
|
4
4
|
"description": "React Native Template UI is a collection of UI components designed by JaMa D&D.",
|
|
5
5
|
"main": "./lib/module/index.js",
|
|
6
6
|
"types": "./lib/typescript/src/index.d.ts",
|