related-ui-components 3.0.2 → 3.0.4
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 +2 -1
- package/lib/module/app.js.map +1 -1
- package/lib/module/components/Input/CountryPickerView.js +1 -1
- package/lib/module/components/Input/CountryPickerView.js.map +1 -1
- package/lib/module/components/ProgressBar/CircularProgressBar.js +10 -7
- package/lib/module/components/ProgressBar/CircularProgressBar.js.map +1 -1
- package/lib/typescript/src/components/Input/CountryPickerView.d.ts +1 -0
- package/lib/typescript/src/components/Input/CountryPickerView.d.ts.map +1 -1
- package/lib/typescript/src/components/ProgressBar/CircularProgressBar.d.ts +1 -0
- package/lib/typescript/src/components/ProgressBar/CircularProgressBar.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/app.tsx +1 -1
- package/src/components/Input/CountryPickerView.tsx +1 -1
- package/src/components/ProgressBar/CircularProgressBar.tsx +34 -14
package/lib/module/app.js
CHANGED
|
@@ -43,10 +43,11 @@ const App = () => {
|
|
|
43
43
|
}), /*#__PURE__*/_jsx(SafeAreaView, {
|
|
44
44
|
style: styles.appContainer,
|
|
45
45
|
children: /*#__PURE__*/_jsx(CircularProgressBar, {
|
|
46
|
-
|
|
46
|
+
variant: "steps",
|
|
47
47
|
totalSteps: 4,
|
|
48
48
|
currentStep: 1,
|
|
49
49
|
size: 43,
|
|
50
|
+
fontSize: 14,
|
|
50
51
|
strokeWidth: 2,
|
|
51
52
|
progressColor: "blue"
|
|
52
53
|
})
|
package/lib/module/app.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","SafeAreaView","StyleSheet","StatusBar","GestureHandlerRootView","lightTheme","RelatedProvider","useTheme","CircularProgressBar","BottomSheetStackProvider","SafeAreaProvider","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DUMMY_DATA","Array","from","length","_","i","id","image","title","App","theme","departureDate","setDepartureDate","undefined","returnDate","setReturnDate","progress","setProgress","handleAnimate","newProgress","Math","floor","random","children","style","flex","barStyle","styles","appContainer","totalSteps","currentStep","size","strokeWidth","progressColor","create","backgroundColor","justifyContent","alignItems"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAeC,QAAQ,QAAQ,OAAO;AAClD,SAASC,YAAY,EAAEC,UAAU,EAAEC,SAAS,QAAkC,cAAc;AACV;AAClF,SAASC,sBAAsB,QAAQ,8BAA8B;AAarE,SAAoBC,UAAU,EAAEC,eAAe,EAAEC,QAAQ,QAAQ,kBAAS;AAC1E,OAAOC,mBAAmB,MAAM,iDAA8C;AAE9E,SAASC,wBAAwB,QAAQ,qBAAY;AACrD,SAASC,gBAAgB,QAAQ,gCAAgC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAIlE,MAAMC,UAAU,GAAGC,KAAK,CAACC,IAAI,CAAC;EAAEC,MAAM,EAAE;AAAG,CAAC,EAAE,CAACC,CAAC,EAAEC,CAAC,MAAM;EACvDC,EAAE,EAAE,SAASD,CAAC,GAAG,CAAC,EAAE;EACpB;EACAE,KAAK,EAAE,2CAA2C;EAClDC,KAAK,EAAE,UAAUH,CAAC,GAAG,CAAC;AACxB,CAAC,CAAC,CAAC;AAEH,MAAMI,GAAG,GAAGA,CAAA,KAAM;EAChB,MAAM;IAAEC;EAAM,CAAC,GAAGpB,QAAQ,CAAC,CAAC;EAE5B,MAAM,CAACqB,aAAa,EAAEC,gBAAgB,CAAC,GAAG7B,QAAQ,CAChD8B,SACF,CAAC;EACD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGhC,QAAQ,CAAqB8B,SAAS,CAAC;EAE3E,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAGlC,QAAQ,CAAC,EAAE,CAAC;EAC5C,MAAMmC,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;EAED,oBACExB,IAAA,CAAAI,SAAA;IAAAwB,QAAA,eACE5B,IAAA,CAACF,gBAAgB;MAAA8B,QAAA,eACf5B,IAAA,CAACR,sBAAsB;QAACqC,KAAK,EAAE;UAAEC,IAAI,EAAE;QAAE,CAAE;QAAAF,QAAA,eACzC5B,IAAA,CAACN,eAAe;UAACqB,KAAK,EAAEtB,UAAW;UAAAmC,QAAA,eACjC1B,KAAA,CAACL,wBAAwB;YAAA+B,QAAA,gBACvB5B,IAAA,CAACT,SAAS;cAACwC,QAAQ,EAAC;YAAe,CAAE,CAAC,eACtC/B,IAAA,CAACX,YAAY;cAACwC,KAAK,EAAEG,MAAM,CAACC,YAAa;cAAAL,QAAA,eAuDvC5B,IAAA,CAACJ,mBAAmB;
|
|
1
|
+
{"version":3,"names":["React","useState","SafeAreaView","StyleSheet","StatusBar","GestureHandlerRootView","lightTheme","RelatedProvider","useTheme","CircularProgressBar","BottomSheetStackProvider","SafeAreaProvider","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DUMMY_DATA","Array","from","length","_","i","id","image","title","App","theme","departureDate","setDepartureDate","undefined","returnDate","setReturnDate","progress","setProgress","handleAnimate","newProgress","Math","floor","random","children","style","flex","barStyle","styles","appContainer","variant","totalSteps","currentStep","size","fontSize","strokeWidth","progressColor","create","backgroundColor","justifyContent","alignItems"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAeC,QAAQ,QAAQ,OAAO;AAClD,SAASC,YAAY,EAAEC,UAAU,EAAEC,SAAS,QAAkC,cAAc;AACV;AAClF,SAASC,sBAAsB,QAAQ,8BAA8B;AAarE,SAAoBC,UAAU,EAAEC,eAAe,EAAEC,QAAQ,QAAQ,kBAAS;AAC1E,OAAOC,mBAAmB,MAAM,iDAA8C;AAE9E,SAASC,wBAAwB,QAAQ,qBAAY;AACrD,SAASC,gBAAgB,QAAQ,gCAAgC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAIlE,MAAMC,UAAU,GAAGC,KAAK,CAACC,IAAI,CAAC;EAAEC,MAAM,EAAE;AAAG,CAAC,EAAE,CAACC,CAAC,EAAEC,CAAC,MAAM;EACvDC,EAAE,EAAE,SAASD,CAAC,GAAG,CAAC,EAAE;EACpB;EACAE,KAAK,EAAE,2CAA2C;EAClDC,KAAK,EAAE,UAAUH,CAAC,GAAG,CAAC;AACxB,CAAC,CAAC,CAAC;AAEH,MAAMI,GAAG,GAAGA,CAAA,KAAM;EAChB,MAAM;IAAEC;EAAM,CAAC,GAAGpB,QAAQ,CAAC,CAAC;EAE5B,MAAM,CAACqB,aAAa,EAAEC,gBAAgB,CAAC,GAAG7B,QAAQ,CAChD8B,SACF,CAAC;EACD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGhC,QAAQ,CAAqB8B,SAAS,CAAC;EAE3E,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAGlC,QAAQ,CAAC,EAAE,CAAC;EAC5C,MAAMmC,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;EAED,oBACExB,IAAA,CAAAI,SAAA;IAAAwB,QAAA,eACE5B,IAAA,CAACF,gBAAgB;MAAA8B,QAAA,eACf5B,IAAA,CAACR,sBAAsB;QAACqC,KAAK,EAAE;UAAEC,IAAI,EAAE;QAAE,CAAE;QAAAF,QAAA,eACzC5B,IAAA,CAACN,eAAe;UAACqB,KAAK,EAAEtB,UAAW;UAAAmC,QAAA,eACjC1B,KAAA,CAACL,wBAAwB;YAAA+B,QAAA,gBACvB5B,IAAA,CAACT,SAAS;cAACwC,QAAQ,EAAC;YAAe,CAAE,CAAC,eACtC/B,IAAA,CAACX,YAAY;cAACwC,KAAK,EAAEG,MAAM,CAACC,YAAa;cAAAL,QAAA,eAuDvC5B,IAAA,CAACJ,mBAAmB;gBAACsC,OAAO,EAAC,OAAO;gBAAEC,UAAU,EAAE,CAAE;gBAACC,WAAW,EAAE,CAAE;gBAACC,IAAI,EAAE,EAAG;gBAACC,QAAQ,EAAE,EAAG;gBAACC,WAAW,EAAE,CAAE;gBAACC,aAAa,EAAC;cAAM,CAAsB;YAAC,CAqB5I,CAAC;UAAA,CACS;QAAC,CACZ;MAAC,CACI;IAAC,CACT;EAAC,CACnB,CAAC;AAEP,CAAC;AAED,MAAMR,MAAM,GAAG1C,UAAU,CAACmD,MAAM,CAAC;EAC/BR,YAAY,EAAE;IACZH,IAAI,EAAE,CAAC;IACPY,eAAe,EAAE,MAAM;IACvBC,cAAc,EAAE,QAAQ;IAAE;IAC1BC,UAAU,EAAC;EACb;AACF,CAAC,CAAC;AAEF,eAAe9B,GAAG","ignoreList":[]}
|
|
@@ -9,7 +9,7 @@ import { allCountries } from "country-telephone-data";
|
|
|
9
9
|
import CustomInput from "./Input.js";
|
|
10
10
|
import { ThemedText as Text } from "../ui/index.js";
|
|
11
11
|
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
-
const DEFAULT_COUNTRIES = allCountries.map(c => ({
|
|
12
|
+
export const DEFAULT_COUNTRIES = allCountries.map(c => ({
|
|
13
13
|
code: `+${c.dialCode}`,
|
|
14
14
|
iso2: c.iso2,
|
|
15
15
|
name: c.name
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","useEffect","useCallback","useMemo","View","TouchableOpacity","StyleSheet","Keyboard","BottomSheetFlatList","useTheme","iso2ToFlagEmoji","allCountries","CustomInput","ThemedText","Text","jsxs","_jsxs","jsx","_jsx","DEFAULT_COUNTRIES","map","c","code","dialCode","iso2","name","CountryRow","memo","item","onSelectCountry","nameStyle","codeStyle","handlePress","dismiss","style","styles","countryRow","onPress","children","flag","countryText","CountryPickerView","countries","listTitle","listTitleStyle","countryNameStyle","countryCodeStyle","searchPlaceholder","theme","searchQuery","setSearchQuery","filteredCountries","setFilteredCountries","lowercasedQuery","toLowerCase","trim","newFilteredData","filter","country","includes","memoizedNameStyle","countryName","color","text","memoizedCodeStyle","countryCode","helper","renderCountry","popup","popupTitle","placeholder","value","isBottomSheet","onChangeText","containerStyle","searchInputContainer","data","keyExtractor","renderItem","contentContainerStyle","paddingBottom","initialNumToRender","maxToRenderPerBatch","showsVerticalScrollIndicator","keyboardShouldPersistTaps","ListEmptyComponent","emptyListContainer","emptyListText","create","flex","width","paddingHorizontal","fontSize","fontWeight","marginBottom","paddingTop","flexDirection","alignItems","paddingVertical","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/CountryPickerView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACxE,SACEC,IAAI,EACJC,gBAAgB,EAChBC,UAAU,EAGVC,QAAQ,QACH,cAAc;AACrB,SAASC,mBAAmB,QAAQ,sBAAsB;AAC1D,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,eAAe,QAAQ,sBAAmB;AAEnD,SAASC,YAAY,QAAQ,wBAAwB;AACrD,OAAOC,WAAW,MAAM,YAAS;AACjC,SAASC,UAAU,IAAIC,IAAI,QAAQ,gBAAO;AAAC,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAY3C,MAAMC,iBAA4B,GAAGR,YAAY,CAACS,GAAG,CAAEC,CAAC,KAAM;
|
|
1
|
+
{"version":3,"names":["React","useState","useEffect","useCallback","useMemo","View","TouchableOpacity","StyleSheet","Keyboard","BottomSheetFlatList","useTheme","iso2ToFlagEmoji","allCountries","CustomInput","ThemedText","Text","jsxs","_jsxs","jsx","_jsx","DEFAULT_COUNTRIES","map","c","code","dialCode","iso2","name","CountryRow","memo","item","onSelectCountry","nameStyle","codeStyle","handlePress","dismiss","style","styles","countryRow","onPress","children","flag","countryText","CountryPickerView","countries","listTitle","listTitleStyle","countryNameStyle","countryCodeStyle","searchPlaceholder","theme","searchQuery","setSearchQuery","filteredCountries","setFilteredCountries","lowercasedQuery","toLowerCase","trim","newFilteredData","filter","country","includes","memoizedNameStyle","countryName","color","text","memoizedCodeStyle","countryCode","helper","renderCountry","popup","popupTitle","placeholder","value","isBottomSheet","onChangeText","containerStyle","searchInputContainer","data","keyExtractor","renderItem","contentContainerStyle","paddingBottom","initialNumToRender","maxToRenderPerBatch","showsVerticalScrollIndicator","keyboardShouldPersistTaps","ListEmptyComponent","emptyListContainer","emptyListText","create","flex","width","paddingHorizontal","fontSize","fontWeight","marginBottom","paddingTop","flexDirection","alignItems","paddingVertical","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/CountryPickerView.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -24,7 +24,8 @@ const CircularProgressBar = ({
|
|
|
24
24
|
progressPadding = 0,
|
|
25
25
|
currentStep = 0,
|
|
26
26
|
totalSteps = 4,
|
|
27
|
-
stepGap = 15
|
|
27
|
+
stepGap = 15,
|
|
28
|
+
fontFamily
|
|
28
29
|
}) => {
|
|
29
30
|
const {
|
|
30
31
|
theme
|
|
@@ -62,7 +63,7 @@ const CircularProgressBar = ({
|
|
|
62
63
|
});
|
|
63
64
|
const getInitialText = () => {
|
|
64
65
|
if (customText !== undefined) return customText;
|
|
65
|
-
if (variant ===
|
|
66
|
+
if (variant === "steps") return `${currentStep}/${totalSteps}`;
|
|
66
67
|
return `${progress}%`;
|
|
67
68
|
};
|
|
68
69
|
const renderSteps = () => {
|
|
@@ -129,8 +130,8 @@ const CircularProgressBar = ({
|
|
|
129
130
|
style: [{
|
|
130
131
|
width: size,
|
|
131
132
|
height: size,
|
|
132
|
-
justifyContent:
|
|
133
|
-
alignItems:
|
|
133
|
+
justifyContent: "center",
|
|
134
|
+
alignItems: "center"
|
|
134
135
|
}, style],
|
|
135
136
|
children: [/*#__PURE__*/_jsx(Canvas, {
|
|
136
137
|
style: StyleSheet.absoluteFill,
|
|
@@ -138,12 +139,14 @@ const CircularProgressBar = ({
|
|
|
138
139
|
}), /*#__PURE__*/_jsx(AnimatedTextInput, {
|
|
139
140
|
editable: false,
|
|
140
141
|
defaultValue: getInitialText(),
|
|
141
|
-
style: {
|
|
142
|
+
style: [{
|
|
142
143
|
color: finalTextColor,
|
|
143
144
|
fontSize: fontSize,
|
|
144
|
-
textAlign:
|
|
145
|
+
textAlign: "center",
|
|
145
146
|
padding: 0
|
|
146
|
-
},
|
|
147
|
+
}, fontFamily && {
|
|
148
|
+
fontFamily
|
|
149
|
+
}],
|
|
147
150
|
animatedProps: animatedProps
|
|
148
151
|
})]
|
|
149
152
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","StyleSheet","TextInput","View","Canvas","DashPathEffect","Path","Shadow","Skia","Animated","Easing","useAnimatedProps","useDerivedValue","useSharedValue","withTiming","useTheme","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","AnimatedTextInput","createAnimatedComponent","CircularProgressBar","size","strokeWidth","backgroundColor","progressColor","lineCap","customText","textColor","fontSize","style","innerShadowColor","duration","variant","progress","progressPadding","currentStep","totalSteps","stepGap","theme","animatedValue","finalProgressColor","primary","finalBackgroundColor","disabled","finalTextColor","onSurface","radius","circumference","Math","PI","path","Make","addCircle","progressStrokeWidth","max","targetValue","value","easing","out","cubic","textToDisplay","undefined","displayStep","round","animatedProps","text","getInitialText","renderSteps","totalGapDegrees","totalArcDegrees","stepArcLength","gapLength","dashPattern","children","strokeCap","color","intervals","start","end","dx","dy","blur","inner","renderProgress","width","height","justifyContent","alignItems","absoluteFill","editable","defaultValue","textAlign","padding"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ProgressBar/CircularProgressBar.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,UAAU,EAAEC,SAAS,EAAEC,IAAI,QAAmB,cAAc;AACrE,
|
|
1
|
+
{"version":3,"names":["React","useEffect","StyleSheet","TextInput","View","Canvas","DashPathEffect","Path","Shadow","Skia","Animated","Easing","useAnimatedProps","useDerivedValue","useSharedValue","withTiming","useTheme","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","AnimatedTextInput","createAnimatedComponent","CircularProgressBar","size","strokeWidth","backgroundColor","progressColor","lineCap","customText","textColor","fontSize","style","innerShadowColor","duration","variant","progress","progressPadding","currentStep","totalSteps","stepGap","fontFamily","theme","animatedValue","finalProgressColor","primary","finalBackgroundColor","disabled","finalTextColor","onSurface","radius","circumference","Math","PI","path","Make","addCircle","progressStrokeWidth","max","targetValue","value","easing","out","cubic","textToDisplay","undefined","displayStep","round","animatedProps","text","getInitialText","renderSteps","totalGapDegrees","totalArcDegrees","stepArcLength","gapLength","dashPattern","children","strokeCap","color","intervals","start","end","dx","dy","blur","inner","renderProgress","width","height","justifyContent","alignItems","absoluteFill","editable","defaultValue","textAlign","padding"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ProgressBar/CircularProgressBar.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -10,6 +10,7 @@ interface CountryPickerViewProps {
|
|
|
10
10
|
countryCodeStyle?: StyleProp<TextStyle>;
|
|
11
11
|
searchPlaceholder?: string;
|
|
12
12
|
}
|
|
13
|
+
export declare const DEFAULT_COUNTRIES: Country[];
|
|
13
14
|
declare const CountryPickerView: ({ countries, onSelectCountry, listTitle, listTitleStyle, countryNameStyle, countryCodeStyle, searchPlaceholder, }: CountryPickerViewProps) => React.JSX.Element;
|
|
14
15
|
export default CountryPickerView;
|
|
15
16
|
//# sourceMappingURL=CountryPickerView.d.ts.map
|
|
@@ -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,EAIL,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAC;AAItB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAKvC,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IACtB,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;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;
|
|
1
|
+
{"version":3,"file":"CountryPickerView.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/CountryPickerView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EAIL,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAC;AAItB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAKvC,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IACtB,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;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,iBAAiB,EAAE,OAAO,EAIpC,CAAC;AA+BJ,QAAA,MAAM,iBAAiB,GAAI,mHAQxB,sBAAsB,sBAyExB,CAAC;AA6CF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CircularProgressBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/CircularProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAA+B,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"CircularProgressBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/CircularProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAA+B,SAAS,EAAE,MAAM,cAAc,CAAC;AAmBtE,UAAU,wBAAwB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,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,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAgK3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
package/package.json
CHANGED
package/src/app.tsx
CHANGED
|
@@ -106,7 +106,7 @@ const App = () => {
|
|
|
106
106
|
{/* <DateRangePicker onDatesChange={()=>{}} labelContainerStyle={{backgroundColor:"red"}}></DateRangePicker> */}
|
|
107
107
|
{/* <CarRentalForm onSelectionChange={console.log}></CarRentalForm> */}
|
|
108
108
|
{/* <CarouselCardStack data={DUMMY_DATA} /> */}
|
|
109
|
-
<CircularProgressBar
|
|
109
|
+
<CircularProgressBar variant="steps" totalSteps={4} currentStep={1} size={43} fontSize={14} strokeWidth={2} progressColor="blue"></CircularProgressBar>
|
|
110
110
|
{/* <RangeSlider initialMinValue={0} initialMaxValue={100} min={0} max={500} sliderWidth={300} onValueChange={console.log}></RangeSlider> */}
|
|
111
111
|
{/* <PhoneInput
|
|
112
112
|
value=""
|
|
@@ -25,7 +25,7 @@ interface CountryPickerViewProps {
|
|
|
25
25
|
searchPlaceholder?: string;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
const DEFAULT_COUNTRIES: Country[] = allCountries.map((c) => ({
|
|
28
|
+
export const DEFAULT_COUNTRIES: Country[] = allCountries.map((c) => ({
|
|
29
29
|
code: `+${c.dialCode}`,
|
|
30
30
|
iso2: c.iso2,
|
|
31
31
|
name: c.name,
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
import React, { useEffect } from "react";
|
|
2
2
|
import { StyleSheet, TextInput, View, ViewStyle } from "react-native";
|
|
3
|
-
import {
|
|
3
|
+
import {
|
|
4
|
+
Canvas,
|
|
5
|
+
DashPathEffect,
|
|
6
|
+
Path,
|
|
7
|
+
Shadow,
|
|
8
|
+
Skia,
|
|
9
|
+
} from "@shopify/react-native-skia";
|
|
4
10
|
import Animated, {
|
|
5
11
|
Easing,
|
|
6
12
|
useAnimatedProps,
|
|
@@ -30,6 +36,7 @@ interface CircularProgressBarProps {
|
|
|
30
36
|
currentStep?: number;
|
|
31
37
|
totalSteps?: number;
|
|
32
38
|
stepGap?: number;
|
|
39
|
+
fontFamily?: string;
|
|
33
40
|
}
|
|
34
41
|
|
|
35
42
|
const CircularProgressBar: React.FC<CircularProgressBarProps> = ({
|
|
@@ -50,6 +57,7 @@ const CircularProgressBar: React.FC<CircularProgressBarProps> = ({
|
|
|
50
57
|
currentStep = 0,
|
|
51
58
|
totalSteps = 4,
|
|
52
59
|
stepGap = 15,
|
|
60
|
+
fontFamily,
|
|
53
61
|
}) => {
|
|
54
62
|
const { theme } = useTheme();
|
|
55
63
|
const animatedValue = useSharedValue(0);
|
|
@@ -67,9 +75,7 @@ const CircularProgressBar: React.FC<CircularProgressBarProps> = ({
|
|
|
67
75
|
|
|
68
76
|
useEffect(() => {
|
|
69
77
|
const targetValue =
|
|
70
|
-
variant === "steps"
|
|
71
|
-
? currentStep / (totalSteps || 1)
|
|
72
|
-
: progress / 100;
|
|
78
|
+
variant === "steps" ? currentStep / (totalSteps || 1) : progress / 100;
|
|
73
79
|
animatedValue.value = withTiming(targetValue, {
|
|
74
80
|
duration,
|
|
75
81
|
easing: Easing.out(Easing.cubic),
|
|
@@ -90,12 +96,12 @@ const CircularProgressBar: React.FC<CircularProgressBarProps> = ({
|
|
|
90
96
|
const animatedProps = useAnimatedProps(() => {
|
|
91
97
|
return {
|
|
92
98
|
text: textToDisplay.value,
|
|
93
|
-
} as any;
|
|
99
|
+
} as any;
|
|
94
100
|
});
|
|
95
101
|
|
|
96
102
|
const getInitialText = () => {
|
|
97
103
|
if (customText !== undefined) return customText;
|
|
98
|
-
if (variant ===
|
|
104
|
+
if (variant === "steps") return `${currentStep}/${totalSteps}`;
|
|
99
105
|
return `${progress}%`;
|
|
100
106
|
};
|
|
101
107
|
|
|
@@ -162,23 +168,37 @@ const CircularProgressBar: React.FC<CircularProgressBarProps> = ({
|
|
|
162
168
|
);
|
|
163
169
|
|
|
164
170
|
return (
|
|
165
|
-
<View
|
|
171
|
+
<View
|
|
172
|
+
style={[
|
|
173
|
+
{
|
|
174
|
+
width: size,
|
|
175
|
+
height: size,
|
|
176
|
+
justifyContent: "center",
|
|
177
|
+
alignItems: "center",
|
|
178
|
+
},
|
|
179
|
+
style,
|
|
180
|
+
]}
|
|
181
|
+
>
|
|
166
182
|
<Canvas style={StyleSheet.absoluteFill}>
|
|
167
183
|
{variant === "steps" ? renderSteps() : renderProgress()}
|
|
168
184
|
</Canvas>
|
|
169
185
|
<AnimatedTextInput
|
|
170
186
|
editable={false}
|
|
171
187
|
defaultValue={getInitialText()}
|
|
172
|
-
style={
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
188
|
+
style={[
|
|
189
|
+
{
|
|
190
|
+
color: finalTextColor,
|
|
191
|
+
fontSize: fontSize,
|
|
192
|
+
|
|
193
|
+
textAlign: "center",
|
|
194
|
+
padding: 0,
|
|
195
|
+
},
|
|
196
|
+
fontFamily && { fontFamily },
|
|
197
|
+
]}
|
|
178
198
|
animatedProps={animatedProps}
|
|
179
199
|
/>
|
|
180
200
|
</View>
|
|
181
201
|
);
|
|
182
202
|
};
|
|
183
203
|
|
|
184
|
-
export default CircularProgressBar;
|
|
204
|
+
export default CircularProgressBar;
|