related-ui-components 2.5.6 → 2.5.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.
- package/lib/module/app.js +6 -9
- package/lib/module/app.js.map +1 -1
- package/lib/module/components/Input/CountryPickerView.js +0 -2
- package/lib/module/components/Input/CountryPickerView.js.map +1 -1
- package/lib/module/components/ProgressBar/CircularProgressBar.js +17 -6
- package/lib/module/components/ProgressBar/CircularProgressBar.js.map +1 -1
- package/lib/module/contexts/BottomSheetStackContext.js.map +1 -1
- package/lib/module/contexts/BottomSheetStackProvider.js +2 -3
- package/lib/module/contexts/BottomSheetStackProvider.js.map +1 -1
- package/lib/module/index.js +7 -4
- package/lib/module/index.js.map +1 -1
- package/lib/typescript/src/app.d.ts.map +1 -1
- package/lib/typescript/src/components/Input/CountryPickerView.d.ts.map +1 -1
- package/lib/typescript/src/components/ProgressBar/CircularProgressBar.d.ts +4 -1
- package/lib/typescript/src/components/ProgressBar/CircularProgressBar.d.ts.map +1 -1
- package/lib/typescript/src/contexts/BottomSheetStackContext.d.ts +1 -0
- package/lib/typescript/src/contexts/BottomSheetStackContext.d.ts.map +1 -1
- package/lib/typescript/src/contexts/BottomSheetStackProvider.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +0 -1
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/app.tsx +3 -2
- package/src/components/Input/CountryPickerView.tsx +0 -2
- package/src/components/ProgressBar/CircularProgressBar.tsx +28 -15
- package/src/contexts/BottomSheetStackContext.tsx +1 -0
- package/src/contexts/BottomSheetStackProvider.tsx +2 -4
- package/src/index.ts +4 -4
package/lib/module/app.js
CHANGED
|
@@ -5,7 +5,7 @@ import { SafeAreaView, StyleSheet, StatusBar } from "react-native";
|
|
|
5
5
|
// Adjust path as needed
|
|
6
6
|
import { GestureHandlerRootView } from "react-native-gesture-handler";
|
|
7
7
|
import { lightTheme, RelatedProvider, useTheme } from "./theme/index.js";
|
|
8
|
-
import
|
|
8
|
+
import CircularProgressBar from "./components/ProgressBar/CircularProgressBar.js";
|
|
9
9
|
import { BottomSheetStackProvider } from "./contexts/index.js";
|
|
10
10
|
import { SafeAreaProvider } from "react-native-safe-area-context";
|
|
11
11
|
|
|
@@ -63,12 +63,10 @@ const App = () => {
|
|
|
63
63
|
barStyle: "light-content"
|
|
64
64
|
}), /*#__PURE__*/_jsx(SafeAreaView, {
|
|
65
65
|
style: styles.appContainer,
|
|
66
|
-
children: /*#__PURE__*/_jsx(
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
height: 55
|
|
71
|
-
}
|
|
66
|
+
children: /*#__PURE__*/_jsx(CircularProgressBar, {
|
|
67
|
+
progress: 50,
|
|
68
|
+
strokeWidth: 10,
|
|
69
|
+
progressColor: "#9CA0A3"
|
|
72
70
|
})
|
|
73
71
|
})]
|
|
74
72
|
})
|
|
@@ -80,8 +78,7 @@ const App = () => {
|
|
|
80
78
|
const styles = StyleSheet.create({
|
|
81
79
|
appContainer: {
|
|
82
80
|
flex: 1,
|
|
83
|
-
backgroundColor: "
|
|
84
|
-
// Match carousel background or choose another
|
|
81
|
+
backgroundColor: "grey",
|
|
85
82
|
justifyContent: "center" // Center the carousel vertically if it's the main content
|
|
86
83
|
}
|
|
87
84
|
});
|
package/lib/module/app.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","SafeAreaView","StyleSheet","StatusBar","GestureHandlerRootView","lightTheme","RelatedProvider","useTheme","
|
|
1
|
+
{"version":3,"names":["React","useState","SafeAreaView","StyleSheet","StatusBar","GestureHandlerRootView","lightTheme","RelatedProvider","useTheme","CircularProgressBar","BottomSheetStackProvider","SafeAreaProvider","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DUMMY_DATA","id","image","title","App","theme","departureDate","setDepartureDate","undefined","returnDate","setReturnDate","progress","setProgress","handleAnimate","newProgress","Math","floor","random","children","style","flex","barStyle","styles","appContainer","strokeWidth","progressColor","create","backgroundColor","justifyContent"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,YAAY,EAAEC,UAAU,EAAEC,SAAS,QAAQ,cAAc;AACgB;AAClF,SAASC,sBAAsB,QAAQ,8BAA8B;AAUrE,SAASC,UAAU,EAAEC,eAAe,EAAEC,QAAQ,QAAQ,kBAAS;AAC/D,OAAOC,mBAAmB,MAAM,iDAA8C;AAE9E,SAASC,wBAAwB,QAAQ,qBAAY;AACrD,SAASC,gBAAgB,QAAQ,gCAAgC;;AAEjE;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AACA,MAAMC,UAAU,GAAG,CACjB;EACEC,EAAE,EAAE,GAAG;EACPC,KAAK,EACH,iHAAiH;EACnHC,KAAK,EAAE;AACT,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;EACEF,EAAE,EAAE,GAAG;EACPC,KAAK,EACH,iHAAiH;EACnHC,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAE,GAAG;EACPC,KAAK,EACH,iHAAiH;EACnHC,KAAK,EAAE;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AAAA,CACD;AAED,MAAMC,GAAG,GAAGA,CAAA,KAAM;EAChB,MAAM;IAAEC;EAAM,CAAC,GAAGf,QAAQ,CAAC,CAAC;EAE5B,MAAM,CAACgB,aAAa,EAAEC,gBAAgB,CAAC,GAAGxB,QAAQ,CAChDyB,SACF,CAAC;EACD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG3B,QAAQ,CAAqByB,SAAS,CAAC;EAE3E,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAG7B,QAAQ,CAAC,EAAE,CAAC;EAC5C,MAAM8B,aAAa,GAAGA,CAAA,KAAM;IAC1B;IACA,MAAMC,WAAW,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,GAAG,CAAC;IACnDL,WAAW,CAACE,WAAW,CAAC;EAC1B,CAAC;EACD,oBACEnB,IAAA,CAAAI,SAAA;IAAAmB,QAAA,eACAvB,IAAA,CAACF,gBAAgB;MAAAyB,QAAA,eACfvB,IAAA,CAACR,sBAAsB;QAACgC,KAAK,EAAE;UAAEC,IAAI,EAAE;QAAE,CAAE;QAAAF,QAAA,eACzCvB,IAAA,CAACN,eAAe;UAACgB,KAAK,EAAEjB,UAAW;UAAA8B,QAAA,eACjCrB,KAAA,CAACL,wBAAwB;YAAA0B,QAAA,gBACvBvB,IAAA,CAACT,SAAS;cAACmC,QAAQ,EAAC;YAAe,CAAE,CAAC,eACtC1B,IAAA,CAACX,YAAY;cAACmC,KAAK,EAAEG,MAAM,CAACC,YAAa;cAAAL,QAAA,eA+CvCvB,IAAA,CAACJ,mBAAmB;gBAACoB,QAAQ,EAAE,EAAG;gBAACa,WAAW,EAAE,EAAG;gBAACC,aAAa,EAAC;cAAS,CAAsB;YAAC,CAEtF,CAAC;UAAA,CACS;QAAC,CACZ;MAAC,CACI;IAAC,CACP;EAAC,CACnB,CAAC;AAEP,CAAC;AAED,MAAMH,MAAM,GAAGrC,UAAU,CAACyC,MAAM,CAAC;EAC/BH,YAAY,EAAE;IACZH,IAAI,EAAE,CAAC;IACPO,eAAe,EAAC,MAAM;IACtBC,cAAc,EAAE,QAAQ,CAAE;EAC5B;AACF,CAAC,CAAC;AAEF,eAAexB,GAAG","ignoreList":[]}
|
|
@@ -6,14 +6,12 @@ import { BottomSheetFlatList } from "@gorhom/bottom-sheet";
|
|
|
6
6
|
import { useTheme } from "../../theme/index.js";
|
|
7
7
|
import { iso2ToFlagEmoji } from "../../utils/flags.js";
|
|
8
8
|
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
-
// ADDED: A memoized row component to ensure stability
|
|
10
9
|
const CountryRow = /*#__PURE__*/React.memo(({
|
|
11
10
|
item,
|
|
12
11
|
onSelectCountry,
|
|
13
12
|
nameStyle,
|
|
14
13
|
codeStyle
|
|
15
14
|
}) => {
|
|
16
|
-
// This handler is now stable because onSelectCountry is stable
|
|
17
15
|
const handlePress = () => onSelectCountry(item);
|
|
18
16
|
return /*#__PURE__*/_jsxs(TouchableOpacity, {
|
|
19
17
|
style: styles.countryRow,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useMemo","Text","View","TouchableOpacity","StyleSheet","BottomSheetFlatList","useTheme","iso2ToFlagEmoji","jsxs","_jsxs","jsx","_jsx","CountryRow","memo","item","onSelectCountry","nameStyle","codeStyle","handlePress","style","styles","countryRow","onPress","children","flag","iso2","countryText","name","code","CountryPickerView","countries","listTitle","listTitleStyle","countryNameStyle","countryCodeStyle","theme","memoizedNameStyle","countryName","color","text","memoizedCodeStyle","countryCode","helper","renderCountry","popup","popupTitle","data","keyExtractor","c","renderItem","contentContainerStyle","paddingBottom","initialNumToRender","maxToRenderPerBatch","create","flex","width","paddingHorizontal","loaderContainer","alignItems","justifyContent","fontSize","fontWeight","marginBottom","paddingTop","flexDirection","paddingVertical","height","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/CountryPickerView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAyBC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACxE,SACEC,IAAI,EACJC,IAAI,EACJC,gBAAgB,EAChBC,UAAU,QAKL,cAAc;AACrB,SAA+BC,mBAAmB,QAAQ,sBAAsB;AAChF,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,eAAe,QAAQ,sBAAmB;AAAC,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAYpD
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","Text","View","TouchableOpacity","StyleSheet","BottomSheetFlatList","useTheme","iso2ToFlagEmoji","jsxs","_jsxs","jsx","_jsx","CountryRow","memo","item","onSelectCountry","nameStyle","codeStyle","handlePress","style","styles","countryRow","onPress","children","flag","iso2","countryText","name","code","CountryPickerView","countries","listTitle","listTitleStyle","countryNameStyle","countryCodeStyle","theme","memoizedNameStyle","countryName","color","text","memoizedCodeStyle","countryCode","helper","renderCountry","popup","popupTitle","data","keyExtractor","c","renderItem","contentContainerStyle","paddingBottom","initialNumToRender","maxToRenderPerBatch","create","flex","width","paddingHorizontal","loaderContainer","alignItems","justifyContent","fontSize","fontWeight","marginBottom","paddingTop","flexDirection","paddingVertical","height","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/CountryPickerView.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { useEffect } from "react";
|
|
4
|
-
import { Canvas, matchFont, Path, Skia, Text, useFont } from "@shopify/react-native-skia";
|
|
4
|
+
import { Canvas, matchFont, Path, Shadow, Skia, Text, useFont } from "@shopify/react-native-skia";
|
|
5
5
|
import { useSharedValue, withTiming, useDerivedValue, Easing } from "react-native-reanimated";
|
|
6
6
|
import { Platform } from "react-native";
|
|
7
7
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
@@ -16,7 +16,10 @@ const CircularProgressBar = ({
|
|
|
16
16
|
customText,
|
|
17
17
|
textColor = "white",
|
|
18
18
|
fontSize = size / 4,
|
|
19
|
-
textFont
|
|
19
|
+
textFont,
|
|
20
|
+
style,
|
|
21
|
+
progressPadding = 0,
|
|
22
|
+
innerShadowColor
|
|
20
23
|
}) => {
|
|
21
24
|
const animatedProgress = useSharedValue(0);
|
|
22
25
|
const customFont = useFont(textFont, fontSize);
|
|
@@ -30,6 +33,7 @@ const CircularProgressBar = ({
|
|
|
30
33
|
const radius = (size - strokeWidth) / 2;
|
|
31
34
|
const path = Skia.Path.Make();
|
|
32
35
|
path.addCircle(size / 2, size / 2, radius);
|
|
36
|
+
const progressStrokeWidth = Math.max(0, strokeWidth - progressPadding * 2);
|
|
33
37
|
useEffect(() => {
|
|
34
38
|
animatedProgress.value = withTiming(progress / 100, {
|
|
35
39
|
duration,
|
|
@@ -48,10 +52,10 @@ const CircularProgressBar = ({
|
|
|
48
52
|
});
|
|
49
53
|
const textY = size / 2 + fontSize / 3;
|
|
50
54
|
return /*#__PURE__*/_jsxs(Canvas, {
|
|
51
|
-
style: {
|
|
55
|
+
style: [{
|
|
52
56
|
width: size,
|
|
53
57
|
height: size
|
|
54
|
-
},
|
|
58
|
+
}, style],
|
|
55
59
|
children: [/*#__PURE__*/_jsx(Path, {
|
|
56
60
|
path: path,
|
|
57
61
|
style: "stroke",
|
|
@@ -61,11 +65,18 @@ const CircularProgressBar = ({
|
|
|
61
65
|
}), /*#__PURE__*/_jsx(Path, {
|
|
62
66
|
path: path,
|
|
63
67
|
style: "stroke",
|
|
64
|
-
strokeWidth:
|
|
68
|
+
strokeWidth: progressStrokeWidth,
|
|
65
69
|
strokeCap: lineCap,
|
|
66
70
|
color: progressColor,
|
|
67
71
|
start: 0,
|
|
68
|
-
end: animatedProgress
|
|
72
|
+
end: animatedProgress,
|
|
73
|
+
children: innerShadowColor && /*#__PURE__*/_jsx(Shadow, {
|
|
74
|
+
dx: 0,
|
|
75
|
+
dy: 0,
|
|
76
|
+
blur: 4,
|
|
77
|
+
color: innerShadowColor,
|
|
78
|
+
inner: true
|
|
79
|
+
})
|
|
69
80
|
}), font && /*#__PURE__*/_jsx(Text, {
|
|
70
81
|
font: font,
|
|
71
82
|
color: textColor,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","Canvas","matchFont","Path","Skia","Text","useFont","useSharedValue","withTiming","useDerivedValue","Easing","Platform","jsx","_jsx","jsxs","_jsxs","CircularProgressBar","size","strokeWidth","progress","duration","backgroundColor","progressColor","lineCap","customText","textColor","fontSize","textFont","animatedProgress","customFont","font","fontFamily","select","ios","default","radius","path","Make","addCircle","value","easing","out","cubic","percentageText","
|
|
1
|
+
{"version":3,"names":["React","useEffect","Canvas","matchFont","Path","Shadow","Skia","Text","useFont","useSharedValue","withTiming","useDerivedValue","Easing","Platform","jsx","_jsx","jsxs","_jsxs","CircularProgressBar","size","strokeWidth","progress","duration","backgroundColor","progressColor","lineCap","customText","textColor","fontSize","textFont","style","progressPadding","innerShadowColor","animatedProgress","customFont","font","fontFamily","select","ios","default","radius","path","Make","addCircle","progressStrokeWidth","Math","max","value","easing","out","cubic","percentageText","round","textToDisplay","undefined","textX","text","textWidth","measureText","width","textY","height","children","strokeCap","color","start","end","dx","dy","blur","inner","x","y"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ProgressBar/CircularProgressBar.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useContext","BottomSheetStackContext","createContext","useBottomSheetStack","context","Error"],"sourceRoot":"..\\..\\..\\src","sources":["contexts/BottomSheetStackContext.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAeC,UAAU,QAAQ,OAAO;
|
|
1
|
+
{"version":3,"names":["React","useContext","BottomSheetStackContext","createContext","useBottomSheetStack","context","Error"],"sourceRoot":"..\\..\\..\\src","sources":["contexts/BottomSheetStackContext.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAeC,UAAU,QAAQ,OAAO;AAiBpD,OAAO,MAAMC,uBAAuB,gBAClCF,KAAK,CAACG,aAAa,CAAqC,IAAI,CAAC;AAE/D,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAMC,OAAO,GAAGJ,UAAU,CAACC,uBAAuB,CAAC;EAEnD,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CACb,oEACF,CAAC;EACH;EAEA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}
|
|
@@ -64,7 +64,6 @@ export const BottomSheetStackProvider = ({
|
|
|
64
64
|
appearsOnIndex: 0,
|
|
65
65
|
pressBehavior: "close"
|
|
66
66
|
}), []);
|
|
67
|
-
console.log(stack);
|
|
68
67
|
return /*#__PURE__*/_jsxs(BottomSheetStackContext.Provider, {
|
|
69
68
|
value: {
|
|
70
69
|
push,
|
|
@@ -75,9 +74,9 @@ export const BottomSheetStackProvider = ({
|
|
|
75
74
|
},
|
|
76
75
|
children: [children, /*#__PURE__*/_jsx(BottomSheet, {
|
|
77
76
|
ref: sheetRef,
|
|
78
|
-
index:
|
|
77
|
+
index: -1,
|
|
79
78
|
snapPoints: currentItem?.snapPoints || ["100%"],
|
|
80
|
-
enableDynamicSizing:
|
|
79
|
+
enableDynamicSizing: currentItem?.dynamicSizing ?? false,
|
|
81
80
|
enablePanDownToClose: true,
|
|
82
81
|
android_keyboardInputMode: "adjustResize",
|
|
83
82
|
enableBlurKeyboardOnGesture: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["BottomSheet","BottomSheetBackdrop","React","useCallback","useEffect","useMemo","useRef","useState","BackHandler","StyleSheet","Animated","FadeIn","FadeOut","useSafeAreaInsets","BottomSheetStackContext","jsx","_jsx","jsxs","_jsxs","BottomSheetStackProvider","children","stack","setStack","sheetRef","top","push","item","prev","clear","current","close","pop","length","slice","replace","currentItem","canGoBack","isOpen","snapToIndex","backHandlerSubscription","addEventListener","remove","AnimatedView","View","enteringAnimation","duration","exitingAnimation","renderBackdrop","props","disappearsOnIndex","style","backgroundColor","appearsOnIndex","pressBehavior","
|
|
1
|
+
{"version":3,"names":["BottomSheet","BottomSheetBackdrop","React","useCallback","useEffect","useMemo","useRef","useState","BackHandler","StyleSheet","Animated","FadeIn","FadeOut","useSafeAreaInsets","BottomSheetStackContext","jsx","_jsx","jsxs","_jsxs","BottomSheetStackProvider","children","stack","setStack","sheetRef","top","push","item","prev","clear","current","close","pop","length","slice","replace","currentItem","canGoBack","isOpen","snapToIndex","backHandlerSubscription","addEventListener","remove","AnimatedView","View","enteringAnimation","duration","exitingAnimation","renderBackdrop","props","disappearsOnIndex","style","backgroundColor","appearsOnIndex","pressBehavior","Provider","value","ref","index","snapPoints","enableDynamicSizing","dynamicSizing","enablePanDownToClose","android_keyboardInputMode","enableBlurKeyboardOnGesture","keyboardBlurBehavior","keyboardBehavior","onClose","backdropComponent","topInset","handleIndicatorStyle","styles","sheetContainer","entering","exiting","animatedView","component","create","flex"],"sourceRoot":"..\\..\\..\\src","sources":["contexts/BottomSheetStackProvider.tsx"],"mappings":"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","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { registerRootComponent } from 'expo';
|
|
4
|
-
import "react-native-reanimated";
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
// import { registerRootComponent } from 'expo';
|
|
4
|
+
// import "react-native-reanimated";
|
|
5
|
+
|
|
6
|
+
// import App from "./app";
|
|
7
|
+
|
|
8
|
+
// registerRootComponent(App);
|
|
9
|
+
|
|
7
10
|
export * from "./theme/index.js";
|
|
8
11
|
export * from "./components/index.js";
|
|
9
12
|
export * from "./contexts/index.js";
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["index.ts"],"mappings":";;AAAA;AACA;;AAGA;;AAEA;;AAEA,cAAc,kBAAS;AACvB,cAAc,uBAAc;AAC5B,cAAc,qBAAY","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAqDxC,QAAA,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAqDxC,QAAA,MAAM,GAAG,yBA6ER,CAAC;AAUF,eAAe,GAAG,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CountryPickerView.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/CountryPickerView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EAOL,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAItB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,UAAU,sBAAsB;IAC9B,SAAS,EAAE,OAAO,EAAE,CAAC;IACrB,eAAe,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACzC;
|
|
1
|
+
{"version":3,"file":"CountryPickerView.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/CountryPickerView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EAOL,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAItB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,UAAU,sBAAsB;IAC9B,SAAS,EAAE,OAAO,EAAE,CAAC;IACrB,eAAe,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACzC;AA4BD,eAAO,MAAM,iBAAiB,GAAI,gGAO/B,sBAAsB,sBA2CxB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { ImageRequireSource } from "react-native";
|
|
2
|
+
import { ImageRequireSource, ViewStyle } from "react-native";
|
|
3
3
|
interface CircularProgressBarProps {
|
|
4
4
|
size?: number;
|
|
5
5
|
strokeWidth?: number;
|
|
@@ -12,6 +12,9 @@ interface CircularProgressBarProps {
|
|
|
12
12
|
textColor?: string;
|
|
13
13
|
fontSize?: number;
|
|
14
14
|
textFont?: ImageRequireSource;
|
|
15
|
+
style?: ViewStyle;
|
|
16
|
+
progressPadding?: number;
|
|
17
|
+
innerShadowColor?: string;
|
|
15
18
|
}
|
|
16
19
|
declare const CircularProgressBar: React.FC<CircularProgressBarProps>;
|
|
17
20
|
export default CircularProgressBar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CircularProgressBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/CircularProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CircularProgressBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/CircularProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAgBzC,OAAO,EAAE,kBAAkB,EAAY,SAAS,EAAE,MAAM,cAAc,CAAC;AAEvE,UAAU,wBAAwB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA4F3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetStackContext.d.ts","sourceRoot":"","sources":["../../../../src/contexts/BottomSheetStackContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAErD,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"BottomSheetStackContext.d.ts","sourceRoot":"","sources":["../../../../src/contexts/BottomSheetStackContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAErD,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC3C,GAAG,EAAE,MAAM,IAAI,CAAC;IAChB,OAAO,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC9C,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,uBAAuB,mDAC2B,CAAC;AAEhE,eAAO,MAAM,mBAAmB,mCAU/B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetStackProvider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/BottomSheetStackProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EACZ,SAAS,EAMV,MAAM,OAAO,CAAC;AASf,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,
|
|
1
|
+
{"version":3,"file":"BottomSheetStackProvider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/BottomSheetStackProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EACZ,SAAS,EAMV,MAAM,OAAO,CAAC;AASf,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CA0GtE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAQA,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}
|
package/package.json
CHANGED
package/src/app.tsx
CHANGED
|
@@ -119,7 +119,8 @@ const App = () => {
|
|
|
119
119
|
{/* <DateRangePicker onDatesChange={()=>{}} labelContainerStyle={{backgroundColor:"red"}}></DateRangePicker> */}
|
|
120
120
|
{/* <CarRentalForm onSelectionChange={console.log}></CarRentalForm> */}
|
|
121
121
|
{/* <CarouselCardStack data={DUMMY_DATA} /> */}
|
|
122
|
-
<
|
|
122
|
+
<CircularProgressBar progress={50} strokeWidth={10} progressColor="#9CA0A3"></CircularProgressBar>
|
|
123
|
+
{/* <PhoneInput value="" onChangeText={() => {}} inputContainerStyle={{height: 55}}></PhoneInput> */}
|
|
123
124
|
</SafeAreaView>
|
|
124
125
|
</BottomSheetStackProvider>
|
|
125
126
|
</RelatedProvider>
|
|
@@ -132,7 +133,7 @@ const App = () => {
|
|
|
132
133
|
const styles = StyleSheet.create({
|
|
133
134
|
appContainer: {
|
|
134
135
|
flex: 1,
|
|
135
|
-
backgroundColor:
|
|
136
|
+
backgroundColor:"grey",
|
|
136
137
|
justifyContent: "center", // Center the carousel vertically if it's the main content
|
|
137
138
|
},
|
|
138
139
|
});
|
|
@@ -23,7 +23,6 @@ interface CountryPickerViewProps {
|
|
|
23
23
|
countryCodeStyle?: StyleProp<TextStyle>;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
// ADDED: A memoized row component to ensure stability
|
|
27
26
|
const CountryRow = React.memo(
|
|
28
27
|
({
|
|
29
28
|
item,
|
|
@@ -36,7 +35,6 @@ const CountryRow = React.memo(
|
|
|
36
35
|
nameStyle: StyleProp<TextStyle>;
|
|
37
36
|
codeStyle: StyleProp<TextStyle>;
|
|
38
37
|
}) => {
|
|
39
|
-
// This handler is now stable because onSelectCountry is stable
|
|
40
38
|
const handlePress = () => onSelectCountry(item);
|
|
41
39
|
|
|
42
40
|
return (
|
|
@@ -3,6 +3,7 @@ import {
|
|
|
3
3
|
Canvas,
|
|
4
4
|
matchFont,
|
|
5
5
|
Path,
|
|
6
|
+
Shadow,
|
|
6
7
|
Skia,
|
|
7
8
|
Text,
|
|
8
9
|
useFont,
|
|
@@ -13,7 +14,7 @@ import {
|
|
|
13
14
|
useDerivedValue,
|
|
14
15
|
Easing,
|
|
15
16
|
} from "react-native-reanimated";
|
|
16
|
-
import { ImageRequireSource, Platform } from "react-native";
|
|
17
|
+
import { ImageRequireSource, Platform, ViewStyle } from "react-native";
|
|
17
18
|
|
|
18
19
|
interface CircularProgressBarProps {
|
|
19
20
|
size?: number;
|
|
@@ -27,6 +28,9 @@ interface CircularProgressBarProps {
|
|
|
27
28
|
textColor?: string;
|
|
28
29
|
fontSize?: number;
|
|
29
30
|
textFont?: ImageRequireSource;
|
|
31
|
+
style?: ViewStyle;
|
|
32
|
+
progressPadding?: number;
|
|
33
|
+
innerShadowColor?: string
|
|
30
34
|
}
|
|
31
35
|
|
|
32
36
|
const CircularProgressBar: React.FC<CircularProgressBarProps> = ({
|
|
@@ -41,23 +45,27 @@ const CircularProgressBar: React.FC<CircularProgressBarProps> = ({
|
|
|
41
45
|
textColor = "white",
|
|
42
46
|
fontSize = size / 4,
|
|
43
47
|
textFont,
|
|
48
|
+
style,
|
|
49
|
+
progressPadding = 0,
|
|
50
|
+
innerShadowColor
|
|
44
51
|
}) => {
|
|
45
52
|
const animatedProgress = useSharedValue(0);
|
|
46
53
|
|
|
47
|
-
const customFont = useFont(textFont, fontSize);
|
|
54
|
+
const customFont = useFont(textFont, fontSize);
|
|
48
55
|
|
|
49
|
-
const font = textFont
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
const radius = (size - strokeWidth) / 2;
|
|
56
|
+
const font = textFont
|
|
57
|
+
? customFont
|
|
58
|
+
: matchFont({
|
|
59
|
+
fontFamily: Platform.select({ ios: "Helvetica", default: "serif" }),
|
|
60
|
+
fontSize: fontSize,
|
|
61
|
+
});
|
|
57
62
|
|
|
58
|
-
const
|
|
63
|
+
const radius = (size - strokeWidth) / 2;
|
|
64
|
+
const path = Skia.Path.Make();
|
|
59
65
|
path.addCircle(size / 2, size / 2, radius);
|
|
60
66
|
|
|
67
|
+
const progressStrokeWidth = Math.max(0, strokeWidth - progressPadding * 2);
|
|
68
|
+
|
|
61
69
|
useEffect(() => {
|
|
62
70
|
animatedProgress.value = withTiming(progress / 100, {
|
|
63
71
|
duration,
|
|
@@ -82,7 +90,7 @@ const path = Skia.Path.Make();
|
|
|
82
90
|
const textY = size / 2 + fontSize / 3;
|
|
83
91
|
|
|
84
92
|
return (
|
|
85
|
-
<Canvas style={{ width: size, height: size }}>
|
|
93
|
+
<Canvas style={[{ width: size, height: size }, style]}>
|
|
86
94
|
<Path
|
|
87
95
|
path={path}
|
|
88
96
|
style="stroke"
|
|
@@ -94,13 +102,18 @@ const path = Skia.Path.Make();
|
|
|
94
102
|
<Path
|
|
95
103
|
path={path}
|
|
96
104
|
style="stroke"
|
|
97
|
-
strokeWidth={
|
|
105
|
+
strokeWidth={progressStrokeWidth}
|
|
98
106
|
strokeCap={lineCap}
|
|
99
107
|
color={progressColor}
|
|
100
108
|
start={0}
|
|
101
109
|
end={animatedProgress}
|
|
102
|
-
|
|
110
|
+
>
|
|
111
|
+
{innerShadowColor && (
|
|
112
|
+
<Shadow dx={0} dy={0} blur={4} color={innerShadowColor} inner />
|
|
113
|
+
)}
|
|
114
|
+
</Path>
|
|
103
115
|
|
|
116
|
+
{/* Text */}
|
|
104
117
|
{font && (
|
|
105
118
|
<Text
|
|
106
119
|
font={font}
|
|
@@ -114,4 +127,4 @@ const path = Skia.Path.Make();
|
|
|
114
127
|
);
|
|
115
128
|
};
|
|
116
129
|
|
|
117
|
-
export default CircularProgressBar;
|
|
130
|
+
export default CircularProgressBar;
|
|
@@ -90,8 +90,6 @@ export const BottomSheetStackProvider: React.FC<{ children: ReactNode }> = ({
|
|
|
90
90
|
[]
|
|
91
91
|
);
|
|
92
92
|
|
|
93
|
-
console.log(stack)
|
|
94
|
-
|
|
95
93
|
return (
|
|
96
94
|
<BottomSheetStackContext.Provider
|
|
97
95
|
value={{ push, pop, replace, clear, canGoBack }}
|
|
@@ -99,9 +97,9 @@ export const BottomSheetStackProvider: React.FC<{ children: ReactNode }> = ({
|
|
|
99
97
|
{children}
|
|
100
98
|
<BottomSheet
|
|
101
99
|
ref={sheetRef}
|
|
102
|
-
index={
|
|
100
|
+
index={-1}
|
|
103
101
|
snapPoints={currentItem?.snapPoints || ["100%"]}
|
|
104
|
-
enableDynamicSizing={
|
|
102
|
+
enableDynamicSizing={currentItem?.dynamicSizing ?? false}
|
|
105
103
|
enablePanDownToClose
|
|
106
104
|
android_keyboardInputMode="adjustResize"
|
|
107
105
|
enableBlurKeyboardOnGesture
|
package/src/index.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { registerRootComponent } from 'expo';
|
|
2
|
-
import "react-native-reanimated";
|
|
1
|
+
// import { registerRootComponent } from 'expo';
|
|
2
|
+
// import "react-native-reanimated";
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
import App from "./app";
|
|
5
|
+
// import App from "./app";
|
|
6
6
|
|
|
7
|
-
registerRootComponent(App);
|
|
7
|
+
// registerRootComponent(App);
|
|
8
8
|
|
|
9
9
|
export * from "./theme"
|
|
10
10
|
export * from "./components";
|