@kukkim/react-native-ui 0.1.4 → 0.1.6
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/badge/index.js +2 -1
- package/lib/module/components/badge/index.js.map +1 -1
- package/lib/module/components/card/foldableCard.js +9 -18
- package/lib/module/components/card/foldableCard.js.map +1 -1
- package/lib/module/components/icon/index.js +3 -2
- package/lib/module/components/icon/index.js.map +1 -1
- package/lib/module/components/index.js +3 -1
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/components/list/commonList.js +17 -0
- package/lib/module/components/list/commonList.js.map +1 -0
- package/lib/module/components/list/imageList.js +25 -0
- package/lib/module/components/list/imageList.js.map +1 -0
- package/lib/module/components/list/index.js +6 -0
- package/lib/module/components/list/index.js.map +1 -0
- package/lib/module/components/list/types.js +7 -0
- package/lib/module/components/list/types.js.map +1 -0
- package/lib/module/components/progressBar/circularProgressBar.js +16 -3
- package/lib/module/components/progressBar/circularProgressBar.js.map +1 -1
- package/lib/module/components/progressBar/index.js +0 -1
- package/lib/module/components/progressBar/index.js.map +1 -1
- package/lib/module/components/progressBar/linearProgressBar.js +15 -3
- package/lib/module/components/progressBar/linearProgressBar.js.map +1 -1
- package/lib/module/components/select/commonSelect.js +135 -0
- package/lib/module/components/select/commonSelect.js.map +1 -0
- package/lib/module/components/select/index.js +5 -0
- package/lib/module/components/select/index.js.map +1 -0
- package/lib/module/components/select/types.js +4 -0
- package/lib/module/components/select/types.js.map +1 -0
- package/lib/module/components/slider/index.js +103 -1
- package/lib/module/components/slider/index.js.map +1 -1
- package/lib/module/components/slider/types.js +2 -0
- package/lib/module/components/switch/commonSwitch.js +13 -17
- package/lib/module/components/switch/commonSwitch.js.map +1 -1
- package/lib/module/index.js +1 -1
- package/lib/module/index.js.map +1 -1
- package/lib/typescript/src/components/badge/index.d.ts +2 -1
- package/lib/typescript/src/components/badge/index.d.ts.map +1 -1
- package/lib/typescript/src/components/card/foldableCard.d.ts.map +1 -1
- package/lib/typescript/src/components/icon/index.d.ts.map +1 -1
- package/lib/typescript/src/components/icon/types.d.ts +1 -1
- package/lib/typescript/src/components/icon/types.d.ts.map +1 -1
- package/lib/typescript/src/components/index.d.ts +3 -1
- package/lib/typescript/src/components/index.d.ts.map +1 -1
- package/lib/typescript/src/components/list/commonList.d.ts +4 -0
- package/lib/typescript/src/components/list/commonList.d.ts.map +1 -0
- package/lib/typescript/src/components/list/imageList.d.ts +4 -0
- package/lib/typescript/src/components/list/imageList.d.ts.map +1 -0
- package/lib/typescript/src/components/list/index.d.ts +4 -0
- package/lib/typescript/src/components/list/index.d.ts.map +1 -0
- package/lib/typescript/src/components/list/types.d.ts +10 -0
- package/lib/typescript/src/components/list/types.d.ts.map +1 -0
- package/lib/typescript/src/components/progressBar/circularProgressBar.d.ts.map +1 -1
- package/lib/typescript/src/components/progressBar/index.d.ts.map +1 -1
- package/lib/typescript/src/components/progressBar/linearProgressBar.d.ts.map +1 -1
- package/lib/typescript/src/components/select/commonSelect.d.ts +5 -0
- package/lib/typescript/src/components/select/commonSelect.d.ts.map +1 -0
- package/lib/typescript/src/components/select/index.d.ts +3 -0
- package/lib/typescript/src/components/select/index.d.ts.map +1 -0
- package/lib/typescript/src/components/select/types.d.ts +16 -0
- package/lib/typescript/src/components/select/types.d.ts.map +1 -0
- package/lib/typescript/src/components/slider/index.d.ts +2 -0
- package/lib/typescript/src/components/slider/index.d.ts.map +1 -1
- package/lib/typescript/src/components/slider/types.d.ts +9 -0
- package/lib/typescript/src/components/slider/types.d.ts.map +1 -1
- package/lib/typescript/src/components/switch/commonSwitch.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +1 -1
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/package.json +3 -1
- package/src/components/badge/index.ts +2 -1
- package/src/components/card/foldableCard.tsx +14 -18
- package/src/components/icon/index.tsx +2 -1
- package/src/components/icon/types.ts +1 -0
- package/src/components/index.ts +3 -1
- package/src/components/list/commonList.tsx +14 -0
- package/src/components/list/imageList.tsx +25 -0
- package/src/components/list/index.ts +4 -0
- package/src/components/list/types.ts +14 -0
- package/src/components/progressBar/circularProgressBar.tsx +23 -3
- package/src/components/progressBar/index.ts +0 -1
- package/src/components/progressBar/linearProgressBar.tsx +31 -10
- package/src/components/select/commonSelect.tsx +170 -0
- package/src/components/select/index.ts +3 -0
- package/src/components/select/types.ts +18 -0
- package/src/components/slider/index.tsx +118 -1
- package/src/components/slider/types.ts +10 -0
- package/src/components/switch/commonSwitch.tsx +17 -13
- package/src/index.tsx +4 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/slider/index.tsx"],"mappings":"AAAA;AAAA","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["View","StyleSheet","Gesture","GestureDetector","Animated","useAnimatedStyle","useSharedValue","CommonText","useTheme","jsx","_jsx","jsxs","_jsxs","CommonSlider","labels","theme","position","startPosition","panGesture","Pan","onBegin","value","onUpdate","event","nextValue","translationX","animatedStyle","transform","translateX","activeTrackStyle","width","style","styles","container","children","sliderBar","backgroundColor","colors","secondary","primary","filledSliderBar","gesture","text","thumb","labelBar","map","label","index","percent","length","size","labelText","color","left","create","padding","height","top","borderRadius","marginTop","bottom"],"sourceRoot":"../../../../src","sources":["components/slider/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import {
|
|
4
|
-
import { Animated, Pressable, StyleSheet } from 'react-native';
|
|
3
|
+
import { Pressable, StyleSheet } from 'react-native';
|
|
5
4
|
import { sizeType } from "./types.js";
|
|
6
5
|
import { useTheme } from "../../hooks/useTheme.js";
|
|
7
|
-
|
|
8
|
-
//TODO: react-native-reanimated로 수정필요
|
|
6
|
+
import Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';
|
|
9
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
8
|
export default function CommonSwitch({
|
|
11
9
|
type = 'primary',
|
|
@@ -18,18 +16,19 @@ export default function CommonSwitch({
|
|
|
18
16
|
const {
|
|
19
17
|
theme
|
|
20
18
|
} = useTheme();
|
|
21
|
-
const animValue = useRef(new Animated.Value(value ? 1 : 0)).current;
|
|
22
19
|
const sizeValue = sizeType[size];
|
|
23
20
|
const containerWidth = (sizeValue + 2) * 2;
|
|
24
21
|
const thumbSize = sizeValue;
|
|
25
22
|
const translateX = containerWidth - thumbSize - 2;
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
23
|
+
const thumbAnimatedStyle = useAnimatedStyle(() => {
|
|
24
|
+
return {
|
|
25
|
+
transform: [{
|
|
26
|
+
translateX: withTiming(value ? translateX : 0, {
|
|
27
|
+
duration: 200
|
|
28
|
+
})
|
|
29
|
+
}]
|
|
30
|
+
};
|
|
31
|
+
}, [value, translateX]);
|
|
33
32
|
const toggleValue = () => {
|
|
34
33
|
if (disabled) return;
|
|
35
34
|
onChange?.(!value);
|
|
@@ -49,11 +48,8 @@ export default function CommonSwitch({
|
|
|
49
48
|
width: thumbSize,
|
|
50
49
|
height: thumbSize,
|
|
51
50
|
borderRadius: thumbSize / 2,
|
|
52
|
-
backgroundColor: value ? theme.colors[type] : theme.colors.disabled
|
|
53
|
-
|
|
54
|
-
translateX: animValue
|
|
55
|
-
}]
|
|
56
|
-
}]
|
|
51
|
+
backgroundColor: value ? theme.colors[type] : theme.colors.disabled
|
|
52
|
+
}, thumbAnimatedStyle]
|
|
57
53
|
})
|
|
58
54
|
});
|
|
59
55
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["Pressable","StyleSheet","sizeType","useTheme","Animated","useAnimatedStyle","withTiming","jsx","_jsx","CommonSwitch","type","size","value","onChange","disabled","props","theme","sizeValue","containerWidth","thumbSize","translateX","thumbAnimatedStyle","transform","duration","toggleValue","style","styles","container","width","height","borderRadius","borderColor","colors","border","onPress","children","View","backgroundColor","create","padding","justifyContent","borderWidth","opacity"],"sourceRoot":"../../../../src","sources":["components/switch/commonSwitch.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,UAAU,QAAQ,cAAc;AACpD,SAA2BC,QAAQ,QAAQ,YAAS;AACpD,SAASC,QAAQ,QAAQ,yBAAsB;AAC/C,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,UAAU,QACL,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjC,eAAe,SAASC,YAAYA,CAAC;EACnCC,IAAI,GAAG,SAAS;EAChBC,IAAI,GAAG,GAAG;EACVC,KAAK;EACLC,QAAQ;EACRC,QAAQ,GAAG,KAAK;EAChB,GAAGC;AACQ,CAAC,EAAE;EACd,MAAM;IAAEC;EAAM,CAAC,GAAGb,QAAQ,CAAC,CAAC;EAE5B,MAAMc,SAAS,GAAGf,QAAQ,CAACS,IAAI,CAAC;EAChC,MAAMO,cAAc,GAAG,CAACD,SAAS,GAAG,CAAC,IAAI,CAAC;EAC1C,MAAME,SAAS,GAAGF,SAAS;EAC3B,MAAMG,UAAU,GAAGF,cAAc,GAAGC,SAAS,GAAG,CAAC;EAEjD,MAAME,kBAAkB,GAAGhB,gBAAgB,CAAC,MAAM;IAChD,OAAO;MACLiB,SAAS,EAAE,CACT;QACEF,UAAU,EAAEd,UAAU,CAACM,KAAK,GAAGQ,UAAU,GAAG,CAAC,EAAE;UAC7CG,QAAQ,EAAE;QACZ,CAAC;MACH,CAAC;IAEL,CAAC;EACH,CAAC,EAAE,CAACX,KAAK,EAAEQ,UAAU,CAAC,CAAC;EAEvB,MAAMI,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAIV,QAAQ,EAAE;IACdD,QAAQ,GAAG,CAACD,KAAK,CAAC;EACpB,CAAC;EAED,oBACEJ,IAAA,CAACR,SAAS;IACRyB,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,KAAK,EAAEV,cAAc;MACrBW,MAAM,EAAEZ,SAAS,GAAG,CAAC;MACrBa,YAAY,EAAEb,SAAS,GAAG,CAAC,GAAG,CAAC;MAC/Bc,WAAW,EAAEjB,QAAQ,GAAGE,KAAK,CAACgB,MAAM,CAAClB,QAAQ,GAAGE,KAAK,CAACgB,MAAM,CAACC;IAC/D,CAAC,EACDnB,QAAQ,IAAIY,MAAM,CAACZ,QAAQ,CAC3B;IACFoB,OAAO,EAAEV,WAAY;IACrBV,QAAQ,EAAEA,QAAS;IAAA,GACfC,KAAK;IAAAoB,QAAA,eAET3B,IAAA,CAACJ,QAAQ,CAACgC,IAAI;MACZX,KAAK,EAAE,CACL;QACEG,KAAK,EAAET,SAAS;QAChBU,MAAM,EAAEV,SAAS;QACjBW,YAAY,EAAEX,SAAS,GAAG,CAAC;QAC3BkB,eAAe,EAAEzB,KAAK,GAAGI,KAAK,CAACgB,MAAM,CAACtB,IAAI,CAAC,GAAGM,KAAK,CAACgB,MAAM,CAAClB;MAC7D,CAAC,EACDO,kBAAkB;IAClB,CACH;EAAC,CACO,CAAC;AAEhB;AAEA,MAAMK,MAAM,GAAGzB,UAAU,CAACqC,MAAM,CAAC;EAC/BX,SAAS,EAAE;IACTY,OAAO,EAAE,CAAC;IACVC,cAAc,EAAE,QAAQ;IACxBC,WAAW,EAAE;EACf,CAAC;EACD3B,QAAQ,EAAE;IACR4B,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
export { CommonText, CommonButton, CommonBadge, SafeAreaContainer, ScrollViewContainer, CommonIcon, CommonRating, CommonAvatar, CommonImage, CheckBox, CommonHeader, CommonCard, FoldableCard, LinearProgressBar, CircularProgressBar, CommonInput, CommonPopOver, CommonSwitch, SocialLoginButton, CommonSpinner } from "./components/index.js";
|
|
3
|
+
export { CommonText, CommonButton, CommonBadge, SafeAreaContainer, ScrollViewContainer, CommonIcon, CommonRating, CommonAvatar, CommonImage, CheckBox, CommonHeader, CommonCard, FoldableCard, LinearProgressBar, CircularProgressBar, CommonInput, CommonPopOver, CommonSwitch, SocialLoginButton, CommonSpinner, CommonSlider, CommonSelect, SelectItem, NumberBadge } from "./components/index.js";
|
|
4
4
|
export { ThemeProvider } from "./theme/themeProvider.js";
|
|
5
5
|
//# sourceMappingURL=index.js.map
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["CommonText","CommonButton","CommonBadge","SafeAreaContainer","ScrollViewContainer","CommonIcon","CommonRating","CommonAvatar","CommonImage","CheckBox","CommonHeader","CommonCard","FoldableCard","LinearProgressBar","CircularProgressBar","CommonInput","CommonPopOver","CommonSwitch","SocialLoginButton","CommonSpinner","ThemeProvider"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SACEA,UAAU,EACVC,YAAY,EACZC,WAAW,EACXC,iBAAiB,EACjBC,mBAAmB,EACnBC,UAAU,EACVC,YAAY,EACZC,YAAY,EACZC,WAAW,EACXC,QAAQ,EACRC,YAAY,EACZC,UAAU,EACVC,YAAY,EACZC,iBAAiB,EACjBC,mBAAmB,EACnBC,WAAW,EACXC,aAAa,EACbC,YAAY,EACZC,iBAAiB,EACjBC,aAAa,
|
|
1
|
+
{"version":3,"names":["CommonText","CommonButton","CommonBadge","SafeAreaContainer","ScrollViewContainer","CommonIcon","CommonRating","CommonAvatar","CommonImage","CheckBox","CommonHeader","CommonCard","FoldableCard","LinearProgressBar","CircularProgressBar","CommonInput","CommonPopOver","CommonSwitch","SocialLoginButton","CommonSpinner","CommonSlider","CommonSelect","SelectItem","NumberBadge","ThemeProvider"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SACEA,UAAU,EACVC,YAAY,EACZC,WAAW,EACXC,iBAAiB,EACjBC,mBAAmB,EACnBC,UAAU,EACVC,YAAY,EACZC,YAAY,EACZC,WAAW,EACXC,QAAQ,EACRC,YAAY,EACZC,UAAU,EACVC,YAAY,EACZC,iBAAiB,EACjBC,mBAAmB,EACnBC,WAAW,EACXC,aAAa,EACbC,YAAY,EACZC,iBAAiB,EACjBC,aAAa,EACbC,YAAY,EACZC,YAAY,EACZC,UAAU,EACVC,WAAW,QACN,uBAAc;AACrB,SAASC,aAAa,QAAQ,0BAAuB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,kBAAe,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,kBAAe,CAAC;AACxC,OAAO,WAAW,MAAM,kBAAe,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"foldableCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/foldableCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,YAAS,CAAC;AAUjD,QAAA,MAAM,YAAY,GAAI,4CAMnB,iBAAiB,
|
|
1
|
+
{"version":3,"file":"foldableCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/foldableCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,YAAS,CAAC;AAUjD,QAAA,MAAM,YAAY,GAAI,4CAMnB,iBAAiB,gCAyCnB,CAAC;AAwBF,eAAe,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,YAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,YAAS,CAAC;AAoCnD,eAAO,MAAM,UAAU,GAAI,qCAKxB,SAAS,uCAiBX,CAAC"}
|
|
@@ -3,7 +3,7 @@ type Variant = 'primary' | 'secondary';
|
|
|
3
3
|
type SizeVariant = 's' | 'm' | 'l';
|
|
4
4
|
export declare const sizeType: Record<SizeVariant, number>;
|
|
5
5
|
export interface IconProps extends ViewProps {
|
|
6
|
-
iconType: 'check' | 'back' | 'close' | 'apple' | 'facebook' | 'google' | 'kakaotalk' | 'naver' | 'loaderCircle' | 'star_empty' | 'star_half' | 'star_full';
|
|
6
|
+
iconType: 'check' | 'back' | 'down' | 'close' | 'apple' | 'facebook' | 'google' | 'kakaotalk' | 'naver' | 'loaderCircle' | 'star_empty' | 'star_half' | 'star_full';
|
|
7
7
|
type?: Variant;
|
|
8
8
|
size?: SizeVariant;
|
|
9
9
|
color?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,KAAK,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;AACvC,KAAK,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAIhD,CAAC;AAEF,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,QAAQ,EAGJ,OAAO,GACP,MAAM,GACN,OAAO,GACP,OAAO,GACP,UAAU,GACV,QAAQ,GACR,WAAW,GACX,OAAO,GACP,cAAc,GAGd,YAAY,GACZ,WAAW,GACX,WAAW,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,KAAK,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;AACvC,KAAK,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAIhD,CAAC;AAEF,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,QAAQ,EAGJ,OAAO,GACP,MAAM,GACN,MAAM,GACN,OAAO,GACP,OAAO,GACP,UAAU,GACV,QAAQ,GACR,WAAW,GACX,OAAO,GACP,cAAc,GAGd,YAAY,GACZ,WAAW,GACX,WAAW,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { CommonText } from './text/index.js';
|
|
2
2
|
export { CommonButton, SocialLoginButton } from './button/index.js';
|
|
3
|
-
export { CommonBadge } from './badge/index.js';
|
|
3
|
+
export { CommonBadge, NumberBadge } from './badge/index.js';
|
|
4
4
|
export { SafeAreaContainer, ScrollViewContainer } from './screenContainer/index.js';
|
|
5
5
|
export { CommonIcon } from './icon/index.js';
|
|
6
6
|
export { CommonRating } from './rating/index.js';
|
|
@@ -14,4 +14,6 @@ export { CommonInput } from './input/index.js';
|
|
|
14
14
|
export { CommonPopOver } from './popOver/index.js';
|
|
15
15
|
export { CommonSwitch } from './switch/index.js';
|
|
16
16
|
export { CommonSpinner } from './spinner/index.js';
|
|
17
|
+
export { CommonSlider } from './slider/index.js';
|
|
18
|
+
export { CommonSelect, SelectItem } from './select/index.js';
|
|
17
19
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAQ,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAU,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAQ,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAU,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,kBAAS,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,4BAAmB,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAQ,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAU,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAU,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAS,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAU,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,iBAAQ,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,wBAAe,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAS,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAW,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAU,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAW,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAU,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"commonList.d.ts","sourceRoot":"","sources":["../../../../../src/components/list/commonList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAS,CAAC;AAE/C,QAAA,MAAM,UAAU,GAAI,KAAK,EAAG,OAAO,eAAe,CAAC,KAAK,CAAC,gCAExD,CAAC;AAQF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"imageList.d.ts","sourceRoot":"","sources":["../../../../../src/components/list/imageList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAS,CAAC;AAG/C,QAAA,MAAM,OAAO,GAAI,KAAK,EAAG,OAAO,eAAe,CAAC,KAAK,CAAC,gCAQrD,CAAC;AAYF,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/list/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,iBAAc,CAAC;AACtC,OAAO,SAAS,MAAM,gBAAa,CAAC;AAEpC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type FlatListProps, type ViewStyle } from 'react-native';
|
|
2
|
+
type Variant = 'primary' | 'secondary';
|
|
3
|
+
type SizeVariant = 's' | 'm' | 'l';
|
|
4
|
+
export declare const containerType: Record<Variant, ViewStyle>;
|
|
5
|
+
export interface CommonListProps<ItemT> extends FlatListProps<ItemT> {
|
|
6
|
+
type?: Variant;
|
|
7
|
+
size?: SizeVariant;
|
|
8
|
+
}
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/list/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAElE,KAAK,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;AACvC,KAAK,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnC,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,OAAO,EAAE,SAAS,CAGpD,CAAC;AAEF,MAAM,WAAW,eAAe,CAAC,KAAK,CAAE,SAAQ,aAAa,CAAC,KAAK,CAAC;IAClE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"circularProgressBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/progressBar/circularProgressBar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"circularProgressBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/progressBar/circularProgressBar.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,gBAAgB,EAA6B,MAAM,YAAS,CAAC;AAK3E,QAAA,MAAM,mBAAmB,GAAI,wCAM1B,gBAAgB,gCA0DlB,CAAC;AAMF,eAAe,mBAAmB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/progressBar/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/progressBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,wBAAqB,CAAC;AACpD,OAAO,mBAAmB,MAAM,0BAAuB,CAAC;AAExD,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"linearProgressBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/progressBar/linearProgressBar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"linearProgressBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/progressBar/linearProgressBar.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,YAAS,CAAC;AAGhD,QAAA,MAAM,iBAAiB,GAAI,kCAKxB,gBAAgB,gCA0ClB,CAAC;AAeF,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type CommonSelectItemProps, type CommonSelectProps } from './types.js';
|
|
3
|
+
export declare const SelectItem: (_props: CommonSelectItemProps) => null;
|
|
4
|
+
export declare const CommonSelect: ({ children, placeholder, value, onChange, style, }: CommonSelectProps) => React.JSX.Element;
|
|
5
|
+
//# sourceMappingURL=commonSelect.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"commonSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/select/commonSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,OAAO,EAAE,KAAK,qBAAqB,EAAE,KAAK,iBAAiB,EAAE,MAAM,YAAS,CAAC;AAO7E,eAAO,MAAM,UAAU,GAAI,QAAQ,qBAAqB,SAEvD,CAAC;AACF,eAAO,MAAM,YAAY,GAAI,oDAO1B,iBAAiB,sBAqGnB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAgB,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
import { type ViewProps } from 'react-native';
|
|
3
|
+
type SizeVariant = 's' | 'm' | 'l';
|
|
4
|
+
export interface CommonSelectProps extends ViewProps {
|
|
5
|
+
size?: SizeVariant;
|
|
6
|
+
value?: string;
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
onChange?: (value: string) => void;
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export interface CommonSelectItemProps extends ViewProps {
|
|
12
|
+
label: string;
|
|
13
|
+
value: string;
|
|
14
|
+
}
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/select/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,KAAK,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnC,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/slider/index.tsx"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/slider/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,YAAS,CAAC;AAI3C,eAAO,MAAM,YAAY,GAAI,YAAiB,WAAW,gCAyExD,CAAC"}
|
|
@@ -1 +1,10 @@
|
|
|
1
|
+
import { type ViewProps } from 'react-native';
|
|
2
|
+
type Variant = 'primary' | 'secondary';
|
|
3
|
+
type SizeVariant = 's' | 'm' | 'l';
|
|
4
|
+
export interface SliderProps extends ViewProps {
|
|
5
|
+
type?: Variant;
|
|
6
|
+
size?: SizeVariant;
|
|
7
|
+
labels?: (string | number)[];
|
|
8
|
+
}
|
|
9
|
+
export {};
|
|
1
10
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/slider/types.ts"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/slider/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,KAAK,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;AACvC,KAAK,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnC,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;CAC9B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"commonSwitch.d.ts","sourceRoot":"","sources":["../../../../../src/components/switch/commonSwitch.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"commonSwitch.d.ts","sourceRoot":"","sources":["../../../../../src/components/switch/commonSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAY,MAAM,YAAS,CAAC;AAOrD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,IAAgB,EAChB,IAAU,EACV,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,WAAW,+BAsDb"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { CommonText, CommonButton, CommonBadge, SafeAreaContainer, ScrollViewContainer, CommonIcon, CommonRating, CommonAvatar, CommonImage, CheckBox, CommonHeader, CommonCard, FoldableCard, LinearProgressBar, CircularProgressBar, CommonInput, CommonPopOver, CommonSwitch, SocialLoginButton, CommonSpinner, } from './components/index.js';
|
|
1
|
+
export { CommonText, CommonButton, CommonBadge, SafeAreaContainer, ScrollViewContainer, CommonIcon, CommonRating, CommonAvatar, CommonImage, CheckBox, CommonHeader, CommonCard, FoldableCard, LinearProgressBar, CircularProgressBar, CommonInput, CommonPopOver, CommonSwitch, SocialLoginButton, CommonSpinner, CommonSlider, CommonSelect, SelectItem, NumberBadge, } from './components/index.js';
|
|
2
2
|
export { ThemeProvider } from './theme/themeProvider.js';
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EACnB,WAAW,EACX,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,aAAa,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EACnB,WAAW,EACX,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,WAAW,GACZ,MAAM,uBAAc,CAAC;AACtB,OAAO,EAAE,aAAa,EAAE,MAAM,0BAAuB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kukkim/react-native-ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.6",
|
|
4
4
|
"description": "ui library for react native",
|
|
5
5
|
"main": "./lib/module/index.js",
|
|
6
6
|
"types": "./lib/typescript/src/index.d.ts",
|
|
@@ -83,6 +83,7 @@
|
|
|
83
83
|
"react": "19.2.0",
|
|
84
84
|
"react-native": "0.83.6",
|
|
85
85
|
"react-native-builder-bob": "^0.42.1",
|
|
86
|
+
"react-native-gesture-handler": "^3.0.0",
|
|
86
87
|
"react-native-reanimated": "^4.0.0",
|
|
87
88
|
"react-native-safe-area-context": "^5.8.0",
|
|
88
89
|
"react-native-svg": "^15.15.5",
|
|
@@ -94,6 +95,7 @@
|
|
|
94
95
|
"peerDependencies": {
|
|
95
96
|
"react": "*",
|
|
96
97
|
"react-native": "*",
|
|
98
|
+
"react-native-gesture-handler": ">=3.0.0",
|
|
97
99
|
"react-native-reanimated": ">=4.0.0",
|
|
98
100
|
"react-native-safe-area-context": ">=5.0.0",
|
|
99
101
|
"react-native-svg": "*",
|
|
@@ -2,14 +2,14 @@ import { StyleSheet, View, Pressable } from 'react-native';
|
|
|
2
2
|
import { CommonText } from '../text';
|
|
3
3
|
import { type FoldableCardProps } from './types';
|
|
4
4
|
import { useTheme } from '../../hooks/useTheme';
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
import Animated, {
|
|
6
|
+
FadeIn,
|
|
7
|
+
FadeOut,
|
|
8
|
+
LinearTransition,
|
|
9
|
+
} from 'react-native-reanimated';
|
|
10
10
|
|
|
11
|
-
//TODO:
|
|
12
|
-
|
|
11
|
+
//TODO: Animation이 여전히 부자연스러우니 수정필요.
|
|
12
|
+
const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
|
|
13
13
|
const FoldableCard = ({
|
|
14
14
|
children,
|
|
15
15
|
type = 'primary',
|
|
@@ -20,8 +20,7 @@ const FoldableCard = ({
|
|
|
20
20
|
const { theme } = useTheme();
|
|
21
21
|
return (
|
|
22
22
|
<View style={styles.container}>
|
|
23
|
-
<
|
|
24
|
-
// <AnimatedPressable
|
|
23
|
+
<AnimatedPressable
|
|
25
24
|
style={[
|
|
26
25
|
styles.titleContainer,
|
|
27
26
|
{
|
|
@@ -29,7 +28,7 @@ const FoldableCard = ({
|
|
|
29
28
|
},
|
|
30
29
|
]}
|
|
31
30
|
onPress={onPress}
|
|
32
|
-
|
|
31
|
+
layout={LinearTransition.duration(200)}
|
|
33
32
|
>
|
|
34
33
|
<CommonText
|
|
35
34
|
style={[
|
|
@@ -41,13 +40,11 @@ const FoldableCard = ({
|
|
|
41
40
|
>
|
|
42
41
|
{title}
|
|
43
42
|
</CommonText>
|
|
44
|
-
|
|
45
|
-
</Pressable>
|
|
43
|
+
</AnimatedPressable>
|
|
46
44
|
{value && (
|
|
47
|
-
<View
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
// exiting={FadeOut}
|
|
45
|
+
<Animated.View
|
|
46
|
+
entering={FadeIn}
|
|
47
|
+
exiting={FadeOut}
|
|
51
48
|
style={[
|
|
52
49
|
styles.contentContainer,
|
|
53
50
|
{
|
|
@@ -56,8 +53,7 @@ const FoldableCard = ({
|
|
|
56
53
|
]}
|
|
57
54
|
>
|
|
58
55
|
{children}
|
|
59
|
-
|
|
60
|
-
</View>
|
|
56
|
+
</Animated.View>
|
|
61
57
|
)}
|
|
62
58
|
</View>
|
|
63
59
|
);
|
|
@@ -15,7 +15,7 @@ import Kakaotalk from './Kakaotalk';
|
|
|
15
15
|
import Naver from './Naver';
|
|
16
16
|
// import { ArrowDownToLine } from './ArrowDownToLine';
|
|
17
17
|
// import { ArrowDownWideNarrow } from './ArrowDownWideNarrow';
|
|
18
|
-
|
|
18
|
+
import ChevronDown from './ChevronDown';
|
|
19
19
|
// import { RotateCw } from './RotateCw';
|
|
20
20
|
// export { SquareArrowOutUpRight } from './SquareArrowOutUpRight';
|
|
21
21
|
|
|
@@ -32,6 +32,7 @@ const iconMap = {
|
|
|
32
32
|
google: Google,
|
|
33
33
|
kakaotalk: Kakaotalk,
|
|
34
34
|
naver: Naver,
|
|
35
|
+
down: ChevronDown,
|
|
35
36
|
} as const;
|
|
36
37
|
|
|
37
38
|
export const CommonIcon = ({
|
package/src/components/index.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { CommonText } from './text';
|
|
2
2
|
export { CommonButton, SocialLoginButton } from './button';
|
|
3
|
-
export { CommonBadge } from './badge';
|
|
3
|
+
export { CommonBadge, NumberBadge } from './badge';
|
|
4
4
|
export { SafeAreaContainer, ScrollViewContainer } from './screenContainer';
|
|
5
5
|
export { CommonIcon } from './icon';
|
|
6
6
|
export { CommonRating } from './rating';
|
|
@@ -14,3 +14,5 @@ export { CommonInput } from './input';
|
|
|
14
14
|
export { CommonPopOver } from './popOver';
|
|
15
15
|
export { CommonSwitch } from './switch';
|
|
16
16
|
export { CommonSpinner } from './spinner';
|
|
17
|
+
export { CommonSlider } from './slider';
|
|
18
|
+
export { CommonSelect, SelectItem } from './select';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { FlatList, StyleSheet } from 'react-native';
|
|
2
|
+
import { type CommonListProps } from './types';
|
|
3
|
+
|
|
4
|
+
const CommonList = <ItemT,>(props: CommonListProps<ItemT>) => {
|
|
5
|
+
return <FlatList style={styles.container} {...props} />;
|
|
6
|
+
};
|
|
7
|
+
|
|
8
|
+
const styles = StyleSheet.create({
|
|
9
|
+
container: {
|
|
10
|
+
flex: 1,
|
|
11
|
+
},
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
export default CommonList;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { FlatList, StyleSheet } from 'react-native';
|
|
2
|
+
import { type CommonListProps } from './types';
|
|
3
|
+
// import { CommonImage } from "../image";
|
|
4
|
+
|
|
5
|
+
const ImgList = <ItemT,>(props: CommonListProps<ItemT>) => {
|
|
6
|
+
return (
|
|
7
|
+
<FlatList
|
|
8
|
+
style={styles.container}
|
|
9
|
+
// renderItem={({ item }) => <CommonImage title={item.title} />}
|
|
10
|
+
{...props}
|
|
11
|
+
/>
|
|
12
|
+
);
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
const styles = StyleSheet.create({
|
|
16
|
+
container: {
|
|
17
|
+
width: 'auto',
|
|
18
|
+
margin: 5,
|
|
19
|
+
padding: 5,
|
|
20
|
+
borderWidth: 1,
|
|
21
|
+
borderRadius: 3,
|
|
22
|
+
},
|
|
23
|
+
});
|
|
24
|
+
|
|
25
|
+
export default ImgList;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type FlatListProps, type ViewStyle } from 'react-native';
|
|
2
|
+
|
|
3
|
+
type Variant = 'primary' | 'secondary';
|
|
4
|
+
type SizeVariant = 's' | 'm' | 'l';
|
|
5
|
+
|
|
6
|
+
export const containerType: Record<Variant, ViewStyle> = {
|
|
7
|
+
primary: {},
|
|
8
|
+
secondary: {},
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
export interface CommonListProps<ItemT> extends FlatListProps<ItemT> {
|
|
12
|
+
type?: Variant;
|
|
13
|
+
size?: SizeVariant;
|
|
14
|
+
}
|
|
@@ -1,8 +1,16 @@
|
|
|
1
|
+
import { useEffect } from 'react';
|
|
1
2
|
import { StyleSheet, View } from 'react-native';
|
|
2
3
|
import Svg, { Circle } from 'react-native-svg';
|
|
4
|
+
import Animated, {
|
|
5
|
+
useAnimatedProps,
|
|
6
|
+
useSharedValue,
|
|
7
|
+
withTiming,
|
|
8
|
+
} from 'react-native-reanimated';
|
|
3
9
|
import { type ProgressBarProps, sizeType, strokeWidthType } from './types';
|
|
4
10
|
import { useTheme } from '../../hooks/useTheme';
|
|
5
11
|
|
|
12
|
+
const AnimatedCircle = Animated.createAnimatedComponent(Circle);
|
|
13
|
+
|
|
6
14
|
const CircularProgressBar = ({
|
|
7
15
|
type = 'primary',
|
|
8
16
|
size = 'm',
|
|
@@ -20,7 +28,19 @@ const CircularProgressBar = ({
|
|
|
20
28
|
const radius = (svgSize - strokeWidth) / 2;
|
|
21
29
|
const circumference = 2 * Math.PI * radius;
|
|
22
30
|
|
|
23
|
-
const
|
|
31
|
+
const animatedProgress = useSharedValue(0);
|
|
32
|
+
|
|
33
|
+
useEffect(() => {
|
|
34
|
+
animatedProgress.value = withTiming(progress, {
|
|
35
|
+
duration: 500,
|
|
36
|
+
});
|
|
37
|
+
}, [progress, animatedProgress]);
|
|
38
|
+
|
|
39
|
+
const animatedProps = useAnimatedProps(() => {
|
|
40
|
+
return {
|
|
41
|
+
strokeDashoffset: circumference * (1 - animatedProgress.value),
|
|
42
|
+
};
|
|
43
|
+
});
|
|
24
44
|
|
|
25
45
|
return (
|
|
26
46
|
<View style={[styles.container, style]} {...props}>
|
|
@@ -38,7 +58,7 @@ const CircularProgressBar = ({
|
|
|
38
58
|
fill="none"
|
|
39
59
|
/>
|
|
40
60
|
|
|
41
|
-
<
|
|
61
|
+
<AnimatedCircle
|
|
42
62
|
cx={svgSize / 2}
|
|
43
63
|
cy={svgSize / 2}
|
|
44
64
|
r={radius}
|
|
@@ -47,7 +67,7 @@ const CircularProgressBar = ({
|
|
|
47
67
|
fill="none"
|
|
48
68
|
strokeLinecap="round"
|
|
49
69
|
strokeDasharray={circumference}
|
|
50
|
-
|
|
70
|
+
animatedProps={animatedProps}
|
|
51
71
|
rotation="-90"
|
|
52
72
|
originX={svgSize / 2}
|
|
53
73
|
originY={svgSize / 2}
|