@jamadd/react-native-template-ui 0.7.7 → 0.7.8
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.
|
@@ -5,6 +5,7 @@ import { memo, useLayoutEffect, useState } from 'react';
|
|
|
5
5
|
import { Gesture, GestureDetector } from 'react-native-gesture-handler';
|
|
6
6
|
import { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
|
|
7
7
|
import { scheduleOnRN } from 'react-native-worklets';
|
|
8
|
+
import { useWindowDimensionsWidth } from "../../hooks/style.js";
|
|
8
9
|
import { useViewRef } from "../../hooks/view.js";
|
|
9
10
|
import { sliderStepIndicatorDefaultWidth, sliderThumbDefaultSize, SliderTrackSize } from "../../utils/slider/const.js";
|
|
10
11
|
import AnimatedThemedView from "../view/AnimatedThemedView.js";
|
|
@@ -31,6 +32,7 @@ const Slider = ({
|
|
|
31
32
|
setSelectedVal,
|
|
32
33
|
selectedValSharedVal
|
|
33
34
|
}) => {
|
|
35
|
+
const windowWidth = useWindowDimensionsWidth();
|
|
34
36
|
const isNumRange = typeof range[0] === 'number';
|
|
35
37
|
const processedRange = isNumRange ? range.sort() : range;
|
|
36
38
|
const totalSteps = isNumRange ? Math.abs(processedRange[1] - processedRange[0]) / steps : processedRange.length - 1;
|
|
@@ -99,21 +101,20 @@ const Slider = ({
|
|
|
99
101
|
scheduleOnRN(updateSelectedVal, Math.abs(tempX));
|
|
100
102
|
};
|
|
101
103
|
const touchStart = useSharedValue(0);
|
|
102
|
-
const gesture = Gesture.Simultaneous(Gesture.LongPress().minDuration(gestureActivateDuration).onStart(({
|
|
104
|
+
const gesture = Gesture.Simultaneous(Gesture.LongPress().minDuration(gestureActivateDuration).maxDistance(windowWidth * 10).shouldCancelWhenOutside(false).onStart(({
|
|
103
105
|
x
|
|
104
106
|
}) => {
|
|
105
107
|
if (sliderWidth) {
|
|
106
108
|
updateXSharedVal(-(sliderWidth - (x + thumbSize + thumbSizeHalf)));
|
|
107
109
|
}
|
|
108
|
-
}).
|
|
109
|
-
|
|
110
|
+
}).onEnd(({
|
|
111
|
+
x
|
|
110
112
|
}) => {
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
const nearestStep = Math.round(-(sliderWidth - (touch.x + thumbSize + thumbSizeHalf)) / stepWidth);
|
|
113
|
+
if (sliderWidth && stepWidth) {
|
|
114
|
+
const nearestStep = Math.round(-(sliderWidth - (x + thumbSize + thumbSizeHalf)) / stepWidth);
|
|
114
115
|
updateXSharedVal(nearestStep * stepWidth, snapToStepAnimated);
|
|
115
116
|
}
|
|
116
|
-
}), Gesture.Pan().manualActivation(true).onBegin(() => {
|
|
117
|
+
}), Gesture.Pan().manualActivation(true).shouldCancelWhenOutside(false).onBegin(() => {
|
|
117
118
|
touchStart.set(Date.now());
|
|
118
119
|
}).onTouchesMove(({}, state) => {
|
|
119
120
|
const timeToCheck = Date.now() - touchStart.get();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useMappingHelper","memo","useLayoutEffect","useState","Gesture","GestureDetector","useAnimatedStyle","useSharedValue","withTiming","scheduleOnRN","useViewRef","sliderStepIndicatorDefaultWidth","sliderThumbDefaultSize","SliderTrackSize","AnimatedThemedView","ThemedView","ThemedSliderStepIndicator","jsx","_jsx","jsxs","_jsxs","Slider","range","steps","stepIndicator","stepIndicatorProps","snapToStepAnimated","onValueChange","sliderWrapProps","trackSize","M","trackActiveColor","trackActiveProps","trackInactiveColor","trackInactiveProps","thumbSize","thumbColor","thumbProps","gestureActivateDuration","setSelectedVal","selectedValSharedVal","isNumRange","processedRange","sort","totalSteps","Math","abs","length","thumbSizeHalf","getMappingKey","trackViewRef","sliderWidth","setSliderWidth","trackWidth","setTrackWidth","stepWidth","setStepWidth","xSharedVal","trackAnimatedStyle","transform","translateX","get","thumbAnimatedStyle","current","measure","_x","_y","w","tempWidth","tempStepWidth","index","numRange","numCurrentValue","strRange","strCurrentValue","indexOf","set","updateSelectedVal","x","numIndex","round","tempSelectedVal","strIndex","updateXSharedVal","animated","tempX","min","max","touchStart","gesture","Simultaneous","LongPress","minDuration","
|
|
1
|
+
{"version":3,"names":["useMappingHelper","memo","useLayoutEffect","useState","Gesture","GestureDetector","useAnimatedStyle","useSharedValue","withTiming","scheduleOnRN","useWindowDimensionsWidth","useViewRef","sliderStepIndicatorDefaultWidth","sliderThumbDefaultSize","SliderTrackSize","AnimatedThemedView","ThemedView","ThemedSliderStepIndicator","jsx","_jsx","jsxs","_jsxs","Slider","range","steps","stepIndicator","stepIndicatorProps","snapToStepAnimated","onValueChange","sliderWrapProps","trackSize","M","trackActiveColor","trackActiveProps","trackInactiveColor","trackInactiveProps","thumbSize","thumbColor","thumbProps","gestureActivateDuration","setSelectedVal","selectedValSharedVal","windowWidth","isNumRange","processedRange","sort","totalSteps","Math","abs","length","thumbSizeHalf","getMappingKey","trackViewRef","sliderWidth","setSliderWidth","trackWidth","setTrackWidth","stepWidth","setStepWidth","xSharedVal","trackAnimatedStyle","transform","translateX","get","thumbAnimatedStyle","current","measure","_x","_y","w","tempWidth","tempStepWidth","index","numRange","numCurrentValue","strRange","strCurrentValue","indexOf","set","updateSelectedVal","x","numIndex","round","tempSelectedVal","strIndex","updateXSharedVal","animated","tempX","min","max","touchStart","gesture","Simultaneous","LongPress","minDuration","maxDistance","shouldCancelWhenOutside","onStart","onEnd","nearestStep","Pan","manualActivation","onBegin","Date","now","onTouchesMove","state","timeToCheck","activate","fail","onChange","changeX","children","ref","alignItems","justifyContent","alignSelf","height","position","width","overflow","backgroundColor","style","map","value","left","right","aspectRatio","opacity"],"sourceRoot":"../../../../src","sources":["components/slider/Slider.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../../src/components/slider/Slider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../../src/components/slider/Slider.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAEV,WAAW,EAEZ,MAAM,oBAAoB,CAAC;;AAuM5B,wBAA4B"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jamadd/react-native-template-ui",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.8",
|
|
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",
|